*{
	margin: 0;
	padding: 0;/*ブラウザがデフォルトで持つ値を消す*/
}
h1,h2,h3,p{
	margin-top: 0;
	margin-bottom: 0;/*上下の行間を消す*/
}
h1,h2,h3,h4{
	font-weight: normal;
}
body{
	margin: 0px;
	padding: 0px;
	background-color: #99cccc;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
}
.clear{
	clear: both;
}
.border{
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
}
img{
	border: 0px;
}
.red{
color: #81001E;
font-weight: bold;
}

.page{
	width: 760px;
	margin: 27px auto;
	background-color: #FFFFFF;
	background-image: url(img/page_bg.gif);
	text-align: left;
}

#kbs{
	position: absolute;
	top: 0px;
	width: 760px;
}

.renew{
	width: 720px;
	margin: 5px 20px 0px 20px;
	background-image: url(img/renew_bg.gif);
}
.new_story{
	margin: 10px 0px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 12px;
	line-height: 150%;
}
.new_story a{
	font-weight: bold;
	font-size: 14px;
}

#left{
	width: 500px;
	padding-left: 20px;
	padding-top: 20px;
	float: left;
}
.dorama{
	margin-bottom: 25px;
}
.dorama h2{
	border-bottom: 2px solid #81001E;
	margin-bottom: 5px;
}
.dorama_image{
	float: left;
	width: 200px;
}
.subcatch{
	float: right;
	width: 290px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 150%;
}

#right{
	width: 200px;
	padding-top: 20px;
	padding-right: 20px;
	float: right;
}
#last_dorama{
	background-color: #EEEEEE;
}
#last_dorama a{
	color: #333333;
	text-decoration: underline;
}
#last_dorama a:hover{
	color: #81001E;
}
#last_dorama ul{
	padding: 0px 12px 12px 12px;
}
#last_dorama li{
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	font-weight: bold;
	list-style: none;
	margin-top: 1em;
}
#last_dorama li span{
	font-weight: normal;
}

.bottom{
	padding-top: 20px;
}
.top{
	font-size: 12px;
	letter-spacing: 1px;
	text-align: right;
	padding-bottom: 3px;
	padding-right: 20px;
}
#copy{
	font-size: 12px;
color: 333;
	line-height: 140%;
	padding: 6px 20px 0px 20px;
	border-top: 1px solid #ccc;
}

/* ARCHIVES */
.archives_top{
	width: 720px;
	margin: 5px 20px 0px 20px;
}
.archives_story{
	width: 720px;
	margin: 5px 20px 0px 20px;
	background-image: url(img/story_bg.gif);
}
.bar{
	width: 525px;
	height: 440px;
	overflow: auto;
	float: left;
}
.menu_lovecontract{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_bg.gif);
	background-repeat: no-repeat;
}
.menu_ryuseiu{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_ryuseiu_bg.gif);
	background-repeat: no-repeat;
}
.menu_ryuseihanazono_2{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_ryuseihanazono_2_bg.gif);
	background-repeat: no-repeat;
}
.menu_silence{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_silence_bg.gif);
	background-repeat: no-repeat;
}
.menu_itakiss{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_itakiss_bg.gif);
	background-repeat: no-repeat;
}
.menu_memai{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_memai_bg.gif);
	background-repeat: no-repeat;
}
.menu_tokyojuliet{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_tokyojuliet_bg.gif);
	background-repeat: no-repeat;
}
.menu_heart100{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_heart100_bg.gif);
	background-repeat: no-repeat;
}
.menu_itakiss2{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_itakiss2_bg.gif);
	background-repeat: no-repeat;
}
.menu_hotshot{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_hotshot_bg.gif);
	background-repeat: no-repeat;
}
.menu_makeinu{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_makeinu_bg.gif);
	background-repeat: no-repeat;
}
.menu_momo{
	float: right;
	width: 160px;
	height: 440px;
	background-image: url(img/menu_momo_bg.gif);
	background-repeat: no-repeat;
}


.ar_story{
	width: 460px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 150%;
}
.ar_story a{
	font-weight: bold;
	font-size: 14px;
	color: #81001E;
}
.ar_story img{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	border: solid 1px #666;
}
.top_page{
	width: 740px;
	text-align: right;
	padding: 10px 0px;
}

/* LINK */
a:link{
	color: #333333;
	text-decoration: none;
}
a:visited{
	color: #666666;
	text-decoration: none;
}
a:hover{
	color: #81001E;
	text-decoration: none;
}

.renew a:link{
	color: #81001E;
	text-decoration: underline;
}
.renew a:visited{
	color: #81001E;
	text-decoration: underline;
}
.renew a:hover{
	color: #cc0000;
	text-decoration: underline;
}

#copy a:link{
	color: #333333;
	text-decoration: none;
}
#copy a:visited{
	color: #666666;
	text-decoration: none;
}
#copy a:hover{
	color: #81001E;
	text-decoration: underline;
}

.menu a:link{
	color: #fff;
	text-decoration: underline;
}
.menu a:visited{
	color: #fff;
	text-decoration: underline;
}
.menu a:hover{
	color: #fff;
	text-decoration: underline;
}