@charset "utf-8";


/*=====================================
=1 header
=2 frame
=3 contents
=4 left menu
=5 right menu
=6 footer
=====================================*/


* {
	margin:0;
	padding:0;
}

body{
	font-family:'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#393939;
	font-size:10px;
	line-height:1.6;
	letter-spacing:1px;
}

#all{
	width:931px;
	margin:0 auto;
	padding:0 auto;
}

img{
	border:0px;
}

a:link { text-decoration: none; color: #393939;}
a:visited { text-decoration: none; color: #393939;}
a:active { text-decoration: none; color: #9a000a;}
a:hover { text-decoration: none; color: #9a000a;}


/*=====================================
=1 header
=====================================*/


#header{
	width:931px;
	height:241px;
	background:url(../img/header.png) no-repeat center top;
	behavior: expression(IEPNGFIX.fix(this));
}

h1{
	display:block;
	width:931px;
	height:189px;
}

h1 a{
	display:block;
	width:931px;
	height:189px;
	text-indent:-9999px;
	overflow:hidden;
}


/*---------menu---------*/

#header_menu{
	width:454px;
	padding:0 0 0 445px;
	overflow:hidden;
	list-style:none;
}

#header_menu li{
	float:left;
}

#header_menu li a{
	display:block;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
}

.h_menu_home a{
	width:119px;
	background:url(../img/header_menu_home.gif) no-repeat left top;
}
.h_menu_home a:hover{
	background:url(../img/header_menu_home.gif) no-repeat left -26px;
}

.h_menu_mail a{
	width:77px;
	background:url(../img/header_menu_mail.gif) no-repeat left top;
}
.h_menu_mail a:hover{
	background:url(../img/header_menu_mail.gif) no-repeat left -26px;
}

.h_menu_prof a{
	width:117px;
	background:url(../img/header_menu_prof.gif) no-repeat left top;
}
.h_menu_prof a:hover{
	background:url(../img/header_menu_prof.gif) no-repeat left -26px;
}

.h_menu_friend a{
	width:141px;
	background:url(../img/header_menu_friend.gif) no-repeat left top;
}
.h_menu_friend a:hover{
	background:url(../img/header_menu_friend.gif) no-repeat left -26px;
}



/*---------main image---------*/

#main_img{
	width:891px;
	height:104px;
	padding:135px 0 0 40px;
	behavior: expression(IEPNGFIX.fix(this));
	/* 背景画像は個別のcssに記述 */
}

#main_img h2{
	font-size:13px;
	color:#FFF;
	line-height:1;
	font-weight:bold;
	overflow:hidden;
}

#main_img p{
	margin:4px 0 0 0;
	font-size:11px;
	color:#FFF;
}



/*=====================================
=2 frame
=====================================*/

#frame{
	width:931px;
	background:url(../img/frame_bg.jpg) repeat-y left top;
	overflow:hidden;
}



/*=====================================
=3 contents
=====================================*/

#contents_frame{
	width:701px;
	float:right;
	overflow:hidden;
}


/*---------contents---------*/

#contents{
	width:500px;
	padding:40px 0 0 0;
	float:left;
}


/*---------page link---------*/

#pagelink{
	width:450px;
	padding:0 25px 20px 25px;
	font-size:13px;
	text-align:center;
	line-height:1;
	vertical-align:top;
}

#pagelink a{
	color:#da3545;
}

#pagelink a:hover{
	color:#9a000a;
}

.pagelink_l{
	width:82px;
	margin:1px 4px 0 0;
	display: -moz-inline-box;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}

.pagelink_l a{
	display:block;
	width:82px;
	height:13px;
	background:url(../img/pagelink_l.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

.pagelink_l a:hover{
	background:url(../img/pagelink_l.gif) no-repeat left -13px;
}

.pagelink_r {
	width:82px;
	margin:1px 0 0 4px;
	display: -moz-inline-box;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}

.pagelink_r a{
	display:block;
	width:82px;
	height:13px;
	background:url(../img/pagelink_r.gif) no-repeat right top;
	text-indent:-9999px;
	overflow:hidden;
}

.pagelink_r a:hover{
	background:url(../img/pagelink_r.gif) no-repeat right -13px;
}



/*=====================================
=4 left menu
=====================================*/

#left_menu{
	width:230px;
	padding:40px 0 0 0;
	float:left;
}


/*---------topic---------*/

.l_menu_topic{
	display:block;
	width:192px;
	height:43px;
	margin:0 0 18px 14px;
	background:url(../img/l_menu_topic.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

.l_menu_topic_list{
	width:180px;
	padding:0 0 20px 26px;
	list-style:none;
	line-height:1.2;
	background:url(../img/l_menu_line.gif) no-repeat 14px bottom;
}

.l_menu_topic_list li{
	padding:0 0 7px 10px;
	background:url(../img/l_menu_topic_dot.gif) no-repeat left 4px;
}


/*---------contents---------*/

#l_menu_contents{
	padding:27px 0 0 14px;
	list-style:none;
}

#l_menu_contents li{
	padding:0 0 9px 0;
}

#l_menu_contents li a{
	display:block;
	height:62px;
	text-indent:-9999px;
	overflow:hidden;
}

.l_menu_staff a{
	width:206px;
	background:url(../img/l_menu_staff.jpg) no-repeat left top;
}
.l_menu_staff a:hover{
	background:url(../img/l_menu_staff.jpg) no-repeat left -62px;
}

.l_menu_works a{
	width:210px;
	background:url(../img/l_menu_works.jpg) no-repeat left top;
}
.l_menu_works a:hover{
	background:url(../img/l_menu_works.jpg) no-repeat left -62px;
}

.l_menu_writers a{
	width:214px;
	background:url(../img/l_menu_writers.jpg) no-repeat left top;
}
.l_menu_writers a:hover{
	background:url(../img/l_menu_writers.jpg) no-repeat left -62px;
}

.l_menu_link a{
	width:212px;
	background:url(../img/l_menu_link.jpg) no-repeat left top;
}
.l_menu_link a:hover{
	background:url(../img/l_menu_link.jpg) no-repeat left -62px;
}

.l_menu_review a{
	width:202px;
	background:url(../img/l_menu_review.jpg) no-repeat left top;
}
.l_menu_review a:hover{
	background:url(../img/l_menu_review.jpg) no-repeat left -62px;
}

.l_menu_collecta a{
	width:206px;
	background:url(../img/l_menu_collecta.jpg) no-repeat left top;
}
.l_menu_collecta a:hover{
	background:url(../img/l_menu_collecta.jpg) no-repeat left -62px;
}



/*=====================================
=5 right menu
=====================================*/

#right_menu{
	width:200px;
	padding:40px 0 0 0;
	float:left;
}

.r_menu_category{
	display:block;
	width:78px;
	height:15px;
	margin:0 0 19px 7px;
	background:url(../img/r_menu_category.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

.r_menu_category_list{
	padding:0 0 14px 7px;
	margin:0 0 14px 0;
	list-style:none;
	line-height:1.3;
	background:url(../img/r_menu_line.gif) no-repeat left bottom;
}

.r_menu_category_list li{
	padding:0 0 7px 0;
}

.r_menu_category_list li a{
	display:block;
}

.r_menu_category_list li img{
	padding:0 7px 0 0;
	vertical-align:middle;
}

.r_menu_category_list li .cnter_txt{
	width:120px;
	display: -moz-inline-box;
	display:inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:middle;
}

.r_menu_category_list li p{
	width:120px;
	display:block;
}

.r_menu_subcategory_list{
	padding:10px 0 10px 15px;
	list-style:none;
	line-height:1.2;
}

.r_menu_subcategory_list li{
	width:150px;
	padding:0 0 5px 8px;
	background:url(../img/l_menu_topic_dot.gif) no-repeat left 4px;
}


.r_menu_archive{
	display:block;
	width:79px;
	height:15px;
	margin:0 0 15px 7px;
	background:url(../img/r_menu_archive.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}

.r_menu_archive_list{
	padding:0 0 20px 7px;
	margin:0 0 14px 0;
	list-style:none;
	background:url(../img/r_menu_line.gif) no-repeat left bottom;
}



/*=====================================
=6 footer
=====================================*/

#footer{
	width:931px;
	height:89px;
	padding:25px 0 0 0;
	font-size:10px;
	text-align:center;
	background:url(../img/footer_bg.png) no-repeat left top;
	behavior: expression(IEPNGFIX.fix(this));
	font-family:Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
}