/*===========================================
	タグスタイル
===========================================*/

body{
	background-color:#a2a2a2;
	background-image:url('/home/img/bg.gif');
	margin:0 0 1em 0 ;
	padding:0;
	font-family:Tahoma, 'ＭＳ Ｐゴシック', Osaka,sans-serif;
	text-align:center;
}

td{
	word-break:break-all;
}

form{
	margin:0;
}

a img{
	border:none;
}

input{
	vertical-align : middle ;
	font-size:10pt;
}

textarea{
	font-size:10pt;
}

select{
	vertical-align : middle ;
}

ul{
	list-style-image: url("/img/icon_momo.gif");
	margin-top: 5px;
	margin-bottom: 5px;
}

ul ul{
	list-style-image: url("../img/dot_2.gif");
	margin-top: 0px;
	margin-bottom: 0px;
}

li{
	line-height: 120%;
	font-size:10pt;

}

/*===========================================
	リンク色関係
===========================================*/
a:link{color: #3333CC;}
a:visited{color: #757ebd;}
a:hover{color: #c40000;}
a:active{color: #550000;}

/****** 色を変化させないリンク ******/
.normal_link a:link{color: #3333CC;}
.normal_link a:visited{color: #3333CC;}
.normal_link a:hover{color: #c40000;}
.normal_link a:active{color: #550000;}


/*===========================================
	共通パーツ
===========================================*/

div.error_box{
	text-align:left;
	color:#b22222;
	font-weight:normal;
	font-size:9pt;
	border: #d29359 solid 1px ;
	background-color : #ffffd9 ;
	padding:5px;
	margin:5px 0;
}

span.need{
	color : #dc143c ;
}

#white_backboard{
	width:760px;
	background-color:#ffffff;
	margin:0px auto;
	border:1px #b7b7b6 ;
	border-style:none solid solid solid;

}

#main_area{
	width:730px;
	margin:0px auto;
}

#menu_bar{
	width:730px;
}

#user_menu_box{
	width:730px;
	height:51px;
	margin-bottom:5px;
}

#left_area{
	float:left;
	width:175px;
	margin: 0 4px 0 0 ;
}

#right_area{
	float:left;
	width:550px;
	text-align:center;
}

#top_illust_area{
	width:730px;
	height:150px;
	background-image:url('/home/img/top_lllust.gif');
	margin:5px 0;
	position:relative;
}

#chara_button{
	position:absolute;
	top:117px;
	left:5px;
}

.google_gadget {
	margin:5px 0;
	border:1px solid #CAC9C9;
}
.google_gadget div {
	margin:3px;
	padding:5px 3px;
	background:#FCF5D4;
	color:#272;
	font-size:8pt;
	border:2px solid #FBEEBE;
}
.google_gadget img {
	margin:1px auto 4px;
}

/*===========================================
	左側メニューエリア
===========================================*/
#login_frame{
	width:100%;
	height:220px;
}

#login_box_outside{
	border:1px solid #cac9c9;
	padding:4px;
}

#login_box_inside{
	background-color:#f5f2ed;
	color:#707070;
	padding:2px 5px;
	font-size:9pt;
	margin-bottom:5px;
}

#login_box_inside td{
	text-align:left;
}

#login_box_inside input{
	border:1px solid #707070;
}

#login_box2{
	background-image:url('/home/img/loginbox_middle.gif');
	text-align:left;
}

#login_box2 #login_user_name{
	color:#555555;
	font-size:9pt;
	padding-left:10px;
	padding-top:5px;
}

#login_box2 #login_exp{
	font-size:8pt;
	color:#e34400;
	margin-top:5px;
	margin-left:10px;
}

#login_box2 #logout_button_area{
	position:relative;
	min-height:100px;
	_height:70px;
}

#login_box2 #saru_image{
	position:absolute;
	top:0px;
	right:5px;
}

#login_box2 #logout_button{
	position:absolute;
	top:10px;
	left:12px;
}

#login_box2 #explain_exp{
	position:absolute;
	top:40px;
	left:12px;
	font-size:8pt;
	color:#555555;
}

#login_box2 #login_circle{
	font-size:14pt;
	color:#e34400;
	margin-right:3px;
}

#menu_box_outside{
	margin-top:5px;
	border:1px solid #cac9c9;
	padding:4px;
}

#menu_box_outside .menu_item{
	display:block;
	background-position:left center;
	background-repeat:no-repeat;
	text-align:left;
	height:20px;
	padding: 6px 0 0 30px;
	font-size:9pt;
	border-bottom:1px solid #cac9c9;
	overflow:hidden;
	letter-spacing: 0;
}

#menu_box_outside a:link{color: #e52802;text-decoration:none;background-color:#f5f2ed;}
#menu_box_outside a:visited{color: #e52802;text-decoration:none;background-color:#f5f2ed;}
#menu_box_outside a:hover{color: #1a2c82;text-decoration:none;background-color:#fffeed;}

/*===========================================
	ヘッダーエリア
===========================================*/

#header_title{
	width:730px;
	height:93px;
	text-align:center;
	background-image:url('/home/img/header.gif');
	background-repeat:no-repeat;
	position:relative;
}

#head_top_icon{
	width:250px;
	height:90px;
	position:absolute;
	top:0px;
	left:0px;
}

#ad_head_area{
	text-align:left;
	width:468px;
	height:60px;
	position:absolute;
	top:15px;
	right:10px;
}

.ad_side_area{
	text-align:left;
	width:175px;
	height:78px;
}

/*===========================================
	フッターエリア
===========================================*/
#footer_area{
	font-size:9pt;
	color:#707070;
	padding:3px 0;
}

#footer_link{
	width:100%;
	text-align:center;
	margin:5px 0;
	font-size:9pt;
	line-height:120%;
}

#footer_link a:link{color: #707070;}
#footer_link a:visited{color: #707070;}
#footer_link a:hover{color: #d10e26;}

#footer_orange_bar{
	height:21px;
	padding-top:5px;
	text-align:center;
	color:#ffffff;
	background-image:url('/home/img/footer_bg.gif');
}

#footer_orange_bar a:link{color: #ffffff;}
#footer_orange_bar a:visited{color: #ffffff;}
#footer_orange_bar a:hover{color: #fba8b7;}

#footer_copyright{
	margin-top:5px;
	margin-bottom:5px;
}

/*===========================================
	ポップアップ
===========================================*/
body.popup{
	background-color:#fffeec;
	background-image:none;
	padding:10px 10px 0 10px;
	margin:0;
}

table#pop{
	border-collapse:collapse;
	margin:0;
	width:100%;
}

table#pop td, table#pop th{
	border:#d12801 1px solid;
	font-size:10pt;
	padding:2px;
}

table#pop th{
	background-color:#febc9c;
	font-weight:normal;
	text-align:left;
}

table#pop td{
	background-color:#ffffff;
}

table#pop th.pop_field2{
	background-color:#d12801;
	color:#ffffff;
	padding:2px;
	font-size:10pt;
}

div.message_area{
	color:#b22222;
	font-weight:bold;
	background-color:#fffeec;
	border:1px solid #b0aeaf;
	padding:5px;
	text-align:left;
}


div.side_bn{
padding-top:5px;
}

div.side_broadcast{
padding-top:5px;
}
div.side_broadcast_box{
border:1px solid #3399cc;background:#e5f5fd;padding:5px;text-align:center;
}
div.side_broadcast_box div.txt{
font-size:80%;text-align:left;margin-top:5px;
}
div.side_broadcast_box div.btn{
text-align:center;margin-top:5px;
}

#textbook_head{
	width:175px;
	margin-top:5px;
}
.textbook_detail_box{
	background-color:#fcfbed;
	border:1px #ff9933;
	border-style: none solid solid solid;
	text-align:center;
	padding:8px 5px 8px 5px;
	margin:0;
	font-size:9pt;
}
.textbook_detail_box div.btn{
text-align:right;margin-top:10px;
}