@charset "Shift_JIS";

/*===== CONTENTS ===========================================

	1: container
	2: header
	3: global navi
	4: topic pachi
	5: content
			5-1: main contents
			5-2: side navi
			5-3: sub navi
	6: page navi
	7: footer
	8: popupBlock
	9: emergency

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


/* 1: container
==========================================================*/
#container {
	width: 980px;
	margin: 0 auto;
	font-size: 90%;
	line-height: 1.5;
	text-align: left;
}

* html #container {
	width: 980px;
	margin: 0;
	font-size: 90%;
	line-height: 1.5;
	text-align: left;
} /* IE6 */


/* 2: header
==========================================================*/
#header {
	position: relative;
	width: 980px;
	height: 120px;
	margin-bottom: 10px;
	background: url("/common/images/header_bg.jpg") no-repeat left top;
}

/* logo
----------------------------------------------------------*/
#header .head_logo {
	position: absolute;
	top: 30px;
	left: 16px;
	width: 291px;
	height: 42px;
}

#header .head_logo a {
	display: block;
}

/* blockskip
----------------------------------------------------------*/
#header #blockskip {
	position: absolute;
	top: 10px;
	right: 300px;
	font-size: 90%;
	text-align: right;
}

#header #blockskip a { color: #60584D; }
#header #blockskip a:hover { color: #B6171B; }

/* search
----------------------------------------------------------*/
#header #headSearch {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 275px;
	height: 21px;
	font-size: 80%;
	background: url("/common/images/search_icon.gif") no-repeat left center;
}

#co {
PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0em; PADDING-TOP: 0px
}

#header #headSearch #search_ex #searchBtn {
	position: absolute;
	top: 0;
	left: 157px;
	width: 46px;
	height: 21px;
}

#header #headSearch #search_ex #searchdetail {
	position: absolute;
	top: 0;
	right: 0px;
	width: 65px;
	height: 21px;

}

#header #headSearch #search_ex #searchdetail a { color: #60584D; }

#header #headSearch #search_ex #searchdetail a:hover { color: #B6171B; }

/* help navi
----------------------------------------------------------*/
#header #helpNavi {
	position: absolute;
	top: 48px;
	right: 256px;
	width: 305px;
	height: 23px;
}

#header #helpNavi ul {
	width: 305px;
}

#header #helpNavi li {
	float: left;
	height: 23px;
	list-style: none;
}

#header #helpNavi li.en {
	width: 80px;
}

#header #helpNavi li.faq {
	width: 120px;
}

#header #helpNavi li.map {
	width: 105px;
}

#header #helpNavi li a {
	display: block;
}


/* fontsize
----------------------------------------------------------*/
#header #fontsize {
	position: absolute;
	top: 48px;
	right: 0;
	width: 234px;
	height: 23px;
}

#header #fontsize dl {
	width: 234px;
	height: 23px;
}

#header #fontsize dt {
	float: left;
	display: block;
	width: 65px;
	height: 23px;
}

#header #fontsize dt img {
	display: block;
}

#header #fontsize dd {
	float: left;
	width: 56px;
	height: 23px;
}

#header #fontsize dd a {
	display: block;
}


/* 3: global navi
==========================================================*/
#header #gNavi {
	position: absolute;
	top: 80px;
	left: 0;
	width: 980px;
	height: 40px;
	background: url("/common/images/gnavi_line.gif") repeat-x left bottom;
}
 
#header #gNavi ul {
	width: 961px;
	height: 40px;
	margin-left: 10px;
}

#header #gNavi li {
	float: left;
	width: 127px;
	height: 40px;
	margin-right: 12px;
	list-style: none;
}

#header #gNavi li.medianavi {
	width: 95px;
}

#header #gNavi li.naviLast {
	width: 95px;
}

#header #gNavi li a {
	display: block;
}

#header #gNavi li.naviLast2 {
	width: 52px;
	margin-right: 0;
}


/* 4: topic path
==========================================================*/
#topicPath {
	clear: both;
	width: 970px;
	margin: 0 0 8px 0;
	padding: 5px;
	line-height: 1.4;
}


/* 5: contents
==========================================================*/
#contents {
	clear: both;
	width: 980px;
}

#contents .contInner {
	float: left;
	width: 770px;
	margin-top: 10px;
}


/* 5-1: main contents
==========================================================*/
#contents #topMain {
	float: right;
	width: 560px;
}

#contents #main {
	float: right;
	width: 770px;
}


/* 5-2: side navi
========================================================*/
#sideNavi {
	float: left;
	display: inline;
	width: 190px;
	margin-right: 20px;
}

/* sNavi
----------------------------------------------------------*/
#sideNavi .sNavi {
	width: 190px;
	padding-top: 5px;
	background: url("/common/images/snavi_bg_top.gif") no-repeat left top;
}

#sideNavi .sNavi .sNaviInner {
	width: 190px;
	padding-bottom: 5px;
	background: url("/common/images/snavi_bg_btm.gif") no-repeat left bottom;
}

#sideNavi .sNavi dl {
	padding: 0 4px 16px 4px;
	background-color: #E2D8A9;
	border-left: 1px solid #B6B2A7;
	border-right: 1px solid #B6B2A7;
}

#sideNavi .sNavi dt {
	display: block;
	border-bottom: 1px solid #736A5A;
}

#sideNavi .sNavi dd a {
	display: block;
}

#sideNavi .sNavi .sNaviline {
	border-left: 1px solid #736A5A;
	border-right: 1px solid #736A5A;
}

* html #sideNavi .sNavi .sNaviline {/* IE6 */
	height: 1%;
	overflow: visible;
}

#sideNavi .sNavi dd ul {
	width: 178px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #736A5A;
	list-style: none;
}

* html #sideNavi .sNavi dd ul { width: 180px; }/* IE6 */

#sideNavi .sNavi dd li {
	line-height: 1.2;
}

#sideNavi .sNavi .sNaviInner .clm4Navi {
	position: relative;
	width: 180px;
}

#sideNavi .sNavi .sNaviInner .clm4Navi2a {
	width: 45px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .clm4Navi2b {
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	width: 135px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .clm4Navi3a {
	width: 89px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .clm4Navi3b {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 91px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .clm4Navi4a {
	width: 133px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .clm4Navi4b {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 47px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .sNaviClm1 {
	float: left;
	width: 45px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .sNaviClm2 {
	float: left;
	width: 44px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .sNaviClm3 {
	float: left;
	width: 47px;
	height: 50px;
}

#sideNavi .sNavi .sNaviInner .sNaviClm4 {
	clear: both;
}

#sideNavi .sNavi dd li a {
	display: block;
	padding: 4px 8px 4px 17px;
	background: url("/common/images/icon_arrow_list.gif") no-repeat 9px 0.6em;
	zoom: 1;
}

#sideNavi .sNavi dd li a:hover {
	background-color: #F3EFDD;
}


/* banner area
----------------------------------------------------------*/
#sideNavi .bannerArea {
	clear: both;
	width: 190px;
}

#sideNavi .bannerArea p {
	margin-top: 10px;
}

#sideNavi .bannerArea p a {
	display: block;
}


/* 5-3: sub navi
==========================================================*/
#subNavi {
	float: right;
	display: inline;
	width: 190px;
	margin: 10px 0 0 20px;
}

/* 6: page navi
==========================================================*/
#pageNavitop {
	clear: both;
	width: 560px;
	margin-left: 210px;
}

#pageNavi {
	clear: both;
	width: 770px;
	margin-left: 210px;
}

#pageNavi div {
	width: 385px;
	float: left;
}

*html #pageNavitop .clearfix {/* IE6 */
	font-size: 1%;
}


/* 7: footer
==========================================================*/
#footer {
	clear: both;
	position: relative;
	width: 980px;
	margin-top: 20px;
	padding: 5px 0 30px 0;
	background-color: #F8F8F5;
}

/* footer navi
----------------------------------------------------------*/
#footer .footNavi {
	margin: 0 20px 5px 20px;
}

#footer .footNavi ul {
	list-style: none;
	text-align: center;
}

#footer .footNavi li {
	display: inline;
}

/* address & copyright
----------------------------------------------------------*/
#footer .add {
	clear: both;
	padding: 5px 20px 0px 20px;
	border-top: 4px solid #B6171B;
	font-size: 90%;
	text-align: center;
}

#footer address span {
	margin-left: 1em;
}


/* 8: popupBlock
==========================================================*/
#popupBlock {
	width: 100%;
	font-size: 90%;
	line-height: 1.5;
	text-align: left;
}

#popupBlock #popupHead {
	width: 100%;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #716757;
}

#popupBlock #popupMain {
	margin: 0 15px;
}

#popupBlock .popupClose {
	margin: 15px auto;
	text-align: center;
}

#popupBlock .popupClose input {
	padding: 2px 4px;
}

#popupBlock #popupFoot {
	margin: 0 5px;
	padding: 10px 0;
	border-top: 1px solid #706756;
}

#popupBlock #popupFoot p {
	color: #756555;
	text-align: center;
}


/* 9: emergency
==========================================================*/
#emergency {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding-bottom: 5px;
	background: url("/common/images/emergency_bg_btm.gif") no-repeat left bottom;
	font-size: 120%;
	line-height: 1.3;
	text-align: left;
}

#emergency .emerBlock {
	padding-top: 5px;
	background: url("/common/images/emergency_bg_top.gif") no-repeat left top;
}

#emergency .emerBlock .emerInner {
	background-color: #FED5D7;
	border-left: 1px solid #B6171B;
	border-right: 1px solid #B6171B;
}

#emergency div {
		display: table-cell;
		vertical-align: middle;
}

#emergency .emerBlock .emerInner .emerLeft {
	width: 199px;
	color: #8D080C;
}

#emergency .emerBlock .emerInner .emerLeft p {
	margin: 0 15px;
}

#emergency .emerBlock .emerInner .emerLeft p strong {
	font-weight: normal;
}

#emergency .emerBlock .emerInner .emerRight {
	width: 699px;
}

#emergency .emerBlock .emerInner .emerRight ul {
	padding: 0 15px 0 35px;
	border-left: 1px solid #B6171B;
}

#emergency .emerBlock .emerInner .emerRight p {
	padding: 0 15px 0 15px;
	border-left: 1px solid #B6171B;
}

* html #emergency .emerBlock .emerInner div {/* IE6 */
	display: inline;
	zoom: 1;
}

*:first-child+html #emergency .emerBlock .emerInner div {/* IE7 */
	display: inline;
	zoom: 1;
}

#emergency .emerBlock .emerInner a:hover {
	background-color: #FFF0F1;
}