@charset "UTF-8";
* {	margin: 0px;padding: 0px;}/**/
body, html {height: 100%;}/**/

body {
	margin: 0;
	padding: 0;
	font-size: 17px;
	line-height: 1.9;
	color: #000;
	font-family: "YuGothic", 'Yu Gothic', '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

a{
	margin: 0px;
	padding: 0px;
}

p{margin-top:20px;}

ul,li{ margin: 0; padding: 0; list-style:none; }

#wrapper{
	margin: 0 auto;
	background-attachment: fixed;
	background-image:url(../images/back.jpg) ;
	background-repeat: repeat-y;
	background-position: center bottom;
	}
#title{
	width:800px;
	margin:0 auto;
	text-align:left;
	padding-top:30px;
	font-size:85%;
	line-height:1.9;
	font-weight:bold;}

#title li{
	float:left;
	margin-left:0px;}

.pdt20{
	padding-left:70px;
	padding-top:50px;}

#book{
	width:820px;
	margin:0 auto;
	padding-top:40px;
	text-align:left;
	line-height:1.5;
	font-size: 15px;}

#book li{
	float:left;
	margin-left:0px;}
.pdt10{
	padding-left:30px;
	padding-top:50px;}

.cent{
	text-align:center;}
	
.comment   {  
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	width:550px;
	margin:0 auto;
	background-color:#eaf6fd;
	margin-top:50px;
}  

.comment-f{
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	color:#534741;
	width:464px;
	margin:0 auto;}

.line{
	width:790px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;}

.honmon{
	width:488px;
	margin:0 auto;
	text-align:left;}
.bunner{
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;}

.midashi{
	font-size:100%;
	line-height:1.5;
	color:#930f15;
	font-weight:bold;
	text-align:left;
	padding-top:80px;
	padding-bottom:20px;
	margin:0 auto;}



.name{
	font-size:150%;
	line-height:1.5;
	font-weight:bold;}
	
.a_day {
	font-size: 13px;
	line-height: 1.4;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:1px;
	text-align:center;
	padding:20px;
	}


#navi{
	width:700px;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:50px;
}


#navi li{
	float:left;
	margin-left:70px;}

#navitop{
	text-align:center;
	padding-top:60px;}

#copy{
	text-align:center;
	font-size:80%;
	margin-bottom:50px;
	font-weight:bold;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


.ph{margin:0 auto;
width:800px;
padding-top:20px;
padding-bottom:20px;
text-align:center;}
	
.cap{
	color:#666666;
	font-size:80%;}


/*　リンク　*/

a:link{ color: #004A98; text-decoration: none; }
	 
a:visited{ color: #808080; text-decoration: none; }
	 
a:hover{ color: #079724; text-decoration: none; }

/*スマホ* --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
		body, #wrapper{width:100%;background-color:#fff; background-image : none; margin: 0 auto;}
		img{max-width:95%;height:auto;}
		.rss_content{width:95%; margin: 0 auto;}
		.honmon{width:90%; margin:0 auto;}
		#title{width:100%; margin: 0 auto; padding:0;}
		.pdt20, .pdt10{padding-left:5px;　padding-top:0px;}
		.navi{width:100%; margin: 0 auto;}
		#title li, #navi li, #book li{float:none;}
		#book, .cent{width:100%; margin:0 auto; text-align:left;}
		#navi li{width:60%; margin:0 auto;padding-bottom:20px;}
		.comment{width:100%; margin:0 auto; margin-top:30px;}
		.comment-f{width:90%; margin:0 auto;}
}
/* CSS Document */