@charset "utf-8";
/* CSS Document */
/*marginとpadding初期化＆IEのhasLayout対策*/
*{
margin:0;
padding:0;
zoom:1;
} 

html{
height:100%;
}

/*縦スクロールバーを常に表示*/
html>/**/body{
overflow-y:scroll;
}
html:first-child body{
min-height:100%;
padding-bottom:1px;
}

/*IEの余白バグ対策*/
/* IE6 */
body {
_padding-left: 1px;
}
/* IE7 */
*:first-child + html body {
padding-left: 1px;
}

/*clear*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
zoom:1;
}

/*▼全体*/
body{
height:100%;
padding:0;
margin:0;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:small;
line-height:130%;
color:#666666;
background-color:#ffcc00;
background-image:url(../images/bg.gif);
background-position:top center;
}
input,
textarea{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:small;
line-height:130%;
color:#333333;
}
/*リンク関係*/
a:link { color: #ff7c0a; }
a:visited { color: #ffbf00; }
a:active { color: #ffbf00;text-decoration:none; }
a:hover { color: #ffbf00;text-decoration:none; }
a img { border-color:#ff7c0a;}
/*▼レイアウト*/
#trunk{
width:800px;
padding:0;
margin:0px auto 0px auto;
}
/**/
#head01{
width:800px;
height:50px;
}
#head02{
width:800px;
height:132px;
}
#head03{
width:800px;
height:74px;
background-image:url(../images/head_menubg.jpg);
background-repeat:no-repeat;
background-position:top center;
text-align:left;
}
#menu{
width:610px;
height:74px;
padding:0px 170px 0px 20px;
}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
/**/
#content{
width:798px;
border-left:solid 1px #644f41;
border-right:solid 1px #644f41;
background-color:#ffffff;
text-align:center;
padding-top:15px;
}
.topics{
width:764px;
margin:0px auto 0px auto;
}
#new{
width:636px;
/*height:20px;*/
text-align:left;
border:solid 1px #c6bfb9;
margin:10px auto 20px auto;
padding:5px 5px 4px 115px;
background-image:url(../images/new.gif);
background-repeat:no-repeat;
background-position:left center;
}
#left{
width:524px;
float:left;
text-align:center;
padding-left:17px;
}
#right{
width:240px;
float:right;
text-align:center;
padding-right:17px;
}
.bn{
margin:5px auto 5px auto;
}
#mobile{
width:764px;
margin:10px auto 0px auto;
}
/**/
#foot{
background-image:url(../images/foot.gif);
background-repeat:no-repeat;
background-position:top center;
width:800px;
height:70px;
text-align:right;
}
#copy{
color:#666666;
font-size:12px;
padding:25px 0px 0px 0px;
}
/**/
h3{
color:#0066cc;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:small;
line-height:130%;
}
.box_top{
width:704px;
height:20px;
margin:10px auto 0px auto;
padding:0;
background-image:url(../images/box_top.gif);
background-repeat:no-repeat;
background-position:top center;
}
.box_main{
width:644px;
padding:0px 30px 0px 30px;
margin:0px auto 0px auto;
background-image:url(../images/box_main.gif);
background-position:top center;
text-align:left;
}
.box_main2{
width:644px;
padding:0px 30px 0px 30px;
margin:0px auto 0px auto;
background-image:url(../images/box_main.gif);
background-position:top center;
text-align:center;
}
#chara{
width:644px;
height:500px;
background-image:url(../images/chara.jpg);
background-repeat:no-repeat;
background-position:right center;
text-align:left;
}
.box_bottom{
width:704px;
height:20px;
margin:0px auto 10px auto;
padding:0;
background-image:url(../images/box_bottom.gif);
background-repeat:no-repeat;
background-position:top center;
}
/**/
.gotop{
width:704px;
margin:0px auto 0px auto;
text-align:right;
}

/*▽おたより投稿*/
/*投稿ボタン*/
.mailbutton {
padding:10px 10px 20px 10px;
}
/*注意書き囲み*/
#mailp {
border:solid 1px #CCCCCC;
margin:10px 0px 0px 0px;
padding:10px;
}
/*▽パーソナリティ*/
.p_txt {
width:350px;
margin:10px 0px 0px 0px;
}
/*▽インフォメーション*/
.p_bn{
margin-top:5px;
}
/*▽リンク*/
.tagbox{
width:468px;
height:46px;
color:#999999;
font-size:12px;
line-height:120%;
margin-bottom:5px;
border:1px solid #999999;
}
/*収録風景*/
.p_top{
width:556px;
height:7px;
margin:10px auto 0px auto;
padding:0;
background-image:url(../images/photo_top.gif);
background-repeat:no-repeat;
background-position:top center;
}
.p_main{
width:556px;
padding:20px 0px 20px 0px ;
margin:0px auto 0px auto;
background-image:url(../images/photo_main.gif);
background-position:top center;
text-align:center;
}
.repotxt{
width:480px;
margin:20px auto 0px auto;
font-size:small;
line-height:130%;
text-align:left;
}
.p_bottom{
width:556px;
height:8px;
margin:0px auto 0px auto;
background-image:url(../images/photo_bottom.gif);
background-repeat:no-repeat;
background-position:top center;
}