/* CSS Document */

/**************************************
　　　　ページ共通
***************************************/

body{
	color: black;
	font-size: 12px;
	background-color: #F0F0EF;
	margin: 0px;
	text-align: center;
	background-image: url(../img/body_back.jpg);
	background-repeat: repeat-x;
	background-position: 0px 100px;
	}


img{
	border:none;
	}

a:focus{
	outline:none;
}

a:link {
    color:#B75B00;
    font-style:normal;
    text-decoration:underline;
}

a:visited {
    color:#B75B00;
    font-style:normal;
    text-decoration:underline;
}

a:hover {
    color:#FF3300;
	    text-decoration:underline;
}

a:active {/*クリック中*/
    text-decoration:none;
}

/**************************************
　　　　装飾
***************************************/

.clear{
clear:both;
height: 1%;
}

.none{
visibility: hidden;
}

.red{
color:red;
}
.big{
font-size: 1.2em; font-weight: bold; margin: 3px;
}

/**************************************
　　　　clearfix
***************************************/
.clearfix:after	{ clear: both; content: "."; display: block; height: 0; line-height: 0; }
.clearfix	{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix{ height: 1%; }

/**************************************
　　　　css
***************************************/

#logo{
	height:100px;
	background-image: url(../img/logo_back.png);
	background-repeat: repeat;
	text-align: left;
}

#main{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	position: relative;
}

/**************************************
　　　　メニューバー改
***************************************/

ul#navi { list-style: none;	width: 950px; padding:0; margin:0; background-image: url(../img/navi_back.jpg);}
ul#navi li { float: left; margin: 0; padding: 0; }
ul#navi a  { float: left; display: block; height: 60px;	text-indent: -99999px; background-position: left top;}
ul#navi a:hover { background-position: left -60px; }

ul#navi li.top a { background-image: url(../img/navi_top.png); width: 98px; }
ul#navi li.news a { background-image: url(../img/navi_news.png); width: 114px; }
ul#navi li.authorlist a { background-image: url(../img/navi_authorlist.png); width: 191px; }
ul#navi li.titlelist a { background-image: url(../img/navi_titlelist.png); width: 138px; }
ul#navi li.contact a { background-image: url(../img/navi_contact.png); width: 146px; }


#top li.top a,
#news li.news a,
#authorlist li.authorlist a,
#titlelist li.titlelist a,
#contact li.contact a
{
	background-position: left bottom;
}



#contents{
	width:600px;
	float: left;
	margin-left: 25px;
	text-align: center;
	position: relative;
}

#mobile_img{
	width: 100px;
	height:149px;
	position: absolute;
	top: -100px;
	left: 780px;
}

.contents_box{
	margin-bottom:10px;
	margin-top: 0px;
}

.contents_box .top{
	background-image: url(../img/contents_top.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 25px;
}

.contents_box .main{
border-left-width: 1px; 
border-left-style: solid; 
border-left-color: #D8D8D8; 
border-right-width: 1px; 
border-right-style: solid; 
border-right-color: #D8D8D8;
}

.contents_box .title{
background-image: url(../img/title.png); 
background-position: 0px bottom; 
background-repeat: no-repeat; 
text-align: left; 
padding-top: 5px; 
padding-left: 50px; 
margin-left:5px; 
padding-right: 0px; 
padding-bottom: 5px;
width: 570px;
font-size: 14px; font-weight: bold; color: #990000;
}

.contents_box .data{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width: 550px;
	padding:0px;
	margin-bottom: 0px;
	}

.contents_box .bottom{
	background-image: url(../img/contents_bottom.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 25px;
	padding-bottom: 20px;
}

.pickup_contents{
padding:0px;
}

.pickup_contents .leftsel{
float:left;
}

.pickup_contents {
	width:550px;
	padding: 0px;
	margin:0px;
}

.pickup_contents .sel{
	width:270px;
	margin:0px;
	padding-top:0px;
border-width: 1px; border-style: solid; border-color: #E4DFD9;
float:left;
height: 90px;
	background-image: url(../img/pickup_back.jpg);
	background-repeat: repeat-y;
}

.pickup_contents img{
margin:5px;
}

.pickup_contents  p{
	text-align: left;
	padding:0px;
	margin:5px;
}


#leftnavi{
	width:270px;
	float: right;
	margin-right: 25px;
padding:0px;
background-color: #fee1b9;
border-width: 1px;
border-style: solid;
border-color: #CFCFCF;
}

#leftnavi ul{
	margin:5px;
	list-style-type: none;
	padding:0px;
}

#leftnavi li{
margin-bottom:4px;
}


#lang{
	position: absolute;
	width:75px;
	top: -60px;
	left: 795px;
}

/**************************************
　　　　マンガ家一覧
***************************************/

#author_list{
margin-left:30px;
	list-style-type: square;
}

#author_list li{
margin-bottom:0.3em;
}