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

	keymag.net - [top]default.css

-------------------------------------------------- 

update
   : 2006.02.28 : add to "Structure" by yasu
   : 2006.02.28 : add to "Index" by yasu
   : 2006.10.24 : add to "photo" by vipper


-------------------------------------------------- 


:: Page Index


 1 : General
 2 : Link
   : Navi Links
 3 : Container
 4 : Banner
 5 : Navi
 6 : Center
   : Box
   : rEntry
   : nowMovie
   : BoxPlane
   : dList
   : NowMovie
   : ImageList
   : GirlsThums
   : New
   : Information
   : MailForm
   : MovieList
   : GoodsList
 7 : Right
 8 : Sidebar
   : Ad
   : Button
 9 : Sidebox
10 : Extra
11 : Novel
12 : Ranking
   : img
   : No.1〜10
   : 最新エントリ
	

-------------------------------------------------- 


:: Page Structure (followed in "index.html")


body - #container
         |-- #banner
         |-- #navi
         |-- #center - .content
         |               |-- #infomation
         |               |-- #imagelist
         |               |-- #rEntry
         |               |-- #nowMoviw
         |-- #right - #sidebar
                         |-- .sideBox
                         |-- #button
                         |-- #ad
                         |-- #mobile
                         |-- #allGirls



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




html {
	margin: 0;
	padding: 0;
	background-image: url("http://keymag.net/img/html_bg.jpg");
	background-position: center;
	background-repeat: repeat-y;
}
body {
	margin: 0;
	padding: 0;
/*
	background-color: #8FABBE;
*/

	text-align: center;

	background: url("http://keymag.net/img/body_bg.jpg") center top repeat-x;
}
div {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.clear {
	clear: both;
}



/* Links
-------------------------------------------------- */

a {
	text-decoration: underline;
}
a:link {
	color: #333366;
}
a:visited {
	color: #333366;
}
a:active {
	color: #9999ff;
}
a:hover {
	color: #9999ff;
}

	/* Navi Links
	------------------------------------------ */
	#navi a {
		color: #fff;
	}
	#navi a:hover {
		color: #f69;
	}




/* Container
-------------------------------------------------- */

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	text-align: left;
	width: 780px;
	height: 800px;

	background: url("http://keymag.net/img/container_bg.jpg") 0px 155px no-repeat;
}


/* Banner
-------------------------------------------------- */
#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: left;
	height: 120px;

	background: url("http://keymag.net/img/header_bg.jpg");
}
#banner img {
	margin-top: 35px;
}
#banner h2 {
	float:right;
	color: #fff;
	font-weight: bold;
	font-size: small;
}


/* Navi
-------------------------------------------------- */
#navi {
	height: 35px;
	background: url("http://keymag.net/img/navi_bg.jpg");
}
#navi ul {
	margin: 0px;
	padding: 0px;

	margin-left: 10px;

	color: #000;
	font-size: 12px;

	line-height: 30px;

	font-weight: bold;
	padding-top: 5px;
}
#navi li {
	margin-left: 20px;
	height: 30px;
	display: inline;
}

/* Center
-------------------------------------------------- */
#center {
	float: right;
	width: 565px;

	padding-top: 10px;
	padding-right: 10px;

	overflow: hidden;
}
.content {
	margin-left: 10px;

	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
}
.content pre {
	font-size: larger;
}

	/* Box
	------------------------------------------ */
	#center .box {
		width: 552px;
		font-size: small;
		margin-bottom: 5px;
		}
	#center .box h2 {
		padding-left: 10px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		background: url("http://keymag.net/img/h2_news_bg.jpg");
		line-height: 20px;

		border-bottom: solid 1px #999;
	}
	#center .box h2 a {
		color: #fff;
	}
	#center .box ul {
		margin: 10px;
		margin-top: 5px;
	}
	#center .box li {
		padding-left: 10px;
		background: url("http://keymag.net/img/list-mark_b.gif") no-repeat left;
		border-bottom: solid 1px #ccc;
	}

	/* rEntry
	---------------------------------------------- */
	#center #rentry {
		margin-top: 10px;
	}
	#center #rentry ul {
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
	}
	#center #rentry li {
		background: none;
	}
	#center #rentry li.bg {
		background: #eef;
	}

	/* nowMovie
	---------------------------------------------- */
	#center #nowMovie {
		background: #eef;
		border: solid 1px #ccc;
		width: 99%;
	}
    #center #nowMovie table{
		width: 96%;
	}
	/* BoxPlane
	------------------------------------------ */
	#center .boxPlane {
		width: 556px;
		text-align: center;
		margin-bottom: 5px;
	}

	/* dlList
	------------------------------------------ */
    #center #dlList {
		margin-top: -20px;
	}
	#center #dlList dl {
		border: solid 1px #ccc;
		float: left;
		padding: 10px;
		background: #eee;
		text-align: center;
		margin: 1px;
	}
	#center #dlList dt {
		border: solid 1px #333;
		margin-bottom: 10px;
		width: 100px;
		text-align: center;
	}
	#center #dlList dd {
		padding: 5px;
		font-size: 10px;
		font-weight: bold;
		line-height: 12px;
		background: #ddd;
		width: 100px;
		text-align: left;
	}

	/* NowMovie
	---------------------------------------------- */
	#center #nowMovie {
		margin-bottom: 10px;
	}
	#center #nowMovie table {
		width: 100%;
	}
	#center #nowMovie tr {
		width: 100%;
		border: solid 1px #999;
	}
	#center #nowMovie td {
		text-align: center;
		border: solid 1px #999;
		background: #fff;
	}
	#center #nowMovie ul {
		text-align: left;
		font-size: 12px;
		font-weight: bold;
	}

	/* ImageList
	------------------------------------------ */
	#center #imagelist dl {
		width: 120px;
		float:left;
		margin: 6px;
		margin-top: 10px;
		padding-bottom: 7px;
	}
	#center #imagelist dt {
/*		height: 170px;*/
		border: solid 1px #ccc;
	}
	#center #imagelist dd {
		padding-top: 5px;
		font-size: 10px;
		line-height: 14px;
		background: url("http://keymag.net/img/border_dot.gif") repeat-x top;
	}
	#center #imagelist dd.ico {
		font-weight: bold;
		padding-left: 15px;
		background: url("http://keymag.net/img/mobile_ico.gif") no-repeat left center;
	}
	#center #imagelist img {
		padding: 5px;
	}

	/* GirlsThumb
	------------------------------------------ */
	#center #girlsthumb {
		background: #fff;
	}
	#center #girlsthumb h2 {
		margin-bottom: 9px;
		border-bottom: solid 1px #999;
	}
	#center #girlsthumb dl {
		float: left;
		padding-bottom: 12px;
		padding-left: 5px;
		width: 100px;
	}
	#center #girlsthumb dt {
		padding: 5px;
		border: solid 1px #c0c0c0;
		margin-bottom: 1px;
	}
	#center #girlsthumb dd {
		font-weight: bold;
		text-align: center;
		font-size: 80%;
	}
	#center #girlsthumb dd a {
		font-weight: normal;
		font-size: 11px;
	}


	/* New
	------------------------------------------ */
	#center #new {
		border: none;
		line-height: 14px;
		text-align: center;
		margin-bottom: 10px;
		padding: 0;
	}
	#center #new ul {
		margin: 0;
		padding: 0;
	}
	#center #new li {
		padding-left: 25px;
		margin-right: 5px;
		margin-left: 5px;
		font-weight: bold;
		background: none;
		border: none;
		display: inline;
		background: url("http://keymag.net/img/new.gif") no-repeat left center;
	}

	/* Infomation
	---------------------------------------------- */
	#center #infomation {
		padding: 0;
	}
	#center #infomation *{
		font-size: 13px;
	}
	#center #infomation ul {
		line-height: 16px;
	}
	#center #infomation li {
		margin-bottom: 5px;
	}
	/* MailForm
	------------------------------------------ */
	#center #mailForm form {
		margin: 0; padding: 0;
	}
	#center #mailForm dl {
		margin: 10px;
	}
	#center #mailForm dt {
		padding-left: 5px;
		background: #ccc;
	}
	#center #mailForm dd {
		background: #f3f3f3;
		margin-bottom: 10px;
		padding: 5px;
	}
	#center #mailForm p {
		margin: 0; padding: 0;
		margin: 10px;
	}
    #center #mailForm .deco {
        border: solid 1px #c0c0c0;
        width: 380px;
    }
    #center #mailForm dt .must {
        font-size: 80%;
		color: #66a;
    }

	/* MovieList
	------------------------------------------ */
    #center #movieList a {
		text-decoration: none;
	}
	#center #movieList h3 {
		clear: both;
		margin-top: 5px;
		padding-bottom: 5px;
		margin-left: 10px;
		margin-right: 10px;
		font-size: 12px;
		font-weight: bold;
		background: url("http://keymag.net/img/border_dot.gif") bottom repeat-x;
	}
	#center #movieList ul {
		margin: 5px;
		margin-top: 10px;
		float: left;
		width: 360px;
		padding-bottom: 10px;
	}
	#center #movieList ul {
		margin-top: 2px;
	}
	#center #movieList #imageArea {
		width: 160px;
		height: 112px;
		float: right;
		border: solid 1px #999;
		margin-top: 10px;
		margin-right: 5px;
		margin-bottom: 10px;
	}

	#center #msg {
		margin: 0;	padding-left: 5px;
	}

	/* GoodsList
	------------------------------------------ */
	#center .goodsList {
		margin: 0;
		padding: 0;
	}
	#center .goodsList h3 {
		padding-left: 10px;
		font-weight: bold;
		font-size: 12px;
		background: url("http://keymag.net/img/list-mark_b.gif") no-repeat left center;
	}
	#center .goodsList p {
		/*\*/clear: both;/**/
		float: left;
		margin-bottom: 10px;
		border: solid 1px #333;
		margin-left: 5px;
	}
	#center .goodsList dl {
		margin-top: 0;
		padding-top: 0;
		float: left;
		margin-left: 10px;
		width: 405px;
		height: 150px;
		font-size: 12px;
	}
	#center .goodsList dt {
		margin-top: 5px;
		clear: both;
		background: url("http://keymag.net/img/border_dot.gif") repeat-x bottom;
		font-weight: bold;
		font-size: 12px;
	}
	#center .goodsList dd.info {
		margin-top: 5px;
		font-weight: bold;
		color: #666;
	}
    #center .goodsList dd.info a{
		color:#666;
		text-decoration: none;
	}
	#center .goodsList dd.price {
		color: #f99;
		font-weight: bold;
	}
	#center .goodsList dd.comment {
		margin-top: 5px;
		border: solid 1px #f99;
		padding: 5px;
		line-height: 16px;
	}
	
	/* --- goodsby --- */

	#center #goodsby ul {
		line-height: 12px;
		background: #333;
	}
	#center #goodsby li {
		display: inline;
		background: none;
	}
	

/* Right
-------------------------------------------------- */
#right {
	float: left;

	width: 200px;

	overflow: hidden;
	}


/* Sidebar
-------------------------------------------------- */
#sidebar {
	padding-top: 10px;
	padding-left: 15px;
}
#sidebar h2 {
	padding-left: 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	background: url("http://keymag.net/img/h2_bg.jpg") no-repeat;

	border-bottom: solid 1px #999;
}
#sidebar p {
	line-height: 15px;
	margin: 5px;
	padding: 5px;
	padding-top: 7px;
	font-size: 12px;
	border: solid 1px #003;
}
#sidebar dl {
	margin-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	margin-bottom: 10px;
}
#sidebar dt {
	padding-left: 10px;
	background: url("http://keymag.net/img/list-mark_b.gif") no-repeat left center;
	font-weight: bold;
}
#sidebar dd {
	line-height: 15px;
	padding-top: 5px;
	background: url("http://keymag.net/img/border_dot.gif") repeat-x top;
}

	/* Ad
	------------------------------------------ */
	#sidebar #ad dt {
		margin-top: 7px;
	}
	#sidebar #ad dd {
        text-align: center;
    }


	/* Button
	------------------------------------------ */
	#sidebar #button {
		border: none;
		padding-left: 3px;
		margin-bottom: 8px;
	}


/* SideBox
-------------------------------------------------- */
.sideBox {
	margin-bottom: 15px;
	border: solid 1px #999;
}
.sideBox ul {
	margin: 5px;
	margin-top: 0;
}
.sideBox li {
	padding-right: 5px;
	padding-left: 10px;
	font-size: 12px;
	background: url("http://keymag.net/img/list-mark_b.gif") no-repeat left center;
}
.sideBox dt a {
	color: #000;
	text-decoration: none;
}
.sideBox dt a:link {
    color: #000;
}
.sideBox dt a:visited {
    color: #000;
}
.sideBox dt a:active {
    color: #9999ff;
}
.sideBox dt a:hover {
    color: #9999ff;
}




/* Extra
-------------------------------------------------- */
#rentry {
	clear: both;
}
#rentry li,#rentry li a{
	font-size: 13px;
	line-height: 160%;
}
textarea[id="comment-text"] {
	width: 80%;
}
.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
}

/* Novel
------------------------------------------------- */

div.box h3.noveltitle {
	margin-top: 10px;
	font-weight: bold;
	padding-left: 15px;
}
.novelindent{
	padding: 0;
	margin: 0;
	width: 500px;
}
.novelindent *{
	margin: 0;
	padding: 0;
	text-align: left;
}
.novelindent p {
	text-indent: 12px;
}
.novelindent p.image {
	float: left;
	padding-right: 4px;
	padding-bottom: 4px;
	text-indent: 0;
	width: 227px;
	text-align: center;
}
.novelindent p.imageleft {
    float: left;
    padding-right: 4px;
    padding-bottom: 4px;
    text-indent: 0;
    width: 227px;
    text-align: center;
}
.novelindent p.imageright {
    float: right;
    padding-left: 4px;
    padding-bottom: 4px;
    text-indent: 0;
    width: 227px;
    text-align: center;
}
.novelindent p.image img, .novelindent p.imageleft img, .novelindent p.imageright img {
	padding: 3px;
border: none;

/*
	border: solid 1px #c0c0c0;
*/
}
#novellink {

}
#novellink li.left {
	text-align: left;
	background: none;
	float: left;
	border: none;
	width: 220px;
}
#novellink li.right {
	text-align: right;
	background: none;
	border: none;
	width: 220px;
}



/* ranking
------------------------------------------------------------- --- */

.wRank * {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 125%;
}
.wRank a {
	color: #33d;
}
.wRank a:hover {
	color: #000;
}

.wRank {
	padding: 3px 0;
	height: 125px !important;
	float: left;
}
.wRank caption {
	display: none;
}
.wRank td {
	font-size: 13px;
}
.wRank h3 {
	margin: 10px 0;
	font-size: 13px;
	font-weight: bold;
}


/* --- img --- */

.wRank a img {
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	
	padding: 4px;
	margin: 0 auto 2px auto;
}
.wRank a:hover img {
	border: 1px solid #66f;
}


/* --- No.1〜10 --- */

.no1 {
	background: transparent url(../ranking/img/no1_back.jpg) no-repeat top left;
}
.no2 {
	background: transparent url(../ranking/img/no2_back.jpg) no-repeat top left;
}
.no3 {
	background: transparent url(../ranking/img/no3_back.jpg) no-repeat top left;
}
.no4 {
	background: transparent url(../ranking/img/no4_back.jpg) no-repeat top left;
}
.no5 {
	background: transparent url(../ranking/img/no5_back.jpg) no-repeat top left;
}
.no6 {
	background: transparent url(../ranking/img/no6_back.jpg) no-repeat top left;
}
.no7 {
	background: transparent url(../ranking/img/no7_back.jpg) no-repeat top left;
}
.no8 {
	background: transparent url(../ranking/img/no8_back.jpg) no-repeat top left;
}
.no9 {
	background: transparent url(../ranking/img/no9_back.jpg) no-repeat top left;
}
.no10 {
	background: transparent url(../ranking/img/no10_back.jpg) no-repeat top left;
}
.no6 td,
.no7 td,
.no8 td,
.no9 td,
.no10 td,
.m_no6 td,
.m_no7 td,
.m_no8 td,
.m_no9 td,
.m_no10 td {
	padding: 12px 0 !important;
	text-align: center;
}


/* --- monthly No.1〜10 --- */

.m_no1 {
    background: transparent url(../ranking/img/m_no1_back.jpg) no-repeat top left;
}
.m_no2 {
    background: transparent url(../ranking/img/m_no2_back.jpg) no-repeat top left;
}
.m_no3 {
    background: transparent url(../ranking/img/m_no3_back.jpg) no-repeat top left;
}
.m_no4 {
    background: transparent url(../ranking/img/m_no4_back.jpg) no-repeat top left;
}
.m_no5 {
    background: transparent url(../ranking/img/m_no5_back.jpg) no-repeat top left;
}
.m_no6 {
    background: transparent url(../ranking/img/m_no6_back.jpg) no-repeat top left;
}
.m_no7 {
    background: transparent url(../ranking/img/m_no7_back.jpg) no-repeat top left;
}
.m_no8 {
    background: transparent url(../ranking/img/m_no8_back.jpg) no-repeat top left;
}
.m_no9 {
    background: transparent url(../ranking/img/m_no9_back.jpg) no-repeat top left;
}
.m_no10 {
    background: transparent url(../ranking/img/m_no10_back.jpg) no-repeat top left;
}

/* --- 最新エントリ --- */

.entryNo1 {
	background: transparent url(../ranking/img/no1_entry_back.gif) no-repeat left top;
}
.entryNo1 h4 {
	color: #9cf;
	font-size: 11px;
	font-weight: normal;

	padding: 5px 10px 0 10px;
}
.entryNo1 ul, .m_entryNo1 ul {
	padding: 0 20px 0 0;
}
.entryNo1 li {
	position: relative;
	background: transparent url(../ranking/img/no1_entry_icon.gif) no-repeat left center;
	padding: 0 0 1px 1em;
	width: 100%;

	line-height: 125%;
	list-style-type: none;
}
.exist {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 90%;
	text-align: right;
}

/* --- monthly 最新エントリ --- */
.m_entryNo1 h4 {
    color: #ad8fff;
    font-size: 11px;
    font-weight: normal;

    padding: 5px 10px 0 10px;
}
.m_entryNo1 {
    background: transparent url(../ranking/img/m_no1_entry_back.gif) no-repeat left top;
}
.m_entryNo1 ul li {
    position: relative;
    background: transparent url(../ranking/img/m_no1_entry_icon.gif) no-repeat left center !important;
    padding: 0 0 1px 1em;
    width: 100%;

    line-height: 125%;
    list-style-type: none;
}





/* --- margin --- */

.rankingP {
	margin: 5px 12px !important;
}
.rankingBox {
	padding-top: 30px;
}



/*   photo   */
#photo {
}
#photo ul {
   clear: both;
   margin-left: 4px;
}
#photo li {
   float: left;
   margin: 4px;
}