﻿@charset "UTF-8";

	body{
	background: #f9f9f9;
	margin-top:30px;
	}
	#container{
	background: #f9f9f9;
	}
	#content{
	-webkit-box-shadow:  0px 0px 5px 0px #dcdcdc; /* Safari, Chrome */
	-moz-box-shadow:  0px 0px 5px 0px #dcdcdc; /* Firefox */
	box-shadow:  0px 0px 5px 0px #dcdcdc; /* CSS3 */	
	-moz-border-radius: 5px; /*Firefox*/
	-webkit-border-radius: 5px;/*Safari,Chrome*/
	border-radius: 5px; /*Opera,Chrome*/
	}
	#top{
	height:37px;
	background:-moz-linear-gradient(top, #004098 30%, #002164 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#004098), to(#002164));
	-webkit-box-shadow: 0px 1px 2px #808080;
	-moz-box-shadow: -2px 0px 2px #808080;
	box-shadow: 0px 1px 2px #808080;
	}
	#navi_area{
	margin: 10px 0;
	border: none;
	background: #fff;
	-webkit-box-shadow:  0px 0px 5px 0px #dcdcdc; /* Safari, Chrome */
	-moz-box-shadow:  0px 0px 5px 0px #dcdcdc; /* Firefox */
	box-shadow:  0px 0px 5px 0px #dcdcdc; /* CSS3 */	
	-moz-border-radius: 5px; /*Firefox*/
	-webkit-border-radius: 5px;/*Safari,Chrome*/
	border-radius: 5px; /*Opera,Chrome*/
	overflow:visible;
	background:-moz-linear-gradient(top, #fff 50%, #fcfcfc 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcfcfc));
	}
	#navi{
	-moz-border-radius: 5px 5px 0 0; /*Firefox*/
	-webkit-border-radius: 5px 5px 0 0;/*Safari,Chrome*/
	border-radius: 5px 5px 0 0; /*Opera,Chrome*/	
	}
	.navi_s{
	-moz-border-radius: 0 0 5px 5px; /*Firefox*/
	-webkit-border-radius: 0 0 5px 5px;/*Safari,Chrome*/
	border-radius: 0 0 5px 5px; /*Opera,Chrome*/	
	}
	#navi,
	.navi_s{
	background: #fff;
	}
	.tr_bg1,.tr_bg2{
	background: none;
	background:-moz-linear-gradient(top, #fff 30%, #fcfcfc 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcfcfc));
	border-bottom: 1px solid #f5f5f5;
	}
	.tr_bg1:hover,.tr_bg2:hover{
	background: #fcfcfc;
	background:-moz-linear-gradient(top, #fff 30%, #f6f6f6 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
	}
	.midoku_area{
	margin: 10px 0;
	border: 1px solid #f9dddb !important;
	background: #fff;
	-webkit-box-shadow:  0px 0px 5px 0px #dcdcdc; /* Safari, Chrome */
	-moz-box-shadow:  0px 0px 5px 0px #dcdcdc; /* Firefox */
	box-shadow:  0px 0px 5px 0px #dcdcdc; /* CSS3 */	
	-moz-border-radius: 5px; /*Firefox*/
	-webkit-border-radius: 5px;/*Safari,Chrome*/
	border-radius: 5px; /*Opera,Chrome*/
	overflow: hidden;
	}
	#top{
	position: fixed;
	z-index:2;
	overflow: visible;
	}
	#top .inner{
	overflow: visible;
	}
	#top .inner a{
	text-decoration: none;
	font-size: ;
	}
	.book{
	line-height: 150%;
	}
	.inner h2{
	margin:10px 0;
	}
	#title{
	margin:0 0 22px 0;
	border-left: none;
	font-size: 26px;
	padding-left: 5px;
	line-height: 120%;
	}
	
	
	
	#navi{
	border-bottom: 1px solid #ffffff;
	margin: 0;
	padding:0;
	background: #fff ;
	-moz-border-radius-topleft: 5px; /*Firefox*/
	-moz-border-radius-topright: 5px; /*Firefox*/
	-webkit-border-top-left-radius: 5px;/*Safari,Chrome*/
	-webkit-border-top-right-radius: 5px; /*Safari,Chrome*/
	border-radius: 5px 5px 0 0; /*Opera,Chrome*/
	}
	.navi_s{
	text-align: center;
	padding: 10px 5px;
	background: #fff;
	z-index: 0;
	}
	.navi_s .input_q{
	border: 1px solid #e1e1e1;
	background:#ffffff;
	width:600px;
	font-size:24px !important;
	padding:0;
	height:30px;
	}
	.navi_s .input_q:hover{
	border: 1px solid #999999;
	}
	.navi_s .submit{
	font-size:16px;
	vertical-align: top;
	padding:0 5px;
	height:32px;
	border: none;
	}
	
	#navi a:link    { color: ;text-decoration: none; }
	#navi a:visited { color: ;text-decoration: none; }
	#navi a:hover   { color: ;text-decoration: none; }
	#navi a:active  { color: ;text-decoration: none; }
	
	#navi a,.navi_group_top_link span{
	border-left:1px solid #FFF;
	border-right:1px solid #BEBEBE;
	padding: 2px 7px; 
	}
	
	.navi_inner{
	border-bottom: 1px solid #f3f3f3 !important;
	border-left: none;
	}
	
	.navi_group{
	position:relative;
	z-index:1;
	}
	.navi_group_top_link a,
	.navi_group_top_link span{
	position:relative;
	z-index:100;
	background:#fff;
	cursor:pointer;
	cursor:hand;
	padding-bottom: 5px;
	display:;
	}
	.navi_group_sub_box{
	position:absolute;
	top:17px;
	left:-1px;
	background:#fff;
	width:140px;
	z-index:90;
	display:none;
	border:1px solid #f3f3f3;
	-webkit-box-shadow: 2px 2px 2px #dcdcdc;
	-moz-box-shadow: 2px 2px 2px #dcdcdc;
	box-shadow: 2px 2px 2px #dcdcdc
	-moz-border-radius: 0 7px 7px 7px;
	-webkit-border-radius: 0 7px 7px 7px;
	border-radius: 0 7px 7px 7px;
	}
	.navi_group_sub_box a{
	margin:0;
	border:0 !important;
	}
	.navi_inner .navi_group_sub_box{
	top:39px;
	}
	.navi_inner .navi_group_sub_box li{
	padding:0;
	}


	.navi_inner div a:hover,
	.navi_inner div .navi_group_top_link span:hover{
	background:#f9f9f9;
	color:#000000;
	}
	.navi_inner div a,
	.navi_inner div .navi_group_top_link span{
	color:#444444;
	display:block;
	padding:10px 12px !important;
	border-left:1px solid #ffffff !important;
	border-right:1px solid #f3f3f3 !important;
	}
	.navi_inner .navi_box{
	float:left;
	}
	.navi_inner .navi_left_link a{
	border-left:none !important;
	}
	.navi_clear{
	clear:left;
	height:0px;
	overflow:hidden;
	}
	
	



	#top .navi_group{
	height:34px;
	background:;
	display:block;
	max-width:300px;
	float:right;
	padding:5px 10px 0 10px;
	}
	#top .navi_group:hover{
	background:-moz-linear-gradient(top, #004098 60%, #004098 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#004098), to(#004098));
	}
	#top .top_single_link{
	height:29px;
	background:;
	display:block;
	max-width:300px;
	float:right;
	padding:7px 10px 0 10px;
	}
	#top .top_single_link:hover{
	background:-moz-linear-gradient(top, #004098 60%, #004098 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#004098), to(#004098));
	}
	
	#top .navi_group_sub_box{
	position:absolute;
	top:35px;
	left:0;
	right:0;
	background:#004098;
	width:auto;
	padding:0px 10px;
	z-index:90;
	display:none;
	border:0px solid #dcdcdc;
	-webkit-box-shadow: 0px 2px 2px #808080;
	-moz-box-shadow: 0px 2px 2px #808080;
	box-shadow: 0px 2px 2px #808080;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	text-align: left;
	}
	#top .navi_group_top_link a{
	background:none;
	}
	#top .midoku_top{
	display:block;
	max-width:200px;
	float:right;
	padding:0 10px;
	margin:7px 10px 0 10px;
	font-weight: normal;
	-moz-border-radius: 15px; /*Firefox*/
	-webkit-border-radius: 15px;/*Safari,Chrome*/
	border-radius: 15px; /*Opera,Chrome*/
	-webkit-box-shadow: 0px 0px 5px #ffffff;
	-moz-box-shadow: 0px 0px 5px #ffffff;
	box-shadow: 0px 0px 5px #ffffff;
	font-size:11px;
	}
	.top_user_thumb{
	width:24px;height:24px;vertical-align:middle;margin:0 5px 0 0;
	}
	
	

	.book{
	 height:250px;
	}
	.book img,
	.thumbnail img{
	-webkit-box-shadow: 3px 3px 3px #dcdcdc;
	-moz-box-shadow: 3px 3px 3px #dcdcdc;
	box-shadow: 3px 3px 3px #dcdcdc;
	margin-bottom: 5px;
	}
	
	.book_detail #book_image{
	margin-bottom: 10px;
	-webkit-box-shadow: 3px 3px 3px #dcdcdc;
	-moz-box-shadow: 3px 3px 3px #dcdcdc;
	box-shadow: 3px 3px 3px #dcdcdc;
	}
	
	
	
	
/*--log--*/
.log_list_comment a:link    { color: #333333; text-decoration: none;}
.log_list_comment a:visited { color: #333333; text-decoration: none;}
.log_list_comment a:hover   { color: #333333; text-decoration: underline;}
.log_list_comment a:active  { color: #333333; text-decoration: underline;}

.log_list_box{
padding: 15px;
overflow:auto;
border-bottom:1px solid #dcdcdc;
height:100%;
background:-moz-linear-gradient(top, #fff 50%, #fcfcfc 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fcfcfc));
}
.log_list_box:hover{
background: #fcfcfc;
background:-moz-linear-gradient(top, #fff 30%, #f6f6f6 100%);
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
}
.log_list_user_image{
width: 60px; float: left;
}
.log_list_detail{
float: left; width: 400px;
color:#444444;
}
.log_list_detail_title{
margin-bottom:4px;
}
.log_list_username{
font-weight:bold;
}
.log_list_comment{
font-size:15px;
color:#444444;
margin:0 0 5px 0;
}
.log_list_thumb{
width:50px;float:left;
}
.log_list_thumb_detail{
float:left;width:460px;
}
.log_list_detail img{
-webkit-box-shadow: 2px 2px 2px #dcdcdc;
-moz-box-shadow: 2px 2px 2px #dcdcdc;
box-shadow: 2px 2px 2px #dcdcdc;
}
.log_list_date{
color:#8A8A8A;
}
.log_list_info{
color:#777777;font-size:11px;margin:3px 0;
}
.log_list_info a:link{
color:#bebebe;
}
.log_list_info a:hover{
color:#bebebe;
}
.log_list_info a:visited{
color:#bebebe;
}
.log_list_info a:active{
color:#bebebe;
}



/* pankuzu */
.content_header{border-bottom:1px solid #f3f3f3;margin:-20px -20px 10px -20px;padding:6px 10px 5px;font-size:12px}	
.pankuzu_area{color:gray}
.pankuzu_area ul{overflow:auto;height:100%}
.pankuzu_area li{float:left;margin-right:5px;line-height:12px}
.pankuzu_area a{text-decoration:underline;color:gray;margin-right:5px}
.pankuzu_area a:hover{color:#505050}
.pankuzu_home_link{display:inline-block;padding:0 6px;background:url(http://video.akahoshitakuya.com/image/sprite_icon.png) no-repeat !important;background-position:0 0 !important;margin-right:2px;margin-bottom:0;width:2px;height:15px;vertical-align:middle}
.pankuzu_home_link:hover{background:url(http://video.akahoshitakuya.com/image/sprite_icon.png) no-repeat;background-position:-15px 0 !important}
.pankuzu_home_link span{position:absolute;overflow:hidden;width:0;height:0}


/* button */
.button_orange
{
cursor: hand;
cursor: pointer;
display: block;
text-align: center;
border-bottom: 4px solid #c56800;
margin: 10px 0;
background: #ff8700;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight: ;
font-size:16px;
color: #fff;
}
.button_orange:hover {
  background: #fa9915;
}
.button_orange:active {
  background: #d8891e;
}
.button_orange div{
padding:14px 0;
}
