body {
 color:#333;
 background:#efefef url('img/bg.gif');
font:10pt/160% 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
 text-align:center;
 margin:0;padding:0;
}

#container{
 width:780px;
 text-align:left;
 margin:0 auto;
 background:#fff;
 padding:0 5px;
 border-left:solid 1px #ccc;
 border-right:solid 1px #ccc;
 border-top:solid 5px #339fff;

}

th,td,textarea,div,address{
 font:10pt/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{
 margin:10px 0;
 width:450px;
 text-align:center;
 float:left;
}

#title img{
 border:0px;
}

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

#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{
 width:575px;
 float:left;
}


#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:#339;
	border-left:solid 5px #900;
}
.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;
}

.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;
}

/* 右サイドバー */
#right{
/*	background:#f0f9ff;*/
	width:180px;
 margin-top:3px;
 float:right;
}

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

#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:5px;
}

.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;
}

.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 {
　background:#ffffff;
　color:#333;
　font-family: Verdana, Arial, sans-serif;
　font-size: 13px;
　padding-top:15px;
　padding-left:8px;
　padding-right:8px;
　line-height:150%;
　width : auto ;
　margin-bottom:15px;
　word-break: break-all;
/*border-left: 1px solid #ccc;
border-bottom: 1px solid  #ccc;
border-right: 1px solid #eee;
*/
}

.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;

/*height:20px;*/
line-height:19px;
clear:both;
margin-bottom:5px;
}

#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('images/side_title_bg.gif') left bottom no-repeat;
	margin:0px 0 0;
	padding:0 10px;
	line-height:20px;
	font-weihgt: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;
}