body {
 color:#333;
 background:#ccf;
font:11pt/160% 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
 text-align:center;
 margin:0;padding:0;
}

blockquote{
 background:#dcdddd;
font:11pt/160% 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
padding:10px;
}

.clear{
clear:both;
}

#container{
 width:1015px;
 text-align:left;
 margin:0 auto;
 background:#fff;
background-position:left;
background-repeat:repeat-y;
/*background-image: url("http://30smash.main.jp/2011bg.gif");
 padding:0 5px;*/
 border-left:solid 1px #ccc;
 border-right:solid 1px #ccc;
 border-top:solid 5px #339fff;

}

#wrap{
background-position:left;
background-repeat:repeat-y;
background-image: url("http://30smash.main.jp/2011bg.gif");
}

#main{
 width:660px;
 float:left;
 margin-left:5px;
}

#right{
width:320px;
padding-top:3px;
padding-right:5px;
float:right;
font-size:10pt;
}


th,td,textarea,div,address{
 font:11pt/150% 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;/* text-align:left;*/
}

a:link{ color:#33c; text-decoration:none;}
a:active{ color:#fc0; text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ color:#f63; position :relative;top:2px;left:2px;}
.font_9{ font-size:9px;} .font_10{ font-size:10px;} .font_12{ font-size:12px;} .font_14{ font-size:14px;} .font_16{ font-size:16px;} 
.font_a{font-size:10px;}.font{font-size:13px;}.font_b{font-size:14px;}.font_c{font-size:16px;}.font_d{font-size:18px;}
h1,h2{ font-size:8pt; line-height:15px; margin:0; font-weight:normal;}
#headline{
 margin:0;
 padding:0;
}
#headline h1{
 font-size:8pt;
 font-weight:normal;
 margin:0;
 padding:0px 5px 0px 5px;
 line-height:20px;
 display:inline;
 color:#99c;
 float:right;
}
#headline h2{
 width:580px;
 font-size:8pt;
 font-weight:normal;
 margin:0;
 padding:0px 5px 0px 30px;
 line-height:20px;
 display:inline;
 color:#99c;
 float:left;
}

#title{
clear:right;
 margin:10px 0;
 width:450px;
 text-align:center;
 float:left;
}

#title img{
 border:0px;
}

#whats_new{
width:300px;
  margin:10px 10px 0 0;
 float:right;
 text-align:right;
 font-size:10px;
}

#counter{
  margin:50px 10px 0 0;
font-size:10px;
 text-align:right;
}

#menu {
margin: 0;
padding: 0;
text-decoration: none;
height:20px;
float:right;
}
#menu li {
display: inline;
margin: 0px 0px 0px 1px;
font-size:10px;
line-height:18px;
height:18px;
}

.sitemap{
background-image: url(http://30smash.main.jp/mt/img/sitemap.gif) ;
background-repeat: no-repeat;
padding-left:12px;
line-height:18px;
height:18px;

}


.profile{
background-image: url(http://30smash.main.jp/mt/img/profile.gif) ;
background-repeat: no-repeat;
padding-left:12px;
line-height:18px;
height:18px;

}

.toiawase{
background-image: url(http://30smash.main.jp/mt/img/toiawase.gif) ;
background-repeat: no-repeat;
padding-left:15px;
line-height:18px;
height:18px;

}


#topmenu{
 clear:both;
 margin:0 0 5 0px; 
 padding:0 10 0 10px;
 height:2pt;
 height:1pt;
 text-align:left;
 background:#eef;
}
#menu {
　font-family: Verdana, Arial, sans-serif;
　font-size: 12px;
　font-weight:normal;
　background: none;
　margin:0px;
　padding-top:3px;
　text-align:center;
}
.menu {
 FONT-WEIGHT: bolder; FONT-SIZE: 12px; BACKGROUND: #9999ff; LEFT: 0px; WIDTH: 570px;
 FONT-FAMILY: "Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",Arial,sans-serif; POSITION: relative; TOP: 0px;line-height:20px;
 HEIGHT: 15px; TEXT-ALIGN: center; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
}
.menu A
 {
 PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; BACKGROUND: #B4CDFC;
 PADDING-BOTTOM: 0px; WIDTH: 98px;  LINE-HEIGHT: 25px; PADDING-TOP: 0px; TEXT-DECORATION: none;
}
div.menu {
font-size: 12px;
background: #FFFFFF;
height: 15px;
text-align:center;
position:relative;
top:0;
left:0;
}

div.menu a{
text-decoration: none;
display: block;
line-height: 20px;
width: 114px;
text-align:center;
}

div.menu a:hover{
color:#ffffff;
background: #9999ff;
text-decoration: none;
 position :relative;top:0px;left:0px;

}

div.submenu a{
background-color: #b3b3ff;
border-top: 1px solid #ffffff;
}

#menu1{
position:absolute;
top:0;
left:0px;
text-align:center;
}

#menu2{
position:absolute;
top:0;
left:115px;
}

#menu3{
position:absolute;
top:0;
left:230px;
} 

#menu4{
position:absolute;
top:0;
left:345px;
} 
#menu5{
position:absolute;
top:0;
left:460px;
} 

div.menu span{
display:none;
text-align:center;
} 

div.submenu {
visibility: hidden;
position: absolute;
left: 0px;
　text-align:center;

}

/* センタースペース */
#main h2{
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 10px 0 10px 0 ;
padding-top: 5px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 25px;
/*background-position:left;
background-repeat:no-repeat;*/
background:#fbfbfb url("http://30smash.main.jp/entry_title_head.gif") no-repeat center left;
border-bottom-width: 2px;
border-bottom-style: solid;
border-top:solid 1px #ccc;
border-bottom-color: #eee;
/*background:#fbfbfb;*/
color:#333399;
}

#center{
 width:550px;
 float:right;
}

h2.heading{
margin:0;
font-size:12pt;
color:#339;
line-height:18pt;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
/*border-left:solid 10px #66f;
background:#eef;*/
border-left:solid 10px #F30;
background:#fee;
padding:0 5px;
clear:both;
}
h2.menu_title{
margin:0;
font-size:12pt;
font-weight:bold;
color:#339;
text-align:left;
line-height:18pt;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-left:solid 10px #66c;
background:#B4CDFC;
padding:0 5px;
clear:both;
}

h2.heading0,
h3.heading0{
text-align:left;
/*font-weight:bold;
font-size:10pt;
color:#339;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-left:solid 5px #66c;
background:#eef;
padding:0 5px;
clear:both;*/
margin:0;
padding:0 0 0 20px;
line-height:20px;
font-size:12px;
font-weight:bold;
color:#fff;
background:url('http://30smash.main.jp/img/menu_title.gif') left top no-repeat;

}
h2.heading1{
margin:0;
font-size:12pt;
color:#339;
line-height:18pt;
border-left:solid 10px #FC0;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#ffc;
padding:0 5px;
clear:both;
}

.text_line p{
height:20px;
margin:0;
padding-left:20px;
border-bottom:dotted 1px #eee;
/*background:#cdf;*/
background:url('/img/ci_point.gif') no-repeat left;
}

.text_line span{
font-weight:bold;
color:#f60;
}

.text_line strong{
font-size:11pt;
}

.text_line img{
float:right;
}

.caution{
clear:both;
font-size:8pt;
font-weight:bold;
color:#f60;
margin:0;
padding:0;
text-align:right;
}

div.category{
margin:10px 0;
padding:0;
}

div.category_left,
div.category_right{
margin:0 0 10px;
padding:0;
width:208px;
}

div.category_left{
float:left;
}

div.category_right{
float:right;
}

.clear{
clear:both;
display:block;
}

.category h3,
.text_line h3,
.category_left h3,
.category_right h3{
margin:0px;
padding:0 5px;
font-size:11pt;
color:#339;
background:#ffc;
border-left:solid 5px #FC0;
border-right:solid 1px #eee;
border-bottom:solid 1px #eee;
}

#blogbody h3{
margin-bottom:2px;
padding:0 5px;
font-size:11pt;
color:#c03;
border-left:solid 5px #f63;
border-bottom:solid 1px #f63;
}
#blogbody strong{
color:#c36;
}

.category p,
.text_line p,
.category_left p,
.category_right p{
margin:0;
padding:0 0 0 20px;
border-bottom:dotted 1px #eee ;
background:url('/img/ci_point.gif') no-repeat left;
background:url('/img/point.gif') no-repeat left;
line-height:200%;
height:200%;

}

div.category p{
padding:0;
/*width:215px;*/
float:left;
}

div.category br{
clear:left;
}

div.category a,
div.category a:link,
div.category a:active,
div.category a:visited,
div.category a:hover{
display:block;
margin-left:20px;
}

div.category h4{
font-size:10pt;
margin:0;
padding:0;
color:#339;
background:#fee;
border:solid 1px #fcc;
}

h3.heading_pink{
background:#fee;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;

margin-top:15px;
font-size:10pt;
color:#c33;
border-left:solid 5px #c33;
}

h3.heading_yellow{
margin-top:15px;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
font-size:10pt;

}

h3.heading_blue,.heading_blue{
margin:0;
padding:0 0 0 20px;
line-height:20px;
font-size:12px;
font-weight:bold;
color:#fff;
background:url('http://30smash.main.jp/img/menu_title.gif') left top no-repeat;
}

h3.heading_green{
background:#F3FFEC;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
margin-top:15px;
border-left:solid 5px #669999;
font-size:10pt;
color:#339;
}

h3.heading_pink img{
border:solid 7px #fee;
vertical-align:middle;
line-height:30px;
}

h3.heading_pink span{
font-size:8pt;
color:#d66;
}

p.ci_mansion{
background:url('/img/ci_mansion.gif') no-repeat left;
}

p.ci_saifu{
background:url('/img/ci_saifu.gif') no-repeat left;
font-weight:bold;
font-size:11pt;
}

p.more a,
p.more a:link,
p.more a:visited {
    color: #FF9900;
}


/* 左サイドバー */
#left{
width:170px;
float:left;
/*background:#f9f9ff;*/
background:#f0f9ff;
font-size:12px;
}

.side_heading{
font-size:10pt;
font-weight:bold;
color:#339;
/*line-height:18pt;*/
background-image: url(http://30smash.main.jp/archives/smash_180_20.gif);

/*background:#ddf;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;*/
padding:0 3px;
margin:10px 0 5px;
}
.side_heading2{
font-size:10pt;
font-weight:bold;
color:#339;
/*line-height:18pt;*/
background-image: url(http://30smash.main.jp/archives/smash_280_20.gif);

/*background:#ddf;
border-right:solid 1px #ddd;
border-bottom:solid 1px #ddd;*/
padding:0 3px;
margin:10px 0 5px;
}

.smash_banner{
padding:0 5px;
}

.smash_banner img{
border:none;
display:block;
margin:10px auto 0;
}

.smash_banner p{
margin:0 0 10px;
font-size:9pt;
}

.red{
font-weight:bold;
color:#f00;
margin:0;
padding:0;
}

table.webring{
background:#808080;
width:161px;
height:20px;
}

table.webring td{
background:#fff;
text-align:center;
font-size:8pt;
}

table.webring img{
margin:5px auto;
}

/* 右サイドバー */

#right2{
width:180px;
 margin-top:3px;
}

.rightAd{
text-align:center;
margin:10px 0;
}

#blog_new{
width:178px;
height:65px;
border:solid 1px #ccc;
}

.osusume_diary{
margin:0 0 10 0px;
padding-bottom:10px;
border-bottom:dotted 2px #ccc;
text-align:center;

}

.osusume{
margin:10px 0;
padding-bottom:10px;
border-bottom:dotted 2px #ccc;
text-align:center;

}

.osusume p{
margin:0;
padding:0;
text-align:center;
}

.osusume span{
font-weight:bold;
color:#f00;
}

.osusue_genre{
font-size:8pt;
color:#f60;
line-height:120%;
}

.osusume_title{
font-size:12pt;
line-height:150%;
font-weight:bold;
}

.osusume2{
padding-top:5px;
padding-bottom:10px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#f0f9ff;
margin-bottom:10px;
font-size:10pt;
}

.osusume2 ul{
margin:0;
padding:0;
}

.osusume2 li{
font-size:10pt;
line-height:150%;
padding:0 0 0 15px;
background:url('/img/ci_point.gif') no-repeat left;
margin:0 5px;
border-bottom:dotted 1px #ccc;
list-style:none;

}

.osusume2 span{
font-weight:bold;
color:#f00;
}

.osusue_genre2{
font-size:8pt;
color:#f60;
line-height:120%;
padding:0 0 0 5px;
margin:0;
}

.osusume_title2{
font-size:10pt;
line-height:150%;
font-weight:bold;
padding:0 0 0 15px;
background:url('/img/ci_point.gif') no-repeat left;
margin:0 0 0 5px;

}

/* トップページコンテンツ */
.center_link{
clear:both;
width:780px;
margin-top:10px;
background:#d66;
}

.center_link th{
background:#c33;
color:#FFF;
text-align:center;
font-weight:bold;
}

th.center_link_title1{
font-weight:bold;
background:#fee;
text-align:center;
color:#639;
}

th.center_link_title{
font-weight:bold;
background:#fee;
text-align:center;
color:#c33;
}

.center_link td{
background:#fff;
font-size:10pt;
vertical-align:top;
}

.center_link p{
margin:3px 0;
padding:0;
}

.center_link ul,
.center_link li{
margin:0;
padding:0;
}

.center_link li{
margin-left:15px;
text-align:left;
}



.tc_link{
clear:both;
width:780px;
background:#88c;
margin-top:10px;
}

.tc_link th{
background:#88c;
color:#fff;
text-align:center;
font-weight:bold;
}

th.tc_link_title{
background:#ddf;
color:#669;
}

.tc_link td{
width:188px;
background:#eff;
vertical-align:top;
font-size:9pt;
}

.tc_link ul,
.tc_link li{
margin:0;
padding:0;
}

.tc_link li{
margin-left:18px;
text-align:left;
}

.tc_bottom{
width:770px;
height:400px;
margin:5px;
background:url('/img/tc_bottom_bg.gif') no-repeat left top;
}

.tc_access_rank{
padding:10px;
vertical-align:top;
}

.tc_access_rank_text{
width:360px;
height:130px;
vertical-align:top;
}

.ar_title{
color:#f60;
font-weight:bold;
}

.tc_bottom_link{
height:260px;
vertical-align:top;
}

.bottom_link{
background:#9cc;
width:330px;
}

.bottom_link td{
width:110px;
background:#efffff;
text-align:center;
line-height:30px;
font-size:9pt;
}

.bottom_link a:link,
.bottom_link a:active,
.bottom_link a:visited{
display:block;
color:#66c;
}

.bottom_link a:hover{
display:block;
background:#ccf;
color:#339;
}

.tc_bottom_link p,
.mametan p{
margin:0;
padding:0;
text-align:center;
}

.mametan{
border:solid 1px #9cc;
background:#efffff;
text-align:center;
font-size:9pt;
padding:10px 10px 5px;
}

.mametan a:link,
.mametan a:active,
.mametan a:visited,
.mametan a:hover{
font-weight:bold;
}

/* フッター */
address{
clear:both;
padding:10px 0 5px 0;
font-style:normal;
text-align:center;
 border-top:solid 1px #ccc;
background:#e3d6ff;
font-size:10px;
}

.entryheader {
margin-top:15px;
width:560px;
font-size:12px;
font-weight:bold;
background-image: url(http://30smash.main.jp/archives/smash_570_20.gif);
padding-left:10px;
color: #008080;
}
#blogbody{
/*border:dotted 1px #333;*/
padding-top:15px;
margin-left:10px;
padding-right:8px;
margin-bottom:15px;
}

.subtitle{
font-size: 12px;
color: #666666;
padding: 5px;
}
.whatnew{
padding-left:30px;
}


/* トップメニュー */
#top-menu{
padding:1px 10px 0;
/*background:#B4CDFC;
background:url('http://30smash.main.jp/images/top_navi.gif') left top no-repeat;*/
background:#339fff;
/*height:20px;*/
line-height:19px;
clear:both;
margin-bottom:0;
}

#top-menu p{
margin:0;
padding:0 0px;
display:inline;
font-size:10px;
color:#fff;
}

#top-menu p a:link,
#top-menu p a:active,
#top-menu p a:visited{
color:#fff;
}

#top-menu p a:hover{
color:#00f;
background:#cef;
}

#top-menu p.top-menu-right{
float:right;
}

#top-menu img.top-menu-clear{
clear:right;
display:block;
border:none;
}


/* サイドバー */
.side-title{
background:url('http://30smash.main.jp/images/side_title_bg240.gif') left bottom no-repeat;
margin:0px 0 0;
padding:0 10px;
line-height:20px;
font-weight:bold;
color:#fff;
}

.side-out{
background:url('http://blog.30smash.com/images/bg-side-foot.gif') left bottom no-repeat;
margin:0 0 20px;
padding:0 0 10px;
}

.side-body{
background:url('http://blog.30smash.com/images/bg-side-body.gif') left repeat-y;
margin:0;
padding:10px 2px 0;
}

.side-body ul,
.side-body li{
margin:0;
padding:0;
font-size:12px;
}

.side-body ul{
margin-left:15px;
}

.more{
 text-align:right;
}

#navi{
margin-top:5px;
padding-left:5px;
font-size:10px;
}

.ad{
margin:20px 0;
padding:20px 0;
border-top:solid 1px #ccc;


}


.left-pr{
/*width:380px;*/
border-right:solid 1px #ccc;
padding-right:10px;
float:left;
}
.right-pr{
float:left;
}


.text_line p{
height:20px;
margin:0;
padding-left:20px;
border-bottom:dotted 1px #eee;
/*background:#cdf;*/
background:url('/img/ci_point.gif') no-repeat left;
}

.text_line span{
font-weight:bold;
color:#f60;
}

.text_line strong{
font-size:11pt;
}

.text_line img{
float:right;
}