﻿@charset "utf-8";
/*--------  sasakimitsuaki blog  style.css  -----------*/

/*--------  all  -----------*/

body {
  margin:0;
  padding:0;
  font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size/* */:/**/100%;
  font-size: /**/100%;
  background: #20dfff url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/headr.jpg) left top repeat-x;;
  }
a:link {
  color: #FF6600;
  text-decoration: underline;
  }
a:visited {
  color: #FF3300;
  text-decoration: underline;
  }
a:hover {
  color: #FFCC00;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }

.sp1 {
	color: #ff3300;
}

.sp2 {
	color: #ff3300;
	font-weight: bold;
}

.sp3 {
	color: #ff3300;
	font-weight: bold;
	line-height: 1.4;
}

.sp4 {
	font-size: 12px;
	color: #333;
}

.sp5 {
	font-size: 12px;
	color:#FF6600;
}

.sp6 {
	font-size: 13px;
	color: #333;
	line-height: 1.3;
}
/*--------  header  -----------*/

@media all {
  #header {
  	text-align: center;
    }
	
  #header img {
  width: 988px;
  margin: 0 auto;
    }
  }
@media handheld {
  #header {

    }
  }


/*--------  content  -----------*/

@media all {
  #content {
	margin: 0 auto;
	clear: both;
	width: 900px;
    }	
  #main {
  	clear: both;
  	width: 470px;
	padding: 20px 0 55px 0;
    float: left;
     }
	
  #sidebar {
    width: 350px;
	margin: 20px 0 0 30px;
    float: right;
    }
  }
@media handheld {
  #content {

    }
  #main {

    }
  #sidebar {

    }
  }


/* --------------  headings  ------------- */


/*--------  post  -----------*/

@media all {
  .date-header {
    width: 435px;
	height: 28px;
	color: #333;
	font-size: 100%;
    padding: 0;
	margin: 0;
/*	background: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/posthead.gif) left top no-repeat;  */
    }

  .post {
  	width: 420px;
    padding: 20px;
	margin: 0 0 50px 0;
	background-color: #FFF;
	border: solid 3px #A5A419;
	
/*  	background: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/postmid.gif) center top repeat-y;	*/
    }
  }
 
 
@media handheld {
  .date-header {

    }
  .post {

    }
  }
  
.post-body {
	color: #333;
	line-height: 2.0;
	padding: 0 ;	
}  

.post-body img {
	border: solid 5px #fff;
}

.post-title {
  width:420px;
  font-size:110%;
  line-height:1.3;
  color: #0099FF;
  }
.post-title a {
  text-decoration:none;
  color:#ad9;
  }
.post-title a:hover {
  color:#333;
  }
.post div {
  line-height:1.6em;
  }
p.post-footer {
  margin: 15px 0 0 0;
  color:#333;
/*  background: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/postbottom.gif) left bottom no-repeat;   */
  }
.post-footer em, .comment-link {
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  margin: 0 0 10px 0;
  font-size: 12px;
  font-style:normal;
  color: #ff6600;
  }
.comment-link {
  margin-left:.6em;
  font-size: 12px;
  }
  
  
/*

.post blockquote {
  margin:1em 20px;
  }

.post blockquote p {
  margin:.75em 0;
  }
*/

/*--------  comments  -----------*/

#comments h4 {
  margin:1em 0;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/*  ====================  sidebar Content  ==================  */


#sideinfo,
#sideprofile,
#sidemenu,
#sideorganic,
#sideaccess,
#sidelink,
#siderecently,
#sidearchives,
#sidefeeds {
	margin-bottom: 50px;
}

#sideinfo h2,
#sideprofile h2,
#sidemenu h2,
#sideorganic h2,
#sideaccess h2,
#sidelink h2,
#siderecently h2,
#sidearchives h2,
#sidefeeds h2 {
	font-size: 100%;
	color: #FF6600;
}


#sidebar ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	line-height: 1.8;
	font-size: 88%;
	list-style-type: circle;
	margin: 0 0 0 10px;
	padding: 0;
}

/*  ------------  sideinfo  ------------  */

#sideinfo {
	width: 310px;
    padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
}

#blog-title {
  line-height: 1.2;
  color: #FF6600;
  font-size: 110%;
  }

#blog-title a {
  color: #FF6600;
  text-decoration:none;
  }
#blog-title a:hover {
  color: #FF6600;
  }

#sideinfo #description {
  font-size: 84%;
  line-height: 1.3;
  color: #000;
  }




/*  ------------  sideprofile  ------------  */

#sideprofile {
/*	
	background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/profileback.gif);  
	background-repeat: no-repeat;
	background-position: left top;
*/
	width: 310px;
    padding: 20px;	
	background-color: #FFF;
	border: solid 3px #BB2A86;
}

#sideprofile p {
	width: 150px;
	height: 170px;
	padding: 0 0 0 140px;
	font-size: 12px;
	line-height: 1.3;
}

#mitsuakipro {
	background: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/mitsuaki.jpg) left top no-repeat;
}

#miwapro {
	background: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/miwa.jpg) left top no-repeat;
}




/*  ------------  sidemenu  ------------  */

#sidemenu {
/*
	background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/menuback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 542px;
    padding: 125px 0 0 70px;		
*/
	width: 310px;
	padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
}

#sidemenu p {
	width: 305px;
	line-height: 1.3;
	color: #333;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}




/*  ------------  sideorganic  ------------  */

#sideorganic {
/*
	background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/orgback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 353px;
	height: 281px;
    padding: 395px 0 0 70px;	
*/
	width: 310px;
	padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
}

#sideorganic p {
	width: 305px;
	font-size: 13px;
	line-height: 1.5;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}




/*  ------------  sideaccess  ------------  */

#sideaccess {
/*
	background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/accessback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 353px;
	height: 379px;
    padding: 160px 0 0 70px;	
*/
	width: 310px;
	padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
}

#sideaccess iframe {
	border: solid 5px #333;
}

#sideaccess p {
/*
	width: 305px;
	font-size: 13px;
*/
	line-height: 1.5;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}




/*  ------------  sidelink  ------------  */

#sidelink {
/*
	background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/linkback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 353px;
	height: 190px;
    padding: 138px 0 0 70px;	
*/
	width: 310px;
	padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
}

#sidelink p {
	font-size: 13px;
	line-height: 1.5;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}




/*  ------------  siderecently  ------------  */

#siderecently {
/*
	background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/recentlyback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 353px;
	height: 200px;
    padding: 138px 0 0 70px;	
*/
	width: 310px;
	padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
}




/*  ------------  sidearchives  ------------  */


#sidearchives  {
	width: 310px;
	padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
	margin: 0 0 35px 0;
}






/*--------  sidefeeds  -----------*/

#sidefeeds  {
/*
	background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/feedsback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 353px;
	height: 200px;
    padding: 138px 0 0 70px;
*/
	width: 310px;
	padding: 20px;
	background-color: #FFF;
	border: solid 3px #BB2A86;
	margin: 0 0 35px 0;
}


#powered-by {

}

#blogfeeds {

}
  
#postfeeds {
  
}




/*  ====================  profile  ==================  */

#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  }




/*  ====================  footer  ==================  */

#footer {
  clear:both;
  background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/footerline.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  text-align: center;
  }
#foot {
  clear:both;
  background-image: url(http://www.osyaregundan.com/blog/sasakimitsuaki/images/footerback.gif);
  width: 860px;
  height: 536px; 
  margin: 0 auto;
  text-align: left;
  }

#foot p {
	font-size: 12px;
	line-height: 1.5;
}

#foot #fsalon {
	padding: 300px 0 0 80px ;
}

#foot #copy {
  padding: 90px 0 0 0;
  color: #000;
  text-align: center;
  }


  
  
  
  