@import url(moechu_screen_blog.css);

/*
 * CSS for all Contents
 */

body
{
	background:gray;
	margin:0;
	padding:0;
	font-family:"MS Gothic", "GulimChe", Tahoma, sans-serif;
	font-size:75%;
	color:#000000;
	background:url(http://www.moechu.net/image/moechu_menu_back_99.gif) repeat-y 50% 0;
}

body#abyss, body#yousay
{
	background:url(http://www.moechu.net/image/moechu_menu_back_00.gif) repeat-x top;
}

img
{
	border-style:none;
}

a:link
{
	color:#40659B;
	text-decoration:none;
	border-bottom:1px dotted #bbb;
}
a:visited
{
	color:#8EA4C2;
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
}
a:hover, a:active
{
	color:#036;
	border-bottom-style: solid;
}

/*
 * CSS for Block
 */

#CHU_body
{
	margin:auto;
	max-width:1010px;
	min-width:730px;
}

#header, #contents
{
	margin:auto;
	max-width:100%;
	width:1010px;
}

#header
{
	height:29px;
	border-bottom:1px solid #CCCCCC;
	background:#FFFFFF;
	background:url(http://www.moechu.net/image/moechu_menu_back_00.gif) repeat-x top;
}

#contents
{
	background:#FFFFFF;
}

/*
 * CSS for MENU
 */

#logo
{
	clear:left;
	float:left;
}

#logo a
{
	display:block;
	width:160px;
	height:29px;
	font-family:"Arial", "Helvetica", Tahoma, sans-serif;
	text-align:center;
	font-size:20px;
	line-height:29px;
}

#logo a span
{
	color:#FF6666;
	font-size:32px;
	line-height:29px;
}

#logo a:link, #logo a:visited
{
	text-decoration:none;
	border:0px dotted #bbb;
}

#logo a:hover, #logo a:active
{
	text-decoration:none;
	border-bottom:0px dotted #bbb;
	background-color:#F4F4F4;
	background:url(http://www.moechu.net/image/moechu_menu_back_01.gif) repeat-x bottom;
}

#menu
{
	clear:right;
	float:right;
	position:relative;
	margin:0 auto;
/*	width:560px;	*/
	width:400px;
	height:28px;
	border-top:1px;
	border-bottom:0px solid #CCCCCC;
	padding:0px 0 0 0;
	z-index:0;
}

#menu li
{
	position:relative;
	display:inline;
	font:10px verdana;
	padding:0;
	z-index:20;
	display:block;
	float:left;
}

#menu li a
{
	text-decoration:none;
	color:#000000;
	display:block;
	text-align:center;
	width:80px;
	height:24px;
	line-height:24px;
}

#menu li a:hover
{
	text-decoration:none;
	color:#40659B;
	font-weight:bold;
	background-color:#F4F4F4;
	background:url(http://www.moechu.net/image/moechu_menu_back_01.gif) repeat-x 50%;
}

#slider
{
	position:absolute;
	background-color:#EDEDED;
	background:url(http://www.moechu.net/image/moechu_menu_back_02.gif) repeat-x 50%;
	border-bottom:5px solid #CCCCCC;
	width:80px;
	height:27px;
	margin:0 2px 0 2px;
	z-index:1;
	margin-left:5px;
}

body#abyss #menu_abyss a,
body#project #menu_project a,
body#lycee #menu_lycee a,
body#hime #menu_hime a,
body#yousay #menu_yousay a,
body#link #menu_link a,
body#about #menu_about a
{
	font-weight:bold;
	color:#40659B;
}

/*
 * CSS for Basic Page-Outline
 */

#contents_body, #pageinfo
{
	margin:20px;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding:10px;
	background:#F6F6F6;
	color:#666666;
}

#pageinfo
{
	text-align:right;
}

/*
 * CSS for Page Info (footer)
 */

#pageinfo span
{
	display:block;
	clear:both;
}

#pageinfo span a
{
	border:0;
}

#pageinfo span a:hover
{
	background:#FFFFAA;
}

#pageinfo_valid
{
	height:31px;
	line-height:31px;
}

#pageinfo_credit
{
	height:22px;
	line-height:22px;
}

/*
 * CSS for Contents Basic form (firstly, about us)
 */

#contents_body h1
{
	font-family:"Arial", "Helvetica", Tahoma, sans-serif;
	text-align:center;
	margin:0px;
	padding:20px;
	padding-bottom:10px;
	color:#8EA4C2;
	font-size:40px;
	line-height:58px;
}

#contents_body h1 span
{
	font-size:64px;
	line-height:58px;
}

span.important
{
	color:#FF6666;
}

.contents_sub_center
{
	text-align:center;
}

#contents_body hr
{
	height:0;
	border:0;
	border-bottom:1px dotted #bbb;
}

#contents_body h2
{
	font-size:1.5em;
	line-height:1.5em;
	border-bottom:1px dotted #f90;
	padding-left:20px;
	background: url(http://www.moechu.net/image/moechu_blog_05.gif) no-repeat 0 50%;
	margin-bottom:30px;
}

#contents_body h2 span
{
	display:block;
	float:right;
	padding-right:10px;
}

.contents_info_header
{
	padding-left:10%;
}

#contents_body h2 a
{
	display:block;
	clear:both;
	font-weight:bold;
	text-decoration:none;
	color:#f63;
}

#contents_body h2 a:link, #contents_body h2 a:visited
{
	border-bottom:none;
}

#contents_body h2 a:hover, #contents_body h2 a:active
{
	color:#94ADDD;
	border-bottom:none;
}

.contents_info_body
{
	padding-left:10%;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:30px;
}

.contents_info_body ul
{
	list-style:none;
	padding-left:0px;
	margin-left:20px;
}
.contents_info_body ul li
{
	padding-left:15px;
	background: url(http://www.moechu.net/image/moechu_blog_07.gif) no-repeat 0 0.4em;
}

.contents_info_body ul li ul li
{
	padding-left:16px;
	background: url(http://www.moechu.net/image/moechu_blog_06.gif) no-repeat 0 0.4em;
}

#contents_info_02_list ul
{
	font-weight:bold;
}

#contents_info_02_list ul ul
{
	font-weight:normal;
}

/*
 * CSS for Contents Basic form (firstly, link)
 */

img.mail_img
{
	vertical-align:text-bottom;
}

img.link
{
	border:1px solid #999999;
}

.hidden
{
	display:none;
	visibility: hidden;
}

li.link_korea, li.link_japan
{
	padding-right:10%;
	text-align:justify;
	line-height:1.2em;
}

li.link_korea a:link, li.link_japan a:link,
li.link_korea a:visited, li.link_japan a:visited
{
	display:block;
	text-decoration:none;
	color:#555555;
	padding:5px;
	font-size:0.9em;
	border-bottom:1px dotted #bbb;
}

li.link_korea a:hover, li.link_japan a:hover
{
	background-color:#EDEDED;
	border-bottom:1px dotted #bbb;
}

li.link_korea a img, li.link_japan a img
{
	float:right;
	margin-left:20px;
}

span.link_title
{
	color:#EB6861;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
}

span.link_title_jpn
{
	color:#5757E3;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
}

span.link_address
{
	color:#9090CA;
	font-size:0.9em;
	text-align:left;
}