/* ======================================== サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}

html{
height:100%;
}

body {
	margin: 0;
	color: #333;
	text-align: center;
	background-color: #F4F2EC;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	height:100%;
}


/* 文字サイズ */
#main{}
#menuR,#menuL{
	font-size: 92%;
}



p, /* 文章の行間を指定 */
#contents li,
dl,
dd
{
	line-height: 130%;
}



p{
	margin: 0px 0em 1.5em 3px;
}


ul,ol,dl{
	margin: 0em 0.2em 0em 0.0em;
}


img,abbr,acronym,fieldset {
	border: 0;
}

h1 {
	height:18px;
	padding:0px 6px 2px 0px;
	/*padding:0px 6px 0px 0px\9;for IE8.0*/
	line-height:18px;
	font-size:10px;
	font-weight:lighter;
	text-align:right;
	margin:0px;
	color:#AFAFAF;
	background-color:#051224;
	border-bottom:1px solid #787F88;
}

h1 a.h1 {
	color:#FFFFFF;
}

h1 a:hover.h1 {
	text-decoration: underline;
}



/* ========================================  .contentswrap 間隔・余白調整用 */
.contentswrap{
	/*margin: 5px 10px;*/
	margin: 0px 3px 5px 3px;
	width:auto;/*090821変更*/
}



/* ========================================  #page ページ外枠 */
#page {
	width: 778px;
	height:100%;/*height100%*/
	min-height:100%;/*height100%*/
	margin: 0px auto;
	text-align: left;
	border-left:1px solid #C3B27D;
	border-right:1px solid #C3B27D;
	background-color:#FFFFFF;
}

body > #page {
height: auto;/*height100%*/
}


/* ========================================  #header 画面上部 */
#header {
	height: 67px;
	margin-bottom: 0px;
	padding-left: 0px;
	background: url(../../img/bg_header_narrow.gif) no-repeat;
	font-size: 10px;
}

#header img {
	vertical-align: top;
	font-size: small;
}

#header .logo {
	margin-top:16px;
	float: left;
	height:35px;
	width: 174px;
	margin-left:6px;
}
#header .pagettl {
	margin-top:8px;
	float: left;
	height:35px;
	width: 174px;
	margin-left:8px;
}

#header .pagettl2 {
	margin-top:4px;
	float: left;
	height:35px;
	width: 174px;
	margin-left:8px;
}

#header .pagettl3 {
	margin-top:9px;
	float: left;
	height:35px;
	width: 174px;
	margin-left:2px;
}


#header #helpNav {
	float: right;
	position:absolute;
	top:14px;
	padding-left: 470px;
	margin-bottom: 25px;
	
}

#header #helpNav li {
	padding-right:6px;
	display: inline;
	margin-left: 1px;
	font-size:12px;
	white-space:nowrap;
	padding-left: 0px;
}

#header #helpNav a {
	color:#FFFFFF;
}

/*----------------------------------------------------
	#gNav
----------------------------------------------------*/
#gNav {
	list-style:none;
	position:absolute;
	top:28px;
	float: left;
	width: 270px;
	padding-left: 397px;/*For FireFox*/
	padding-left : 16px;/*For IE.hack*/
	_width: 300px;/*For IE5only 110607 add*/
}


*:first-child+html #gNav {
	padding-left: 19px;/*For IE7 110607 changed*/
}

body:first-of-type #gNav {	padding-left: 397px;}/*For Safari*/

#gNav {	padding-left: 400px\9;}/*For Ie8.0*/


* html #gNav {
	padding-left : 10px;/*For IE6.hack 110607 changed*/
}
#gNav li {
	list-style:none;
	float: left;
	margin-right:10px;
	width:55px;

}
#gNav a{
    display:block;
    width:55px;
    height:53px;
    text-indent:-1000px;
    overflow:hidden;
}



#gNav a.taikyoku{
    background-image:url(../img/nav_taikyoku01.jpg);
}
#gNav a:hover.taikyoku{
    background-position:0px -55px;
}
#gNav a.mypanda{
    background-image:url(../img/nav_mypanda01.jpg);
}
#gNav a:hover.mypanda{
    background-position:0px -54px;
}
#gNav a.faq{
    background-image:url(../img/nav_faq01.jpg);
}
#gNav a:hover.faq{
    background-position:0px -54px;
}
#gNav a.biginners{
    background-image:url(../img/nav_biginners01.jpg);
}
#gNav a:hover.biginners{
    background-position:0px -54px;
}


/* ========================================  #menu 上部メニュー */

#navbg{
	background-image:url(../img/header_menu_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:0px 9px 12px 9px;
	text-align:center;
	}
	
#nav {
width: 758px;
background: #FAFAFA url(../img/header_menu.gif) repeat-x top;
border: 1px #7290aa solid;
font-size: 80%;
}

#nav .nl {
width: 100%;
margin: 0;
padding: 1px 0;
list-style-type: none;
text-align: center;
height:25px;
}


#nav .nl li {
	float: left;
	background: url(../img/header_menu2.gif) left top;
	background-repeat: no-repeat;
	padding-left:24px;


}

#nav .nl li.null {/*空行用*/
width: 100%;
height:28px;
}

#nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 14px 5px 0px;
border-right: 1px #768EAA solid;
text-decoration: none;
}
#nav .nl li a:link,
#nav .nl li a:visited
{
color: #0B3356;
}

#nav .nl li a:hover,
#nav .nl li a:active
{
color: #FF3300;
	text-decoration: underline;
}
/*#nav .nl li a:hover {
	float: left;
	background-repeat: no-repeat;
	text-decoration: underline;
}*/

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}






/* ======================================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
	padding: 0px 0px 0px;
	margin: 0px;
}



/* ========================================  #main ページの本文 */
#main {
	float: left;
	width: 503px;
	padding-left:9px;
	margin: 0px 20x 20px 0px;
	background-color: #ffffff;
	font-size:14px;
}


/*第2、第3階層用*/
#main3 {
	float: left;
	width: 100%;
	_width: auto;/*For IE6,7*/
	padding:0px;
	margin: 0px 0px 12px 0px;
	font-size:14px;
}

#main h1 {
	padding: 0px;
	margin: 0px;
	color: #0B7A8E;
}



#main h2 {
	clear: both;
	padding: 0px 0px 6px 0px;
	/*margin: 2em 0px 1em;*/
	/*border-left: 10px solid #F4CC0B;*/
	font-size:16px;
	color:#2B9700;
	background-color: #FFF8B8;
}

#main h3 {
	font-size: 100%;
}

#main p{
	margin-right: 1em;
	margin-left: 1em;
}

ul#main{
list-style:none;
/*width:100%;*/
background-color:#ffffff;
margin:0px;
}

#main ul{
color:#2B9700;
}

#main li{
	font-size:16px;
	line-height:20px;
	color:#2B9700;
	font-weight:bold;
	padding:1px 7px;
	list-style-type:none;
}

#main li.ttl_subtopics{
	font-size:14px;
	line-height:18px;
	color:#434E6E;
	font-weight:bold;
	padding:0px 0px 1px 0px;
	list-style-type:none;
}

#main p.ttl_subtopics{
	font-size:14px;
	line-height:22px;
	color:#0A3358;
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
}

#main span.backyellow{
	font-size:14px;
	color:#2B9700;
	background-color: #FFF8B8;
}

#main a{
color:#0A3358;
}
#main a.ttl{
color:#2B9700;
}
#main a.ttl_subtopics{
color:#1B95EB;
}

#main a:hover{
	color:#FF3300;
}

#main a.admission2{
color:#0A3358;
display:block;
width:250px;
height:82px;
background-image:url(../img/btn_admission.jpg);
}
#main a:hover.admission2{
background-position:250px 0px;
}

#main a.request2{
color:#0A3358;
display:block;
width:250px;
height:82px;
background-image:url(../img/btn_request.jpg);
}
#main a:hover.request2{
background-position:250px 0px;
}

div.topics{
color:#0A3358;
display:block;
width:503px;
height:35px;
/*background-image:url(../img/mainnav-00topics.gif);*/
}

div.topics2{
color:#0A3358;
display:block;
width:503px;
height:35px;
margin-top:10px;
}
a:hover.topics{
background-position:-349px 0px;
}


/* ========================================  menuL 左サイドメニュー */
#menuL {
	float: left;
	width: 148px;
	padding-left:6px;
	margin: 0px 20x 20px 0px;
	background-color: #FFFFFF;
	font-size:14px;
}

#menuL p{
	margin-right: 1em;
	margin-left: 1em;
}

ul#menuL{
list-style:none;
/*width:100%;*/
background-color:#ffffff;
margin:0px;
}

#menuL li{
	padding:1px 7px;
	list-style-type:none;
}
#menuL a{
color:#0A3358;
}
#menuL a:hover{
	color:#FF3300;
}

#menuL a.welcome{
color:#524A00;
}

#menuL a:hover.welcome{
color:#FF0000;
}

a.komatta{
color:#0A3358;
display:block;
width:148px;
height:33px;
background-image:url(../img/subnav_01komatta.gif);
}
a:hover.komatta{
background-position:-147px 0px;
}
#menuL a.taikyoku{
color:#0A3358;
display:block;
width:148px;
height:33px;
background-image:url(../img/subnav_02taikyoku.gif);
}
#menuL a:hover.taikyoku{
background-position:-147px 0px;
}
#menuL a.study{
color:#0A3358;
display:block;
width:148px;
height:33px;
background-image:url(../img/subnav_03study.gif);
}
#menuL a:hover.study{
background-position:-147px 0px;
}
#menuL a.jr_fukyu{
color:#0A3358;
display:block;
width:148px;
height:33px;
background-image:url(../img/subnav_04jr_fukyu.gif);
}
#menuL a:hover.jr_fukyu{
background-position:-147px 0px;
}
#menuL a.yomimono{
color:#0A3358;
display:block;
width:148px;
height:33px;
background-image:url(../img/subnav_05yomimono.gif);
}
#menuL a:hover.yomimono{
background-position:-147px 0px;
}

table.welcome{
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.welcome th{
    color:#330000;
    background-color:#996633;
    background-image:url(../../img/L_ttl_01_welcome.gif);
    background-position:left top;
    padding:0em 0em;
    text-align:center;
}
.welcome td{
	width:146px;
    border-right:1px solid #5C1600;
	border-left:1px solid #5C1600;
    border-bottom:1px solid #5C1600;
    padding:0.3em 0em;
	background-color:#FFF8B7;
}


table.subnav{
	width:148px;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.subnav th{
    color:#330000;
    background-color:#F6F6F4;
    background-image:url(../img/subnav_01komatta.gif);
    background-position:left top;
    padding:0em 0em;
	width:148px;
	height:33px;
    text-align:center;
}
.subnav td{
	width:146px;
    border-right:1px solid #7290AA;
	border-left:1px solid #7290AA;
    /*border-bottom:1px solid #7290AA;*/
    padding:0.3em 0em;
	color:#0A3358;
	background-color:#F6F6F4;
}

table.topics{
	width:503px;
	border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.topics td{
	width:501px;
	border-right:1px solid #7290AA;
	border-left:1px solid #7290AA;
    /*border-bottom:1px solid #7290AA;*/
	padding:10px;
	color:#0A3358;
	background-color:#F6F6F4;
}

table.topics2{
width:503px;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.topics2 td{
width:501px;
border-right:1px solid #7290AA;
border-left:1px solid #7290AA;
border-bottom:1px dashed #C9C8C6;
padding:10px;
color:#0A3358;
background-color:#ffffff;
}

/* ========================================  menuR 右サイドメニュー */
#menuR {
	float: right;
	width: 250px;
	padding-right:5px;
	margin: 0px 0px 20px;
	background-color: #FFFFFF;
}


#menuR p{
	margin-right: 1em;
	margin-left: 1em;
}

ul#menuR{
list-style:none;
/*width:100%;*/
background-color:#ffffff;
margin:0px;
}

#menuR li{
	padding:1px 7px;
	list-style-type:none;
}
#menuR a{
color:#4C0500;
}
#menuR a:hover{
	color:#FF3300;
}

#menuR a.welcome{
color:#524A00;
}

#menuR a:hover.welcome{
color:#FF0000;
}

a.regist{
color:#0A3358;
display:block;
width:250px;
height:162px;
background-image:url(../img/btn_nyukaikibou.jpg);
}
a:hover.regist{
background-position:-253px 0px;
}
#menuR a.download{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_download.jpg);
}
#menuR a:hover.download{
background-position:-252px 0px;
}
#menuR a.koza{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_koza.jpg);
}
#menuR a:hover.koza{
background-position:-252px 0px;
}
#menuR a.members{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_members.jpg);
}
#menuR a:hover.members{
background-position:-252px 0px;
}
#menuR a.support{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_support.jpg);
}
#menuR a:hover.support{
background-position:-252px 0px;
}

#menuR a.trialplay{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_tiralplay.jpg);
}
#menuR a:hover.trialplay{
background-position:-251px 0px;
}

#menuR a.watchgame{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_watchgame.jpg);
}
#menuR a:hover.watchgame{
background-position:-251px 0px;
}

#menuR a.admission{
color:#0A3358;
display:block;
width:250px;
height:82px;
background-image:url(../img/btn_admission.jpg);
}
#menuR a:hover.admission{
background-position:-253px 0px;
}

#menuR a.request{
color:#0A3358;
display:block;
width:250px;
height:83px;
background-image:url(../img/btn_request.jpg);
}
#menuR a:hover.request{
background-position:-253px 0px;
}



#menuR a.igonyumon{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_igonyumon.jpg);
}
#menuR a:hover.igonyumon{
background-position:-251px 0px;
}

.table.subnav_right{
	width:148px;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.subnav_right th{
    color:#330000;
    background-color:#F6F6F4;
    background-image:url(../img/subnav_01komatta.gif);
    background-position:left top;
    padding:0em 0em;
	width:148px;
	height:33px;
    text-align:center;
}
.subnav_right td{
	width:146px;
    border-right:1px solid #7290AA;
	border-left:1px solid #7290AA;
    /*border-bottom:1px solid #7290AA;*/
    padding:0.3em 0em;
	color:#0A3358;
	background-color:#F6F6F4;
}


#rank {
	background-color:#F1F2EA;
	width: 248px;
	padding-bottom: 8px;
	border:1px solid #CBCCC0;
}
#rank .member {
	font-size: 14px;
	font-weight: 900;
	height: 20px;
	padding-left: 8px;
}
#rank ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
#rank .rank_header {
	background-image: url(../img/tensen_right01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 18px;
	padding-top: 10px;
	font-size: 14px;
	padding-left: 8px;
	font-weight: bold;
	line-height: 18px;
	vertical-align: middle;
	color:	#000000;
}
#rank li {
	background-image: url(../img/bar_right2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 29px;
	font-size: 14px;
	line-height: 18px;
	vertical-align: middle;
}
#rank .japan a:link {
	color: #FF2371;
	text-decoration: none;
}
#rank .japan a:visited {
	color: #FF2371;
	text-decoration: none;
}
#rank .japan a:hover {
	color: #FF5BB4;
	text-decoration: underline;
}
#rank .world a:link {
	color: #0065E3;
	text-decoration: none;
}
#rank .world a:visited {
	color: #0065E3;
	text-decoration: none;
}
#rank .world a:hover {
	color: #34A1FD;
	text-decoration: underline;
}
#rank .yourrank a:link {
	color: #FF7800;
	text-decoration: none;
}
#rank .yourrank a:visited {
	color: #FF7800;
	text-decoration: none;
}
#rank .yourrank a:hover {
	color: #FFBA25;
	text-decoration: underline;
}
#rank .yourrate a:link {
	color: #00953C;
	text-decoration: none;
}
#rank .yourrate a:visited {
	color: #00953C;
	text-decoration: none;
}
#rank .yourrate a:hover {
	color: #50CD67;
	text-decoration: underline;
}


/* ========================================  #topNavi 画面下部サブナビゲーション */
#topNavi{
	font-size:12px;
	clear: both;
	margin: 0px;
	text-align: right;
	padding:6px 10px 6px 0px;
	background-color:#F1EFE0;
}

#topNavi a {
	color:#302E22;
}

#topNavi a:hover {
	color:#FF3300;
	text-decoration: underline;
}


/* ========================================  #underNavi 画面下部サブナビゲーション */
#underNavi2{
	font-size:10px;
	clear: both;
	margin:0px 0px;
	text-align: center;
	padding:6px 0px 5px 0px;
	border-top: 1px dashed #E3DCC7;
}

#underNavi2{
	_padding-top:10px;
	_letter-spacing:0em;
}/*For IE6 .hack*/


#underNavi2 a {
	color:#006CFF;
}

#underNavi2 a:hover {
	color:#FF3300;
	text-decoration: underline;
}



/* ========================================  #underNavi 画面下部サブナビゲーション */
#underNavi{
	font-size:12px;
	clear: both;
	margin:0px 10px;
	text-align: center;
	padding:12px 0px 2px 0px;
	border-top: 1px dashed #E3DCC7;
}

#underNavi a {
	color:#006CFF;
}

#underNavi a:hover {
	color:#FF3300;
	text-decoration: underline;
}


/* ========================================  #footer 画面下部 */
#footer {
	padding: 10px 0px;
/*	border-top: 5px solid #CCCCCC;*/
	color: #000000;
	text-align: center;
}

#footer a {
	font-size:12px;
}

#footer .copy {
	text-align: center;
	font-size: 12px;
	color: #523601;
	padding-top: 18px;
	line-height: 18px;
	/*background-image: url(../img/tensen_footer.gif);
	background-repeat: no-repeat;
	background-position: top;*/
	padding-bottom: 34px;
}


#footer .footer_menu {
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	padding:10px 0px 10px 0px;
	/*background-image: url(../img/tensen_footer.gif);*/
	/*background-repeat: no-repeat;*/
	/*background-position: center top;*/
	vertical-align: middle;
	border: 1px dashed #E3DCC7;
	border-left:0px;
	border-right:0px;
	margin:0px 10px;
}
#footer .footer_menu li {
	display: inline;

}


/* copyright
---------------------------------------------------- */
#copyright{
	font-size:12px;
	line-height:18px;
	color: #523601;
	text-align:center;
}


/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	color:#15164E;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color:#FF3300;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}



/* ========================================  そのほか個別設定 */
.title{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px;
	border-left: 30px solid #F4CC0B;
}


.label{
	padding: 7px 5px 5px 10px;
	margin: 0px 0px 10px;
	border-left: 10px solid #F4CC0B;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0B7A8E;
}



.subh {
	padding: 5px 0px 0px 3px;
	margin: 0px;
	border-top: 1px dashed #999999;
	font-weight: bold;
	color: #4A8854;
}


.photo {
	margin: 0px 0px 20px;
}


.toInfo {
	margin: 0px 0px 1em;
	text-align: right;
	list-style-type: none;
}


.boxL {
	float: left;
	height: 160px;
	width: 350px;
	margin: 0px 0px 15px;
	font-size: 92%;
	background-color: #EBF0F3;
}
.boxR {
	float: right;
	height: 160px;
	width: 245px;
	margin: 0px 0px 15px;
	font-size: 92%;
	background-color: #EBF0F3;
}

.boxL p, .boxR p{
	margin: 10px !important;
}

.tx10_d{
	font-size:10px;
	line-height:12px;
	color: #AAAAAA;
}

.tpcs
{
	font-size:14px;
	line-height:20px;
	color:#0A3358;
}

.tx14_kisen{
	font-size:14px;
	line-height:18px;
	color: #AAAAAA;
}

.subnavi{
	color: #AAAAAA;
}
.ttl_topics{
	font-size:16px;
	padding: 15px 0px 0px 3px;
	margin-bottom: 10px;
	border-bottom: 3px double #DDD6D2;
	font-weight: bold;
	color: #434E6E;
}