@charset "UTF-8";

/* ------- index.htm用の定義 --------------------------------------------*/

h2 {background: none; padding: 0;}

/* トップページ　メインメニュー */
div.section {} 
div.half {
	margin-bottom: 40px;
	width: 485px;
}
div.half div.col2-l {width: 238px;}
div.half div.col2-r {width: 238px;}
div.half h2 {margin-top: 20px;}

#wrap-inner {
	background-image: url(../../top_img/bg_inner.gif);
	width: 760px;
	background-repeat: repeat;
}

#main-box {
	width: 510px;
	float: left;
}

#navi-box {
	width: 240px;
	float: right;
}

#main-box div.pad {
	padding: 15px;
	border: none;
}

/*右側*/

#top-box {
	width:485px;
	height:166px;
	border: 1px solid #C0C0C0;
	padding: 0px;
}

#top-box p{
	font-size:85%;
	color:#A5A5A5;
	line-height:160%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/* トップページ　書籍紹介枠 */
#main-box div.top-img {
	width: 485px;
	font-size:95%;
	line-height:150%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#main-box div.top-img div.col2-l {width: 102px;}
#main-box div.top-img div.col2-r {width: 373px;}
#main-box div.top-img p {margin: 0;}
#main-box div.top-img p.title {	
	margin-bottom: 5px;
	font-size: 100%;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

/* 右側のメニュー */

#navi-box ul.q li {
	background: url("../top_img/mk.gif") no-repeat 10px 10px;
	padding: 10px 10px 10px 35px;
	border-bottom: 1px dotted #C4C3C3;
	font-size: 90%;
	line-height: 140%;
}

#navi-box div.pad {
	padding: 15px 10px 15px 0;
}

#navi-box div.box {
	background: #F7F7F7;
	margin-bottom: 1px;
	padding: 0px;
	border-width: 1px;
	border-style: none solid solid;
	border-color: #CBCBCB;
}

#navi-box p.to-list {
	background: none;
	margin: 15px 10px;
	padding: 0;
	font-size: 90%;
	text-align: right;
} 						/*特集一覧*/

#navi-box div.special {
	padding: 10px;
	border-bottom: 1px dotted #C4C3C3;
	font-size: 90%;
	line-height: 140%;
}

#navi-box div.link {
	background: #F7F7F7;
	margin-bottom: 1px;
}

#navi-box div.link p {	
	background: url("../top_img/mk2.gif") no-repeat 10px 10px;
	padding: 10px 10px 10px 35px;
	border-bottom: 1px dotted #C4C3C3;
	font-size: 90%;
	line-height: 140%;
}

#navi-box div.other {
	background: #F7F7F7;
	margin-bottom: 1px;
}

#navi-box div.other p{
	margin-top: 7px;
	margin-right: 0px;
}

#navi-box div.special div.col2-l {width: 50px;}
#navi-box div.special div.col2-r {width: 145px;}
#navi-box div.special a:hover img{
	opacity:0.4;
	filter: alpha(opacity=40);
}

#navi-box div.link {padding: 3px 0 10px;}
#navi-box div.link p {margin: 7px 0; text-align: left;}

#navi-box div.other {padding: 3px 0 10px;}
#navi-box div.other p {
	text-align: left;
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 10px;
	background-image: url(top_img/program.gif);
	background-repeat: no-repeat;
	background-position: right;
}


.section { }
.section ul{
}
.section li{
	background: url("../top_img/yajirusi.gif") no-repeat 10px 10px;
	padding: 10px 10px 10px 35px;
	font-size: 105%;
	line-height: 140%;
}
	
.section a{
	ine-height:160%;
	font-size:105%;
}

.info {margin-bottom:20px;}
.info ul{}
.info li{
	background: url("../top_img/maru.gif") no-repeat 10px 10px;
	padding: 12px 10px 10px 30px;
	font-size: 95%;
	line-height: 150%;
}