@charset "utf-8";
/* CSS Document */

/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html{color:#4d4d4d; margin:0 ;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
line-height:120%;
border-top:10px solid #000000;
background:url(../img/bg.gif) ;
color:#333333;
}
img{vertical-align:bottom;}
a {
text-decoration:underline;
color:#ff3232;
}

a:hover {text-decoration:none;}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
/* 共通class */
.hide { height:1px; overflow:hidden; display:none;}

.f20 {font-size:20px;}

.red {color:#fa3f43;}
.pink{color:#ff005e;}
.comment_box p  .red{color:#ff6666;}
.bg_y { background:#fff9c8; margin:0.1em 0;}

.txt-left { text-align:left; }
.txt-right { text-align:right; }
.txt-center { text-align:center; }

.fb { font-weight:900; }

.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }

.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb50 { margin-bottom:50px !important; }
.pt20 { padding-top:20px !important; }


/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */


/* ヘッダー */
#wrapper {
width:100%;
margin:0 auto ;
background:url(../img/head_bg.png) no-repeat top center;
}

#header {
width:970px;
height:810px;
margin:0 auto;
padding:0;
position:relative;
}
#header h1 {
position:absolute;
top:0;
left:85px;
}


/* メインコンテンツ */
#main-content {
width:970px;
margin:0 auto;
}
#main {
width:750px;
float:left;
margin:0 0 30px;
padding:0;
}


/* サイドバー */
#sub {
width:202px;
float:right;
margin-bottom:50px;
border:1px solid #b5b5b5;
border-bottom:3px solid #b5b5b5;
border-top:10px solid #313131;
}
#sub li {
margin:0;
padding:0;
line-height:0;
}


/* フッター */
#footer_pagetop{
width:970px;
height:30px;
margin:0 auto;
text-align:right;
}
#footer {
width:100%;
padding:0;
background:#fff;
clear:both;
font-size:12px;
line-height:130%;
border-top:#dcdcdc 1px solid;
}
#footer_inner{
width:970px;
height:auto;
margin:0 auto;
padding:15px;
}

#footer_inner ul{
width:850px;
list-style:none;
}
#footer_inner ul li{
margin-bottom:15px;
float:left;
margin-right:10px;
background:url(../img/footer_icon.png) no-repeat left;
padding-left:15px;
}

#footer_inner a{color:#4d4d4d;}
#footer_inner a:hover{color:#4d4d4d; text-decoration:underline;}

/* コピーライト */
#copy {
width:100%;
padding:0;
background:#000;
clear:both;
font-size:12px;
line-height:130%;
}
#copy_inner{
width:970px;
height:30px;
margin:0 auto;
position:relative;
color:#FFF;
font-size:12px;
line-height:30px;
}
#copy_inner span{float:right;}
#copy_inner ul{
width:280px;
height:30px;
float:left;
}
#copy_inner ul li{
width:100px;
height:30px;
margin-left:20px;
float:left;
}
#copy_inner ul li:last-child{width:140px;}
#copy_inner ul li a{color:#FFF; margin:0;}
#copy_inner ul li a:hover{color:#FFF;}