@charset "shift_jis";

/* TOP */

#all{
background:#edf9ed;
background:url(../img/top_bg.gif) 0 270px repeat-x #fff;
}

#head{
background:#fff;
}

#flash{
border-bottom:1px solid #ccc;
}

#navi{
position:relative;
margin:0 0 0 15px;
}

#navi li{
display:block;
margin:0 2px 0 0;
text-indent:-9999px;
}

#navi li, #navi a{
float:left;
background:url(../img/navi_top.gif) no-repeat;
}

#navi #btn1, #navi #btn1 a{
width:140px;
background-position:0 0;
}

#navi #btn2, #navi #btn2 a{
width:140px;
background-position:-140px 0;
}

#navi #btn3, #navi #btn3 a{
width:140px;
background-position:-280px 0;
}

#navi #btn4, #navi #btn4 a{
width:140px;
background-position:-420px 0;
}

#navi #btn5, #navi #btn5 a{
width:140px;
background-position:-560px 0;
}

#navi #btn1 a:hover{background-position:0 -30px;}
#navi #btn2 a:hover{background-position:-140px -30px;}
#navi #btn3 a:hover{background-position:-280px -30px;}
#navi #btn4 a:hover{background-position:-420px -30px;}
#navi #btn5 a:hover{background-position:-560px -30px;}

#main{
width:710px;
margin:0 14px;
background:none;
}

#feature{
float:left;
width:455px;
margin:14px 0;
}

#feature .in{
background:url(../img/top_feature_bgm.gif) repeat-y;
padding:6px 12px 0 12px;
}

#feature h2{
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #393;
}

#feature h4{
color:#363;
margin:0 0 2px 0;
}

#feature li{
padding:3px 0 0 12px;
background:url(../img/top_feature_mk.gif) 0 7px no-repeat;
}

#feature1{
float:left;
width:200px;
}

#feature1 img{
float:right;
margin:20px 0 0 5px;
}

#feature2{
float:left;
width:223px;
margin:0 0 0 8px;
}

#feature2 img{
float:right;
margin:0 0 0 5px;
}

#feature3{
margin:8px 0 5px 0;
}

#feature3 img{
float:left;
margin:0 8px 0 0;
}

#news{
float:right;
width:242px;
margin:14px 0 10px 0;
}

#news .in{
background:url(../img/top_news_bgm.gif) repeat-y;
padding:6px 12px;
}

#news h2{
padding:0 0 10px 0;
border-bottom:1px dotted #c96;
}

#news dt{
margin:8px 0 0 0;
padding:0 0 0 8px;
background:url(../img/top_news_mk.gif) 0 4px no-repeat;
}

#news dd{
padding:0 0 0 8px;
}

#news .tolist{
text-align:right;
margin:8px 0 0 0;
}

#news .tolist img{
margin:0 2px 0 0;
}

#iso{
margin:10px 1px 0 1px;
}

#iso img{
float:left;
border:1px solid #999;
}

#iso p{
float:left;
font-size:10px;
color:#666;
line-height:1.2em;
margin:0 0 0 5px;
}

#iso p.rm{
margin:0 15px 0 5px;
}


/* css_end */
