@charset "utf-8";
/*
Theme Name: yashiro-yasai
Theme URI: http://theme.o2gp.com/
Description: tpl_021_rwd
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

body{
color:#333;
font-size:13px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust:100%;
}


/* リンク設定
------------------------------------------------------------*/
a{color:#74b4df;text-decoration:none;}
a:hover{color:#006699;}
a:active, a:focus {outline:0;}



/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding: 0;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}

#main{
width:100%;
padding:0;
}

.bg-color-yellow{
	background: #fdf2e5;
	padding: 50px 0;
	margin: 0;
	overflow: hidden;
}
.bg-color-yellow .inner{
	width: 1100px;
}
.bg-color-white{
	background: #ffffff;
	padding: 50px 0;
	margin: 0;
	overflow: hidden;
}
.bg-color-white .inner{
	width: 1100px;
}

.bg-color-news{
	background: #fdf2e5;
	padding: 50px 0;
	margin: 0;
	overflow: hidden;
}


/*************
/* ヘッダー
*************/
#h1Box{
	background: #f08300;
	width: 100%;
	margin: 0 0 23px 0;
	padding: 0;
}
#h1Box h1{
	width: 1100px;
	color: #FFFFFF;
	font-size:14px;
	text-align: left;
	padding: 5px 0;
	margin: 0 auto;
}

#header{
height: auto;
}

.headerLeft{
	float: left;
}




/*************
/* ロゴ
*************/

.logo img{
width:auto;
padding:0 0 27px 0;
}



/*************
/* 電話番号
*************/
.info{
float:right;
text-align:right;
padding-top: 27px;
}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
clear:both;
padding:0;
margin: 0 auto;
width:100%;
height: 531px;
text-align: center;
background: #fdf2e5;
text-align: center;
}

.mainBannerBox{
	width: 1100px;
	margin: 0 auto;
}

#mainBanner img{
max-width: 1100px;
width: 100%;
height:auto;
padding: 0;
margin: 0 auto;
}


/**************************
/* スライドショー
**************************/
#imageContainer {
		position:relative;
		max-width:1100px;
		margin:auto;
	}

	#imageContainer img {
		display:none;
		top:0; left:0;
		position:absolute;
		max-width: 100%;
	}


/**************************
/* グリッド
**************************/
.gridWrapper{
clear:both;
padding-bottom:20px;
overflow:hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
overflow:hidden;
border-radius:5px;
}

.box{
margin:0 5px;
overflow: hidden;
}

.box img{
max-width:100%;
height:auto;
}

.box h3{padding:10px 0 5px; color: #009f8c; font-size: 180%;}

.box p{text-align:left; font-size: 110%; color: #666666;}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}


/*************
メイン コンテンツ
*************/
section.content article{
padding:0;
overflow:hidden;
}

section.toppage article,section.content .archive{border:0;}
section.toppage{margin:0 15px;}


/* アーカイブページ */
section.content .archive{
padding:0;
border-bottom:1px dotted #ccc;
}

section.content p{margin-bottom:0px;}


h3.heading{
	text-align: center;
	padding: 37px 0;
	background: #f08300;
	margin: 6px 0 0 0;
	color: #ffffff;
	font-size: 180%;
}

section.content img{
max-width:100%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}


/*************
/* サイドバー
*************/
#sidebar article{
clear:both;
margin-bottom:20px;
}

#sidebar ul{padding-top:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dotted #D6D6D6;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
font-size:12px;
display:block;
color:#333;
}

#sidebar li a:hover{
color:#888;
}


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
background: #fff;
padding:10px 10px 20px 10px;
border-top: solid 4px #f08300;
text-align: center;
}
.footerTxt{
padding-top: 10px;
font-size: 120%;
}

* html #footer{height:1%;}

#footer a{color:#333;}
#footer a:hover{color:#888;}

#copyright{
background: #f08300;
clear:both;
padding:20px 0;
text-align:center;
font-style:normal;
font-size:120%;
color:#ffffff;
margin: 0;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{float:left}
.next{float:right;}

#pageLinks{
clear:both;
text-align:center;
}





/* タイポグラフィ
*****************************************************/
.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:40px; font-size: 120%; color: #666666;}



.post ul li{
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin:0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color:#000;
border-bottom:3px solid #cf6a88;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color:#333;
border-bottom:2px solid #cf6a88;
}



.post blockquote{
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}



.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter{
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:1100px){
	
	.navBg{
	background: #fff;
	width: 100%;
	height: 66px;
	clear: both;
	overflow: hidden;
	border-top: solid 1px #f08300;
	border-bottom: solid 1px #f08300;
	}
	nav div.panel{
	display:block !important;
	float:left;
	}

	a#menu{display:none;}
	
  nav#mainNav{
	clear:both;
	z-index:200;
	position:relative;
	}
	
	nav#mainNav .inner{
	width: 840px;
	padding:0 14px;
	margin: 0 auto;
	}
	
	nav#mainNav ul li{
	float:left;
	position:relative;
	padding-top: 15px;
	}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size:14px;
	width:135px;
	height: auto;
	padding-top:4px;
	color:#f08300;
	border-left:1px solid #f08300;
	}
	nav#mainNav ul .first a{border-left:0;}

	nav#mainNav ul li a span,nav#mainNav ul li a strong{display:block;}

	nav#mainNav ul li a span{
	color:#cdcdcd;
	font-size:10px;
	}
	
	nav#mainNav ul ul{width:160px;background:#f9f9f9;}
	nav#mainNav ul li ul{display:none;}

	nav#mainNav ul li:hover ul{
	display:block;
	position:absolute;
	top:45px;
	left:-2px;
	z-index:500;
	}
	
	nav#mainNav ul li li{
	margin:0;
	float:none;
	width:160px;
	border:0;
	}
  nav#mainNav li li:last-child{border:0;}
	
	nav#mainNav ul li li a{
	width:auto;
	height:auto;
	padding:10px;
	font-size:95%;
	text-align:left;
	border:0;
	}

	nav#mainNav ul li li span{padding:0 10px;}
	
	nav#mainNav li.current-menu-item li a{
	color:#333;
	}

	nav#mainNav li.current-menu-item a,nav#mainNav li a:hover,nav#mainNav li.current-menu-item li a:hover{
	color:#9acfc7;
	}

	#header,.inner{
	width:1100px;
	padding:0;
	margin:0 auto;
	}
	
	#wrapper{padding-bottom:20px;}
	
	
	
	
	
	.logo{width:500px;}

	
	/* グリッド全体 */
	.gridWrapper{
	border-collapse:separate;
	border-spacing:20px;
	padding-top: 40px;
	}
	
	/* グリッド */
	.grid{
	width:100%;
	padding-bottom: 40px;
	}
	
	/* footer */
	.footerBox{
		padding: 40px 0;
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
	}
	.footerLeft{
		float: left;
		width: 50%;
	}
	.footerTime{
		font-size: 100%;
		color: #666666;
		padding: 10px 0;
	}

	.footerLeft table{
		text-align: center;
		width: 467px;
		border-bottom: solid 1px #666666;
		border-right: solid 1px #666666;
		font-size: 100%;
		color: #666666;
	}
	.footerLeft table th{
		text-align: center;
		background: #e7f4f3;
		border-top: solid 1px #666666;
		border-left: solid 1px #666666;
		padding: 10px;
	}
	.footerLeft table td{
		text-align: center;
		background: #ffffff;
		border-top: solid 1px #666666;
		border-left: solid 1px #666666;
		padding: 10px;
	}
	.footerRight{
		float: right;
		width: 50%;
	}
	.footerRight iframe{
		width: 260px;
		height: 275px;
		float: left;
		padding-right: 20px;
	}
	.footerRight .fb-page{
		float: right;
		width: 500px;
		height: 275px;
	}

	/* ------------------------------固定ページ--------------------------------- */
	.pageMain{
		width: 1100px;
		margin: 0 auto;
	}
	.left{
		float: left;
	}
	.right{
		float: right;
	}
	
	
	/* ------------------------------index--------------------------------- */	
	.idxTtlBox{
		display: block;
		position: relative;
		width: 1100px;
		margin: 0 auto;
	}
	.idxTtl{
		padding: 50px 0;
		text-align: center;
	}
	.idxImg01{
		position: absolute;
		top: -112px;
		right: -40px;
	}
	.idxLeft{
		float: left;
		padding-left: 48px;
	}
	.idxRight{
		float: right;
	}
	.idxTxt01{
		font-size: 14px;
		line-height: 180%;
		color: #666666;
		padding-bottom: 20px;
	}
	.idxTxtBox{
		width: 600px;
	}
	.bnrBox{
		width: 1100px;
		margin: 0 auto;
		padding: 50px 0;
		overflow: hidden;
	}
	/* マウスオーバー時 */
	.bnrBox a:hover img{
       opacity:0.9; /* opera firefox safari */
       filter: alpha(opacity=90); /* ie */
	   zoom: 1; /* IE6、IE7用 */
    }
	.bnrLeft01{
		float: left;
	}
	.bnrLeft02{
		float: left;
		padding-left: 40px;
	}
	.bnrRight{
		float: right;
	}
	.postTxt01{
		width: 500px;
		float: left;
	}
	.postTxt03{
		width: 500px;
		float: right;
	}
	.postTxt03 h3{
		border-bottom: solid 1px #009f8c;
		color: #009f8c;
		margin-bottom: 20px;
	}
	.postMovie01{
		float: right;
		width: 350px;
	}
	.postMovie02{
		float: left;
		width: 350px;
	}
	.postWidth{
		width: 900px;
		margin: 0 auto;
		overflow: hidden;
	}
	.moreMovie{
		font-size: 120%;
		background: #009f8c;
		color: #FFFFFF;
		padding:5px 10px;
		border-radius: 5px;        /* CSS3草案 */  
	    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 5px;   /* Firefox用 */  
		float: right;
	}
	.moreMovie a{
		color: #FFFFFF;
	}
	.postNews-width{
		width: 780px;
		margin: 0 auto;
	}
	.newsBox{
		padding-top: 40px;
	}
	.newsBox h3{
		font-size: 180%;
		color: #333333;
		padding-bottom: 20px;
	}
	.postTxt02{
		font-size: 120%;
		line-height: 180%;
		color: #333333;
		border-bottom: solid 1px #333333;
		margin-bottom: 40px;
		padding-bottom: 10px;
	}
	
	
	/* ------------------------------goods--------------------------------- */		
	.goodsBox-left{
		width: 526px;
		float: left;
	}
	.goodsBox-right{
		width: 526px;
		float: right;
	}
	.goodsBox-ph{
		float: left;
	}
	.goodsBox-txt{
		float: right;
		width: 230px;
	}
	.goods{
		overflow: hidden;
		padding-bottom: 50px;
	}
	
	
	/* ------------------------------about--------------------------------- */	
	.conseptTxt01{
		text-align: center;
		font-size: 35px;
		color: #f08300;
		padding-bottom: 30px;
	}
	.conseptTxt02{
		text-align: center;
		font-size: 24px;
		color: #666666;
		line-height: 200%;
	}
	.aboutTable{
		width: 100%;
		background: #fff;
		text-align: left;
		border: solid 1px #c9caca;
		border-bottom: none;
		font-size: 16px;
	}
	.aboutTable th{
		background: #fdf2e5;
		padding: 20px ;
		text-align: center;
		border-bottom: solid 1px #c9caca;
	}
	.aboutTable td{
		background: #fff;
		padding: 20px 0 20px 50px;
		border-bottom: solid 1px #c9caca;
	}
	.aboutImg{
		text-align: center;
		margin-top: 80px;
		width: 100%;
		padding: 0;
	}


	
	
	/* ------------------------------info--------------------------------- */	
	.pageMain-form{
		width: 800px;
		margin: 0 auto;
	}
	
	
	
}



















@media only screen and (max-width:959px){
	*{
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
         -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
	}
	
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
  border:1px solid #e4e4e4;
	border-left:0;
	border-right:0;
	}

	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	}

	nav#mainNav a#menu span{
	padding-left:10px;
	color:#333;
	}
	nav#mainNav a.menu span:before{content:"→ ";}
	nav#mainNav a.menuOpen span:before{content:"↓ ";}

	nav#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}
	
	nav#mainNav ul{margin:0;padding:0;}

  nav#mainNav ul li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	color:#f08300;
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	}
	
 	nav#mainNav ul li a span{padding-left:10px;}
	
	
	nav#mainNav ul > li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	color:#888;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
	padding-left:40px;
	background:url(images/sub1.png) no-repeat 20px 18px;
	}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{background:url(images/sub1.png) no-repeat 20px -62px;}

	nav#mainNav ul li li:last-child a{background:url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:url(images/subLast.png) no-repeat 20px -65px;}

	nav div.panel{float:none;}

	
	
	
/* アーカイブページ */
section.content .archive{
padding:0;
border-bottom:1px dotted #ccc;
}

section.content p{margin-bottom:0px;}


h3.heading{
	text-align: center;
	padding: 10px 0;
	background: #f08300;
	margin: 6px 0 0 0;
	color: #ffffff;
	font-size: 180%;
}
	h3.heading img{
		width: 100%;
	}

section.content img{
max-width:100%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}


/*************
/* サイドバー
*************/
#sidebar article{
clear:both;
margin-bottom:20px;
}

#sidebar ul{padding-top:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dotted #D6D6D6;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
font-size:12px;
display:block;
color:#333;
}

#sidebar li a:hover{
color:#888;
}

	

/*************
/* ヘッダー
*************/
#h1Box{
	background: #f08300;
	width: 100%;
	margin: 0 0 23px 0;
	padding: 0;
	text-align: center;
}
#h1Box h1{
	width: 100%;
	color: #FFFFFF;
	font-size:14px;
	text-align: left;
	padding: 5px 0;
	margin: 0 auto;
	text-align: center;
}

#header{
height: auto;
}

.headerLeft{
	float: none;
	text-align: center;
	width: 100%;
}





/*************
/* ロゴ
*************/

.logo img{
width:70%;
padding:0 0 27px 0;
}




/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
clear:both;
padding:0;
margin: 0 auto;
width:100%;
height: auto;
text-align: center;
background: #fdf2e5;
}
.mainBannerBox{
	width: 100%;
	margin: 0 auto;
}

#mainBanner img{
max-width: 1100px;
width: 100%;
height:auto;
padding: 0;
margin: 0 auto;
}

/**************************
/* スライドショー
**************************/
#imageContainer {
		position:relative;
		max-width:100%;
		margin:auto;
	padding-bottom: 48%;
	}

	#imageContainer img {
		display:none;
		top:0; left:0;
		position:absolute;
		max-width: 100%;
	}


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
background: #fff;
padding:10px 10px 20px 10px;
border-top: solid 4px #f08300;
text-align: center;
}
	#footer img{
		width: 80%;
	}
.footerTxt{
padding-top: 10px;
font-size: 120%;
}

* html #footer{height:1%;}

#footer a{color:#333;}
#footer a:hover{color:#888;}

#copyright{
background: #f08300;
clear:both;
padding:20px 0;
text-align:center;
font-style:normal;
font-size:120%;
color:#ffffff;
margin: 0;
}
	
	/* ------------------------------固定ページ--------------------------------- */
	.pageMain{
		width: 95%;
		margin: 0 auto;
	}
	.left{
		float: left;
	}
	.right{
		float: right;
	}
	
	
	/* ------------------------------index--------------------------------- */	
	.idxTtlBox{
		display: block;
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	.idxTtl{
		padding: 10px 0 20px 0;
		text-align: center;
	}
	.idxTtl img{
		width: 100%;
	}
	.idxImg01{
		display: none;
	}
	.idxLeft{
		float: none;
		padding-left: 0px;
		text-align: center;
	}
	.idxLeft img{
		width: 100%;
	}
	.idxRight{
		float: none;
		text-align: center;
	}
	.idxTxt01{
		text-align: center;
		font-size: 14px;
		line-height: 180%;
		color: #666666;
		padding: 10px 0 20px 0;
	}
	.idxTxtBox{
		width: 100%;
	}
	.bnrBox{
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
		overflow: hidden;
	}
	.bnrBox img{
		width: 80%;
	}
	/* マウスオーバー時 */
	.bnrBox a:hover img{
       opacity:0.9; /* opera firefox safari */
       filter: alpha(opacity=90); /* ie */
	   zoom: 1; /* IE6、IE7用 */
    }
	.bnrLeft01{
		float: none;
		padding-bottom: 10px;
		text-align: center;
	}
	.bnrLeft02{
		float: none;
		padding:0 0 10px 0;
		text-align: center;
	}
	.bnrRight{
		float: none;
		padding-bottom: 10px;
		text-align: center;
	}
	.postTxt01{
		width: 100%;
		float: none;
	}
	.postTxt03{
		width: 100%;
		float: none;
	}
	.postTxt03 h3{
		border-bottom: solid 1px #009f8c;
		color: #009f8c;
		margin-bottom: 20px;
	}
	.postMovie01{
		float: none;
		width: 100%;
	}
	.postMovie02{
		display: none;
	}
	.postWidth{
		width: 95%;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.postNews-width{
		width: 95%;
		margin: 0 auto;
	}
	.newsBox{
		padding-top: 40px;
	}
	.newsBox h3{
		font-size: 130%;
		color: #333333;
		padding-bottom: 20px;
	}
	.postTxt02{
		font-size: 120%;
		line-height: 180%;
		color: #333333;
		border-bottom: solid 1px #333333;
		margin-bottom: 40px;
		padding-bottom: 10px;
	}
	.idxTtl-06{
		text-align: center;
		padding: 0;
	}
	.idxTtl-06 img{
		width: 25%;
	}
	
	
	/* ------------------------------goods--------------------------------- */		
	.goodsBox-left{
		width: 49%;
		float: left;
		text-align: center;
	}
	.goodsBox-right{
		width: 49%;
		float: right;
		text-align: center;
	}
	.goodsBox-ph{
		float: none;
		padding: 0;
		margin: 0;
	}
	.goodsBox-ph img{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.goodsBox-txt{
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.goods{
		overflow: hidden;
		padding-bottom: 0px;
	}
	.calenderPh{
		padding: 0;
		margin: 0;
	}
	
	
	/* ------------------------------about--------------------------------- */	
	.conseptTxt01{
		text-align: center;
		font-size: 35px;
		color: #f08300;
		padding-bottom: 30px;
	}
	.conseptTxt02{
		text-align: center;
		font-size: 24px;
		color: #666666;
		line-height: 200%;
	}
	.aboutTable{
		width: 100%;
		background: #fff;
		text-align: left;
		border: solid 1px #c9caca;
		border-bottom: none;
		font-size: 16px;
	}
	.aboutTable th{
		background: #fdf2e5;
		padding: 10px;
		text-align: center;
		border-bottom: solid 1px #c9caca;
		width: 20%;
	}
	.aboutTable td{
		background: #fff;
		padding: 10px;
		border-bottom: solid 1px #c9caca;
	}
	.aboutImg{
		display: none;
	}

	
		
	/* ------------------------------info--------------------------------- */	
	.pageMain-form{
		width: 95%;
		margin: 0 auto;
	}
	
	
	
	
	
	
.bg-color-yellow{
	background: #fdf2e5;
	padding: 20px 0;
	margin: 0;
	overflow: hidden;
}
.bg-color-yellow .inner{
	width:95%;
	margin: 0 auto;
}
.bg-color-white{
	background: #ffffff;
	padding: 20px 0;
	margin: 0;
	overflow: hidden;
}
.bg-color-white .inner{
	width:95%;
	margin: 0 auto;
}

.bg-color-news{
	background: #f9ead7;
	padding: 20px 0;
	margin: 0;
	overflow: hidden;
}

	
	#main{padding-top:15px; width: 100%;}
	section.toppage{margin:0;}
	#sidebar{padding-bottom:15px;}
	#sidebar article{padding:7px 8px;}
	
	#footer .grid,#footer ul.footnav{float:none;width:100%;text-align:center;}
	ul.footnav li{float:none;display:inline-block;}
	
	.grid{
	float:none;
	width:95%;
	margin: 0 auto;
	}

	#footer .grid img,#footer .info{float:none;}
	#footer .grid p{display:block;}
	#footer #info .info{float:none;text-align:center;}
	#footer.logo,#footer .info{width:100%;float:none;}
	#footer .logo p{float:none;display:block;	}
	#footer .logo img{float:none;padding:0;}
}

@media only screen and (max-width:640px){
	#header{height:auto;padding-bottom:10px;}
	
	#header h1,.logo,.info{text-align:center;}
	
	.logo,.info{clear:both;width:100%;float:none;}
	
	.logo p{float:none;display:block;}
	.logo img{float:none;padding:0;}
	
	.box img{
	float:left;
	margin-right:5px;
	}
	
	.box h3{padding-top:0;}

  .alignleft,.alignright,img.alignleft,img.alignright{float:none;display:block;margin:0 auto 10px;}
}

@media only screen and (max-width:480px){
	.grid{width:100%;margin:10px 0;}
	.box img{max-width:100px;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
}








/* 必須マーク */
.must {
	background: #FF1A00;
}

/* 任意マーク */
.free {
	background: #999;
}

.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}
/* 送信ボタン */
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #F90;  
}

/* 送信ボタン中央寄せ */
.center {
	text-align:center;
}


/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 8px 15px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}