@charset "utf-8";
/* CSS Document */

/* .main
 ------------------------------- */
.main{
	float:right;
	width:700px;
}

.main .chapter{
	background:#fff;
}

/* .sub
 ------------------------------- */
.sub{
	display:inline;
	float:left;
	width:252px;
	margin-right:20px;
}

/* .navigation
 ------------------------------- */
.sub dl.navigation{
	border-top:solid 3px #333333;
	border-left:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	background-color:#f2f2f2;
	
	margin:0 0 20px 0 ;
	padding:20px 7px 3px 7px;
}

html > body .sub dl.navigation{
	width:234px;
}
.sub dl.navigation dt{
	border-left:solid 4px #e40011;
	
	font-size:124%;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:20px;
	padding-left:6px;
}

.sub dl.navigation dd{
	margin:0 0 4px 0;
	font-size:108%;
	background:#fff;
	border:1px solid #dddddd;
}

.sub dl.navigation dd a{
	display:block;
	padding:18px 18px 18px 20px;
	background:url(../img/arw01.png) 10px 50% no-repeat;
	text-decoration:none;
}
.sub dl.navigation dd a:hover{
	text-decoration:underline;
	color:#000;
}

.sub dl.navigation dd a.blank span{
	background:#fff;
}

.sub dl.navigation dd a.blank span img{
	margin-left:7px;
	vertical-align:middle;
}

/* 個別指定
 ------------------------------- */
 
body.profile .sub dl.navigation dd.profile a,
body.profile_soshiki .sub dl.navigation dd.profile_soshiki a,
body.officers .sub dl.navigation dd.officers a,
body.group .sub dl.navigation dd.group a,
body.tsukuru .sub dl.navigation dd.tsukuru a,
body.ethics .sub dl.navigation dd.ethics a,

body.group_saiyou .sub dl.navigation dd.group_saiyou a,
body.kyakushitsu_youkou .sub dl.navigation dd.kyakushitsu_youkou a,
body.aruressha .sub dl.navigation dd.aruressha a,
body.sevenstar .sub dl.navigation dd.sevenstar a,
body.project01 .sub dl.navigation dd.project01 a,
body.project02 .sub dl.navigation dd.project02 a,
body.railway .sub dl.navigation dd.railway a,
body.travel .sub dl.navigation dd.travel a,
body.development .sub dl.navigation dd.development a,
body.new .sub dl.navigation dd.new a,

body.bfree .sub dl.navigation dd.bfree a,
body.area .sub dl.navigation dd.area a,
body.kurumin .sub dl.navigation dd.kurumin a,

body.crossing .sub dl.navigation dd.crossing a,
body.fallentree .sub dl.navigation dd.fallentree a,
body.shock .sub dl.navigation dd.shock a,
body.prox .sub dl.navigation dd.prox a,

.sub dl.navigation dd.selected a{
	color:#fff;
	background:#f17f88 url(../img/arrow-white.gif) 10px 50% no-repeat;
}


.sub p.title{
	font-size:18px;
	font-weight:bold;
	border-left:solid 4px #e40011;
	line-height:1.2;
	margin-left:5px;
	margin-bottom:10px;
	padding-left:10px;
}


.sub dl.box dt{
    display:block;
    width:219px;
    line-height:50px;
	font-size:15px;
    cursor:pointer;
    padding:0 15px 0 10px;
}

.sub dl.box dt a{
	text-decoration:none;
	display:block;
}

.sub dl.box dt a:hover{
	text-decoration:underline;
	color:#000;
}

.sub dl.box dt.title{
    height:20px;
	padding-left:16px;
	line-height:40px;
	margin-bottom:30px;
	font-weight:500;
}

.sub dl.box dt.text{
    background-color:#fff;
    border:#dddddd 1px solid;
	margin:0 5px 2px;
    width:213px;
	
}
.sub .division #acMenu{
	background-color:#fff;
    border:#dddddd 1px solid;
    width:238px;
	margin:0 5px 5px;
}

.sub #acMenu dt{
    display:block;
    width:226px;
    height:50px;
    line-height:50px;
	font-size:16px;
    cursor:pointer;
	background:url(../img/plus.gif) 210px 50% no-repeat;
    background-color:#fff;
    padding:0 0px 0 5px;
	margin:0 5px;
}

.sub #acMenu dt a{
	text-decoration:none;
}

.sub #acMenu dt a:hover{
	text-decoration:underline;
	color:#000;
}

.sub dt img{
	padding-right:10px;
}

.sub #acMenu dd{
    display:none;
	margin-left:-35px;
	font-size:14px;
}

.sub #acMenu dd ul{
	width:228px;
	margin:5px 0;
}

.sub #acMenu dd ul li{
	list-style-type:none;
	background:url(../img/arrow-red.gif) 12px 50% no-repeat;
    background-color:#f3f3f3;
    border:#fff 1px solid;
	line-height:50px;
	padding-left:28px;
}

.sub #acMenu dd ul a li{
	text-decoration:none;
	display:block;
}

.sub #acMenu dd ul a:hover li{
	background-color:#ebebeb;
	color:#000;
	text-decoration:underline;
}

.sub #acMenu dt.active{
	background:url(../img/minus.gif) 210px 50% no-repeat;
    background-color:#fff;
}