@charset "utf-8";

/*スタイルシートの初期化
------------------------------------------------------------ */
*{
	font-size:100%;
	font-style:normal;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
	text-decoration:none;
}
body,ul,li,h1,h2,h3,h4,h5,p,td,th,dl,dt,dd,hr{
	margin:0px;
	padding:0px;
	border:0;
	color:#444444;
}
img{
	border:0px;/*FireFoxでhrが非表示になる*/
}
strong{
	font-weight:bold;
}
.red{
	color:#F00;
}
/*マウスカーソルを強制的に矢印に*/
a.nolink{
	cursor:default;
}

/* aタグの色設定
------------------------------------------------------------ */
a{
	color:#0388dc;
}
a:hover{
	color:#f48a00;
}



/* レイアウトの汎用設定
------------------------------------------------------------ */
.center{
	text-align:center;
}

.right{
	text-align:right;
}
.left{
	text-align:left;
}



/* floatバグ回避ハック
------------------------------------------------------------ */
span.clear {
	margin: 0;
	display: block;
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* テキスト汎用設定
------------------------------------------------------------ */
.text08 { font-size:49%; }
.text09 { font-size:59%; }
.text10 { font-size:69%; }
.text11 { font-size:73%; }
.text12 { font-size:77%; }
.text13 { font-size:85%; }
.text14 { font-size:93%; }
.text15 { font-size:100%; }
.text16 { font-size:108%; }
.text17 { font-size:116%; }
.text18 { font-size:123.1%; }
.text19 { font-size:131%; }
.text20 { font-size:138.5%; }
.text21 { font-size:146.5%; }
.text22 { font-size:153.9%; }
.text23 { font-size:161.6%; }
.text24 { font-size:167%; }
.text25 { font-size:174%; }
.text26 { font-size:182%; }
.text27 { font-size:189%; }
.text28 { font-size:197%; }


/* body ※トップだけ別の外形画像
------------------------------------------------------------ */
body{
	background:url(../images/page_bg.jpg) left top repeat-x;
}


/* header
------------------------------------------------------------ */
header{
	width:1052px;
	height:124px;
	margin:0 auto;
}
header h1{
	width:336px;
	height:124px;
	float:left;
}
header h1 a{
	display:block;
	width:336px;
	height:0;
	padding-top:124px;
	background:url(../images/header_title.jpg) left top no-repeat;
	overflow:hidden;
}
header p#headerCopy{
	float:left;
	width:264px;
	padding-top:50px;
	height:54px;
	color:#888888;
}
header #headerContact{
	float:left;
	width:160px;
	height:66px;
	padding:32px 35px 26px 257px;
	background:url(../images/header_contact_bg.jpg) left top no-repeat;
}
header #headerContact p#toForm a{
	display:block;
	width:160px;
	height:0;
	padding-top:50px;
	background:url(../images/header_contact_btn_01.jpg) left top no-repeat;
	overflow:hidden;
}
header #headerContact p#toCompany a{
	display:block;
	width:160px;
	height:0;
	padding-top:16px;
	background:url(../images/header_contact_btn_02.jpg) left top no-repeat;
	overflow:hidden;
}
	
/* nav#gmenu(gmenu)
------------------------------------------------------------ */
nav#gmenu{
	clear:both;
	width:1052px;
	height:50px;
	margin:0 auto;
}
nav#gmenu ul{
	width:980px;
	height:50px;
	padding:0 34px 0 38px;
	list-style-type:none;
	background:url(../images/nav_bg2.jpg) left top no-repeat #C00;
}
nav#gmenu ul li{
	float:left;
	width:161px;
	height:50px;
	margin-right:2px;
}
nav#gmenu ul li a,nav#gmenu ul li span{
	display:block;
	width:161px;
	padding-top:50px;
	height:0;
	overflow:hidden;
}
nav#gmenu ul li a.n1{
	background:url(../images/nav_btn.jpg) -38px top no-repeat;
}
nav#gmenu ul li a.n1:hover,nav#gmenu ul li span.n1{
	background:url(../images/nav_btn.jpg) -38px -50px no-repeat;
}
nav#gmenu ul li a.n2{
	background:url(../images/nav_btn.jpg) -201px top no-repeat;
}
nav#gmenu ul li a.n2:hover,nav#gmenu ul li span.n2{
	background:url(../images/nav_btn.jpg) -201px -50px no-repeat;
}
nav#gmenu ul li a.n3{
	background:url(../images/nav_btn.jpg) -364px top no-repeat;
}
nav#gmenu ul li a.n3:hover,nav#gmenu ul li span.n3{
	background:url(../images/nav_btn.jpg) -364px -50px no-repeat;
}
nav#gmenu ul li a.n4{
	background:url(../images/nav_btn.jpg) -527px top no-repeat;
}
nav#gmenu ul li a.n4:hover,nav#gmenu ul li span.n4{
	background:url(../images/nav_btn.jpg) -527px -50px no-repeat;
}
nav#gmenu ul li a.n5{
	background:url(../images/nav_btn.jpg) -690px top no-repeat;
}
nav#gmenu ul li a.n5:hover,nav#gmenu ul li span.n5{
	background:url(../images/nav_btn.jpg) -690px -50px no-repeat;
}
nav#gmenu ul li a.n6{
	background:url(../images/nav_btn.jpg) -853px top no-repeat;
}
nav#gmenu ul li a.n6:hover,nav#gmenu ul li span.n6{
	background:url(../images/nav_btn.jpg) -853px -50px no-repeat;
}


/* container ※topだけ背景画像を設定
------------------------------------------------------------ */
#container{
	clear:both;
	width:940px;
	padding:0 56px;
	margin:0 auto 50px auto;
	background:url(../images/pagetitle_bg.jpg) left top no-repeat;
}


/* contents 左側のメインコンテンツ
------------------------------------------------------------ */
#contents{
	float:left;
	width:618px;
	margin-right:40px;
	margin-top:30px;
}

/* contents > section セクション
------------------------------------------------------------ */
#contents section{
	width:618px;
	margin-bottom:50px;
}

/* contents > section > h2 セクションのタイトル
------------------------------------------------------------ */
#contents section h2.imgTitle{
	width:618px;
	padding-top:79px;
	height:0;
	overflow:hidden;
}

/* contents > section > div.contentsBox 各コンテンツの中身
------------------------------------------------------------ */
div.contentsBox{
	clear:both;
	width:580px;
	padding:5px 19px;
}

/* contents > section > p.bottom セクションのボトム
------------------------------------------------------------ */
p.bottom{
	clear:both;
	width:61px;
	height:16px;
	padding:29px 21px 6px 536px;
	background:url(../images/top_section_fotter.jpg) left bottom no-repeat;
 }
p.bottom a.pagetopbtn{
	display:block;
	width:61px;
	padding-top:16px;
	height:0;
	overflow:hidden;
	background:url(../images/pagetop_btn1.jpg) left top no-repeat;
}


/* bread_crumb パンくずリスト
------------------------------------------------------------ */
.bread_crumb{
	list-style-type:none;
	font-size:59%;
	padding-left:10px;
	margin-bottom:30px;
}
.bread_crumb li{
	display:table-cell;
	padding:4px 16px 4px 10px;
	background:url(../images/pankuzu_icon_01.png) right center no-repeat;
	color:#666;
}
.bread_crumb li.top{
	padding-left:0;
}
.bread_crumb li.current{
	background:none;
}



/* sidebar 右側のサイドバー
------------------------------------------------------------ */
#sidebar{
	float:left;
	width:250px;
	margin-top:33px;
	margin-bottom:30px;
	padding:15px 15px 5px 15px;
	background: #fafaf4;
	border:#e0dfdf 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/pie/PIE.htc);
}

/* sidebar > subContents サイドバーコンテンツ(バナー)
------------------------------------------------------------ */
#sidebar #subContents ul{
	list-style-type:none;
	margin-bottom:20px;
}
#sidebar #subContents ul li{
	width:246px;
	padding:1px;
	background: #FFF;
	border:#c9c0a7 1px solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/pie/PIE.htc);
	margin-bottom:10px;
}
#sidebar #subContents ul li a{
	display:block;
	width:246px;
	height:0;
	padding-top:76px;
	overflow:hidden;
}

#sidebar #subContents ul li object{
	display:block;
	width:246px !important;
	height:76px !important;
	margin:0 !important;
	padding:0 !important;
}
#sidebar #subContents ul li#sub1 a{
	background:url(../images/sub_banner1.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub2 a{
	background:url(../images/sub_banner2.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub3 a{
	background:url(../images/sub_banner3.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub4 a{
	background:url(../images/sub_banner4.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub5 a{
	background:url(../images/sub_banner5.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub6 a{
	background:url(../images/sub_banner11.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub7 a{
	background:url(../images/sub_banner6.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub8 a{
	background:url(../images/sub_banner7.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub9 a{
	background:url(../images/sub_banner8.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub10 a{
	background:url(../images/sub_banner9.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub11 a{
	background:url(../images/sub_banner10.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub12 a{
	background:url(../images/sub_banner12.jpg) left top no-repeat;
}
#sidebar #subContents ul li#sub_mn a{
	display:block;
	width:246px;
	height:0;
	padding-top:246px;
	overflow:hidden;
	background:url(../images/seiyaku03_246_246.jpg) left top no-repeat;
}


/* sidebar > sideInfo サイドバーコンテンツ(フェア情報)
------------------------------------------------------------ */
#sidebar .sideInfo{
	width:246px;
	padding:1px 1px 10px 1px;
	margin-bottom:20px;
	background: #FFF;
	border:#c9c0a7 1px solid;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/pie/PIE.htc);
}
#sidebar .sideInfo h3{
	width:246px;
	padding-top:32px;
	height:0;
	overflow:hidden;
}
#sidebar .sideInfo h3.fair{
	background:url(../images/sub_fair_title.jpg) left top no-repeat;
}
#sidebar .sideInfo h3.recent{
	background:url(../images/sub_recent_title.jpg) left top no-repeat;
}
#sidebar .sideInfo h3.month{
	background:url(../images/sub_month_title.jpg) left top no-repeat;
}
#sidebar .sideInfo h3.press{
	background:url(../images/sub_press_title.jpg) left top no-repeat;
}
#sidebar .sideInfo ul{
	clear:both;
	width:226px;
	margin:15px 10px 0px 10px;
	border-bottom:#999999 1px dotted;
	list-style-type:none;
	padding:0;
}
#sidebar .sideInfo ul li.sideInfoDate{
	width:226px;
	margin-bottom:5px;
}
#sidebar .sideInfo ul li.sideInfoImg{
	width:40px;
	height:40px;
	float:left;
	margin-right:6px;
	margin-bottom:3px;
}
#sidebar .sideInfo ul li.sideInfoTitle{
	width:180px;
	margin-bottom:5px;
	line-height:1.2;
  word-break: break-all;
}
#sidebar .sideInfo ul li.sideInfoTitle a{
	color:#444;
	text-decoration:underline;
}
#sidebar .sideInfo ul li.sideInfoText{
	float:right;
	width:180px;
	line-height:1.2;
	margin-bottom:10px;
}
#sidebar .sideInfo ul li p{
	margin:0;
	padding:0;
}

#sidebar .sideInfo ul li.pressImg{
	float:left;
	width:100px;
	margin-right:6px;
	margin-bottom:3px;
}
#sidebar .sideInfo ul li.pressTitle{
	line-height:1.3;
}


/* sidebar > sideUnderWidget サイドバー下のウィジェット
------------------------------------------------------------ */
.sideUnderWidget{
	float:right;
	width:260px !important;
	padding:0 10px !important;
	margin-bottom:30px;
}
.sideUnderWidget iframe{
	border:none !important;
}
	

/* pageTop
------------------------------------------------------------ */
.pageTop{
	width:90px;
	padding-left:850px;
	margin:0 auto 20px auto;
}
.pageTop a{
	display:block;
	width:90px;
	height:0;
	padding-top:31px;
	overflow:hidden;
	background:url(../images/footer_pagetop_btn.jpg) left top no-repeat;
}
	

/* footer
------------------------------------------------------------ */
footer{
	clear:both;
	width:100%;
	background:url(../images/footer_bg.jpg) left top repeat-x;
}
footer div#footerInn{
	padding:20px 11px 30px 11px;
	width:960px;
	margin:0 auto;
}

footer section#copyright{
	float:left;
	width:350px;
	margin-right:10px;
}
footer section#copyright p small{
	color:#FFF;
	line-height:0.8;
}
footer section#copyright p#powered a{
	color:#a85459;
	line-height:0.5;
}
footer section#fNavi{
	float:left;
	width:600px;
}
footer section#fNavi table{
	width:100%;
}
footer section#fNavi table td{
	background-color:#7c131c;
	padding:4px 6px;
	vertical-align:top;
}
footer section#fNavi table td a{
	color:#FFF;
}
footer section#fNavi table td ul{
	padding-left:20px;
}
footer section#fNavi table td ul li{
	margin:0;
}
footer section#fNavi table td ul li,
footer section#fNavi table td ul li a{
	color:#c5a7a8;
}
footer section#fNavi table td a:hover,
footer section#fNavi table td ul li a:hover{
	color:#f48a00;
}
/*スマホ用テンプレートのスイッチャー設定*/
.pc-switcher{
	width:50%;
	margin:0px auto;
	border: 1px solid #9a8485;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	border-radius: 3px;
	display:table;
	
	background:	-webkit-gradient(
		linear, left top, left bottom, 
		color-stop(0%,#e6c7ca), 
		color-stop(100%,#826366)
	);
	background:	-moz-linear-gradient(top,  #e6c7ca 0%, #826366 100%);
	background:	linear-gradient(to bottom, #e6c7ca 0%, #826366 100%);
	
}
.pc-switcher span.active{
	display:table-cell;
	width:50%;
	padding:5px;	
	color:#FFF;
	text-align:center;
	
	background:	-webkit-gradient(
		linear, left top, left bottom, 
		color-stop(0%,#826366), 
		color-stop(100%,#e6c7ca)
	);
	background:	-moz-linear-gradient(top,  #826366 0%, #e6c7ca 100%);
	background:	linear-gradient(to bottom, #826366 0%, #e6c7ca 100%);
	
}
.pc-switcher a.active{
	display:table-cell;
	width:50%;
	padding:5px;	
	color:#412424;
	text-align:center;
	text-decoration:none;
	
	background:	-webkit-gradient(
		linear, left top, left bottom, 
		color-stop(0%,#e6c7ca), 
		color-stop(100%,#826366)
	);
	background:	-moz-linear-gradient(top,  #e6c7ca 0%, #826366 100%);
	background:	linear-gradient(to bottom, #e6c7ca 0%, #826366 100%);
	
}
/*google_conversion*/
#remarketing{
	display:none;
	width:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
}




/* WP_Pagenavi
------------------------------------------------------------ */
div.wp-pagenavi a,div.wp-pagenavi span{
	display:block;
	background-color: #f1f1f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	behavior: url(js/pie/PIE.htc);
	padding:10px;
	margin-right:2px;
	float:left;
}
div.wp-pagenavi span.current{
	background-color:#c9c29b;
	color:#fff;
}


/* リストに戻る設定
------------------------------------------------------------ */
.backListBtn a {
	background:url(../images/old/common/back_list_btn.jpg) no-repeat 0 0;
	width:300px;
	height:0;
	padding-top:40px;
	display:block;
	overflow:hidden;
	margin-bottom:30px;
	margin-left:160px;
}


/* ページトップへ戻るボタン設定(旧サイト)
------------------------------------------------------------ */
.pageTopBtn{
	width:90px;
	height:20px;
	padding-left:530px;
	margin-bottom:30px;
}

.pageTopBtn a.pagescroll{
	display:block;
	width:90px;
	height:0;
	padding-top:20px;
	overflow:hidden;
	background:url(../images/old/common/pagetop_btn.jpg)left top no-repeat;
}
