@charset "UTF-8";

/* 全ページ共通

dir:/common/css/common.css

------------------------------------------- */

.mrgL00 { margin-left:0 !important; }
.mrgL05 { margin-left:5px !important; }
.mrgL10 { margin-left:10px !important; }
.mrgL15 { margin-left:15px !important; }
.mrgL20 { margin-left:20px !important; }
.mrgL25 { margin-left:25px !important; }
.mrgL30 { margin-left:30px !important; }
.mrgL35 { margin-left:35px !important; }
.mrgL40 { margin-left:40px !important; }

.mrgR00 { margin-right:0 !important; }
.mrgR05 { margin-right:5px !important; }
.mrgR10 { margin-right:10px !important; }
.mrgR15 { margin-right:15px !important; }
.mrgR20 { margin-right:20px !important; }
.mrgR25 { margin-right:25px !important; }
.mrgR30 { margin-right:30px !important; }
.mrgR35 { margin-right:35px !important; }
.mrgR40 { margin-right:40px !important; }

.mrgB00 { margin-bottom:0 !important; }
.mrgB05 { margin-bottom:5px !important; }
.mrgB10 { margin-bottom:10px !important; }
.mrgB15 { margin-bottom:15px !important; }
.mrgB20 { margin-bottom:20px !important; }
.mrgB25 { margin-bottom:25px !important; }
.mrgB30 { margin-bottom:30px !important; }
.mrgB35 { margin-bottom:35px !important; }
.mrgB40 { margin-bottom:40px !important; }

.mrgT00 { margin-top:0 !important; }
.mrgT05 { margin-top:5px !important; }
.mrgT10 { margin-top:10px !important; }
.mrgT15 { margin-top:15px !important; }
.mrgT20 { margin-top:20px !important; }
.mrgT25 { margin-top:25px !important; }
.mrgT30 { margin-top:30px !important; }
.mrgT35 { margin-top:35px !important; }
.mrgT40 { margin-top:40px !important; }


.fltL { float:left; }
.fltR { float:right; }
.clrAll { clear:both; }
hr { clear:both; border:0; display:none; margin:15px 0; }
a.opnWin { background:url(/common/images/icon_opnwin.gif) no-repeat right top; padding-right:12px; }


* { margin: 0; padding: 0; }

body {
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color:#443923;
	background:url(/common/images/background.gif) ;
	letter-spacing:-0.06em;
	font-size:100%;
}
body #bodyCont { font-size:75%; }
body #indexHeadBox { font-size:75% !important; }

#fontSwitch ul li a.textMedium { background:url(/common/images/fontSwitchTextM_on.png) no-repeat; }

body a {
	color:#443923;
	text-decoration:underline;
	}
body a:hover {
	color:#443923;
	text-decoration:none;
	}
dl, dd, dt, ul, ol, li, p {
	padding:0;
	margin:0;
	} 
img {
	border:0 !important;
	}
h1, h2, h3, h4, h5, h6, p, div, span { margin:0; padding:0; }
h2 { font-size:2em; font-weight:normal; border-bottom:#630 1px dotted; padding-bottom:5px;  }
h3 { font-size:1.3em; font-weight:normal; background:url(../images/icon_h3Head.gif) no-repeat top left; padding-left:38px; min-height:30px; padding-top:5px; color:#624c42; }
h4, h5, h6 { font-size:1em; font-weight:normal; color:#624c42;  }
h4 { border-bottom:#443923 1px dotted; padding-bottom:5px; }

.inlineTtl { /*letter-spacing:0.3em;*/ margin-bottom:10px; }
p { line-height:160%;  }
#container {
	width: 930px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#mainContent {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

.inlineBoxGray { background:#dddddd; padding:10px; }



a.linkArrow { text-decoration:none; padding-left:10px; background:url(/common/images/img_Linkarrow.png) no-repeat left 3px; }
a.linkArrow:hover { color:#749492; background:url(/common/images/img_Linkarrow_on.png) no-repeat left 3px; }

.boxInlineUnit2 { display:block; }
.boxInlineUnit2cont { float:left; display:block; width:420px; margin-right:20px; }



/* 角丸ボックスのスタイル */

.boxUnit2 { width:455px; display:block; background:url(/common/images/boxBg2unit_Bottom.png) no-repeat bottom left; padding-bottom:15px; }
.boxUnit2inline { background:url(/common/images/boxBg2unit_Top.png) no-repeat top left; padding-top:10px; }
.boxUnit2inlineCont { width:425px; display:block; margin:10px 15px 0; }

.boxUnit3 { width:695px; display:block; background:url(/common/images/boxBg3unit_Bottom.png) no-repeat bottom left; padding-bottom:15px; }
.boxUnit3inline { background:url(/common/images/boxBg3unit_Top.png) no-repeat top left; padding-top:10px; }
.boxUnit3inlineCont { width:660px; display:block; margin:10px 15px 0; }

.boxUnit4 { width:220px; display:block; background:url(/common/images/boxBg4divide_Bottom.png) no-repeat bottom left; padding-bottom:15px; }
.boxUnit4inline { background:url(/common/images/boxBg4divide_Top.png) no-repeat top left; padding-top:10px; }
.boxUnit4inlineCont { width:190px; display:block; margin:10px 15px 0; }

.boxUnit4brwn { width:220px; display:block; background:url(/common/images/boxBg4divide_Bottom_brwn.png) no-repeat bottom left; padding-bottom:15px; }
.boxUnit4brwninline { background:url(/common/images/boxBg4divide_Top_brwn.png) no-repeat top left; padding-top:10px; }
.boxUnit4brwninlineCont { width:190px; display:block; margin:10px 15px 0; }





/* ---------------------------------
  1. Hack
--------------------------------- */

/* -- 1: floatしたボックスの回り込み解除 --  */

#bodyCont, #header,  #footer, #copyright, #storeCatalog {
	/*display: inline-table;*/
	min-height: 1%;
	}
#bodyCont:after, #header:after, #footer:after, #copyright:afte, #storeCatalog:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
	}
* html #bodyCont, * html #header, * html #footer, * html #copyright, * html #storeCatalog {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}


/* ---------------------------------
  2. 個別のスタイル
--------------------------------- */

#header { width:930px; display:block; }

#subNaviBox {
	display:block;
	background:url(/common/images/subNaviBack.png) no-repeat top right;
	width:572px;
	text-align:right;
	float:right;
}

ul#subNavi li.subNaviInline { display:block; float:left; margin-right:30px; line-height:170%; }
ul#subNavi { margin-top:10px; margin-left:20px; display:block; font-size:75%; height:40px; }
ul#subNavi li { list-style-type:none; }
ul#subNavi a {
	color:#ffffff;
	text-decoration:none;
	}
ul#subNavi a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

#fontSwitch { width:140px; display:block; text-align:right; position:absolute; left: 790px; top: 52px; }
#fontSwitch ul li { list-style-type:none; width:16px; height:16px; display:block; float:left; margin-left:4px; }

#fontSwitch ul li a { width:16px; height:16px; display:block; text-indent:-999999px; text-align:left; }
#fontSwitch ul li a.textSmall { background:url(/common/images/fontSwitchTextS.png) no-repeat; }
#fontSwitch ul li a.textMedium { background:url(/common/images/fontSwitchTextM.png) no-repeat; }
#fontSwitch ul li a.textLarge { background:url(/common/images/fontSwitchTextL.png) no-repeat; }

#fontSwitch ul li a.textSmall:hover { background:url(/common/images/fontSwitchTextS_on.png) no-repeat; }
#fontSwitch ul li a.textMedium:hover { background:url(/common/images/fontSwitchTextM_on.png) no-repeat; }
#fontSwitch ul li a.textLarge:hover { background:url(/common/images/fontSwitchTextL_on.png) no-repeat; }


ul#sideNavi { line-height:170%; }
ul#sideNavi li { list-style-type:none; }

ul#sideNavi li a { text-decoration:none; padding-left:10px; background:url(/common/images/img_Linkarrow.png) no-repeat left 3px; }
ul#sideNavi li a:hover { color:#749492; background:url(/common/images/img_Linkarrow_on.png) no-repeat left 3px; }


#glNaviBox { width:930px; display:block; clear:both; }
ul#glNavi { width:890px; display:block; list-style-type:none; margin-left:20px; }
ul#glNavi li { float:left; display:block; }
ul#glNavi li a { display:block; text-indent:-999999px;  }

ul#glNavi li a.home { background:url(/common/images/navi01Home.png) no-repeat left top; width:100px; height:70px; }
ul#glNavi li a.news { background:url(/common/images/navi02News.png) no-repeat left top; width:110px; height:70px; }
ul#glNavi li a.story { background:url(/common/images/navi03Story.png) no-repeat left top; width:173px; height:70px; }
ul#glNavi li a.facility { background:url(/common/images/navi04Facility.png) no-repeat left top; width:177px; height:70px; }
ul#glNavi li a.ctalog { background:url(/common/images/navi05Catalog.png) no-repeat left top; width:140px; height:70px; }
ul#glNavi li a.service { background:url(/common/images/navi06Service.png) no-repeat left top; width:105px; height:70px; }
ul#glNavi li a.faq { background:url(/common/images/navi07Faq.png) no-repeat left top; width:85px; height:85px; }

ul#glNavi li a.home:hover { background:url(/common/images/navi01Home_on.png) no-repeat left top; }
ul#glNavi li a.news:hover { background:url(/common/images/navi02News_on.png) no-repeat left top; }
ul#glNavi li a.story:hover { background:url(/common/images/navi03Story_on.png) no-repeat left top; }
ul#glNavi li a.facility:hover { background:url(/common/images/navi04Facility_on.png) no-repeat left top; }
ul#glNavi li a.ctalog:hover { background:url(/common/images/navi05Catalog_on.png) no-repeat left top; }
ul#glNavi li a.service:hover { background:url(/common/images/navi06Service_on.png) no-repeat left top; }
ul#glNavi li a.faq:hover { background:url(/common/images/navi07Faq_on.png) no-repeat left top; }

body#home ul#glNavi li a.home { background:url(/common/images/navi01Home_on.png) no-repeat left top; }
body#news ul#glNavi li a.news { background:url(/common/images/navi02News_on.png) no-repeat left top; }
body#story ul#glNavi li a.story { background:url(/common/images/navi03Story_on.png) no-repeat left top; }
body#facility ul#glNavi li a.facility { background:url(/common/images/navi04Facility_on.png) no-repeat left top; }
body#catalog ul#glNavi li a.ctalog { background:url(/common/images/navi05Catalog_on.png) no-repeat left top; }
body#service ul#glNavi li a.service { background:url(/common/images/navi06Service_on.png) no-repeat left top; }
body#faq ul#glNavi li a.faq { background:url(/common/images/navi07Faq_on.png) no-repeat left top; }


/*---------------------------------------*/
/* Twitter */
#tweetBox { width:220px; text-align:center; display:block; }
#MyTwitter { padding:50px 10px 0 20px !important; margin:0; text-align:left; line-height:160%; display:block; width:140px; }
#MyTwitter ul li { list-style-type:none !important; }
#MyTwitter ul li a { text-decoration:none; letter-spacing:0; }
#zousanTweet { background:url(/common/images/img_twitterZousan.png) no-repeat left top; width:180px; height:320px; display:block; margin-left:20px; }
/*a#imgTweetZousan:hover { background:url(/common/images/img_twitterZousan_on.png) no-repeat left top; }*/



#bodyCont { margin-bottom:30px; width:930px; }
#leftCont { width:690px; display:block; }
#rightCont { width:220px; display:block; }


#footer { display:block; width:950px; margin-top:30px; clear:both; margin-left:15px; font-size:75%; padding-top:30px; }
ul#footNavi li.footNaviInline { display:block; float:left; margin-right:30px; line-height:170%; }
ul#footNavi { margin:0; }
ul#footNavi li { list-style-type:none; }
ul#footNavi a, #copyright a {
	color:#443923;
	text-decoration:none;
	}
ul#footNavi a:hover, #copyright a:hover {
	color:#443923;
	text-decoration:underline;
	}


#copyright { display:block; width:950px; text-align:right; height:30px; font-size:75%; }