@charset "Shift_JIS";
/* CSS Document */
/* 
===================== 1.Universal reset ==========================
*/

img{
	border: none;
	margin: 0 auto;
	padding: 0 auto;
	height:auto;
	}
	/**html body img{IE6専用
		margin-bottom: -4px;
	}*/
.clear{
	clear: both;
	}

/* 
===================== 2.Body and base setting ====================
*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fce2b6;
	background-image:url(img/bg.gif);
	/*font-size: 12px;*/
	color: #663333;
	line-height: 28px;
	margin: 0;
	padding: 0;
	}
	
#grad{
	background-color: #fce2b6;
	width:100%;
	margin:  0 auto;
	padding:30px 0;
	}

#wrap {
	width:700px;
	margin: 0 auto;
	padding: 0 auto;
	}
		
#copyright{
	width: 700px;
	text-align:center;
	margin: 0 auto;
	padding:10px 0;
	}
	
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
	}

/* 
===================== 3.Content setting ====================
*/

/*---------ヘッダー--------*/

#top{
	width: 700px;
	margin: 0 auto;
	padding: 0 auto;
	text-align:center;
	}	
	
#box{
	width: 700px;
	margin: 0 auto;
	padding: 0 0 50px;
	}

/*---------フッター--------*/
.under_box{
	width:700PX;
	text-align:center;
	padding: 0 auto;
	margin: 0 auto;
	}	

/*---------- テキスト ----------*/

.box_txt{
	width:700px;
	color:#630;
	font-weight:bold;
	font-size: 18px;
	line-height: 1.2em;
	margin:0 auto;
	padding:15px 0;
	text-align:center;
	background-color: #FFF;   /* 背景色 */
	-moz-border-radius: 30px;    /* 古いFirefox */
	-webkit-border-radius: 30px; /* 古いSafari,Chrome */
	border-radius: 30px;         /* CSS3 */
	}
	
/*---------バナー--------*/

.cpn_bnr{
	text-align:center;
	padding: 10px 0;
	margin:20px 0 auto;
	width:700px;
	}
	
.cpn_bnr img{
	padding:0 auto;
	margin: 0 auto;
	}	

.cpn_txt{
	color:#630;
	font-weight:bold;
	font-size: 21px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0 0 5px;
	text-align:center;
	-moz-border-radius: 10px;    /* 古いFirefox */
	-webkit-border-radius: 10px; /* 古いSafari,Chrome */
	border-radius: 10px;         /* CSS3 */
	}
	
/*---------そのたバナー--------*/

.other_bnr{
	text-align:center;
	padding: 15px 0 0;
	margin:0 auto;
	}
			
	
/*--- TO TOP ---*/

.totop{
	text-align: right;
	margin: 25px auto 40px auto;
}
.totop a{
	background-color:#FFF;
	/*border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;*/
	padding: 10px 15px;
	color:#66C;	
	}
.totop a:hover{
	color:#C6C;
	}
.totop a:visited{
	color:#66C;
	}



/*===============================================
スマホ  画面横幅767pxまで
===============================================*/
@media screen and (max-width:767px){

body{
	font-size: 20px;
	line-height: 1.5em;
	width:100%;
	}
	
#grad{
	width:700px;
	background-repeat: no-repeat;
	}
	
#top{
	width: 100%;
	}	
	
#photo{
	width: 100%;
	}
	
.photo_img{
	width:100%;
	margin: 1% 0;
	padding: 0;
	}

.photo_img img{
	width:94%; 
	margin: 0; 
	padding: 3%;
	}
	
#box_bnr{
	width:100%;
	margin: 0 auto;
	padding:50px 0;
	}


	
/*---------おうぼのきまり--------*/

.oubo_txt{
	line-height: 21px;
	}

/*---------- テキスト ----------*/

.box_txt{
	width:92%;
	font-weight:bold;
	font-size: 16px;
	line-height: 1.5em;
	margin: 45px 2% 20px;
	padding:2%;
	}	


/*---------SNS--------*/	
#sns_box{
	width: 700px;
	}
	
.sns_ttl{
	padding:25px 0 5px;
	}	

#btn_box img{
	width:20%;
	float:none;
	margin: 0 auto;
	padding:20px;
	}	
	
} /* /@media */