@charset "utf-8";

/*------------------------------------------------------------------------------
	On-Stage - サイト内共通
	(C) GMO Systemconsulting All Rights Reserved.
------------------------------------------------------------------------------*/



/*---------------------------------------------------
 elements
---------------------------------------------------*/
html {height:100%;}
body {
	height:100%;
	background:#EEE;
	color:#333;
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	-webkit-text-size-adjust:none; /* フォントサイズ自動調整 */
}
body a:link {	text-decoration:none;}
body a:visited {
	font-size:14px;
	text-decoration:none;
	padding:0;
	display:inline;
}


body.wide {
	height:520px;
	background:#EEE;
	color:#333;
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	-webkit-text-size-adjust:none; /* フォントサイズ自動調整 */
}
body.wide a:link {	text-decoration:none;}
body.wide a:visited {
	font-size:14px;
	text-decoration:none;
	padding:0;
	display:inline;
}




img {	vertical-align:top;}
p {	margin-bottom:10px;}






/*---------------------------------------------------
 Head_Area　ヘッダーエリア
---------------------------------------------------*/

#Head_Area{
	background-color:#FFF;
	background-image:url(../image/bg_headarea.png);
	background-repeat:repeat-x;
	height:166px;
}
#Head_ContentsArea{
	width:1010px;
	margin:0 auto;
	position:relative;
}
#Head_ContentsArea p{
	margin:0;
	height:30px;
}
.head_logos{
	padding-left:8px;

}
.head_logos h1{

}


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

ul#InfoLinkList{
	position:absolute;
	top:21px;
	right:2px;
		list-style:none;
		text-align:right;
}
ul#InfoLinkList li{
	    list-style:none;
		    float:left;
			    height:35px;
}
ul#InfoLinkList a{
    display:block;

}
li.left{
	background-image:url(../image/bg_infoarea_left.png);
	width:10px;
}
li.txt{
	background-image:url(../image/bg_infoarea_center.png);
	background-repeat:repeat-x;
	padding:4px 12px 0;
}
li.txt a,li.txt a:visited{
	color:#333;
	font-weight:normal;
}

li.txt a:hover{
	color:#4c8bdf;
}

li.right{
	background-image:url(../image/bg_infoarea_right.png);
	width:10px;
}
#InfoLinkList a span{display:none;} 

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

ul#NaviMenu{
	list-style:none;
    width:1007px;
	margin-top:8px;
	margin-left:1px;
}
ul#NaviMenu li{
    list-style:none;
    float:left;
}
ul#NaviMenu a{
    display:block;
    height:69px;
	padding:0;
}
li.top a{
	background-image:url(../image/navi_top.png);
	    width:202px;
}
li.top a:visited{
	background-image:url(../image/navi_top.png);
	background-position:top left;
	width:202px;
	padding:0;
	margin:0;
}
li.top a:hover{
	background-image:url(../image/navi_top_hover.png);
	    width:202px;
}


li.newtitle a{
	background-image:url(../image/navi_newtitle.png);
	    width:201px;
}
li.newtitle a:visited{
	background-image:url(../image/navi_newtitle.png);
	background-position:top left;
	width:201px;
	padding:0;
	margin:0;
}
li.newtitle a:hover{
	background-image:url(../image/navi_newtitle_hover.png);
	    width:201px;
}

li.search a{
	background-image:url(../image/navi_search.png);
	    width:201px;
}
li.search a:visited{
	background-image:url(../image/navi_search.png);
	background-position:top left;
	width:201px;
	padding:0;
	margin:0;
}
li.search a:hover{
	background-image:url(../image/navi_search_hover.png);
	    width:201px;
}

li.news a{
	background-image:url(../image/navi_news.png);
	    width:201px;
}
li.news a:visited{
	background-image:url(../image/navi_news.png);
	background-position:top left;
	width:201px;
	padding:0;
	margin:0;
}
li.news a:hover{
	background-image:url(../image/navi_news_hover.png);
	    width:201px;
}

li.mypage a{
	background-image:url(../image/navi_mypage.png);
	    width:201px;
}
li.mypage a:visited{
	background-image:url(../image/navi_mypage.png);
	background-position:top left;
	width:201px;
	padding:0;
	margin:0;
}
li.mypage a:hover{
	background-image:url(../image/navi_mypage_hover.png);
		    width:201px;
}

li.logout a{
	background-image:url(../image/navi_logout.png);
	    width:201px;
}
li.logout a:visited{
	background-image:url(../image/navi_logout.png);
	background-position:top left;
	width:201px;
	padding:0;
	margin:0;
}
li.logout a:hover{
	background-image:url(../image/navi_logout_hover.png);
		    width:201px;
}


#NaviMenu a span{display:none;} 









/*----------------------------------------------------
 MainArea　メインエリア（ヘッダーとフッター以外）
----------------------------------------------------*/

#MainArea {
	position:relative;
	width:1007px;
	height:auto;
	min-height:100%;
	margin:20px auto 20px;
	padding:0;
	overflow: hidden;
}
#MainArea_fix {
	position:relative;
	width:1007px;
	height:auto;
	/*min-height:100%;*/
	margin:20px auto 20px;
	padding:0;
	overflow: hidden;
}


div.space10{ margin-top:10px;}
div.space20{ margin-top:20px;}
div.space30{ margin-top:30px;}
div.space40{ margin-top:40px;}
div.space50{ margin-top:50px;}
div.space60{ margin-top:60px;}

/*----------------------------------------------------
 ContentsArea　コンテンツエリア（左枠）
----------------------------------------------------*/

#ContentsArea{
	width:733px;
	float:left;
	margin-right:11px;
}



/*----------------------------------------------------
 NaviArea　ナビゲーション（右枠）
----------------------------------------------------*/

#NaviArea{
	width:263px;
	float:right;
	margin:0 0 0 px;
}

.member_Resist_top {
	background-image:url(../image/bg_new_entry_top.png);
	width:263px;
	height:7px;
	background-repeat:no-repeat;
}
.member_Resist_top span{display:none;}

.member_Resist{
	background-image:url(../image/bg_new_entry.png);
	background-repeat:repeat-y;
	text-align:center;

}
.member_Resist p.contentsttl {
	text-align:center;
	background-image:url(../image/bg_new_entry.png);
	background-repeat:repeat-y;
	padding:5px 0 0 0;
}
.member_Resist p.contents {
	background-image:url(../image/bg_new_entry.png);
	background-repeat:repeat-y;
	padding:3px 20px 0;
	color:#900f0f;
}
.member_Resist p.contents_notis {
	background-image:url(../image/bg_new_entry.png);
	background-repeat:repeat-y;
	padding:3px 20px 0;
	margin:0;
	color:#900f0f;
	font-size:10px;
	font-weight:normal;
}
.member_Resist p.btn_entry{
	width:238px;
	height:58px;
	margin:0 auto;
	padding:0 0 5px;
}
.member_Resist p.btn_entry a{
	display:block;
	background:url(../image/btn_new_entry.png) no-repeat left bottom;
	width:238px;
	height:58px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.member_Resist p.btn_entry a:hover{
	display:block;
	background:url(../image/btn_new_entry_a.png) no-repeat left bottom;
	width:238px;
	height:58px;
	font-size:1px;
	line-height:1px;
	outline:none;
}

.member_Resist span{display:none;}

.member_Resist_bottom {
	text-align:center;
	background-image:url(../image/bg_new_entry_bottom.png);
	width:263px;
	height:8px;
	background-repeat:no-repeat;
	margin:0;
}


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

.member_login_top {
	margin-top:10px;
	background-image:url(../image/bg_login_top.png);
	width:263px;
	height:7px;
	background-repeat:no-repeat;
}
.member_login_top span{display:none;}

.member_login{
	background-image:url(../image/bg_login.png);
	background-repeat:repeat-y;
	text-align:center;
}
.member_login p.contentsttl {
	text-align:center;
	background-image:url(../image/bg_login.png);
	background-repeat:repeat-y;
	padding:5px 0 0 0;
}
.member_login p.contents {
	padding:3px 20px 0;
	color:#010177;
	background-image:url(../image/bg_login.png);
	background-repeat:repeat-y;
}
.member_login p.pass a:link,a:visited{
	padding:0 20px 3px 43px;
	color:#4083dd;
	text-decoration:underline;
	background-image:url(../image/arrow_pass.png);
	background-repeat:no-repeat;
	background-position:28px 5px;
}

.member_login p.btn_login{
	width:238px;
	height:58px;
	margin:0 auto;
	padding:0 0 5px;
}
.member_login p.btn_login a{
	display:block;
	background:url(../image/btn_login.png) no-repeat left bottom;
	width:238px;
	height:58px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.member_login p.btn_login a:hover{
	display:block;
	background:url(../image/btn_login_a.png) no-repeat left bottom;
	width:238px;
	height:58px;
	font-size:1px;
	line-height:1px;
	outline:none;
}

.member_login span{display:none;}

.member_login_bottom {
	text-align:center;
	background-image:url(../image/bg_login_bottom.png);
	width:263px;
	height:7px;
	background-repeat:no-repeat;
}

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

#welcome1_top {
	background-image:url(../image/bg_welcome_top.png);
	width:263px;
	height:7px;
	background-repeat:no-repeat;
}
#welcome1_top span{display:none;}

.welcome1_contents{
	background-image:url(../image/bg_welcome.png);
	background-repeat:repeat-y;
	height:100%;
	background-color: transparent;
}
.welcome2_contents{
	background-image: url(../image/bg_welcome_ico.png);
	background-repeat: no-repeat;
	background-position:top;
	min-height:87px;
}
.welcome2_contents p.yokoso{
	padding:5px 0 0 50px;
	margin-bottom:0px;
	color:#474747;
	display:inline;
}
.welcome2_contents span.name {
	margin:0 5px 0 50px;
	color:#008eb0;
	font-size:18px;
	float: left;
}

.welcome2_contents span.san {
	padding-top:4px;
	color:#474747;
	font-size:12px;
	white-space: nowrap;
}
.welcome2_contents p.logout{
	text-align:right;
	clear:both;
	margin-right:20px;
	margin-bottom:0;
	padding-top:5px;
	padding-bottom:12px;
}
.welcome2_contents p.logout a{
	text-align:right;
	color:#474747;
	font-size:12px;
	text-decoration:underline;

}
.welcome2_contents p.logout a:hover{
	color:#4c8bdf;
	text-decoration:none;
}


#welcome1_top span,
#welcome1_bottom span{display:none;}

.welcome1_bottom {
	background-image:url(../image/bg_welcome_bottom.png);
	width:263px;
	height:7px;
	background-repeat:no-repeat;
}

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

p.search_keyword_navi {
	margin-top:10px;
	width:263px;
}
p.search_keyword_navi a{
	display:block;
	background:url(../image/search_keyword_navi.png) no-repeat;
	width:263px;
	height:47px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
p.search_keyword_navi a:hover{
	display:block;
	background:url(../image/search_keyword_navi_on.png) no-repeat;
	width:263px;
	height:47px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
p.search_keyword_navi span{display:none;}

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

p.search_genre_navi {
	margin-top:10px;
	width:263px;
}
p.search_genre_navi a{
	display:block;
	background:url(../image/search_ganre_navi.png) no-repeat;
	width:263px;
	height:47px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
p.search_genre_navi a:hover{
	display:block;
	background:url(../image/search_ganre_navi_on.png) no-repeat;
	width:263px;
	height:47px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
p.search_genre_navi span{display:none;}

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

#NaviArea p.beginner_info {
	margin-top:10px;
	width:263px;
}
#NaviArea p.beginner_info a{
	display:block;
	background:url(../image/btn_beginner.png) no-repeat left bottom;
	width:263px;
	height:47px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#NaviArea p.beginner_info a:hover{
	display:block;
	background:url(../image/btn_beginner_a.png) no-repeat left bottom;
	width:263px;
	height:47px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#NaviArea p.beginner_info span{display:none;}


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

#member_info {
	margin-top:10px;
}
#member_info div.contents{
	background-image:url(../../common/image/bg_member_info.png);
	background-repeat:repeat-y;
}
#member_info div.ttl{
	background-image:url(../../common/image/bg_member_info_ttl.png);
	background-repeat:no-repeat;
	width:263px;
	height:33px;	
}
#member_info ul{
	width:261px;
	margin-left:1px;
}
#member_info ul li.menu{
	background:transparent url(../../common/image/arrow_member_info.png) no-repeat ;
	background-position:5% 50%;
	list-style-type:none;
	border-bottom:1px #ffffff solid;
	padding:8px 0 8px 30px;
}
#member_info ul li.menulast{
	background:transparent url(../../common/image/arrow_member_info.png) no-repeat ;
	background-position:5% 60%;
	list-style-type:none;
	padding:8px 0 3px 30px;
}

#member_info ul li.menu a,
#member_info ul li.menulast a{
	color:#333;
}
#member_info ul li.menu a:hover,
#member_info ul li.menulast a:hover{
	color:#4c8bdf;
}

#member_info div.bottom{
	background-image:url(../../common/image/bg_member_info_bottom.png);
	background-repeat:no-repeat;
	width:263px;
	height:7px;	
}
#member_info span{display:none;} 


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

#item_info {
	margin-top:10px;
}
#item_info div.contents{
	background-image:url(../../common/image/bg_item_info.png);
	background-repeat:repeat-y;
}
#item_info div.ttl{
	background-image:url(../../common/image/bg_item_info_ttl.png);
	background-repeat:no-repeat;
	width:263px;
	height:33px;	
}
#item_info ul{
	width:261px;
	margin-left:1px;
}
#item_info ul li.menu{
	background:transparent url(../../common/image/arrow_item_info.png) no-repeat ;
	background-position:5% 50%;
	list-style-type:none;
	border-bottom:1px #ffffff solid;
	padding:8px 0 8px 30px;
}
#item_info ul li.menulast{
	background:transparent url(../../common/image/arrow_item_info.png) no-repeat ;
	background-position:5% 60%;
	list-style-type:none;
	padding:8px 0 3px 30px;
}

#item_info ul li.menu a,
#item_info ul li.menulast a{
	color:#333;
}
#item_info ul li.menu a:hover,
#item_info ul li.menulast a:hover{
	color:#50b6ca;
}

#item_info div.bottom{
	background-image:url(../../common/image/bg_item_info_bottom.png);
	background-repeat:no-repeat;
	width:263px;
	height:8px;	
}
#item_info span{display:none;} 


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

#guide {
	margin-top:10px;
}
#guide div.contents{
	background-image:url(../../common/image/bg_navi_or.png);
	background-repeat:repeat-y;
}
#guide div.ttl{
	background-image:url(../../common/image/bg_navi_or_ttl.png);
	background-repeat:no-repeat;
	width:263px;
	height:33px;	
}
#guide ul{
	width:261px;
	margin-left:1px;
}
#guide ul li.menu{
	background:transparent url(../../common/image/arrow_navi_or.png) no-repeat ;
	background-position:5% 50%;
	list-style-type:none;
	border-bottom:1px #fff8e2 solid;
	padding:8px 0 8px 30px;
}
#guide ul li.menulast{
	background:transparent url(../../common/image/arrow_navi_or.png) no-repeat ;
	background-position:5% 60%;
	list-style-type:none;
	padding:8px 0 3px 30px;
}

#guide ul li.menu a,
#guide ul li.menulast a{
	color:#333;
}
#guide ul li.menu a:hover,
#guide ul li.menulast a:hover{
	color:#fe7f18;
}

#guide div.bottom{
	background-image:url(../../common/image/bg_navi_or_bottom.png);
	background-repeat:no-repeat;
	width:263px;
	height:7px;	
}
#guide span{display:none;} 


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

#sideinfo {
	margin-top:10px;
	margin-bottom:20px;
}
#sideinfo div.contents{
	background-image:url(../../common/image/bg_navi_gr.png);
	background-repeat:repeat-y;
}
#sideinfo div.ttl{
	background-image:url(../../common/image/bg_navi_gr_top.png);
	background-repeat:no-repeat;
	width:263px;
	height:7px;	
}
#sideinfo ul{
	width:261px;
	margin-left:1px;
}
#sideinfo ul li.menutop{
	background:transparent url(../../common/image/arrow_navi_gr.png) no-repeat ;
	background-position:5% 40%;
	list-style-type:none;
	border-bottom:1px #FFFFFF solid;
	padding:3px 0 8px 30px;
}
#sideinfo ul li.menu{
	background:transparent url(../../common/image/arrow_navi_gr.png) no-repeat ;
	background-position:5% 50%;
	list-style-type:none;
	border-bottom:1px #FFFFFF solid;
	padding:8px 0 8px 30px;
}
#sideinfo ul li.menulast{
	background:transparent url(../../common/image/arrow_navi_gr.png) no-repeat ;
	background-position:5% 60%;
	list-style-type:none;
	padding:8px 0 3px 30px;
}

#sideinfo ul li.menu a,
#sideinfo ul li.menutop a,
#sideinfo ul li.menulast a{
	color:#333;
}
#sideinfo ul li.menu a:hover,
#sideinfo ul li.menutop a:hover,
#sideinfo ul li.menulast a:hover{
	color:#4c8bdf;
}


#sideinfo div.bottom{
	background-image:url(../../common/image/bg_navi_gr_bottom.png);
	background-repeat:no-repeat;
	width:263px;
	height:7px;	
}
#sideinfo span{display:none;} 






/*----------------------------------------------------
 FootArea　フッターエリア
----------------------------------------------------*/

#FootArea {
	width:100%;
	height:78px;
	background-image:url(../image/bg_footer.jpg);
	background-repeat:repeat-x;
	clear: left; 

}
.FootContentsArea {
	width:1010px;
	margin:0 auto;
	text-align:left;
}
.FootContentsArea ul {
	padding-top:8px;
	width:1010px;
}
.FootContentsArea ul li{
	list-style-type:none;
	padding:2px 8px;
	float:left;
	color:#333;
	font-size:12px;
	font-weight:normal;
}
.FootContentsArea ul li a,.FootContentsArea ul li a:visited{
	color:#333;
	font-size:12px;
	padding-right:16px;
}
.FootContentsArea ul li a:hover{
	color:#4c8bdf;
	font-size:12px;	
}

/*----------------------------------------------------
 FootArea　フッターエリア 　固定
----------------------------------------------------*/

#FootArea_fix {
	width:100%;
	height:78px;
	background-image:url(../image/bg_footer.jpg);
	background-repeat:repeat-x;
	clear: left; 
	position: absolute;
bottom: 0;

}