@charset "utf-8";

/*BLOGINFORMATION*/
.info_header{
height:56px;
color:#191919;
}
.info_header h2{
font-size:12px;
font-weight:normal;
line-height:4.4;
}
div#information{
font-size:0.9em;
}
div#information table{
line-height:1.5;

}
div#information .info_header {
background:url(../img/top/top_information.gif) no-repeat;
}
div#information .info_header h2{
text-indent:190px;
}

div#information ul{
margin:8px 20px;
line-height:2.4;
}
div#information ul{
padding-left:5px;
list-style-type: disc;
}
div#information dl{

margin-left:5px;

}
div#information dt{
width:90px;
clear:both;
float:left;
}
div#information dd{
line-height:1.5;
height:57px;
}
div#information h3{
height:50px;
text-indent:-9999px;
}
div#information p{
margin:15px 1px 0;
clear:both;
}
div#information h3.info01 {
background:url(../img/top/info01.gif) no-repeat;
width:303px;
}
div#information h3.info02{
background:url(../img/top/info02.gif) no-repeat;
width:302px;
}
div#information h3.info03{
background:url(../img/top/info03.gif) no-repeat;
position:relative;
right:4px;
}
div#information .info_footer{
padding:5px 2px;
}
div#information .info_footer a{
background-image:url(../img/common/dotted.gif);
background-repeat:no-repeat;
background-position:5px center;
margin-left:5px;
padding:7px 0 7px 15px;

}
div#information .info_footer a:hover{
position:static;
}
/*PLANINFORMATION*/
.plan_header{
height:94px;
color:#191919;
}
.plan_header h2{
text-indent:-9999px;
float:left;
}
div#plan_information {
margin-top:20px;
}
div#plan_information .plan_header {
background:url(../img/top/plan_information.gif) no-repeat;
}
div#plan_information .plan_header .topicpath{
margin:14px 8px 0;
padding:5px ;
float:right;
background:url(../img/top/topicpath_bg.gif) ;
}
div#plan_information .plan_header .topicpath a{
background-image:url(../img/common/dotted.gif);
background-repeat:no-repeat;
background-position:5px center;

padding:7px 0 7px 13px;
}
div#plan_information .plan_box{
width:305px;
float:left;
position:relative;
top:-45px;
}
div#plan_information .planCenter{
margin:0 16px;
}
div.plan_box h2{
height:47px;
text-indent:-9999px;
}
div.plan_box h3{
font-size:12px;
padding:10px 12px 10px;
}
div.planLeft h2{
background:url(../img/top/plan01.gif) no-repeat;
}
div.planLeft h3{
background:url(../img/top/planinfo01_bg.gif) no-repeat;
}
div.planCenter h2{
background:url(../img/top/plan02.gif) no-repeat;
}
div.planCenter h3{
background:url(../img/top/planinfo02_bg.gif) no-repeat;
}
div.planRight h2{
background:url(../img/top/plan03.gif) no-repeat;
}
div.planRight h3{
background:url(../img/top/planinfo03_bg.gif) no-repeat;
}
div.plan_box .contents {
border-left:1px solid #131313;
border-right:1px solid #131313;
padding:0 10px;
height:110px;
position:relative;
}
div.plan_box .contents img{
float:left;
margin-right:5px;
padding-bottom:10px;
}
div.plan_box  .contents p{
line-height:1.2;
}
div.plan_box .btn03{
display:block;
position:absolute;
bottom:7px;
right:5px;
}
div.plan_box .footer{
clear:both;
background-color:#030010;
color:#fff;
padding:2px 8px;
margin-bottom:20px;
}
div.plan_box .footer span{
font-size:0.8em;
}
div.plan_box .footer span.price{
background:url(../img/top/planinfo_footerbg.gif) no-repeat;
padding-left:15px;
padding-top:5px;
}
/*INDEXNAVI*/
div#indexnavi {
clear:both;
width:950px;
height:214px;
margin:0 0 -20px;
padding:0px;
background:url(../img/top/navi_bg.gif) no-repeat;
position:relative;
top:-45px;
}
div#indexnavi ul{
float:left;
width:618px;
}
div#indexnavi li{
float:left;
padding:16px 0 0 12px;
}
div#indexnavi a{
text-indent:-9999px;
display:block;
}
div#indexnavi li a{
width:297px;
height:82px;
}
div#indexnavi li.navi01 a{
background:url(../img/top/navi01.jpg) no-repeat;
}
div#indexnavi li.navi02 a{
background:url(../img/top/navi02.jpg) no-repeat;
}
div#indexnavi li.navi03 a{
background:url(../img/top/navi03.jpg) no-repeat;
}
div#indexnavi li.navi04 a{
background:url(../img/top/navi04.jpg) no-repeat;
}
div#indexnavi div.navi05{
float:left;
padding:16px 0 0 12px;
}
div#indexnavi div.navi05 a{
background:url(../img/top/navi05.jpg) no-repeat;
width:306px;
height:178px;
}

/*recommendPlan*/
div#recommendPlan{
position:relative;
top:-55px;
left:45px;
}
div#recommendPlan dl{
width:160px;
height:160px;
float:left;
background:#f5ebdf;
margin:0 15px 5px 0;
position:relative;

}

div#recommendPlan dt{
padding:5px;
}
div#recommendPlan dd{
padding:0 5px 5px;
}