@charset "shift_jis";

@import "font.css";


/* 初期化
------------------------------------------ */

* {
    margin:0;
    padding:0;
    line-height:1;
    font-size:100%;
}

body {
    color: #000;
    background-color:#FFF;
}

#container {
	width: 100%;
	text-align: center; /* IE5.5用 */
	}


/* マージン
------------------------------------------ */
h1, h2, h3, h4 {
	margin: 0 0 5px 0;
	padding: 0;
	}
p,li {
	margin: 0 0 10px 0;
	padding: 0;
	}

.mgLeft20{margin-left:20px;}
.mgLeft10{margin-left:10px;}
.mgLeft5{margin-left:5px;}
.mgLeft3{margin-left:3px;}

.mgBottom20{margin-bottom:20px;}
.mgBottom10{margin-bottom:10px;}
.mgBottom5{margin-bottom:5px;}

.mgTop20{margin-top:20px;}
.mgTop10{margin-top:10px;}
.mgTop5{margin-top:5px;}

.pdLeft20{padding-left:20px;}
.pdLeft10{padding-left:10px;}
.pdLeft5{padding-left:5px;}
.pdLeft3{padding-left:3px;}

.pdBottom20{padding-bottom:20px;}
.pdBottom10{padding-bottom:10px;}
.pdBottom5{padding-bottom:5px;}


/* フロート＆ボックス
------------------------------------------ */

.float_left {float:left;}
.float_right {float:right;}

.clear {clear:both;}

.clearfix {	display: inline-table;}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.overf_auto{overflow:auto;}

.box390 {width:390px; display:block; overflow:auto;}
.box325 {width:325px; display:block; overflow:auto;}
.box300 {width:300px; display:block; overflow:auto;}
.box285 {width:285px; display:block; overflow:auto;}
.box220 {width:220px; display:block; overflow:auto;}


.test{border:1px solid #F00;}


/* ヘッダ
-------------------------------------------*/

#ghead{width:800px;	margin:0 auto;	padding:0;	}
#ghead span {
	display: block;
	text-decoration: none;
	text-indent : -9999px;
	outline : 0px;
}

/* ヘッダ上部 */
#ghead div.gnavt{position : relative;	width: 800px;	height: 101px;	list-style: none;
	background:url(/mixi/images/common/head.gif) no-repeat left top; margin-top:10px;
}
#ghead div.gnavt ul {	margin : 0px;	padding : 0px;	list-style-type : none;	}
#ghead div.gnavt ul li.yume {	position: absolute; left: 0px; top: 0px;}
#ghead div.gnavt ul li.official {	position: absolute; left: 644px; top: 0px;}
#ghead div.gnavt ul li.mixi {	position: absolute; left: 644px; top: 45px;}
#ghead div.gnavt ul a {
	display: block;
	text-decoration: none;
	text-indent : -9999px;
	outline : 0px;
}
#ghead div.gnavt ul li.yume a {	width:233px; height:76px;}
#ghead div.gnavt ul li.official a,
#ghead div.gnavt ul li.mixi a{ width:145px; height:45px;}

/* ヘッダ下部 */
#ghead div.gnavb { position : relative;	width: 800px;	height: 33px;	list-style: none;	background:url(/mixi/images/common/gnavi.gif) no-repeat left top;}
#ghead div.gnavb ul {	margin : 0px;	padding : 0px;	list-style-type : none;	}
#ghead div.gnavb ul li.ls {	position: absolute; left: 0px; top: 0px; width: 198px;	height: 33px;}
#ghead div.gnavb ul li.hr {	position: absolute; left: 200px; top: 0px; width: 198px;	height: 33px;}
#ghead div.gnavb ul li.manga {	position: absolute; left: 401px; top: 0px; width: 198px;	height: 33px;}
#ghead div.gnavb ul li.vol1 {	position: absolute; left: 602px; top: 0px; width: 198px;	height: 33px;}
#ghead div.gnavb ul a {
	display: block;
	text-decoration: none;
	text-indent : -9999px;
	outline : 0px;
	width: 198px;	height: 33px;
}
#ghead div.gnavb ul li.ls a:hover {background:url(/mixi/images/common/gnavi.gif) 0px -33px;}
#ghead div.gnavb ul li.hr a:hover {background:url(/mixi/images/common/gnavi.gif) -200px -33px;}
#ghead div.gnavb ul li.manga a:hover {background:url(/mixi/images/common/gnavi.gif) -401px -33px;}
#ghead div.gnavb ul li.vol1 a:hover {background:url(/mixi/images/common/gnavi.gif) -602px -33px;}


/* コンテンツボックス */
#contents{width: 800px;
	margin: 0 auto;
	padding: 10px 5px;
	text-align: left;
	overflow:auto;
	}
#main {width:615px; float:left; margin:0 auto; padding:0; text-align:left;}
#sidenavi {width:170px; float:right; margin:0 auto; padding:0; text-align:left;}
#foot {width:800px;margin: 0 auto;
	padding: 10px 5px;
	text-align: left;
	overflow:auto;
	border-top:1px solid #ffa100;
	}
#foot .copy{text-align:right;}


/* サイドナビ */
#sidenavi .news{border:1px solid #ffa100; padding:1px; margin-bottom:10px;}
.news dl{margin:2px 0 5px 0; padding:0; border-bottom:1px solid #ffa100;}
.news dl dt{margin:0; padding:0; font-weight:bold; color:#666;}
.news dl dd{margin:0 0 0 5px; }


/* メイン部分 */
#main dl{margin:5px 0 20px 0; padding:0;}
#main dt{margin:0; padding:0;}
#main dd{margin:5px; padding:0;}
a.thum:link img,a.thum:visited img { border:3px solid #CCC ; margin-right:10px;}
a.thum:active img,a.thum:hover img { border:3px solid #F60 ; margin-right:10px;}
.title{font-weight:bold; color:#039;}


/* 基本レイアウト */
a.icon_link { padding-left:18px; background:url(../images/common/icon_link.gif) top left no-repeat; margin-bottom:5px;}
a.icon_blank { padding-left:18px; background:url(../images/common/icon_blank.gif) top left no-repeat; margin-bottom:5px;}
.date { color:#666; font-weight:bold;}

.alignCenter {
	text-align:center;
}

.alignRight {
	text-align:right;
}

.alignLeft {
	text-align:left;
}

/*マンガのナビ
-------------------------------------------*/
.manga_pgnv {background:#ddd; margin:10px 0; padding:2px 5px; overflow:auto; font-weight:bold; vertical-align:middle;}
.manga_pgnv p{margin:0; padding:0;}
#mangathum ul{ display:inline; list-style:none; margin:0; padding:0;}
#mangathum ul li{display:inline; margin:2px; padding:0; list-style:none;}


/*
-------------------------------------------*/

.bpSource2{
	width:150px;
	height:70px;
	font-size:11px;
	background-color:#FFF7E1;
}
.bpSource1{
	width:150px;
	height:70px;
	font-size:11px;
	background-color:#ECFAFF;
}

/*ご利用規約*/
#kiyaku { width:740px; margin:0; padding:5px; border:1px solid #FC0;}
#kiyaku h3{color:#FF3300; margin:5px;}