@charset "utf-8";

body{
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
background: url(../img/parts/body_bg.gif) repeat-x center top;
width:100%;
margin:0;
}

/* HEADER */

#header{
width:960px;
height:50px;
overflow:hidden;
padding:20px 0 0;
margin: 0 auto;
}
#header h1 {
font-size: 10px;
font-weight: normal;
float:left;
width: 250px;
}
#header h1 a {
background: url(../img/parts/logo.gif) no-repeat;
text-indent:-9999px;
display: block;
width: 250px;
height: 40px;
overflow:hidden;
}

/* MAIL_MENU */

#mail_menu {
padding: 0;
list-style-type: none;
margin: -10px 0 0;
text-align: right;
}
#mail_menu li {
display: inline;
line-height: 20px;
padding: 0;
margin: 0;
height: 20px;
list-style-type: none;
}

/* SUB_CONTENTS */

#sub_contents {
padding: 5px 0 0;
list-style-type: none;
margin: 0;
line-height: 1.5;
text-align: right;
font-size: 11px;
}
#sub_contents li {
display: inline;
font-size: 11px;
font-weight: bold;
line-height: 20px;
border-right: 1px solid #CCCCCC;
padding: 0 10px;
margin: 0;
height: 20px;
list-style-type: none;
}
#sub_contents li.last_child {
border: none;
}

#sub_contents a:link,
#sub_contents a:visited {
color: #666666;
text-decoration: none;
}
#sub_contents a:hover,
#sub_contents a:active {
color: #CCCCCC;
text-decoration: none;
}

/* CONTENTS */

#contents {
list-style-type: none;
margin: 0 auto;
padding: 1px 0 6px;
width: 960px;
height: 28px;
clear: both;
}
#contents li {
display: block;
float: left;
}

#side_contents {
background: url(../img/side_contents/bg.gif) repeat-y center top;
width: 180px;
float: left;
height: 100%;
}
#side_contents .celeb {
background: url(../img/side_contents/bg_top.gif) no-repeat center top;
padding-top: 35px;
width:180px;
}
#side_contents .contact {
background: url(../img/side_contents/bg_contact.gif) no-repeat center top;
padding-top: 30px;
width:180px;
}
#side_contents address {
background: url(../img/side_contents/bg_bottom.gif) no-repeat center bottom;
text-align: center;
padding: 0 0 30px;
}
#side_contents ul {
list-style-type: none;
}
#side_contents li {
display: block;
margin: 0 15px 5px;
height: 30px;
width: 150px;
}
#side_contents .staffblog {
margin: 0px;
padding: 5px 15px 20px;
}

#contents img,
#side_contents img {
vertical-align:bottom;
}

#main {
float: left;
width: 780px;
padding: 5px;
}

/* CONTENT */

#content{
width:970px;
margin:0 auto;
padding: 0;
}
#content:after{
content:"";
display:block;
clear:left;
}
#content a:link,
#content a:visited {
color: #231914;
}
#content a:hover,
#content a:active {
color: #F07384;
}
#content th,
#content td {
font-size: 75%;
line-height: 2;
padding: 5px;
}
#content p.italic {
font-size: 62.5%;
}
#content h2 {
margin: 0 auto;
width: 970px;
}

#content h3 {
	font-size: 100%;
	clear: both;
	padding: 0;
	margin: 0 0 20px;
	color: #6B4B3D;
}
#content h4 {
color: #F07384;
font-size: 87.5%;
line-height: 35px;
height: 35px;
clear: both;
}

#content .main_img {
margin: 0px;
padding: 0 0 10px;
width: 740px;
}
#content p {
font-size: 75%;
line-height: 1.5;
padding: 0 20px 20px;
}
#content hr {
color: #CCCCCC;
background-color: #CCCCCC;
border: none;
margin: 20px;
text-align: center;
padding: 0px;
clear: both;
}



/* PANKZ */

#pankz {
font-size: 62.5%!important;
line-height: 2!important;
list-style-type: none!important;
padding: 10px 0 0!important;
margin: 0 15px!important;
height: 2em!important;
clear: both!important;
background: url(../img/parts/line_gray.gif) repeat-x left top;
}
#pankz li {
display: inline;
}
#pankz li a {
background: url(../img/parts/p.gif) no-repeat left center;
padding-left: 20px;
}
#pankz a:link, #pankz a:visited {
color: #333333;
}
#pankz a:hover, #pankz a:active {
color: #999999;
}

/* TO_TOP */

p#to_top {
clear: both;
text-align: right;
font-size: 62.5%;
line-height: 2em;
height: 2em;
margin-top: -2em;
padding: 0 20px 10px;
}
p#to_top a:link, p#to_top a:visited {
color: #333333;
}
p#to_top a:hover, p#to_top a:active {
color: #999999;
}

/* FOOTER */

#footer{
width:100%;
clear: both;
margin: 0;
padding-top: 15px;
background-image: url(../img/parts/footer_bg.gif);
background-repeat: repeat-x;
background-position: center bottom;
}
#footer ul{
font-size:62.5%;
text-align:center;
line-height:2em;
list-style:none;
padding: 0;
}
#footer ul a:link,
#footer ul a:visited{
color: #333333;
text-decoration: none;
}
#footer ul a:hover,
#footer ul a:active{
color: #999999;
text-decoration: none;
}
#footer ul li{
padding-left:0.4em;
padding-right:0.2em;
border-left:1px solid #999999;
display: inline;
}
#footer ul li.first_child{
padding-left:0;
border-left:none;
}

#footer address {
font-size: 62.5%;
line-height: 60px;
color: #FFFFFF;
margin: 10px auto 0;
padding: 0;
text-align: center;
}
#footer address img {
vertical-align: middle;
padding: 21px 5px;
}