@charset "Shift_JIS";

/*=========================================================================
種別 ：
サイト共通レイアウトフォーマット
適用 ：
サイト全体
=========================================================================*/

/*
外枠
-------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	text-align:center;
	background:#fff;
	color:#666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
#CONTAINER{
	width:998px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
/*スキップメニュー SKIP_MENU
------------------------------*/
#SKIP_MENU{
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
}


/*
タグライン TAG_LINE
-------------------------------------------------------------------------*/
#TAG_LINE{
	margin:0 15px 0;
	padding:7px 0 0;
	width:920px;
	text-align:right;
}


/*
ヘッダ HEADER
-------------------------------------------------------------------------*/
#HEADER{
	width:998px;
}

/*grandHead
------------------------------*/
#HEADER .grandHead{
	padding:12px 4px 6px 13px;
	width:981px;
	border-bottom:1px solid #000;
}

/* IE6のみ */
* html #HEADER .grandHead{
	padding:12px 4px 6px 13px;
	width:998px;
	border-bottom:1px solid #000;
}


#HEADER .grandHead .logo{
	float:left;
	width:158px;
	height:20px;
	background:url(/common/images/default/head_grand_logo.gif) 0 0 no-repeat;
}
#HEADER .grandHead .logo a{
	display:block;
	width:158px;
	height:20px;
}
#HEADER .grandHead .logo a span{
	display:none;
}
#HEADER .grandHead .utility{
	float:right;
	width:818px;
	padding:2px 0 0;
}
#HEADER .grandHead li{
	float:right;
	margin-left:0.4em;
}
#HEADER .grandHead li a{
	text-decoration:none;
}

/*osHead
------------------------------*/
#HEADER .osHead{
	padding:0 10px 0 0;
	width:988px;
	height:45px;
	border-bottom:1px solid #000;
}

/* IE6のみ */
* html #HEADER .osHead{
	padding:0 10px 0 0;
	width:998px;
	height:45px;
	border-bottom:1px solid #000;
}

#HEADER .osHead .logo{
	float:left;
	height:45px;
}
#HEADER .osHead .logo a{
	display:block;
	margin:0 0 0 18px;
	height:45px;
}
#HEADER .osHead .logo a span{
	display:none;
}
#HEADER .osHead .utility{
	float:right;
	width:509px;
	padding:12px 0 0;
}
#HEADER .osHead li{
	float:left;
	margin:0 0 0 7px;
}
#HEADER .osHead li.ml15{
	margin:0 0 0 15px !important;
}
#HEADER .osHead li.osGuide{
	margin:0 !important;
	padding:6px 0 0;
}


/*osHead-quo
------------------------------*/
#HEADER .osHead-quo{
	padding:0 10px 0 0;
	width:988px;
	height:45px;
	border-bottom:1px solid #000;
}

/* IE6のみ */
* html #HEADER .osHead-quo{
	padding:0 10px 0 0;
	width:998px;
	height:45px;
	border-bottom:1px solid #000;
}

#HEADER .osHead-quo .logo{
	float:left;
	height:45px;
}
#HEADER .osHead-quo .logo a{
	display:block;
	margin:0 0 0 18px;
	height:45px;
}
#HEADER .osHead-quo .logo a span{
	display:none;
}
#HEADER .osHead-quo .utility{
	float:right;
	width:509px;
	padding:12px 0 0;
}
#HEADER .osHead-quo li{
	float:left;
	margin:0 0 0 7px;
}
#HEADER .osHead-quo li.ml15{
	margin:0 0 0 15px !important;
}
#HEADER .osHead-quo li.osGuide{
	margin:0 !important;
	padding:6px 0 0;
}



/*naviHead
------------------------------*/
#HEADER .naviHead{
	padding:5px 8px 12px 0;
	width:990px;
	height:30px;
	background:url(/common/images/default/head_nh_bg.gif) 0 0 repeat-x;
}

/* IE6のみ */
* html #HEADER .naviHead{
	padding:5px 8px 12px 0;
	width:998px;
	height:30px;
	background:url(/common/images/default/head_nh_bg.gif) 0 0 repeat-x;
}

#HEADER .naviHead .link{
	margin:0;
	padding:0;
}
#HEADER .naviHead li{
	float:left;
	margin:0;
	padding:0;
}
#HEADER .naviHead .searchRad01{
	padding:7px 0 0 142px;
}
#HEADER .naviHead .searchRad02{
	padding:7px 0 0 7px;
}
#HEADER .naviHead .searchSel{
	margin:0;
	padding:5px 0 0 15px;
}
#HEADER .naviHead .searchSel select{
	padding:2px;
	width:141px;
	height:20px;
	color:#666;
	border:1px solid #7f9db9;
}
#HEADER .naviHead .searchInp{
	margin:0;
	padding:5px 0 0 15px;
}
#HEADER .naviHead .searchInp input{
	padding:2px;
	width:154px;
	/*height:13px;*/
	color:#666;
	border:1px solid #7f9db9;
}


#HEADER .naviHead .searchBtn{
	padding:6px 0 0 5px;
}


/*
 コンテンツメインエリア MAIN
-------------------------------------------------------------------------*/
#MAIN{
	margin:0;
	padding:10px 0 0;
	width:998px;
}


/*
パンくずリンク TOPICPATH
-------------------------------------------------------------------------*/
#TOPICPATH{
	margin:0;
}
#TOPICPATH ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#TOPICPATH li{
	display:inline;
	margin-left:0.5em;
}
#TOPICPATH li a:link,
#TOPICPATH li a:visited{
	color:#039;
}
#TOPICPATH li a:hover,
#TOPICPATH li a:active {
	color:#f63;
}
#TOPICPATH li strong{
	font-weight:normal;
	color:#999;
}


/*
右メインエリア RIGHT_AREA
-------------------------------------------------------------------------*/
#RIGHT_AREA{
	float:right;
	width:773px;
}


/*
中央メインエリア CENTER
-------------------------------------------------------------------------*/
#CENTER{
	float:left;
	width:549px;
}
#CENTER .mainBanner{
	margin:0;
	padding:0;
}
#CENTER .mainBanner li{
	margin:0;
	padding:0;
	float:left;
}
#CENTER .mainBanner li a{
	display:block;
}
#CENTER .mainBanner li a.small{
	width:270px;
	margin:15px 0 0;
}
#CENTER .mainBanner li.end{
	margin-left:9px;
}

/*toTop
------------------------------*/
.toTop{
	margin:10px 0 0;
	text-align:right;
}
.toTop a{
	background:url(/common/images/default/ico_totop.gif) 0 4px no-repeat;
	padding:0 0 0 9px;
}

/*toTopFloat
------------------------------*/
.toTopFloat{
	margin:30px 0 0;
	text-align:right;
}
.toTopFloat .toPrev{
	float:left;
}
.toTopFloat .toPrev a{
	background:url(/common/images/default/ico_prev.gif) 0 4px no-repeat;
	padding:0 0 0 9px;
}
.toTopFloat .toPageTop{
	float:right;
	text-align:right;
}
.toTopFloat .toPageTop a{
	background:url(/common/images/default/ico_totop.gif) 0 4px no-repeat;
	padding:0 0 0 9px;
}



/*
右サブエリア RIGHT_SUB
-------------------------------------------------------------------------*/
#RIGHT_SUB{
	float:right;
	width:209px;
}
#RIGHT_SUB li{
	display:inline;
	margin:0;
	padding:0;
}
#RIGHT_SUB li a{
	display:block;
	margin:10px 0 0;
	padding:0;
}

#RIGHT_SUB .center{
	text-align:center;
}

/*
左サブエリア LEFT_SUB
-------------------------------------------------------------------------*/
#LEFT_SUB{
	float:left;
	width:209px;
}



/*
フッタ FOOTER
-------------------------------------------------------------------------*/
#FOOTER{
	margin:0 0 35px;
	padding:0;
	width:998px;
}

/*searchFoot
------------------------------*/
#FOOTER .searchFoot{
	margin:40px 0 0;
	padding:10px 0 0;
	border-top:1px dotted #b2b2b2;
}
#FOOTER .searchFoot li{
	float:left;
}
#FOOTER .searchFoot li.title{
	padding:4px 49px 0 15px;
	width:48px;
}
#FOOTER .searchFoot .searchSel{
	margin:0;
	padding:0 0 0 10px;
}
#FOOTER .searchFoot .searchSel select{
	padding:2px;
	width:141px;
	height:20px;
	color:#666;
	border:1px solid #7f9db9;
}
#FOOTER .searchFoot .searchInp{
	margin:0;
	padding:0 0 0 10px;
}
#FOOTER .searchFoot .searchInp input{
	padding:2px;
	width:154px;
	/*height:13px;*/
	color:#666;
	border:1px solid #7f9db9;
}
#FOOTER .searchFoot .searchBtn{
	padding:1px 0 0 5px;
}

#FOOTER .searchFoot .searchRad01{
	padding:0px 0px 0 15px;
}

#FOOTER .searchFoot .searchRad02{
	padding:0px 15px 0 10px;
}

/*guideFoot
------------------------------*/
#FOOTER .guideFoot{
	width:968px;
	margin:10px 0 0;
	padding:10px 0 0;
	border-top:1px dotted #b2b2b2;
}
#FOOTER .guideFoot ul{
	padding:0 0 0 91px;
	text-indent:-91px;
}
#FOOTER .guideFoot li{
	display:inline;
	margin-left:25px;
	white-space:nowrap;
}
#FOOTER .guideFoot li.first{
	margin:0;
	padding:0 0 0 15px;
	width:72px;
}

/*naviFoot
------------------------------*/
#FOOTER .naviFoot{
	margin:10px 0 0;
	padding:25px 0 0;
	text-align:center;
	border-top:1px dotted #b2b2b2;
}
#FOOTER .naviFoot ul{
	padding:5px 0 0;
}
#FOOTER .naviFoot li{
	display:inline;
	vertical-align:top;
	margin-left:0.4em;
}
#FOOTER .naviFoot li.title{
	vertical-align:middle;
}

/*grandFoot
------------------------------*/
#FOOTER .grandFoot{
	margin:15px 0 0;
	padding:10px 0 0;
	border-top:1px solid #999;
}
#FOOTER .grandFoot li{
	float:left;
}
#FOOTER .grandFoot .links{
	float:left;
	margin-left:30px;
	padding:1px 0 0;
	width:630px;
}
#FOOTER .grandFoot .links li{
	margin-left:0.5em;
}
#FOOTER .grandFoot .copyright{
	float:right;
	width:320px;
}
#FOOTER .grandFoot .copyright .logo a{
	display:block;
	width:88px;
	height:13px;
	background:url(/common/images/default/foot_grand_logo.gif) 0 1px no-repeat;
}
#FOOTER .grandFoot .copyright .logo a span{
	display:none;
}
#FOOTER .grandFoot .copyright .text{
	padding:1px 0 0;
}