@charset "utf-8";
/* =============================================================================

	特集用CSS（レスポンシブWEBデザイン）
	ヘッダー＆フッター、印刷用、基本設定、ナビゲーションは基本的にはそのまま使用。
	（背景、サイズ変更、余白の調整など必要に応じて書き換えて下さい）
	特集用以下にCSSを追加記述して下さい。

============================================================================= */

/*----------------------------------------
ヘッダー＆フッター
----------------------------------------*/
#wrapper-fuk #header_nav,
#wrapper-fuk #footer_nav {
  display: none;
}
.ie #wrapper-fuk #t-header,
.ie #wrapper-fuk #all-footer,
.ie .smp-area {
  display: none;
}
#change-area,
.calendar-popup,
.modal-popup,
#adArea {
  display: none;
}
/*----------------------------------------
 印刷用
----------------------------------------*/
@media print{
	#wrapper-fuk #header_tablet,
	#wrapper-fuk #footer_tablet,
	#wrapper-fuk #header_mobile,
	#wrapper-fuk #footer_mobile,
	#wrapper-fuk .smart_area {
		display: none;
	}
}
/*----------------------------------------
 基本設定
----------------------------------------*/
#wrapper-fuk{
	min-width: 100%;
}
#contents_bg {
	background: ;/*背景色・画像を使いたい場合に利用*/
}
#contents {
	background: #fff;
	color: #333;
	text-align: left;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 960px;
	z-index: 1;
	*zoom: 1;
}
#contents * {
	font: 14px/1.6 Verdana, Roboto, 'Droid Sans', sans-serif,  Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック';
}
/* リンク設定 */
#contents a:link {
	color: #1E51C6;
	text-decoration: none;
}
#contents a:visited {
	color: #1E51C6;
	text-decoration: none;
}
#contents a:hover {
	color: #00A8EC;
	text-decoration: underline;
}
#contents a:active {
	color: #00A8EC;
	text-decoration: none;
}
/*ボタン風リンク*/
#contents a.btn {
	border: solid 1px #bbb;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2),1px 1px 1px #fff inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2),1px 1px 1px #fff inset;
	display: block;
	margin: 0 2px 5px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	*zoom: 1;
}
#contents a.btn:link {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff',  endColorstr='#dddddd');
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -webkit-linear-gradient(top, #fff, #ddd);
	background: linear-gradient(to bottom, #fff, #ddd);
	color: #333;
}
#contents a.btn:visited {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff',  endColorstr='#dddddd');
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -webkit-linear-gradient(top, #fff, #ddd);
	background: linear-gradient(to bottom, #fff, #ddd);
	color: #333;
}
#contents a.btn:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f7f7',  endColorstr='#ccd9d8');
	background: -moz-linear-gradient(top, #f4f7f7, #ccd9d8);
	background: -webkit-linear-gradient(top, #f4f7f7, #ccd9d8);
	background: linear-gradient(to bottom, #f4f7f7, #ccd9d8);
	color: #5e7d7b;
}
#contents a.btn:active {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f4f7f7',  endColorstr='#ccd9d8');
	background: -moz-linear-gradient(top, #f4f7f7, #ccd9d8);
	background: -webkit-linear-gradient(top, #f4f7f7, #ccd9d8);
	background: linear-gradient(to bottom, #f4f7f7, #ccd9d8);
	color: #5e7d7b;
}


/* 問い合わせTEL */
/* .footer-tel {
	clear: both;
	border: 1px solid #666;
	background: #fff;
	padding: 10px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 1em;
}
#contents .footer-tel h5 {
	border-bottom: 1px dotted #666;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
#contents .footer-tel dt {
	font-size: 1.8em;
	font-weight: bold;
	float: left;
	width: 50%;
}
#contents .footer-tel dt small {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: .7em;
	margin-left: .5em;
}
#contents .footer-tel .icon-phone {
	color: #e00;
	font-size: 2em;
	font-weight: bold;
}
.footer-tel .icon-phone {
	margin-left: 0;
}
.footer-tel .eigyo {
	background: #666;
	border-radius: 10px;
	color: #fff;
	padding: 1px 5px;
	margin-right: .5em;
}
 */

@media screen and (max-width: 959px) {
		#contents a {
			display: block;
		}
	#headContainer #header #headerUtility {
		height: auto;
	}
}
/*----------------------------------------
 ナビゲーション
----------------------------------------*/
#contents nav{
	clear: both;
}
/* パンくず */
#contents #pankuzu {
	margin: 5px 10px;
	text-align: left;
}
#contents #pankuzu li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#pankuzu li + li {
	background: url(../img/ico_sign.png) left center no-repeat;
	margin: 0 5px;
	padding-left: 15px;
}
/* PageTopに戻る */
#gotop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
#gotop a{
	background: #000;
	border-radius: 10px;
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 1.4;
	padding: 25px;
	text-align: center;
	text-decoration: none;
	filter:alpha(opacity=80);
	opacity: 0.8;
}
#gotop a:hover {
	background: #999;
	text-decoration: none;
}
/*----------------------------------------
 汎用セレクタ・クラス
----------------------------------------*/
#contents h1,#contents h2,#contents h3 {
	font-weight: bold;
	font-size: 1.5em;
}
#contents p {
	margin-bottom: 2em;
}
#contents section {
	clear: both;
	overflow: hidden;
	padding-bottom: 3em;
	text-align: left;
	*zoom: 1;
}
/* clearfix */
#contents .cf:before,
#contents .cf:after {
	content: "";
	display: block;
	overflow: hidden;
	clear: both;
}
#contents .cf {
	*zoom: 1;
}

/*----------------------------------------
特集用　▼ここから記述
----------------------------------------*/
#contents table{
 width:100%;
 margin:10px 0;
 border:1px #CCC;
}
#contents article div{
	margin:10px 0;
}

#contents .hajime{
	background: #FF0669;
	color: #FFF;
}
#contents .hajime2{
	background: #064BFF;
	color: #FFF;
}
#contents table th{
 border:1px #CCC solid;
 width:180px;
 padding:2px 5px;
 text-align:center;
}
#contents table th a{
 display :block;
}

#contents table tr,#contents table td{
 border:1px #CCC solid;
 text-align:center;
}

#contents .price{
 font-size:18px;
 color:#F00;
/* letter-spacing:0.1em;*/
 margin:0 5px;
}

#contents .yen{
 font-size:12px;
}
#contents .tel_fuk img{
	margin-bottom:45px;
}


/*----------------------------------------
タブレット・スマホ対応
----------------------------------------*/
@media screen and (min-width: 960px) {
	#wrapper-fuk{
		min-width:964px;
	}
	#wrapper-fuk #header_nav,
  	#wrapper-fuk #footer_nav {
    display: block;
    }
    #wrapper-fuk #t-header,
    #wrapper-fuk #all-footer,
    .fair-nav-fix,
    .drawer-nav {
    display: none;
    }
}
@media screen and (max-width: 959px) {
	#contents {
		line-height: 1.7;
		width: 98%;
		padding: 0 1%;
	}
	#wrapper-fuk #header_nav,
  	#wrapper-fuk #footer_nav {
    display: none;
    }
	#contents input,#contents select {
		width: 100%;
		height: 40px;
		font-size: 1.2em;
	}
	#contents #pankuzu {
		margin: 5px 0;
	}
	#gotop a {
		padding: 10px;
	}
	#contents .img_100 {
		width: 100%;
	}
	#contents .footer-tel dt {
		float: none;
		width: auto;
		}
}
@media screen and (min-width: 641px) and (max-width: 959px) {
	/*タブレット用がいるときはココに記述*/
}
@media screen and (min-width: 641px) {
	#contents .smart_area { /*PCでは非表示*/
		display: none;
	}
}
@media screen and (max-width: 640px) {
	#contents .pc_area { /*スマホでは非表示*/
		display: none;
	}
	#contents a.btn {
		display: block;
		padding: 5px;
		margin: 1em 0;
	}
	#contents table th{
	 width:25%;
	 padding:2px;
	}
	#contents .price{
		font-size:14px;
		color:#F00;
		/* letter-spacing:0.1em;*/
		margin:0 5px;
	}

}