@charset "utf-8";


#m1{
background-position: bottom !important;
}

#main{
	height: 228px;
}
#topimg{
	width: 492px;
	height: 228px;
	float: left;
	/margin-top: 1px;
	_margin-top: 3;
	background: url(../img/index/topimg.jpg) no-repeat left top;
}

#topimg h3.btn-faq{
	display:block;
	width: 230px;
	height: 50px;
	position: relative;
	overflow: hidden;
	margin: 163px 0 0 140px;
}

#topimg h3.btn-faq a{
	display:block;
	width: 230px;
	height: 50px;
	background: url(../img/index/btn-faq_on.jpg) no-repeat left top;
}

#topimg h3.btn-faq a:hover img{
	position: relative;
	top: -50px;
}

#book{
	width: 298px;
	height: 228px;
	float: right;
	background: url(../img/index/book-center.gif) repeat-y;
	margin-bottom: 1px;
}
#book h3{
	width: 298px;
	height: 38px;
	text-indent: -9999px;
	background: url(../img/index/tit-h3.jpg) no-repeat;

}
#left-book{
	width: 124px;
	height: 188px;
	float: left;
}
#left-book p{
	width: 122px;
	height: 188px;
	margin-left: 2px;
	text-indent: -9999px;
	background: url(../img/index/ph-book.jpg) no-repeat;

}
#right-book{
	width: 174px;
	height: 189px;
	float: right;
}

#right-book dt{
	width: 172px;
	height: 21px;
	text-indent: -9999px;
	background: url(../img/index/tit-book.jpg) no-repeat;

}
#right-book dd{
	font-size: 10px;
	line-height: 1.5;
	margin-left: 9px;
	margin-top: 3px;
	border-bottom: 1px #666 dashed;
	width: 153px;
	padding-bottom: 7px;
	letter-spacing: 1px;
}
#right-book p{
	width: 162px;
	height: 44px;
	margin: 12px 0 0 6px;
	text-indent: -9999px;
	/margin: 10px 0 0 6px;
}
#right-book p a{
	width: 162px;
	height: 44px;
	display: block;
	overflow: hidden;
}

#right-book p a:hover{
	background-position: 0 -44px;
}

#right-book #mini-book dl{
	margin-top: 1px;
	/margin-top: 2px;
}
#right-book #mini-book dt{
	text-indent: 0;
	background: none;
	margin: 0;
	font-size: 10px;
	width: 40px;
	height: auto;
	color: #003366;
	float: left;
	padding-left: 9px;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 3px;
}
#right-book #mini-book dd{
	border: none;
	margin: 0;
	padding: 0;
	width: 124px;
	float: right;
	text-align: left;
	color: #666;
	line-height: 1;
	margin-bottom: 3px;
}
#right-book #mini-book p{
	width: 100px;
	height: 1em;
	background: url(../img/common/arrow-book.jpg) no-repeat left center;
	text-indent: 9px;
	margin-left: 11px;
	margin-top: 5px;
	font-size: 12px;
	margin-bottom: 10px;
	/margin-top: 7px;
}
#right-book #mini-book p a{
	width: 100px;
	height: 1.5em;
}
#btn-book{
	background: url(../img/index/btn-book.jpg) no-repeat;
}
#book-footer{
	width: 298px;
	height: 2px;
	background: url(../img/common/btn/book-footer.gif) no-repeat;
	clear: both;
}

#contents{
	width: 790px;
	margin-left: 6px;
}

#left-box{
	width: 596px;
	float: left;
}

#box-1{
	width: 585px;
	height: 98px;
	margin: 0 0 10px 10px;
	background: url(../img/common/box-main-1.jpg) no-repeat bottom left;

}
#box-1 h4{
	width: 585px;
	height: 24px;
	text-indent: -9999px;
	background: url(../img/common/tit-1.jpg) no-repeat;
}
#box-1 ul{
	width: 576px;
	height: 68px;
	margin-left: 7px;
}

#box-1 li{
	width: 284px;
	height: 68px;
	float: left;
	margin-right: 4px;
}
#box-1 li a{
	width: 284px;
	height: 68px;
	display: block;
	text-indent: -9999px;
}
#btn-coach{
	background: url(../img/common/btn/btn-coach.jpg) no-repeat;
}
#main #btn-coach a:hover{
	background: url(../img/common/btn/btn-coach-r.jpg) no-repeat;
}

#btn-form{
	background: url(../img/common/btn/btn-form.jpg) no-repeat;
}
#box-1 #btn-form a:hover{
	background: url(../img/common/btn/btn-form-r.jpg) no-repeat;
}


#box-2{
	width: 585px;
	height: 232px;
	margin: 0 0 10px 10px;
	background: url(../img/common/box-main-2.jpg) no-repeat bottom;
}
#box-2 h5{
	width: 585px;
	height: 43px;
	text-indent: -9999px;
	background: url(../img/common/tit-2.jpg) no-repeat;
}
#box-2 ul{
	width: 576px;
	height: 183px;
	margin-left: 6px;
}

#box-2 li{
	width: 142px;
	height: 183px;
	float: left;
	margin-right: 2px;
}
#box-2 li a{
	width: 142px;
	height: 183px;
	display: block;
	text-indent: -9999px;
}
#power-1{background: url(../img/common/btn/power-1.jpg) no-repeat;}
#power-2{background: url(../img/common/btn/power-2.jpg) no-repeat;}
#power-3{background: url(../img/common/btn/power-3.jpg) no-repeat;}
#power-4{background: url(../img/common/btn/power-4.jpg) no-repeat;}

#box-2 li a:hover{
	background-position: -142px 0;
}


#box-3{
	width: 380px;
	height: 243px;
	margin: 0 0 0 10px;
	background: url(../img/index/info-center.gif) repeat-y;
}

#box-3 h6{
	width: 380px;
	height: 37px;
	text-indent: -9999px;
	background: url(../img/index/tit-3.jpg) no-repeat;
	margin-bottom: 10px;
}
#box-3 dl{
	width: 345px;
	margin: 3px 0 0 12px;
	border-bottom: 1px #333 dashed;
}
#box-3 dt{
	color: #DE1C24;
	font-size: 12px;
	background: url(../img/index/info-arrow.gif) no-repeat left center;
	text-indent: 10px;
	margin-bottom: 4px;
}
#box-3 dd{
	margin-left: 10px;
	width: 330px;
	padding-bottom: 5px;
	font-size: 12px;
}
/*クロム　ハック*/
html>body #box-3 dl {
	line-height: 1.2;
}

#box-3 dd a{
	text-decoration: none;
	color: #333;
}
#box-3 dd a:visited{
	color: #800080;
}
#box-3 dd a:hover{
	color: #999;
}
#box-3 dd a:active{
	color: #999;
}
#box-3 p{
	width: 70px;
	font-size: 10px;
	margin-left: 310px;
	margin-top: 8px;
}

#info-overflow{
	overflow-y:auto;
    overflow-x:hidden;
    width:378px;
 height:193px;
    
}


#info-footer{
	width: 380px;
	height: 1px;
	background: url(../img/index/side-footer.gif) repeat-x;
	margin: 0 0 10px 10px;
}

#box-4{
	width: 200px;
	height: 120px;
	float: right;
	background: url(../img/index/magazine.jpg) no-repeat;
	margin-top: -254px;
	font-size: 10px;
}
#box-4 p{
	margin: 55px 0 0 5px;
	font-weight: bold;
	margin-bottom: 5px;
}
#box-4 p a{
	text-decoration: none;
	color: #402600;
}
#box-4 p a:visited{
	color: #800080;
}
#box-4 p a:hover{
	color: #999;
}
#box-4 p a:active{
	color: #999;
}
#box-4 form{
	margin: 0 0 0 5px;
}
#box-4 ul{
	width: auto;
}
#box-4 li{
	float: left;
}
#box-4-1{
	font-size: 10px;
	margin-right: 5px;
	margin-top: 2px;
	/margin-top: 4px;
}
#box-4-1 a{
	color: #000;
	text-decoration: none;
}
#box-4-1 a:visited{
	color: #800080;
}
#box-4-1 a:hover{
	color: #999;
}
#box-4-1 a:active{
	color: #999;
}
#box-4 form label{
	font-size: 12px;
	line-height: 1.5;
}
#box-4-2{
	margin-left: 5px;
}
#box-4-3{
	margin-left: 5px;
}
#box-4-4{
	margin-right: 5px;
}
input[type="submit"] {
	width: 45px;
	/height: 25px;
	/padding-top: 2px;
}
input[type="text"] {
	width: 115px;
	margin-right: 5px;
}
#box-5{
	width: 200px;
	height: 117px;
	float: right;
	margin-top: -127px;
	/margin-left: 200px;

}
#box-5 p{
	width: 200px;
	height: 117px;
	text-indent: -9999px;

}
#box-5 p a{
	width: 200px;
	height: 117px;
	display: block;
	position: relative;
}
#banner-blog{
	background: url(../img/index/banner-blog.jpg) no-repeat;
}
#box-5 p a:hover{
	background-position: 0 -117px;
}

#right-box{
	width: 186px;
	float: right;
	font-size: 12px;
}
#side-box-1{
	width: 178px;
	height: 340px;
	background: url(../img/index/side-center.gif) repeat-y;

}
#side-box-1 h6{
	width: 178px;
	height: 38px;
	text-indent: -9999px;
	background: url(../img/index/side-tit-1.jpg) no-repeat;
}
.ph{
	width: 58px;
	height: 69px;
	float: left;
	padding: 6px 0 0 7px;
	margin-bottom: 7px;
}
#side-box-1 .ph img{
	border: 1px solid #aaa;
}
#side-box-1 dl{
	width: 110px;
	float: right;
	margin-top: 6px;
	padding-right: 1px;

}
#side-box-1 dt{
	margin-left: 6px;
	line-height: 1.3;
	margin-bottom: 3px;
	margin-top: 1px;
}
#side-box-1 dd{
	font-size: 10px;
	margin-left: 6px;
	line-height: 1.4;
}
#side-box-1 ul{
	width: 176px;
	clear: both;
	margin-left: 1px;
	border-top: 1px #333 dashed;
	border-bottom: 1px #333 dashed;
}
#side-box-1 li{
	width: 162px;
	margin: 4px 7px;
	line-height: 1.7;
}
.right-box-p1{
	width: 70px;
	font-size: 10px;
	margin-top: 7px;
	margin-left: 108px;
	letter-spacing: 1px;
}

.side-box-footer{
	width: 178px;
	height: 1px;
	background: url(../img/index/side-footer.gif) no-repeat;
	margin-bottom: 9px;
}
#side-box-2{
	width: 178px;
	height: 243px;
	background: url(../img/index/side-center.gif) repeat-y;
}
#side-box-2 h6{
	width: 178px;
	height: 38px;
	text-indent: -9999px;
	background: url(../img/index/side-tit-2.jpg) no-repeat;
}
#side-box-2 dl{
	width: 108px;
	float: right;
	margin-top: 2px;
	padding-right: 1px;
}

/*オペラハック
==============================*/
#side-box-2 dl:not(\*|*){
	margin-top: 4px;
}

#side-box-2 dt{
	margin-left: 6px;
}
#side-box-2 dd{
	margin-left: 6px;
	line-height: 1.8;
}
#side-box-2 ul{
	width: 176px;
	clear: both;
	border-bottom: 1px #333 dashed;
	margin: 9px 1px 5px 1px;
	/margin: 3px 1px 5px 1px;
}
#side-box-2 li{
	width: 162px;
	margin: 0 4px;
	line-height: 1.6;
}
#side-box-2 #more{
	margin-bottom: 16px;
}