@charset "Shift_JIS";

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

/*
スキップメニュー SKIP_MENU
-------------------------------------------------------------------------*/
#SKIP_MENU{
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
}

/*
HEADER
-------------------------------------------------------------------------*/
#HEADER{
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
}
#HEADER .inner{
	margin:0 auto;
	padding:0;
	width:950px;
}
#HEADER .logo{
	float:left;
	margin:50px 0 10px 4px;
	width:210px;
	height:29px;
	background:url(/common/image/header/logo.gif) no-repeat 0 0;
}
#HEADER .logo a{
	display:block;
	width:210px;
	height:29px;
}
#HEADER .logo span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
#HEADER .utility{
	float:right;
	text-align:right;
	margin:16px 0 12px 4px;
	width:720px;
}
#HEADER .utility ul{
	float:right;
	min-height:30px;
}
* html body #HEADER .utility ul{
	height:30px;
}
#HEADER .utility li{
	float:left;
	margin:0 0 0 10px;
}
#HEADER .utility .link{
	margin:5px 0 0 10px;
}
#HEADER .utility li a{
	padding:0 0 3px 15px;
	background:url(/common/image/general/icon_arr02.gif) no-repeat 0 0;
}
* html #HEADER .utility li a{
	padding-bottom:1.5px;
}
#HEADER .utility li a:link{
	color:#666;
}
#HEADER .utility li a:visited{
	color:#666;
}
#HEADER .utility li a:hover{
	color:#090;
}
#HEADER .utility .inputText{
	width:109px;
	border:1px solid #7f9db9;
	vertical-align:top;
}
#HEADER .utility .button{
	margin:4px 0 0;
	vertical-align:top;
}
/*fontSize------------------------------*/
#HEADER .utility .fontSizeOuter{
	width:720px;
}
#HEADER .utility .fontSizeOuter .fontSize{
	float:left;
	margin:0;
	padding:0 0 0 370px;
	width:137px;
}
* html body #HEADER .utility .fontSizeOuter .fontSize{
	width:140px;
}
#HEADER .utility .fontSizeOuter .fontSize .title{
	float:left;
	margin:0;
	padding:10px 0 0;
	width:55px;
}
#HEADER .utility .fontSizeOuter .fontSize ul{
	float:right;
	margin:0;
	padding:0;
	width:81px;
	height:16px;
	text-align:right;
}
* html body #HEADER .utility .fontSizeOuter .fontSize ul{
	width:84px;
}
#HEADER .utility .fontSizeOuter .fontSize ul li{
	float:left;
	margin:0;
	padding:10px 0 0 3px;
	width:24px;
}
#HEADER .utility .fontSizeOuter .fontSize ul li a{
	display:block;
	vertical-align:top;
	margin:0;
	padding:0;
}
#HEADER .utility .fontSizeOuter .fontSize ul li img{
	display:block;
	vertical-align:top;
	margin:0;
	padding:0;
}
#HEADER .utility .fontSizeOuter .button{
	float:right;
	width:185px;
	margin:0;
	padding:4px 0 0;
}

/*
外枠
-------------------------------------------------------------------------*/
body{
	background:#fff;
}
#CONTAINER01{
	margin:0 auto;
	padding:0;
	width:100%;
	min-width:960px;
	background:#dcdcdc url(/common/image/layout/container01_bg.gif) repeat-y center 0;
}
#CONTAINER02{
	width:100%;
	min-width:960px;
	background:url(/common/image/layout/container02_bg.gif) repeat-x 0 0;
}
#CONTAINER03{
	width:100%;
	min-width:960px;
	background:url(/common/image/layout/container03_bg.gif) repeat-x 0 bottom;
}
#CONTAINER04{
	margin:0 auto;
	padding:0;
	width:100%;
	background:url(/common/image/layout/container04_bg.gif) no-repeat center 0;
}
#CONTAINER05{
	margin:0 auto;
	padding:0;
	width:100%;
	background:url(/common/image/layout/container05_bg.gif) no-repeat center bottom;
}
#CONTAINER06{
	margin:0 auto;
	padding:20px 25px 0 20px;
	width:915px;
}
/*top------------------------------*/
.top #CONTAINER06{
	margin:0 auto;
	padding:11px 0 0;
	width:950px;
}
/*mono------------------------------*/
.mono #CONTAINER01{
	background:#dcdcdc url(/common/image/layout/container01_bg_mono.gif) repeat-y center 0;
}
.mono #CONTAINER04{
	background:url(/common/image/layout/container04_bg_mono.gif) no-repeat center 0;
}
.mono #CONTAINER05{
	background:url(/common/image/layout/container05_bg_mono.gif) no-repeat center bottom;
}
/*
MAIN
-------------------------------------------------------------------------*/
#MAIN{
	float:right;
	margin:0;
	padding:0 0 30px;
	width:690px;
}
/*top------------------------------*/
.top #MAIN{
	padding:0 0 55px;
	width:730px;
}
/*mono------------------------------*/
.mono #MAIN{
	float:none;
	padding:0 0 30px;
	width:915px;
}
/*contentHeader
--------------------------------------------------*/
#MAIN .contentHeader{
	margin:6px 0 0;
	width:690px;
}
/*mono------------------------------*/
.mono #MAIN .contentHeader{
	width:915px;
}
/*topicPath------------------------------*/
#MAIN .contentHeader .topicPath{
	float:left;
	width:530px;
}
#MAIN .contentHeader .topicPath li{
	float:left;
	margin:0 7px 0 0;
	padding:0 12px 0 0;
	background:url(/common/image/layout/topic_path_connect.gif) no-repeat right 50%;
}
#MAIN .contentHeader .topicPath .current{
	margin:0;
	padding:0;
	background-image:none;
}
#MAIN .contentHeader .topicPath .current strong{
	font-weight:normal;
}
/*fontSize------------------------------*/
#MAIN .contentHeader .fontSize{
	float:right;
	width:137px;
}
* html body #MAIN .contentHeader .fontSize{
	width:140px;
}
#MAIN .contentHeader .fontSize .title{
	float:left;
	margin:0;
	padding:0;
	width:55px;
}
#MAIN .contentHeader .fontSize ul{
	float:right;
	margin:0;
	padding:0;
	width:81px;
	height:16px;
	text-align:right;
}
* html body #MAIN .contentHeader .fontSize ul{
	width:84px;
}
#MAIN .contentHeader .fontSize ul li{
	float:left;
	margin:0;
	padding:0 0 0 3px;
	width:24px;
}
#MAIN .contentHeader .fontSize ul li a{
	display:block;
	vertical-align:top;
	margin:0;
	padding:0;
}
#MAIN .contentHeader .fontSize ul li img{
	display:block;
	vertical-align:top;
	margin:0;
	padding:0;
}

/*
LEFT_NAVI
-------------------------------------------------------------------------*/
#LEFT_NAVI{
	float:left;
	margin:0;
	padding:0 0 30px;
	width:190px;
}
/*top------------------------------*/
.top #LEFT_NAVI{
	margin:9px 0 0 0;
	padding:0 0 30px 15px;
	width:190px;
}
#LEFT_NAVI ul li{
	display:inline-block;
	padding:0 0 21px;
	background:url(/common/image/leftnavi/bg_b01.gif) repeat-x 0 bottom;
}
#LEFT_NAVI ul li a{
	display:block;
	margin:0;
	padding:0;
	width:190px;
	min-height:25px;
	border:1px solid #ccc;
	border-width:0 0 1px;
}
* html body #LEFT_NAVI ul li a{
	height:25px;
}
#LEFT_NAVI ul li a h3{
	display:block;
	margin:0;
	padding:0;
	width:190px;
	height:25px;
	cursor:pointer;
}
#LEFT_NAVI ul li a h3.h301{background:url(/common/image/leftnavi/h3_01.gif) no-repeat 0 0;}
#LEFT_NAVI ul li a h3.h302{background:url(/common/image/leftnavi/h3_02.gif) no-repeat 0 0;}
#LEFT_NAVI ul li a h3.h303{background:url(/common/image/leftnavi/h3_03.gif) no-repeat 0 0;}
#LEFT_NAVI ul li a h3.h304{background:url(/common/image/leftnavi/h3_04.gif) no-repeat 0 0;}
#LEFT_NAVI ul li a h3 span{
	display:block;	
	position:absolute;
	top:-5000px;
	left:-5000px;
}
#LEFT_NAVI ul ul li{
	padding:0;
	background:none;
}
#LEFT_NAVI ul ul li a{
	display:block;
	margin:0;
	padding:8px 5px 5px 20px;
	width:163px;
	min-height:18px;
	background:url(/common/image/leftnavi/bg01.gif) no-repeat 0 0;
	color:#333;
	text-decoration:none;
	border:1px solid #ccc;
	border-width:0 1px 1px;
}
* html body #LEFT_NAVI ul ul li a{
	height:20px;
}
#LEFT_NAVI ul ul li.current6 a{
	background-position:0 -100px;
	color:#095e12;
}
#LEFT_NAVI ul ul ul{
	padding:0;
	border-top:1px solid #9c9c9c;
}
#LEFT_NAVI ul ul ul li{
	background:#eee;
}
#LEFT_NAVI ul ul ul li a,
#LEFT_NAVI ul ul .current6 ul li a{
	display:block;
	margin:0;
	padding:5px 5px 4px 22px;
	width:163px;
	min-height:12px;
	border:1px dotted #c7c7c7;
	border-width:0 0 1px;
	background:#eee url(/common/image/leftnavi/arr02.gif) no-repeat 12px 10px;
	color:#444;
}
* html body #LEFT_NAVI ul ul ul li a,
* html body #LEFT_NAVI ul ul .current6 ul li a{
	border:1px solid #c7c7c7;
	border-width:0 0 1px;
}
#LEFT_NAVI ul ul ul li.current8 a{
	background:#b3b3b3 url(/common/image/leftnavi/arr02_cur.gif) no-repeat 12px 10px;
	color:#fff;
}
#LEFT_NAVI ul ul ul ul{
	border-top:0 none;
}
#LEFT_NAVI ul ul ul ul li{
	background:#eee;
}
#LEFT_NAVI ul ul ul ul li a,
#LEFT_NAVI ul ul ul ul li a:hover,
#LEFT_NAVI ul ul .current6 ul ul li a,
#LEFT_NAVI ul ul ul .current8 ul li a{
	display:block;
	margin:0;
	padding:4px 5px 3px 32px;
	width:153px;
	min-height:10px;
	background:#eee url(/common/image/leftnavi/arr03.gif) no-repeat 25px 12px;
	color:#444;
}
#LEFT_NAVI ul ul ul ul li.current10 a{
	background:#b3b3b3 url(/common/image/leftnavi/arr03_cur.gif) no-repeat 25px 12px;
	color:#fff;
}







/*
FOOTER
-------------------------------------------------------------------------*/
#FOOTER{
	margin:0;
	padding:0;
	width:100%;
	height:70px;
	background:#fff;
	color:#666;
}
#FOOTER .inner{
	margin:0 auto;
	padding:10px 0 30px;
	width:910px;
}
#FOOTER .utility{
	float:left;
	width:320px;
}
#FOOTER .utility li{
	display:inline;
}
#FOOTER .utility li a:link{
	color:#666;
}
#FOOTER .utility li a:visited{
	color:#666;
}
#FOOTER .utility li a:hover{
	color:#090;
}
#FOOTER .copy{
	float:right;
	width:580px;
	text-align:right;
}