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

#contents{
background:url(../img/contents_bg.gif) repeat-y;
}

/*コンテンツタイトル設定
----------------------------------*/
#notice,
#official,
#staff,
#girls{
background:url(../img/contents_bottom.gif) bottom no-repeat;
padding-bottom:25px;
text-align:left;
clear:both;
}

#notice,
#official{
margin-bottom:-5px
}


#notice:after,
#official:after,
#staff:after{
content : "";
display : block;
height : 0;
clear : both;
}

#official h2,
#staff h2,
#girls h2{
width:740px;
height:32px;
background:url(../img/contents_title.gif) no-repeat;
}


#official h2 a,
#staff h2 a,
#girls h2 a{
width:740px;
height:32px;
display:block;
text-indent:-9999px;
}

#notice h2{
color:#fff;
padding:8px 0 0 10px;
width:740px;
height:32px;
font-size:12px;
background:url(../img/contents_title.gif) no-repeat;
}

#official h2 a{
background:url(../img/home_contentstit_official.gif) 7px 0 no-repeat;
}

#staff h2 a{
background:url(../img/home_contentstit_staff.gif) 7px 0 no-repeat;
}

#girls h2 a{
background:url(../img/home_contentstit_girls.gif) 7px 0 no-repeat;
}

#official h2 a:hover,
#staff h2 a:hover,
#girls h2 a:hover{
background-position:7px -32px;
}

/*注意事項
--------------------------------------*/
#notice p{
margin:0.5em 20px;
}

#notice strong{
color:#CC0000;
}

#notice p,
#notice ul{
line-height:1.5;
}

#notice ul{
list-style:outside disc;
margin:0 20px;
}

/*オフィシャルブログ
--------------------------------------*/
#official dl,
#staff dl,
#girls dl{
margin:10px 15px;
padding-bottom:10px;
width:710px;
line-height:1.5;
background:url(../img/hr_x.gif) bottom repeat-x;
}

#official dl dt,
#staff dl dt,
#girls dl dt{
font-size:90%;
color:#666;
}

#official dl dd h3,
#staff dl dd h3,
#girls dl dd h3{
font-size:110%;
font-weight:bold;
}

#official dl.short{
clear:both;
background:none;
margin:3px 15px;
padding-bottom:3px;
}

#official dl.short dt{
float:left;
}

#official dl.short dd{
float:left;
margin-left:0.5em;
}

#official dl.short dd h3{
font-size:100%;
}

#staff .blogs,
#girls .blogs{
margin:5px 15px;
line-height:1.5;
}

/*QA
--------------------------------------*/
#qa{
margin:5px 20px;
line-height:1.5;
}

#qa h3{
font-size:110%;
color:#2560a2;
border-bottom:2px #2560a2 solid;
padding-bottom:2px;
margin:1em 0 2px 0;
}

#qa strong{
margin:5px 0;
text-align:center;
}

#qa strong a{
border:1px #FF6600 solid;
color:#CC3300;
padding:5px;
background-color:#fff3d1;
display:block;
text-align:center;
}

#qa strong a:hover{
color:#fff;
background-color:#FF6600;
text-decoration:none;
}

/*管理ページ
--------------------------------------*/
#edit{
margin:5px 15px;
line-height:1.5;
}

#edit h5{
font-size:110%;
color:#2560a2;
border-bottom:2px #2560a2 solid;
padding-bottom:2px;
margin:0.5em 0 2px 0;
}

#edit table{
border-collapse:collapse;
border:1px solid #ccc;
margin:3px;
padding:0;
}

#edit th,
#edit td{
margin:0px;
padding:3px;
empty-cells:show;
}

#edit th{
border:1px solid #ccc;
background:#eee;
}

#edit td{
border:1px solid #ccc;
}


#sidebar h2{
display:block;
width:200px;
height:6px;
text-indent:-9999px;
background:url(../img/sidebar_top.jpg) no-repeat;
font-size:0;
}

#sidebar ul.editmenu{
width:180px;
margin:9px;
border:1px #fff solid;
}

#sidebar ul.editmenu li{
width:180px;
display:inline;
}

#sidebar ul.editmenu li a{
color:#2560a2;
width:180px;
padding:10px 0;
display:block;
background:#fff url(../img/hr_x.gif) bottom repeat-x;
}

#sidebar ul.editmenu li a:hover{
background-color:#2560a2;
color:#fff;
text-decoration:none;
}

/*ブログ
----------------------------------*/
ul.blogs{
text-align:left;
clear:both;
}

ul.blogs li{
width:70px;
height:95px;
display:inline;
text-align:center;
float:left;
margin:5px 0 5px 20px;
}

ul.blogs li a{
display:block;
vertical-align:middle;
padding:5px 0;
}

ul.blogs li p{
font-size:77%;
text-align:center;
letter-spacing:1px;
color:#666;
margin-top:3px;
}

ul.blogs li.staff a{
background:#2d70be url(../../free/blog/img/ct_bg.gif);
}

ul.blogs li.staff a:hover{
background:#2d70be;
}

ul.blogs li.girls a{
background:#ee76ed url(../../free/blog/img/ct_bg.gif);
}

ul.blogs li.girls a:hover{
background:#ee76ed;
}

ul.blogs li.official a{
background:#63b239 url(../../free/blog/img/ct_bg.gif);
}

ul.blogs li.official a:hover{
background:#63b239;
}

ul.more{
clear:both;
text-align:left;
margin:0 0 10px 15px;
padding-top:3px;
}

ul.more li{
float:left;
display:inline;
margin-left:10px;
}

ul.more a{
padding-left:3px;
}

.more li.staff a{
border-left:5px #96bad0 solid;
}

.more li.girls a{
border-left:5px #e5c3e5 solid;
}

.more li.official a{
border-left:5px #aed798 solid;
}

#sidebar ul.sidebarmenu{
width:200px;
background:none;
padding:10px 0;
}