@charset "Shift_JIS";


/* rules ------------------------- */
*{
	border: 0;
	color: #000;

	font: small "Lucida Sans Unicode", "Tahoma", "Verdana", "Arial", sans-serif;
	letter-spacing: 0.01em;
	line-height: 1.2em;

	margin: 0;
	padding: 0;
}

a{
	text-decoration: underline;
}

a:hover{
	background: #ccc;
}

p{
	margin: 1em 0;
}

ul{
	list-style: none;
}

hr{
	clear: both;
	visibility: hidden;
}

input{
	border: 1px solid #ccc;
}



/* wrapper ------------------------- */
#wrapper{
	width: 900px;
	margin: 0 auto;
}


/* header ------------------------- */
#headseo{
	background: red;
	padding: 2px 0;
	text-align: center;
}

#headseo h1 ,
#headseo h2{
	display: inline;
}

#header{
	background: url(./img/header_banner.jpg);
	height: 189px;
	margin-bottom: 1px;
	text-indent: -8888px;
}

/* (navigation) */
#navigation{
	margin-bottom: 10px;
	background: red;
	padding: 10px 10px;
}

#navigation li{
	display: inline;
	border-left: 1px solid #fff;
	padding: 5px 15px 5px 15px;
}

#navigation li a{
	color: white;
	font-size: 16px;
	text-decoration: none;
}

#navigation li a:hover{
	text-decoration: underline;
	background: none;
}

/* (adleft) */
#header_adleft{
	width: 473px;
	float: left;
	padding-right: 15px;
}

#header_adleft .header_adleft_top{
	background: url(./img/header_adleft_top.gif);
	height: 20px;
	color: white;
	font-size: 12px;
	padding: 6px 0 0 35px;
}

#header_adleft .header_adleft_bottom{
	background: url(./img/header_adleft_bottom.gif);
	height: 20px;
}

#header_adleft .header_adleft_content{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	height: 210px;
	padding: 16px 10px 0 10px;
}

#header_adleft .header_adleft_img{
	float: left;
}

#header_adleft .header_adleft_txt{
	float: left;
	padding-left: 10px;
	width: 240px;
}

/* (adright) */
#header_adright{
	width: 412px;
	float: left;
}

#header_adright .header_adright_top{
	background: url(./img/header_adright_top.gif);
	height: 20px;
	color: white;
	font-size: 12px;
	padding: 6px 0 0 35px;
}

#header_adright .header_adright_bottom{
	background: url(./img/header_adright_bottom.gif);
	height: 20px;
}

#header_adright .header_adright_content{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	height: 210px;
	padding: 16px 0 0 0;
}

#header_adright .header_adright_content div{
	width: 125px;
	padding-left: 8px;
	float: left;
}

#header_adright .header_adright_content img{
	padding: 5px 0;
}

#header_adright .header_adright_content a:hover{
	background: none;
}


/* topnav ------------------------- */
#topnav{
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	margin-top: 295px;
	padding: 5px 0;
	clear: both;
}

#topnav a{
	color: blue;
	text-decoration: none;
}


/* left ------------------------- */
#left_wrapper{
	width: 182px;
	float: left;
}

#left_wrapper .left_bacetop{
	background: url(./img/left_bacetop.gif);
	height: 20px;
	color: white;
	font-size: 12px;
	padding: 6px 0 0 35px;
	margin-top: 15px;
}

#left_wrapper .left_bacebottom{
	background: url(./img/left_bacebottom.gif);
	height: 20px;
}

#left_wrapper .left_bacecontent{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 16px 10px 0 10px;
}

/* (category) */
#left_wrapper .left_bacecontent li{
	background: url(./img/icon01.gif) no-repeat;
	padding: 0 0 5px 20px;
}

#left_wrapper .left_bacecontent li a{
	color: blue;
}

/* (ranking) */
#left_wrapper .left_bacecontent .rankimgl{
	width: 60px;
	float: left;
}

#left_wrapper .left_bacecontent .rankimgr{
	width: 99px;
	float: left;
}

#left_wrapper .left_bacecontent .ranktxtu{
	clear: both;
	border-bottom: 1px dotted #000;
	padding: 5px 0;
	margin-bottom: 10px;
}

#left_wrapper .left_bacecontent .ranktxtub{
	margin-bottom: 0px;
}

/* center ------------------------- */
#center_wrapper{
	width: 507px;
	padding: 0 13px;
	float: left;
}

#center_wrapper .center_bacetop{
	background: url(./img/center_bacetop.gif);
	height: 20px;
	color: white;
	font-size: 12px;
	padding: 6px 0 0 35px;
	margin-top: 15px;
}

#center_wrapper .center_bacebottom{
	background: url(./img/center_bacebottom.gif);
	height: 20px;
}

#center_wrapper .center_bloglist ,
#center_wrapper .center_post ,
#center_wrapper .center_mag ,
#center_wrapper .center_new1 ,
#center_wrapper .center_new2{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 16px 10px 0 10px;
}

#center_wrapper .center_new1{
	padding: 0 10px 0 10px;
}

/* (bloglist) */
#center_wrapper .center_bloglist{
	height: 150px;
}

#bloglist{
	overflow: auto;
	height: 120px;
}

/* (post) */
.center_bacetop a{
	color: #fff;
	text-decoration: none;
}

.center_bacetop a:hover{
	background: none;
	text-decoration: underline;
}

.center_post object{
	margin-left: 30px;
	padding-bottom: 5px;
}

.center_post img{
	float: left;
	margin: 0 5px 5px 0;
}

.center_post .postbottom img{
	float: none;
	margin: 0;
}

.center_post .bar_blue{
	background: url(./img/center_post_bar_b.gif) no-repeat;
	height: 18px;
	width: 427px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 30px;
	margin-top: 20px;
}

.center_post .bar_red{
	background: url(./img/center_post_bar_r.gif) no-repeat;
	height: 18px;
	width: 427px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 30px;
	margin-top: 20px;
}

.center_post .bar1img{
	background: url(./img/center_post_bar1.gif) no-repeat;
	height: 28px;
	width: 487px;
	text-indent: -8888px;
	margin-top: 50px;
}

.center_post .bar1 li{
	background: url(./img/icon10.gif) no-repeat 0px 7px;
	padding: 10px 0 0 40px;
}

.center_post .bar2img{
	background: url(./img/center_post_bar2.gif) no-repeat;
	height: 28px;
	width: 487px;
	text-indent: -8888px;
	margin-top: 20px;
}

.center_post .bar2 li{
	background: url(./img/icon11.gif) no-repeat 0px 7px;
	padding: 10px 0 0 40px;
}

.center_post .postbottom{
	border-top: 1px dashed #000;
	margin-top: 20px;
	padding-top: 5px;
	clear: both;
}

.center_post .postbottom img{
	float: none;
}

.center_post .postbottom a{
	text-decoration: none;
}

.center_post .tburl{
	border: 1px dashed #000;
	margin-top: 30px;
	padding: 5px 10px;
}

.center_post .hr{
	border-bottom: 1px dashed #000;
	margin-top: 10px;
}

.center_post textarea{
	border: 1px solid #ccc;
	width: 300px;
	height: 200px;
}

/* (mag) */
.center_mag .center_adleft_txt{
	padding-left: 10px;
	vertical-align: top;
}

.center_mag .form td{
	border: 1px solid #ccc;
	padding: 10px 5px;
}

.center_mag .form .nameinput{
	border: 3px groove #ccc;
}

.center_mag .form .mailinput{
	border: 3px groove #ccc;
	width: 350px;
}

.center_mag .magbtn{
	border: 3px ridge #ccc;
	padding: 3px;
	margin: 10px 0;
}

/* (new1) */
.center_new1 td{
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #000;
}

/* (new2) */
.center_new2 td{
	padding-bottom: 3px;
	text-align: center;
}


/* right ------------------------- */
#right_wrapper{
	width: 182px;
	float: left;
}

#right_wrapper .right_bacetop{
	background: url(./img/right_bacetop.gif);
	height: 20px;
	color: white;
	font-size: 12px;
	padding: 6px 0 0 35px;
	margin-top: 15px;
}

#right_wrapper .right_bacebottom{
	background: url(./img/right_bacebottom.gif);
	height: 20px;
}

#right_wrapper .right_bacecontent ,
#right_wrapper .right_bacecontent_link ,
#right_wrapper .right_access ,
#right_wrapper .right_mag{
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 16px 10px 0 10px;
}

/* (mag) */
#right_wrapper .right_mag{
	text-align: center;
}

#right_wrapper .maginput{
	width: 150px;
	height: 20px;
	margin: 5px 0;
}

#right_wrapper .magbtn{
	background: url(./img/right_mag_button.gif);
	border: none;
	text-align: -8888px;
	width: 150px;
	height: 35px;
}

#right_wrapper .magbtn:hover{
	background: url(./img/right_mag_buttonhover.gif);
}

/* (access) */

/* (link) */
#right_wrapper .right_bacecontent_link li{
	background: url(./img/icon02.gif) no-repeat;
	padding: 0 0 5px 20px;
}

#right_wrapper .right_bacecontent_link li a{
	color: blue;
}


/* footer ------------------------- */
#footer{
	clear: both;
	text-align: center;
	border-top: 1px dotted #000;
	padding: 10px 0;
}

#footer .link a{
	text-decoration: none;
	font-size: medium;
}

#footer .copy{
	margin-top: 15px;
}


/* (decoration) ------------------------- */
.red{color: red}
.blue{color: blue}
.bold{font-weight: bold}
.left{text-align: left}
.right{text-align: right}
.center{text-align: center}
.s12{font-size: 12px}
.s14{font-size: 14px}


/* (IE6 hack) ------------------------ */
* html #topnav{
	margin-top: 15px;
}