@charset "Shift-JIS";

/* ############################################################

　　Header and Footer Modules Only

############################################################ */

/* general
------------------------------------------------*/

/* clearfix */
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}
.clearfix {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* HEADER  ciHead
------------------------------------------------*/
#header #ciHead{
	height:25px;
	padding:7px 0 8px 0;
	border-bottom:1px solid #c0c0c0;
}
*+html body #header #ciHead { /* for IE7 */
	height:40px;
}
* html #header #ciHead { /* for IE6 */
	height:40px;
}
#ciHead .headInner{
	position:relative;
	width:950px;
	margin:0 auto;
}
#ciHead .headInner .ciLogo {
	position:absolute;
	top:0;
	left:0;
}
#ciHead .headInner .ciLead {
	position:absolute;
	top:0;
	left:248px;
}
#ciHead .headInner .ciCatch {
	position:absolute;
	top:7px;
	right:0;
}

/* HEADER  headNavi
------------------------------------------------*/
#headNavi {
	background:url(/resources/images/header/bg_headnavi.gif) repeat-x 0 0;
	font-size:1px;
	line-height:1px;
}
#headNavi .naviInner {
	width:950px;
	margin:0 auto;
}
#globalNavi {
	height:24px;
	padding-top:10px;
	text-align:right;
}
#globalNavi li {
	display:inline;
	padding-left:4px;
}
#areaNavi {
	height:22px;
	padding-top:18px;
	text-align:left;
}
#areaNavi li {
	display:inline;
}
#siteNavi {
	height:36px;
	background:url(/resources/images/header/bg_sitenavi.gif) repeat-x 0 0;
	border-top:2px solid #7c5340;
	text-align:left;
}
#siteNavi li {
	display:inline;
}

/* FOOTER
------------------------------------------------*/
#footer {
	width:auto;
	margin:0 auto;
	padding:0;
}
#footer .footernav ul { overflow: hidden;
margin: 0 auto;
padding: 15px 0;
width: 960px;
font-size: 91.7%;
line-height: 1.1; }
#footer .search { width:960px;padding-left:0; }
#footer .search input[type="text"] { margin-left:15px;width:352px; }
/* footerGnavi
-------------------------------------- */
#footerGnavi {
	float:left;
	width:830px;
}
#footerGnavi li {
	float:left;
	padding:0 5px 0 15px;
}
#footerGnavi li a {
	display:block;
	padding-left:10px;
	background:url(/resources/images/footer/icn_arrow.gif) no-repeat left center;
	white-space:nowrap;
}
#footer .pagetop {
	float:right;
	width:80px;
	padding-top:5px;
}

/* footerNavi
-------------------------------------- */
#footer #footerNavi {
	margin-top:8px;
	background:url(/resources/images/footer/bg_fnavi.gif) repeat-x 0 0;
}
#footerNavi div.leftEnd {
	padding-left:20px;
	background:url(/resources/images/footer/bg_fnavi_left.gif) no-repeat 0 0;
}
#footerNavi div.rightEnd {
	padding-right:20px;
	background:url(/resources/images/footer/bg_fnavi_right.gif) no-repeat right top;
	text-align:center;
}
#footerNavi ul {
	height:30px;
	margin:0;
	padding-top:1px;
	list-style:none;
	white-space:nowrap;
}
#footerNavi ul li {
	display:inline;
	font-size:1px;
	line-height:1px;
}
#footerNavi ul li img {
	vertical-align:top;
}

/* ciFoot
-------------------------------------- */
#ciFoot .copyright {
	float:left;
	width:277px;
	margin:25px 0 0 15px;
}
#ciFoot .footerLogo {
	float:right;
	width:150px;
	margin:12px 10px 0 0;
}


/* リキッドレイアウト
------------------------------------------------*/
/* header */
#header.liquid {
	min-width:960px;
}
#header.liquid.noLead {
	min-width:410px;
}
#header.liquid.map {
	min-width:550;
}
#header.liquid #ciHead .headInner {
	width:100%;
}
#header.liquid #ciHead .headInner .ciLogo {
	left:10px;
}
#header.liquid #ciHead .headInner .ciCatch {
	right:10px;
}
#header.liquid #headNavi .naviInner {
	width:100%;
}
#header.liquid #globalNavi {
	margin-right:10px;
}
#header.liquid #areaNavi,
#header.liquid #siteNavi,
#header.liquid #loginInfo {
	margin:0 10px;
}
/* footer */
#footer.liquid {
	width:100%;
	min-width:480px;
}
#footer.liquid #footerGnavi {
	min-width:650px;
}
#footer.liquid #footerNavi {
	min-width:550px;
	margin:8px 10px 0;
}
#footer.liquid #footerGnavi {
	padding-left:10px;
}
#footer.liquid .fCol {
	min-width:800px;
}
#footer.liquid .pagetop {
	padding-right:10px;
}

/* ログイン情報
-------------------------------------------------------------- */
#loginInfo div{
	position:relative;
	width:420px;
	margin:8px 0 -30px 0;
	font-size:12px !important;
	line-height:140%;
	float:right;
}
* html #loginInfo{font-size:75%;}
*:first-child+html #loginInfo{font-size:75%;}

#loginInfo .logo{
	position:absolute;
	top:0;
	left:0;
}
#loginInfo .userName{
	width:170px;
	/width:283px;
	/float:left;
	padding:4px 0 0 113px;
	text-align:left;
	font-weight:bold;
	color:#cc3300;
}
#loginInfo .logoutBtm{
	position:absolute;
	top:0;
	right:0;
}
/* clearfix */
#loginInfo:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
}
#loginInfo {
	display:inline-table;
	min-height:1%;
}
/* \*/
html #loginInfo {* height:1%;}
#loginInfo {	display:block;}
/* */