@charset "UTF-8";

/*
--------------------------------------------------*/
@import url(reset.css);
@import url(header.css);
@import url(footer.css);
@import url(left_menu.css);
@import url(right_menu.css);
@import url(common.css);
@import url(special.css);
@import url(/commonnew/css/rank_hotlink.css);



 /*　基本設定　*/
body{
	background-color:#dfdfdf;
	background-image: url(../image/common/bg.jpg);
	background-repeat: repeat-x;
}


/*　最小幅・最大幅の設定　*/
#all
{
   margin-right:auto;
   margin-left:auto;
   padding-left:5px;
   padding-right:5px;
   /*min-max width*/
   min-width:982px;
}
 
#container
{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}


/*----- clearfix ----- */
.clearfix:after { 
	content: "."; 
	font-size: 0.1em; 
	line-height: 0; 
	display: block; 
	height: 0.1px; 
	visibility: hidden; 
	clear: both; 
}

.clearfix {display:inline-table;}
/* MAC OS版　IEには適用しない　*/
* html .clearfix { height: 1%; }
* + html .clearfix { height: 1%; }
.clearfix { display:block; }
/*----- /clearfix ----- */


#contents_area {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 165px;
	position: relative;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
}




/* for opera10 */
#contents_area:not(\*|*) {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	position: relative;
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
!important;
}

#contents_area, x:-moz-read-only {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	position: relative;
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
}


#contents_area #comic_main{
	padding:0;
}

#contents_area #comic_main #comic_main_line{
	padding:6px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e2788d;
	border-left-color: #e2788d;
	background-color:#FFF;
}


#contents_area #comic_title{
	margin:0px;
	height:28px;
	font-weight: bold;
	overflow: hidden;
}

#comic_title .title_center .title{
	float:left;
	line-height: 28px;
	height: 28px;
}

#contents_area #comic_title .title_left{
	width:10px;
	height: 28px;
	float: left;
	background-image: url(../image/common/title_red_left.gif);
	background-repeat: no-repeat;
	display: inline;
}

#contents_area #comic_title .title_center{
	height: 28px;
	line-height:28px;
	color: #fff;
	margin: 0 10px;
	background: url(../image/common/title_red_mid.gif) repeat-x;
}

#contents_area #comic_title .title_right{
	width:10px;
	height: 28px;
	float: right;
	background-image: url(../image/common/title_red_right.gif);
	background-repeat: no-repeat;
	display: inline;
}

#contents_area #synthesis_end{
	margin-bottom:1em;
	height:12px;
	font-weight: bold;
}

#contents_area #synthesis_end .title_left{
	width:12px;
	height: 12px;
	float: left;
	background-image: url(../image/common/comic_left_bottom.gif);
	background-repeat: no-repeat;
}

#contents_area #synthesis_end .title_center{
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 12px;
	height: 12px;
	padding-top: 5px;
	background: url(../image/common/comic_center_bottom.gif)  repeat-x;
}

#contents_area #synthesis_end .title_right{
	width:12px;
	height: 12px;
	float: right;
	background-image: url(../image/common/comic_right_bottom.gif);
	background-repeat: no-repeat;
}



/*下スクロールバー対応用*/
#news_main_area {
	overflow: hidden;
}

#news_main_area li{
	margin:0 10px 15px 10px;
	font-size:14px;
	line-height:18px;
	clear: both;
}

#news_main_area .date{
	float:left;
	font-weight: bold;
}

#news_main_area .newimg{
	float:left;
	width:35px;
}

#news_main_area .title{
	float:left;
	margin-left:10px;
}

#news_main_header {
	text-align:right;
	font-size:12px;
	line-height:18px;
}

#news_main_title {
	text-align:center;
}

#news_main_title .detail {
	margin:25px 0 25px 0;
	padding: 20px;
	font-weight: bold;
	font-size:14px;
	line-height:18px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#news_main_body {
	font-size:12px;
	line-height:1.6;
}

td {
	line-height: 1.6; 
}

#category ul {
	width:150px;
}



#comic_subt{
	margin-bottom:10px;
	background-image: url(../image/common/comic_subt_bg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #000;
	overflow: hidden;
	position: static;
}

#comic_subt .title_left{
	width:18px;
	height: 30px;
	float: left;
	background-image: url(../image/common/comic_subt_left_bg.gif);
	background-repeat: no-repeat;
}


#comic_subt .title_center{
	margin-top: 0;
	margin-right: 18px;
	margin-bottom: 0;
	margin-left: 18px;
	height: 30px;
	/*padding-top: 5px;*/
}

#comic_subt .title_right{
	width:18px;
	height: 30px;
	float: right;
	background-image: url(../image/common/comic_subt_right_bg.gif);
	background-repeat: no-repeat;
}


#comic_subt .title{
	float:left;
	height: 30px;
	line-height: 30px;
}


#comic_subt .sorting_area{
	float:right;
	font-weight:normal;
	height: 30px;
	font-size: 80%;
	line-height: 30px;
	text-align:right;
}

#comic_subt .title_center .new {
	float:left;
	padding-top:5px;
	padding-left:5px;
	height: 30px;
}

/* 規約 */
#kiyaku_outer {
border:5px solid #CCC;
margin-bottom:10px;
}

#kiyaku {
font-size:13px;
}


#kiyaku_content {
}

#kiyaku div.h3 {
position:relative;
background:#EEE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}

#kiyaku div.h3 h3 {
padding:10px;
margin:0;
font-size:18px;
}


.kiyaku_utility{
display:none;
}



#kiyaku h4 {
font-size:15px;
margin:30px 0px 15px 0px;
border-bottom:2px solid #CCC;
}

#kiyaku h5 {
font-size:13px;
margin:10px 0px 5px 0px;
border-bottom:1px dotted #CCC;
color:#666;
}

#kiyaku h6 {
font-size:13px;
margin-bottom:10px;
}

#kiyaku ul li , #kiyaku ol li {
margin-bottom:6px;
line-height:160%;
}

#kiyaku p {
margin-left:20px;
line-height:160%;
}


#kiyaku .custom_ol {
list-style-type:none !important;
margin:5px 0 0 0;
padding:0;
}

#kiyaku .custom_ol {
list-style-type:none !important;
margin:5px 0 0 0px;
padding:0;
}


#kiyaku .custom_ul {
list-style-type:none !important;
margin:5px 0 0 10px;
padding:0;
}

#kiyaku .custom_ul2 {
list-style-type:disc !important;
margin:5px 0 0 10px;
padding:0;
}

#kiyaku .custom_ol li , #kiyaku .custom_ul li {
list-style-type:none !important;
}

#kiyaku .custom_ul2 li {
list-style-type:disc !important;
}

#kiyaku .privacy {

}

#kiyaku .update {
text-align:right;
padding-top:10px;
padding-right:20px;
border-top:1px dotted #CCC;
margin-left:0 !important;
}



#kiyaku .accept {
padding:10px 0 10px 0;
border-top:1px dotted #CCC;
text-align:center;
background:#EEE;
}


#kiyaku .desgin_table{
margin-top:10px;
margin-bottom:15px;
padding: 0 20px 0 20px;
}

#kiyaku .desgin_table table{
width:100%;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}


#kiyaku .desgin_table table th , #kiyaku .desgin_table table td {
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:6px;
}

#kiyaku .desgin_table table th , #kiyaku .desgin_table table td {
border-top:none !important;
border-left:none !important;
}


#kiyaku .desgin_table table th {
background:#666;
color:#FFF;
}

#kiyaku .signature {
text-align:right;
}


#kiyaku .contact {
border:1px solid #CCC;
padding:8px;

}

#kiyaku .indent {
margin-left:20px;
}


.kiyaku_scroll {
overflow:auto;
padding:10px;
}


.privacy_scroll {
overflow:auto;
padding:10px;
}