/*-------------------------------------------------
top css
-------------------------------------------------*/

.kaisetsu {
float:left;
width:618px;
margin:10px 0;

}

.kaisetsu_title {
background: url("../img2/h2_border.gif")  0 0 repeat-x;
}

.kaisetsu_title h2 {
font-size:12px;
color:#ffffff;
background:none;
padding:3px 0 3px 10px;
margin:0;
background:url("../img2/h2_border_top.gif") no-repeat 0% 50%;
}


.recommend_left {
float:left;
width:305px;
}

.recommend_right {
float:right;
width:307px;

}

.recommend_box {
border: 1px solid #b49d90;
background-color: #FFF7E7;
margin:0 0 6px 0;
padding:5px;
}

.recommend_box img{
float:left;
margin-right:5px;
padding:0;
}

.recommend_box a {
text-decoration:none;
line-height:1.2em;
color:#515151;
}

.recommend_box a:hover {
color:#515151;
border-bottom: 1px solid #515151;
}
.rec_title{
margin:0 0 3px 0;
}

.rec_title a{
font-size:13px;
font-weight:600;
color:#FA4F00;
border-bottom: 1px solid #FA4F00;
}

.rec_title a:hover{
color:#0066FF;
border-bottom: 1px solid #0066FF;
}

.top_box p{
margin-top:5px;
margin-bottom:5px;
padding-left:5px;
}

.title_head_illust {
background:none;
margin:0;
padding:0;
}

.title_head_illust h3 {
background:none;
background-color:#ffffff;
padding:0;
margin:0;
}

.htuse {
background:url("../img2/hajimete_back.gif") no-repeat 0% 0%;
margin:0 0 15px 0;
height:154px;
padding-left:160px;
}

.htuse p {
padding:5px;
margin:0;
color:#FFFFFF;
}

.htuse ul {
padding:5px 0 10px 5px ;
margin:0;
}

.htuse ul li {
list-style: none;
line-height:1.5em;

}

.htuse ul li a{
text-decoration:none;
background:url("../img2/arrow_orange.gif") no-repeat 0% 0%;
color:#FFFFFF;
padding :0 0 0 15px;
font-weight:600;
font-size:12px;
}

.htuse ul li a:hover{
color:#fca600;
}

.htuse ul li img{
display:inline;
padding:0 5px 0 0;
margin:0;
}

#top_btn {
float:right;
width:130px;
margin:10px 0 0 0 ;
padding:0;

}

#top_btn img {
margin:0 0 10px; 0;
padding:0;
}

#l_top_cov {
border:1px solid #b6cb55;
padding:5px;
margin:0;
}

.ptitle {
margin:2px 0 0 0 ;
height:25px;
font-size:9pt;
}

.ptitle a{
font-size:9pt;
font-weight:300;
text-decoration:none;
color:#515151;
}

.ptitle a:hover{
color:#fa5102;
}

.top_btn_bn_t{
background-color:#f8560d;
color:#ffffff;
padding:3px;
font-weight:600;
}

.top_btn_bn_t img{
display:inline;
padding:0 5px 0 0;
}

.top_btn_bn {
border:1px solid #fac6ae;
border-top:0;
padding:10px 5px;
margin:0 0 10px 0;

}

.top_left_box{
float:left;
width:160px;
margin:10px 0 10px 0;
padding:0;
}

.top_right_box{
float:right;
width:754px;
margin:0 0 10px 0;
padding:0;
}

.top_left_box1 {
background-color:#faeee5;
border:1px solid #fac6ae;
border-top:0;
padding:6px;
margin:0 0 15px 0;
text-align:center;
}

.top_left_box1_p {
background-color:#ffffff;
border:1px solid #fac6ae;
padding:6px;
margin:0 0 6px 0;
text-align:center;
height:130px;
}

.top_left_box1_p img{
margin:0 auto 0;
text-align:center;
}

.top_left_box1_t{
font-size:9pt;
font-weight:600;
margin:0 0 6px 0;
}

.top_left_box1_n{
font-size:8pt;
}

.top_left_box1_btn img{
margin:2px auto 12px auto;
text-align:center;
}

.top_left_box1_text {
font-size:8pt;
text-align:left;
margin:5px;
}

.top_left_box2 {
background-color:#faeee5;
border:1px solid #fac6ae;
border-top:0;
padding:6px;
margin:0 0 10px 0;
}

.top_left_box2 p {
padding:0;
margin:0 0 15px 0;
}

.top_left_box2 p a{
color:#515151;
font-size:9pt;
background:none;
padding:0;
margin:0;
}

.top_left_box2 p a:hover{
color:#fa5102;
}
.top_left_box2_date{
font-size:9pt;
}