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




html, body {
	margin: 0;
	color: #333;
	text-align: center;
	background-color: #F4F2EC;
/*	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
	font-family: "ＭＳ Ｐゴシック", Osaka;
	height:100%;

}

body > #wrapper{ height:auto;}



/* 文字サイズ */
#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;
}

/* ========================================  .contentswrap 間隔・余白調整用 */
.contentswrap{
	margin: 0px;
	margin-bottom:5px;
	width:350px;
}


/* ========================================  #page ページ外枠 */
#page {
	width: 778px;
	margin: 0px auto;
	text-align: left;
	border-left:1px solid #C3B27D;
	border-right:1px solid #C3B27D;
	background-color: #ffffff;

}




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

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

#header .logo {
	margin-top:8px;
	float: left;
	height:60px;
	width: 295px;
	margin-left:8px;
	margin-right:14px;
}

/*#header h1 {
	padding:10px 0px 0px 16px;
	line-height:24px;
	font-size:12px;
	font-weight:lighter;
	text-align:left;
	margin:0px;
}*/

#header h1 {
	float:left;
	padding-top:14px;
	padding-left:16px;
	font-size:12px;
	line-height:18px;
	font-weight:lighter;
	text-align:left;
	width:460px;
}

#header h1 a {
	color:#FFFFFF;
}

#header h1 a:hover {
	text-decoration: none;
}

#header #helpNav {
	/*position:absolute;*/
	padding-top:16px;
	margin-right:10px;
	margin-bottom:0px;
	
}

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

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

/*----------------------------------------------------
	#gNav
----------------------------------------------------*/
#gNav {
	list-style:none;
	position:absolute;
	top:42px;/**/
	/*top:83px;（東日本大震災時）*/
	float: left;
	width: 300px;
	padding-left: 326px;/*For FireFox*/
　padding-left : 0px;/*For IE.hack*/
	/*padding-left: 0px;*/
	/*left: 590px;*/
}

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

#gNav li {
	list-style:none;
	float: left;
	margin-right:10px;
	width:65px;
}

#gNav a{
    display:block;
    width:65px;
    height:66px;
    text-indent:-100px;
    overflow:hidden;
}
#gNav a.taikyoku{
    background-image:url(../img/nav_taikyoku00.jpg);
}
#gNav a:hover.taikyoku{
    background-position:0px -71px;
}
#gNav a.mypanda{
    background-image:url(../img/nav_mypanda00.jpg);
}
#gNav a:hover.mypanda{
    background-position:0px -71px;
}
#gNav a.faq{
    background-image:url(../img/nav_faq00.jpg);
}
#gNav a:hover.faq{
    background-position:0px -71px;
}
#gNav a.biginners{
    background-image:url(../img/nav_biginners00.jpg);
}
#gNav a:hover.biginners{
    background-position:0px -71px;
}


/* ========================================  #menu 上部メニュー */
#menu {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

ul.menu_f02{
	height: 30px;
	margin: 0px;
	border-bottom: 5px solid #333333;
	background-color: #0B7A8E;
}




ul.menu_f02 li{
	float: left;
	border-right: 1px solid #9AA7B6;
	display: block;
}




ul.menu_f02 li a{
	height: 20px;
	width: 130px;
	padding: 10px 0px 0px;
	border-bottom: 5px solid #333333;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #0B7A8E;
}




ul.menu_f02 li a.nowthis{
	border-bottom: 5px solid #FF6699!important;
}




ul.menu_f02 li a:hover , ul.menu_f01 li a.nowthis{
	padding: 10px 0px 0px;
	border-bottom: 5px solid #D3FBFE;
	color: #FFFFFF;
	background-color: #1DAFD3;
}





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



/* ========================================  #main ページの本文 */
#main {
	float: left;
	width: 350px;
	margin: 0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	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;
}

#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:20px;
	color:#434E6E;
	font-weight:bold;
	padding:0px 0px 1px 0px;
	list-style-type:none;
}

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

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

#main a:hover{
	color:#FF3300;
}
a.topics{
color:#0A3358;
display:block;
width:350px;
height:35px;
background-image:url(../img/mainnav-00topics.gif);
}
a:hover.topics{
background-position:-349px 0px;
}


/* ========================================  menuL 左サイドメニュー */
#menuL {
	float: left;
	width: 148px;
	margin: 0px 20x 20px 0px;
	margin-left: 4px;
	background-color: #F6F6F6;
	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.community{
background-position:-147px 0px;
}
#menuL a.community{
color:#0A3358;
display:block;
width:148px;
height:33px;
background-image:url(../img/subnav_06community.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:350px;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.topics td{
	width:348px;
    border-right:1px solid #7290AA;
	border-left:1px solid #7290AA;
    /*border-bottom:1px solid #7290AA;*/
    padding:10px;
	color:#0A3358;
	background-color:#F6F6F4;
}



/* ========================================  menuR 右サイドメニュー */
#menuR {
	float: right;
	width: 250px;
	padding-right:5px;
	margin: 0px 0px 0px;
	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:0px 7px 2px 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.news{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_p-news.jpg);
}
#menuR a:hover.news{
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.igonyumon{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_igonyumon.jpg);
}
#menuR a:hover.igonyumon{
background-position:-251px 0px;
}



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

#menuR a.pandanetnews{
color:#0A3358;
display:block;
width:250px;
height:61px;
background-image:url(../img/btn_pandanetnews.jpg);
}
#menuR a:hover.pandanetnews{
background-position:-252px 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:#EDEEF0;
	width: 238px;
	padding: 0px 6px 8px 4px; 
	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: repeat-x;
	background-position: left top;
	height: 18px;
	padding-top: 10px;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 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;
}



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

#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: 40px;
	/*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;
	padding:10px 10px;
}
#footer .footer_menu li {
	display: inline;

}

#footer .footer_cm_corresp {
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	vertical-align: left;
	margin:0px 10px;
	padding:10px 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: 14px 0px 0px 3px;
	margin:0px 0px 10px 0px;
	border-bottom: 3px double #DDD6D2;
	font-weight: bold;
	color: #434E6E;
	width:346px;
}