/*
 * CSS for all Contents
 */

@import url(screen_alicesoft.css);

body
{
	background:#F2F2F2;
	margin:0;
	padding:0;
	font-family:"MS Gothic", "GulimChe", sans-serif;
	font-size:75%;
	color:#000000;
}

img
{
	border-style:none;
}

/*
 * CSS for Block
 */

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

#header, #contents
{
	margin:auto;
	padding:0;
	border:0;
	max-width:100%;
	width:1010px;
	height:40px;
}

/*
 * CSS for MENU
 */

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

#logo a
{
	display:block;
	width:220px;
	height:40px;
}

#menu
{
	clear:right;
	height:40px;
	font-size:14px;
	background:#F2F2F2;
	float:right;
}

#menu ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#menu li
{
	margin:0;
	padding:0;
	float:left;
}

#menu_about { width:90px; border-left:10px solid #F2F2F2; }
#menu_lycee { width:140px; }
#menu_yousay { width:80px; }
#menu_songs { width:70px; }
#menu_side { width:90px; }

#menu a
{
	display:block;
	width:100%;
	height:15px;
	padding-top:25px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
	color:#CCCCCC
}

#menu a:hover, #logo a:hover
{
	background-color:#EDEDED;
}

#menu_about span { color:#FEC2B8; }
#menu_lycee span { color:#F1DE91; }
#menu_yousay span { color:#B3D1B3; }
#menu_songs span { color:#989FFF; }
#menu_side span { color:#D295FC; }

#menu_about a:hover, #menu_about a:hover span { color:#FF5235; }
#menu_lycee a:hover, #menu_lycee a:hover span { color:#E1CA0A; }
#menu_yousay a:hover, #menu_yousay a:hover span { color:#40C440; }
#menu_songs a:hover, #menu_songs a:hover span { color:#3543FF; }
#menu_side a:hover, #menu_side a:hover span { color:#AC35FF; }

/*
 * Deleted menu - please use tab in pds
 *

#menu_pds { width:56px; border-left:10px solid #F2F2F2; }

#menu_pds a
{
	height:40px;
	padding-top:0px;
}

 */

#menu_lycee div, #menu_songs div
{
	display:block;
	width:100%;
	height:15px;
	padding-top:25px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:1px;
	color:#CCCCCC
}


/*
 * CSS for body
 */

span.moechu_logo_00
{
	font-family:"Gulim", "MS Gothic", sans-serif;
	font-size:larger;
	color:#EB6861;
}

span.moechu_logo_01
{
	font-family:"Gulim", "MS Gothic", sans-serif;
	font-size:smaller;
	color:#939393;
}

#contents_body
{
	margin:0;
	border:20px solid #FFFFFF;
	background:#F6F8FB;
	padding:10px;
	color:#9090CA;
	text-align:center;
}

#contents_body img
{
	max-width:95%
}

p.header_hidden
{
	background:#EEEEEE;
	padding:1px 0 1px 5px;
	margin-bottom:0.5em;
	font-size:1.6em;
	font-weight:bold;
	display:none;
}

p.sub 
{
	padding-left:5px;
	padding-bottom:10px;
	margin:0;
	font-size:1.3em;
	line-height:130%;
	font-weight:bold;
}

#contents_info, #contents_link
{
	margin:0;
	border-bottom:20px solid #FFFFFF;
	border-right:20px solid #FFFFFF;
	border-left:20px solid #FFFFFF;
	background:#F6F8FB;
	padding:10px;
	color:#9090CA;
	text-align:center;
}

#contents_info_list
{
	margin:auto;
	width:80%;
	border-top:1px dotted #FF6300;
}

#contents_info_02_list ul
{
	font-weight:bold;
}

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

.contents_info_item
{
	border-bottom:1px dotted #FF6300;
}

.contents_info_item a
{
	display:block;
	clear:both;
	width:100%;
	height:40px;
	font-weight:bold;
	text-decoration:none;
	color:#6688CC;
}

.contents_info_item a:hover
{
	background:#94ADDD;
	color:#FFFBFF;
}

.info_list_head
{
	display:block;
	width:100%;
	height:40px;
	margin:auto;
	clear:both;
}

.info_list_head_front
{
	margin:0;
	padding:0;
	display:block;
	width:80%;
	height:40px;
	float:left;
	text-align:center;
	font-family:"Gulim", "MS Gothic", sans-serif;
	font-size:1.6em;
	line-height:40px;
}

.info_list_head_back
{
	margin:0;
	padding:0;
	display:block;
	width:20%;
	height:40px;
	float:left;
	text-align:center;
	font-family:"Gulim", "MS Gothic", sans-serif;
	font-size:0.9em;
	line-height:40px;
}

.info_list_body
{
	text-align:justify;
	font-size:1.2em;
	line-height:1.4em;
}

.contents_info_item ul
{
	list-style:none;
}

.contents_info_item ul ul
{
	list-style:disc;
}

/*
 * CSS for link page
 */

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

span.red
{
	color:red;
}

#contents_link ul
{
	text-align:left;
}

#contents_link ul ul
{
	width:90%;
	text-align:justify;
}

#contents_link ul ul a
{
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	color:#555555;
	padding:5px;
}

#contents_link ul ul img
{
	float:right;
	margin-left:20px;
}

#contents_link ul ul a:hover
{
	background-color:#EDEDED;
}

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;
}