@charset "utf-8";

/*==================================================================================================================
リセット
==================================================================================================================*/
/*リセット*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, div, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	text-align:left;
	font-weight:normal;
    font-style:normal;
	 font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background-repeat:no-repeat;
	border:0 none;
}


/*==================================================================================================================
再定義
==================================================================================================================*/

/*基本リンク
------------------------------------------------------------------------------------------------------------------*/
a:link, a:visited {
	text-decoration:underline;
}
a:focus, a:hover {
	text-decoration:underline;
}
a:hover img, a:focus img {
	opacity:0.75;
	filter:alpha(opacity=75);
}


/*テーブル
------------------------------------------------------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing:0;
}

/*リスト
------------------------------------------------------------------------------------------------------------------*/
ol, ul, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ol li {
	list-style-type:decimal;
	margin-left:20px;
}
/*画像
------------------------------------------------------------------------------------------------------------------*/
img{
    vertical-align: bottom;
}

/* paddingやborderも widthに含める形式に統一
------------------------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }

/*==================================================================================================================
クリア
==================================================================================================================*/
.clear {
	clear:both;
	size:0;
}
.clearfix {
	display: inline-table;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
	display:block;
	content:".";
	zoom:1;
}
/* IE6 */
* html .clearfix {
	zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
	zoom: 1;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  




/*==================================================================================================================
フォントに関する基本スタイル
==================================================================================================================*/
/*基本文字サイズ&文字色
------------------------------------------------------------------------------------------------------------------*/
body {
	font-size:62.5%;/*10px相当にリセット*/
	line-height:2;
	color:#333;
}

/*段落*/
p {
	margin:0px 0px 15px 0px;/*下部に余白*/
}

/*文字サイズ*/
.wrapper p,.wrapper li,.wrapper th,.wrapper td{font-size:1.6em;}

/*基本リンク
------------------------------------------------------------------------------------------------------------------*/
/*リンク文字色*/
a:link    {color:#0099cc;}
a:visited {color:#0099cc;}
a:hover   {color:#00a9f0;}

/*マーカー＆強調文字色
------------------------------------------------------------------------------------------------------------------*/
/*ラインマーカー*/
.c_mrk {
	background-color:#e5d89b;/*Marker*/
	padding:0 3px;
}
/*強調文字色*/
.c_ptv {color:#df0000;}/*positive*/
.c_pit {color:#900000;}/*point up*/
.c_ngt {color:#5488a2;}/*negative)*/
.c_off {color:#cac5ba;}/*off*/

.att{color:#cc6666;}

/*右寄せ*/
.txt_right, .txt_right p {
	text-align:right;
}
/*中央寄せ*/
.txt_center, .txt_center p {
	text-align:center;
}
/*明朝*/
.f_mn {
	font-family: "HGP明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", 細明朝, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS PMincho", serif;
}

/*==================================================================================================================
テーブルに関する設定
==================================================================================================================*/
table{
}
/*テーブルタイトル*/
caption {
	text-align:left;
	font-weight:bold;
	color:#993300;
}
/*枠線*/
th,td{
	border:1px solid #6e665e;
	padding:3px 10px;
}
thead th,tfoot th {
	vertical-align:top;
	background-color:#ce6600;
	color:#FFFFFF;
}
thead td,tfoot td {
	vertical-align:top;
	background-color:#999;
	color:#FFFFFF;
}
tbody th {
	vertical-align:top;
	background-color:#f8ead6;
}
tbody td {
	vertical-align:top;
	background-color:#FFF;
}


/*区切り線*/
hr{clear:both;border:0px solid #fff;padding:5px 0;width:0;}

/*画像・オブジェクト*/
img         {border:0 none;vertical-align:bottom;}
object	    {text-decoration:none;border:none;margin:0px;padding:0px;vertical-align:bottom;}
.img_left   {float:left;padding:10px 25px 10px 0px;text-align:left;}
.img_right  {float:right;padding:10px 0px 10px 20px;text-align:right;}
.img_bottom {padding:10px 0px 20px 0px;text-align:center;clear:both;}
.img_top    {padding: 0px 0px 20px 0px;text-align: center;clear:both;}
.img_left,.img_rihgt,.img_bottom,.img_top{font-size:12px;color:#cdbfae;}
.right{float:right;}
.left{float:left;}

/*基本設定ここまで
-------------------------------------------------------------------------------------------------------------------*/


/*レイアウト設定
-------------------------------------------------------------------------------------------------------------------*/

body		  {
  background-image: url(../../common/images/bg_body.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #FFF;
}

h1#top_h1{width:980px;font-size:12px;margin:0 auto;padding:10px 0;line-height:1;color:#fff;text-shadow: 1px 2px 4px #000;}
/*ヘッダー*/
#header       {background:#FFF;width:100%;margin-top:25px;}
#idx_header{background:#FFF;width:100%;margin-top:0;}
#header_area  {width:980px;height:80px;margin:0 auto;padding:15px 0;}
#header_logo  {width:350px;height:50px;float:left;background-image:url(../../common/images/header_logo.png);}
#header_logo a{width:350px;height:50px;text-indent:-999999px;overflow:hidden;display:block;}


#header_right {float:right;width:760px;}
#header_data {float:right;width:450px;text-align:right;}
#header_data a{margin-left:10px;}

#header_btn {float:right;margin-left:15px;margin-top:8px;width:157px;}

/*パンくずナビ*/
#breadcrumb {
    background:#333;padding:5px 0;
    color:#FFF;
    font-size:1.2em;
}
#breadcrumb a{color:#FFF;margin-right:30px;text-decoration: none;
	background-image:url(../images/icon_breadcrumb_next.png);
	background-position:right center;
    padding-right: 30px;
}
#breadcrumb_inner {width:980px;margin:0 auto;}



/*グローバルメニュー*/

/*グローバルナビ-スマホメニュー*/
#globalbtn,#globalnav_smt  {display:none;}

/*グローバルナビ-PCメニュー*/
#global_nav{width:100%;background-color: #FFF;padding:15px 0;}
#global_nav.fixed { position:fixed; top:0; z-index:999;border-bottom: 1px solid #666; }
#global_nav.fixed + #index_info { margin-top:120px; }
#global_nav.fixed + #breadcrumb { margin-top:70px; }
ul#gmenu   	  {width:960px;margin:0 auto;position:relative;}
ul#gmenu li {
	float: left;
	width: 160px;
	height: 40px;
	overflow: hidden;
}
ul#gmenu li#gn_root_index { display:none; position:absolute; width:60px; height:40px; top:0; left:-60px; overflow:hidden; }
#global_nav.fixed #gn_root_index { display:block; }
ul#gmenu li.on img{
	width: 160px;
	height:80px;
	overflow: hidden;
	vertical-align::bottm!important;
	margin-top:-40px!important;
	}

/*個別画像設定*/
#gmenu_01 a{background-image:url(../../common/images/gmenu_01.png); }
#gmenu_02 a{background-image:url(../../common/images/gmenu_02.png); }
#gmenu_03 a{background-image:url(../../common/images/gmenu_03.png); }
#gmenu_04 a{background-image:url(../../common/images/gmenu_04.png); }
#gmenu_05 a{background-image:url(../../common/images/gmenu_05.png); }
#gmenu_06 a{background-image:url(../../common/images/gmenu_06.png); }


/*お問い合わせ
------------------------------------------------------------------------------------------------------------------*/
#contact_btn{
position: fixed;
z-index: 99;
top:150px;
    right:0;
}

/*ページナビ*/
#pnavi     {background-color:#0b0600;height:40px;}
#pnavi_area{width:960px;margin:0px auto 0 auto;line-height:40px;font-size:10px;background-image:url(../images/navi_home.png);background-repeat:no-repeat;background-position:left center; padding-left:20px;color:#e2d4c3;}
#pnavi_area   a{font-size:10px;background-image:url(../images/navi_next.png);background-repeat:no-repeat;background-position:right center; padding-right:20px;margin-right:10px;color:#e2d4c3;}




#footer       {clear:both;}
#copyright    {clear:both;}

.contents     {margin:-1px -1px 20px -1px; border:1px solid #0e0800;background-color:#291804;padding:10px 20px;}
/*実質幅：660px*/

/*右サイドエリア
-------------------------------------------------------------------------------------------------------------------*/
#shop{background-color:#291804;padding-bottom:12px;margin-bottom:20px;}
#shop_photo{text-align:center;margin-bottom:8px;}
#shop_data{font-size:12px;line-height:18px;padding:0 12px 10px 12px;}
#shop .shop_img{text-align:center;padding:3px 0;}
#shop p{font-size:11px;line-hegiht:14px;margin:0;padding:0;text-align:center;}
/*バナー*/
.banner{margin:0px auto 20px auto;text-align:center;}

/*パンナビ＆ページの先頭へ戻る
-------------------------------------------------------------------------------------------------------------------*/
#page_top{text-align:right; padding-right:0px; margin-top:10px; font-size:90%;}
#page_top a:link{color:#0091db; text-decoration:none;}
#page_top a:visited{color:#0091db;}
#page_top a:focus,#page_top a:hover{text-decoration:underline;}



/*フッター
-------------------------------------------------------------------------------------------------------------------*/

#footer     {background-color: #FFF;}
#footer_area{width:960px;margin:0 auto;}

#footer_info{width:350px;float:left;margin:0px auto;padding:25px 0;}
#footer_logo  {width:350px;height:50px;margin:0 0 10px 0;background-image:url(../../common/images/header_logo.png);text-indent:-999999px;overflow:hidden;}
#footer_logo a{width:350px;height:50px;text-indent:-999999px;overflow:hidden;display:block;}
#footer_add{line-height:1.5;padding-left:50px;font-size: 1.4em;}
#footer_url{line-height:1.5;padding-left:50px;font-size: 1.4em;}
#footer_btn{padding:5px 0;font-size:12px;line-height:25px;}

#footer_tel img,#footer_btn img{margin-right:10px;}

/*フッターナビ*/
#footer_nav{float:right;width:530px;padding:25px 0;}
#footer_nav ul{float:left;margin:30px 0 30px 60px;}
#footer_navi ul#fnav_1st{margin-top:-40px;}
#footer_nav ul li{
	margin:0;
	font-size:1.2em!important;
	line-height:2.5;
	padding-left:17px;
	background-image:url(../../common/images/icon_footer_navi.png);
	background-position:left center; 
/*	font-family:"HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",細明朝,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","MS PMincho",serif;*/
}
#footer_nav ul .ar{ background-image:url(../images/icon_footer_navi2.png);background-position:left center; margin-left:20px;}


#footer_nav ul li#page_top{
	float:right;
}


#footer_nav li a{text-decoration:none;}
#footer_nav li a:hover{text-decoration:underline;}

#footer a{color:#333;}

/*コピーライト
-------------------------------------------------------------------------------------------------------------------*/
#copyright{font-size:10px;line-height:1;text-align:center;clear:both;padding:8px 0;color:#FFF;}
#copyright a{color:#FFF;}
/*新着情報
-------------------------------------------------------------------------------------------------------------------*/
.news_date{color:#fff;background-color:#7db262;padding:2px 3px;}