@charset "utf-8";
/*\*/
@import "common.css";

/*===========================================================
ダウンロード
===========================================================*/

#download{
padding:0 15px;
}

#download p.notice{
margin:10px;
background:url(../img/hr_x.gif) bottom repeat-x;
padding-bottom:5px;
color:#666;
font-size:80%;
}

#wallpaper p{
margin:5px 10px;
}

div.hr{
clear:both;
display:block;
background:url(../img/hr_x.gif) repeat-x;
height:100px;
}


/*壁紙
---------------------------------*/
#wallpaper div{
width:220px;
float:left;
display:inline;
margin:5px 6px 10px 6px;
}

#wallpaper div img{
border:1px #666 solid;
}

#wallpaper div ul{
clear:left;
width:220px;
height:15px;
margin-top:3px;
display:inline;
}

#wallpaper div ul li{
float:left;
display:inline;
}

#wallpaper div ul li a{
display:block;
height:15px;
background:url(../download/img/download_btn.gif) no-repeat;
text-indent:-9999px;
}

#wallpaper div ul li.wpd1 a{
width:78px;
}

#wallpaper div ul li.wpd1 a:hover{
background-position:0 -15px;
}

#wallpaper div ul li.wpd2 a{
width:76px;
background-position:-78px 0;
}

#wallpaper div ul li.wpd2 a:hover{
background-position:-78px -15px;
}

#wallpaper div ul li.wpd3 a{
width:66px;
background-position:-154px 0;
}

#wallpaper div ul li.wpd3 a:hover{
background-position:-154px -15px;
}

#wallpaper div ul li.toguide a{
width:220px;
background-position:0 -30px;
}

#wallpaper div ul li.toguide a:hover{
background-position:0 -45px;
}

/*ブログパーツ
---------------------------------*/
#blogparts{
margin:5px 10px;
}

#blogparts #flashcontent_blogparts{
width:160px;
float:left;
display:inline;
padding:15px;
margin:10px 5px;
text-align:center;
}

#blogparts #howto{
float:right;
display:inline;
margin:35px 60px 0 0;
}

#blogparts #howto h3{
color:#2560a2;
border-bottom:2px #2560a2 solid;
margin:10px 0;
}

#blogparts #howto ol li{
list-style:inside decimal;
margin-bottom:10px;
line-height:1.5;
}

#blogparts #howto span{
color:#666;
}

#blogparts #howto input{
width:350px;
border:2px #2560a2 solid;
background:#e6eff8;
}

/*バナー
---------------------------------*/
#banner{
margin:15px 5px;
}

#banner div{
display:inline;
text-align:center;
}

#banner div h3{
border-bottom:2px #2560a2 solid;
color:#2560a2;
margin-bottom:5px;
background:url(../img/hr_x.gif) top repeat-x;
padding-top:5px;
}

#banner div input{
width:150px;
border:2px #2560a2 solid;
background:#e6eff8;
}


#banner #bn1{
width:230px;
float:left;
margin-left:10px;
}

#banner #bn2{
width:230px;
float:left;
background:url(../img/hr_y.gif) left repeat-y;
margin-left:5px;
padding-left:5px;
}

#banner #bn3{
width:230px;
float:left;
background:url(../img/hr_y.gif) left repeat-y;
margin-left:5px;
padding-left:5px;
}

#banner #bn4{
width:200px;
float:left;
clear:left;
margin:10px 0 0 10px;
}

#banner #bn5{
width:500px;
float:left;
background:url(../img/hr_y.gif) left repeat-y;
margin:10px 0 0 5px;
padding-left:5px;
}

#banner #bn6{
width:300px;
float:left;
clear:left;
margin:10px 0 0 10px;
}

#banner #bn7{
width:240px;
float:left;
background:url(../img/hr_y.gif) left repeat-y;
margin:10px 0 0 3px;
padding-left:2px;
}

#banner #bn8{
width:160px;
float:left;
background:url(../img/hr_y.gif) left repeat-y;
margin:10px 0 0 3px;
padding-left:2px;
}

#banner #bn9{
width:720px;
float:left;
padding-top:5px;
margin:10px 5px;
}



/*利用規約
---------------------------------*/

#agreement{
margin:10px;
}

#agreement h3{
color:#2560a2;
border-bottom:2px #2560a2 solid;
margin:10px 0;
}

#agreement p{
line-height:1.5;
}