@import "very-common_v2.css";
@import "main.css";
/*============================================================
##############################################################
Anchor cholor
##############################################################
============================================================*/
a{color:#09c;}
a:visited{#5E00EA;}


/*============================================================
##############################################################
General
##############################################################
============================================================*/
#wrapper{
	width:900px;
	margin:0px auto;
	background-color:#fff;
	padding:0px 25px;
}

/**/

body{
background-color:#f3f3f3;
}

body,th,td{
font-size:12px;
line-height:150%;
	font-family:  'Verdana','Lucida Grande';
}
img{border:0px;}
form ,p {margin:0px;}
/*============================================================
HEADER
============================================================*/
#header{
	width                   : 950px;
	margin                  : 0px auto;
	height                  :  80px;
	background-image        : url(../images/common/bg_header.png);
	background-repeat       : no-repeat;
}
h1#logo,p#logo{
	width                   : 365px;
	height                  :  80px;
	font-size               : 12px;
	overflow                : hidden;
	float                   : left;
	text-indent             : -9999px;
	margin                  : 0px;
	padding                 : 0px;
}

h1#logo,p#logo a{
	width                   : 365px;
	height                  :  80px;
	display                 : block;
	padding                 : 0px;
}
div#search{
	float                   : right;
	width                   : 250px;
	margin                  : 30px 0px 0px 0px;
}
form#form_search{
	margin:0px;
}
input#s_box{
	margin                  : 0px 0px 0px 0px;
	width                   : 150px;
	float                   : left;
	border                  : none;
}
div#search a{
	width                   : 55px;
	height                  : 20px;
	line-height             : 30px;
	overflow                : hidden;
	margin                  : 0px 0px 0px 20px;
	display                 : block;
	float                   : left;
	text-indent             : -9999px;
}
/*============================================================
MENU
============================================================*/
#menu{
	width                   : 950px;
	margin                  : 0px auto;
}
#menu ul{
	margin                  : 0px;
	padding                 : 0px 0px 25px 0px;
	height                  : 35px;
	background-image        : url(../images/common/bg_menu.png);
	background-repeat       : repeat-x;
}
#menu ul li{
	margin                  : 0px;
	padding                 : 0px 0px 0px 25px;
	font-size               : 14px;
	line-height             : 40px;
	display                 : inline;
	list-style:type         : none;
	color                   : #fff;
	font-weight             : bold;
}
#menu ul li a{
	color                   : #fff;
	text-decoration         : none;
}
/*============================================================
##############################################################
CENTER
##############################################################
============================================================*/
#main_column{
	width:675px;
	float:left;
	margin : 0px 0px 0px 0px;
}
#main_column_header{
	color                   : #fff;
	width                   : 675px;
	height                  : 160px;
	margin                  : 0px 0px 20px 0px;
	padding                 : 0px 0px 0px 0px;
	background-image        : url(../images/common/illust_banner-castle.png);
	background-repeat       : no-repeat;
}

#category_name{
	font-size               :  30px;
	font-weight             : normal;
	color                   : #fff;
	padding                 : 20px 20px 20px 20px;
	margin                  : 0px 0px 0px 0px;
}


#main{
	width                   : 530px;
	float                   : right;
}
.title_entry{
	font-size               : 16px;
	color                   : #D93F3F;
	width                   : 530px;
	padding                 : 0px 0px 5px 0px;
	margin                  : 0px 0px 20px 0px;
	font-size               : 16px;
	border-bottom           : dotted 1px #999;
}
.title_entry a, .title_entry a:visited{
	color                   : #D93F3F;
	text-decoration         : none;
}
.entry_date{
	margin                  : 0px;
	text-align              : right;
}
.article_foot{
	text-align:right;
	margin          : 0px;
	padding         : 0px 0px 10px 0px;
	border-bottom   : solid 1px #ccc;
}
.mail_img{
	margin          : 10px 0px;
	text_align      : left;
}

/*----------------------------------------------------------*/
.title_comments{
	font-weight     : bold;
}
.commenter{
	margin-top:10px;
}
.comment{
	padding : 10px;
	border                 : solid 1px #bbb;
}

/*----------------------------------------------------------*/
ul#foot_navi{
	margin:30px 0px 0px 10px;
	padding:0px;
}
ul#foot_navi li{
	margin  : 0px 0px 0px 0px;
	padding : 0px 0px 0px 20px;
}
#foot_navi a{
}
#navi_previous{
	background-image:url(../images/common/button_back.png);
}
#navi_next{
	background-image:url(../images/common/button_next.png);
}

/*============================================================
##############################################################
LEFT
##############################################################
============================================================*/
#sub_column{
	float:left;
	width:120px;
	margin:0px;
}

/*============================================================
##############################################################
RIGHT
##############################################################
============================================================*/
#iroiro{
width:200px;
float:right;
}
#iroiro h2{
	width                  : 175px;
	height                 :  30px;
	margin                 : 10px 0px 10px 0px;
	padding                : 0px 10px 0px 25px;
	font-size              : 12px;
	color                  : #fff;
	line-height            : 30px;
	background-image:url(../images/common/title_sub-menu.png);
	background-repeat      : no-repeat;
}
#iroiro h2 a{
	color                  : #fff;
	text-decoration        : none;
}
#iroiro ul{
	margin:0px 0px;
}
#iroiro ul li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 12px ;
	list-style-type : none;
	background-image:url(../images/common/icon_arrow_li_orange.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
.recommend-site{
	width                  : 130px;
	min-height             :  60px;
	margin                 : 0px 0px 15px 0px;
	padding                : 0px 0px 0px 70px;
	background-repeat      : no-repeat;
	background-position    : 0px 0px;
	line-height            : 120%;
}
.recommend-site a{
	font-weight            : bold;
}
/*============================================================
##############################################################
FOOTER
##############################################################
============================================================*/
#footer{
	width                   : 240px;
	padding-left            : 545px;
	height                  :  35px;
	background-image        : url(../images/common/bg_footer.gif);
	background-repeat       : no-repeat;
	margin                  : 30px 0px 0px 0px;
}
#footer a{
	display                 : block;
	width                   : 120px;
	height                  :  30px;
	float                   : left;
	text-indent             : -9999px;
}
