@charset "UTF-8";

/* base
----------------------------------------------- */
html{font-size: 62.5%;/*1em:10px*/}

body{margin:0;
	padding:30px 0;
	text-align:left;
	background:#fff;
	font-family:"メイリオ","Mayryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Verdana,sans-serif;
	font-size: 1.5em;/*15px*/
	position: relative;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;/*iPhone fix*/}

/* IE8 */
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary{
	margin:0;
	padding:0;
	display:block;}

table{font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;}

th{margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align: left;}

img{border:0;
	line-height:1;
	vertical-align:bottom;}

a:link img,
a:visited img,
a:active img,
a:hover img{outline:none;
	overflow:hidden;}
	
strong{font-weight:bold;}
h1,h2,h3,h4{font-weight:normal;}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
	
ruby{ruby-align:distribute-space;
	ruby-overhang:none;
	ruby-position:above;
	line-height:1.2;}
	
.justify{text-align:justify;
	text-justify:inter-ideograph;}

::selection{background:#000; color:#fff;}
::-moz-selection{background:#000; color:#fff;}

/* clearfix
----------------------------------------------- */
.clear{clear:both;
	margin:0;
	font-size:0;}

.clearfix:before,
.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/* content
----------------------------------------------- */
#content{width:100%;
	margin:0;
	padding:0;
	overflow: hidden;}

.main{width:950px;
	margin:0 auto;
	padding:0;
	text-align:left;}
	
.pagemain{width:950px;
	margin:0 auto;
	padding:0 50px;
	text-align:center;
	background:#FFFFFF url(image/pagecontent_back.gif) 50% 50% repeat-y;}

.pagemain{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size: contain;background-size: contain;}

	
.mainTopL{width:47%;
	height: 263px;
	margin:0;
	padding:0;
	float:left;
	position: relative;}
	
.mainTopR{width:47%;
	margin:0;
	padding:2em 0 0;
	float:right;}
	
#topnews{width:100%;
	height:120px;
	margin:0 10px;
	padding:0 20px 0 0;
	overflow:auto;}
	
#pageheader{width:950px;
	height:250px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#fff url(image/pageheader_back.gif) 50% bottom no-repeat;}
	
#pageheader{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size: contain;background-size: contain;}	
	
#headerL{width:400px;
	margin:0;
	padding:30px 0 0 25px;
	text-align:left;
	float:left;}

#headerR{width:535px;
	margin:0;
	padding:0;
	text-align:right;
	float:left;}
	
#headerRmini{width:535px;
	margin:0;
	padding:0;
	text-align:center;
	float:right;}
	
#pageleft{width:250px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;}

#pageright{width:580px;
	margin:0;
	padding:0;
	text-align:left;
	float:right;}
	
.mainFL{width:47%;
	margin:0;
	padding:0;
	float:left;}
	
.mainFR{width:47%;
	margin:0;
	padding:0;
	float:right;}

#pagemain{width:850px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF;
	text-align:left;}
	
#pagemain_back{width:950px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF url(image/pagecontent_back.gif) repeat-y top;
	text-align:left;}	

.pagemain2{width:850px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF;
	text-align:left;}

#footer{width:950px;
	margin:0 auto;
	padding:0;
	margin-top:40px;
	text-align:center;}
	
#pagefooter{margin:0;
	padding:0;
	text-align:center;}
	
#pagefooterbg{width:950px;
	padding: 0;
	padding-top:6.31%;
	margin:0 auto;
	text-align:center;
	background:#FFF url(image/pagebottom_back.gif) 50% 0 no-repeat;}
	
#pagefooterbg{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size: contain;background-size: contain;}	

/* footer
----------------------------------------------- */
#footer small{margin:10px 0 0 0;
	font-size:12px;
	color:#888;
	letter-spacing:0.05em;
	line-height:1.8;}
	
#pagefooter small{margin:0;
	font-size:12px;
	color:#888;
	letter-spacing:0.05em;
	line-height:1.8;}	


/* top_menu
----------------------------------------------- */
#top_titlebg{width:950px;
	margin:0 auto;
	padding:0;}

#top_title{width:100%;
	margin:0 auto;
	padding:0;
	padding-top:52.63%;
	text-align:center;
	background: url("image/top_title01.png") 50% 50% no-repeat;
	position: relative;}
	
#top_title{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size: contain;background-size: contain;}

#top_title02{
	top:-240px;
	left:17px;
	position: absolute;}

#top_menu{width:950px;
	margin:0 auto;
	padding:0;
	text-align:center;
	top:0;
	position: absolute;}


/* 3 
#topmenu ul{margin:0;
	padding:18px 0 0 260px;}*/

/* 4 */
#top_menu ul{margin:0 auto;
	padding:18px 0 0 0;
	width: 430px;}

/* 5 
#top_menu ul{margin:0 auto;
	padding:18px 0 0 0;
	width: 575px;}*/

/* 6 
#top_menu ul{margin:0;
	padding:18px 0 0 45px;}*/


#top_menu li{float:left;
	margin:0 7px;
	padding:0;
	list-style-type:none;}


/* top_menu_outline
----------------------------------------------- */
li.topmenu_outline a{padding:0;
	width:129px;
	height:129px;
	background:url(image/outline_menu.png) 0 0 no-repeat;
	display:block;}

li.topmenu_outline a:hover{background:url(image/outline_menu.png) 0 -129px no-repeat;}

/* top_menu_shosoin
----------------------------------------------- */
li.topmenu_shosoin a{padding:0;
	width:129px;
	height:129px;
	background:url(image/shosoin_menu.png) 0 0 no-repeat;
	display:block;}

li.topmenu_shosoin a:hover{background:url(image/shosoin_menu.png) 0 -129px no-repeat;}

/* top_menu_download
----------------------------------------------- */
li.topmenu_download a{padding:0;
	width:129px;
	height:129px;
	background:url(image/dl_menu.png) 0 0 no-repeat;
	display:block;}

li.topmenu_download a:hover{background:url(image/dl_menu.png) 0 -129px no-repeat;}


/* top_menu_extra
----------------------------------------------- */
li.topmenu_extra a{padding:0;
	width:129px;
	height:129px;
	background:url(image/extra_menu.png) 0 0 no-repeat;
	display:block;}

li.topmenu_extra a:hover{background:url(image/extra_menu.png) 0 -129px no-repeat;}

/* top_menu_blog
----------------------------------------------- */
li.topmenu_blog a{padding:0;
	width:129px;
	height:129px;
	background:url(image/blog_menu.png) 0 0 no-repeat;
	display:block;}

li.topmenu_blog a:hover{background:url(image/blog_menu.png) 0 -129px no-repeat;}


/* top_menu_message
----------------------------------------------- */
li.topmenu_message a{padding:0;
	width:129px;
	height:129px;
	background:url(image/message_menu.png) 0 0 no-repeat;
	display:block;}

li.topmenu_message a:hover{background:url(image/message_menu.png) 0 -129px no-repeat;}

/* top_menu_project
----------------------------------------------- */
li.topmenu_project a{padding:0;
	width:129px;
	height:129px;
	background:url(image/project_menu.png) 0 0 no-repeat;
	display:block;}

li.topmenu_project a:hover{background:url(image/project_menu.png) 0 -129px no-repeat;}


/* page_menu
----------------------------------------------- */
#pagemenu{margin:0;
	padding:0;
	text-align:left;
	float:right;}

#pagemenu ul{float:right;
	margin:0 auto;
	padding:0;}

#pagemenu li{float:left;
	margin:0 2px;
	padding:0;
	height:129px;
	list-style-type:none;}

#pagemenu span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:block;
	left:1px;
	top:1px;}

/* page_menu_home
----------------------------------------------- */
li.pm_top a{padding:0;
	width:129px;
	height:129px;
	background:url(image/top_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_top a:hover{background:url(image/top_pagemenu.gif) 0 -129px no-repeat;}


/* page_menu_outline
----------------------------------------------- */
li.pm_outline a{padding:0;
	width:129px;
	height:129px;
	background:url(image/outline_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_outline a:hover{background:url(image/outline_pagemenu.gif) 0 -129px no-repeat;}

/* page_menu_shosoin
----------------------------------------------- */
li.pm_shosoin a{padding:0;
	width:129px;
	height:129px;
	background:url(image/shosoin_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_shosoin a:hover{background:url(image/shosoin_pagemenu.gif) 0 -129px no-repeat;}

/* page_menu_download
----------------------------------------------- */
li.pm_download a{padding:0;
	width:129px;
	height:129px;
	background:url(image/dl_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_download a:hover{background:url(image/dl_pagemenu.gif) 0 -129px no-repeat;}

/* page_menu_extra
----------------------------------------------- */
li.pm_extra a{padding:0;
	width:129px;
	height:129px;
	background:url(image/extra_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_extra a:hover{background:url(image/extra_pagemenu.gif) 0 -129px no-repeat;}

/* page_menu_blog
----------------------------------------------- */
li.pm_blog a{padding:0;
	width:129px;
	height:129px;
	background:url(image/blog_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_blog a:hover{background:url(image/blog_pagemenu.gif) 0 -129px no-repeat;}

/* page_menu_message
----------------------------------------------- */
li.pm_message a{padding:0;
	width:129px;
	height:129px;
	background:url(image/message_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_message a:hover{background:url(image/message_pagemenu.gif) 0 -129px no-repeat;}


/* page_menu_project
----------------------------------------------- */
li.pm_project a{padding:0;
	width:129px;
	height:129px;
	background:url(image/project_pagemenu.gif) 0 0 no-repeat;
	display:block;}

li.pm_project a:hover{background:url(image/project_pagemenu.gif) 0 -129px no-repeat;}


/* page_menu_blank
----------------------------------------------- */
li.pm_blank{padding:0;
	width:129px;
	height:129px;
	display:block;}
	
	
/* page_menu_mini
----------------------------------------------- */
#pagemenumini{margin:0;
	padding:30px 0 0 0;
	text-align:left;}

#pagemenumini ul{margin:0;
	padding:0;}

#pagemenumini li{float:left;
	margin:0 8px 4px 0;
	padding:0;
	height:94px;
	list-style-type:none;}

/* page_menumini_home
----------------------------------------------- */
li.pmmn_top a{padding:0;
	width:94px;
	height:94px;
	background:url(image/top_menu.png) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_top a:hover{background:url(image/top_menu.png) 0 -94px no-repeat;
background-size: 94px;}	

/* page_menumini_shosoin
----------------------------------------------- */
li.pmmn_shosoin a{padding:0;
	width:94px;
	height:94px;
	background:url(image/shosoin_menu.png) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_shosoin a:hover{background:url(image/shosoin_menu.png) 0 -94px no-repeat;
background-size: 94px;}


/* page_menumini_outline
----------------------------------------------- */
li.pmmn_outline a{padding:0;
	width:94px;
	height:94px;
	background:url(image/outline_menu.png) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_outline a:hover{background:url(image/outline_menu.png) 0 -94px no-repeat;
background-size: 94px;}


/* page_menumini_extra
----------------------------------------------- */
li.pmmn_extra a{padding:0;
	width:94px;
	height:94px;
	background:url(image/extra_menu.png) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_extra a:hover{background:url(image/extra_menu.png) 0 -94px no-repeat;
background-size: 94px;}


/* page_menumini_project
----------------------------------------------- */
li.pmmn_project a{padding:0;
	width:94px;
	height:94px;
	background:url(image/project_menu.png) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_project a:hover{background:url(image/project_menu.png) 0 -94px no-repeat;
background-size: 94px;}


/* page_menumini_message
----------------------------------------------- */
li.pmmn_message a{padding:0;
	width:94px;
	height:94px;
	background:url(image/message_menu.png) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_message a:hover{background:url(image/message_menu.png) 0 -94px no-repeat;
background-size: 94px;}

/* page_menumini_messageD
----------------------------------------------- */
li.pmmn_messageD a{padding:0;
	width:94px;
	height:94px;
	background:url(image/message_menu.png) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_messageD a:hover{background:url(image/message_menu.png) 0 -94px no-repeat;
background-size: 94px;}


/* page_menumini_blog
----------------------------------------------- */
li.pmmn_blog a{padding:0;
	width:94px;
	height:94px;
	background:url(image/blog_menu_mini.gif) 0 0 no-repeat;
	background-size: 94px;
	display:block;}

li.pmmn_blog a:hover{background:url(image/blog_menu_mini.gif) 0 -94px no-repeat;}

/* menu
----------------------------------------------- */
#menu{top:10px;
	right:10px;
	margin:0;
	padding:0;
	position:fixed;
	z-index:2000;
	display:none;}
	
#menu a{margin:0;
	padding:0;
	width:60px;
	height:60px;
	display:block;
	background:url(image/navsp_menu.png) 50% 0 no-repeat;
	background-size: 60px;
	cursor:pointer;}

/* navsp
----------------------------------------------- */
#navspmodal{padding: 0;
	background: -moz-linear-gradient(top,  rgba(63,153,255,1) 0%, rgba(255,255,255,0.67) 33%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(63,153,255,1) 0%,rgba(255,255,255,0.67) 33%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(63,153,255,1) 0%,rgba(255,255,255,0.67) 33%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f99ff', endColorstr='#00ffffff',GradientType=0 );
	position: relative;}

#navsp ul{margin:0 auto;
	padding:0;
	width: 300px;
	list-style-type:none;
	text-align:left;}
	
#navsp li{margin:0;
	padding:5px;
	/*width: 50%;*/
	display: inline-block;
	vertical-align: middle;
	position: relative;}

#navsp_logo{width: 100%;
	padding:15px 15px 20px;
	text-align: center;}

	
.closed{margin:15px auto 15px;
	padding:0;
	width:60px;
	height:60px;
	display:block;
	background:url(image/navsp_closed.png) 50% 0 no-repeat;
	background-size: 60px;
	cursor:pointer;}

.closedR{margin:0;
	top:15px;
	right:15px;
	position: absolute;}
	
.closed:hover{background:url(image/navsp_closed.png) 50% -60px no-repeat;background-size: 60px;}

/* home
----------------------------------------------- */
.homeinfo{margin:1em 0;
	padding:1em 1.5em;
	border:#6f75c8 3px solid;
	border-radius:10px;}

.outlineinfo{margin:1em 0;
	padding:1em 1.5em;
	border:#bc6fc8 3px solid;
	border-radius:10px;}
	
/* pageup
----------------------------------------------- */
#page_up{width:100%;
	height:18px;
	margin:0 auto;
	padding:50px 2px 50px 0;
	text-align:right;}

#page_up ul{margin:0;
	padding:0;
	width:151px;
	float:right;
	overflow:hidden;}

#page_up li{margin:0;
	padding:0;
	list-style-type:none;}

#page_up li a{padding:0;
	width:151px;
	height:33px;
	background:url(image/pageup.gif) no-repeat;
	display:block;}

#page_up li a:hover{background:url(image/pageup.gif) no-repeat;}

#page_up span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:block;
	left:1px;
	top:1px;}
	
/* message
----------------------------------------------- 
.messageup{width:720px;
	height:45px;
	margin:20px auto 0;
	padding:0;
	background:#FFFFFF url(image/extra_messageup.gif) no-repeat top;
	clear:both;}

.messagecont{width:720px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF url(image/extra_messageback.gif) repeat-y top;
	clear:both;}
	
.messagemain{width:610px;
	margin:0 auto;
	padding:0;}	

.messagedown{width:720px;
	height:45px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF url(image/extra_messagedown.gif) no-repeat top;
	clear:both;}
*/

/* message
----------------------------------------------- */
.messageup{width:580px;
	height:45px;
	margin:20px auto 0;
	padding:0;
	background:#FFFFFF url(image/message_messageup.gif) no-repeat top;
	clear:both;}

.messagecont{width:580px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF url(image/message_messageback.gif) repeat-y top;
	clear:both;}
	
.messagemain{width:470px;
	margin:0 auto;
	padding:0;}	

.messagedown{width:580px;
	height:45px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF url(image/message_messagedown.gif) no-repeat top;
	clear:both;}

/* treasuremenu
----------------------------------------------- */
#treasuremenu{margin:2em 0;
	padding:0;}

#treasuremenu ul{margin:0;
	padding:0;}

#treasuremenu li{margin:20px 10px 0;
	padding:13px;
	width: calc(33.33% - 20px);
	display:inline-block;
	vertical-align:top;
	list-style:none;
	position: relative;
	background: #f4f4f4;}

#treasuremenu p{margin:1em 0 0 0;
	font-size:86.7%;
	line-height:1.2;
	text-align: center;}

.treasure_info{margin-top: 2em;}

/* treasure
----------------------------------------------- */
.trmain{width:950px;
	margin:30px auto;
	padding:0;}
	
.trmainFL{width:47.5%;
	margin:0;
	padding:0;
	text-align:center;
	float:left;}
	
.trmainFR{width:47.5%;
	margin:0;
	padding:0;
	float:right;}
	
.trmainFR h1{margin:0 0 10px;
	padding:0 0 20px 0;
	font-size: 180%;
	background: url("image/treasure_hl.png") 0 bottom repeat-x;}
	
.trmainFR h1 .fs{font-size: 50%;}
	

/* p,h,ul
----------------------------------------------- */
p{margin:0;
	padding:0;
	font-size:100%;
	color:#333333;
	letter-spacing:0.05em;
	line-height:2.0;}

.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.alignCi{margin-left:auto; margin-right:auto;}

.fxxs{font-size:66.7%;}/*10px*/
.fxs{font-size:80%;}/*12px*/
.fs{font-size:86.7%;}/*13px*/
.fn{font-size:106.7%;}/*16px*/
.fl{font-size:120%;}/*18px*/
.fxl{font-size:133.3%;}/*20px*/


.pf{margin:0;
	padding:0;
	font-size:110%;
	color:#333333;
	letter-spacing:0.05em;
	line-height:1.95}

.fls{font-size:115%;
	line-height:1.5;}


.fs{margin:0;
	padding:0;
	font-size:100%;
	color:#333333;
	letter-spacing:0.01em;
	line-height:2.0;}

.flsC{font-size:95%;
	line-height:1.5;
	text-align:center;}

.fxs{font-size:80%;
	letter-spacing:0.03em;
	line-height:1.4;}
	
.fxsred{font-size:80%;
	letter-spacing:0.03em;
	line-height:1.4;
	color:#CC0000;}	

.fxsgray{font-size:95%;
	letter-spacing:0.03em;
	line-height:1.4;
	color:#999999;}

.copy{margin:7px 0 0 0;
	font-size:12px;
	color:#888888;
	letter-spacing:0.05em;
	line-height:1.8;
	text-align:center;}

.copyEn{font-family:"Arial","Helvetica","sans-serif";}

.cap{margin:7px 0 0 0;
	font-size:80%;
	color:#666666;
	letter-spacing:0.01em;
	line-height:1.3;
	text-align:center;}

.red{color:#CC0000;}
.redR{color:#CC0000;
	text-align:right;}
.purple{color:#6f75c8;}
.orange{color:#c56f17;}	
	

.fxbr{line-height:0.3;}

h1{margin:0 0 35px 0;
	padding:0;}

.headerp{margin:0;
	padding:0;
	color:#FFFFFF;
	letter-spacing:0.05em;
	line-height:1.4;}

h2{margin:50px 0 10px;
	padding:0;}
	
.h2f{margin:10px 0;
	padding:0;}

.h2t{margin:0 0 10px 0;
	padding:0.5em 0 0.5em 0.5em;
	font-size:120%;
	border-left:#7b78c4 solid 6px;
	letter-spacing:0.03em;
	line-height:1.4em;}

hr{margin:25px 0;
	padding:0;
	width:100%;
	height:1px;
	color:#999999;
	background:#999999;
	border:none;
	clear:both;}


#footer hr{margin:0 0 5px 0;
	padding:0;
	width:100%;
	height:2px;
	color:#f2b753;
	background:#f2b753;
	border:none;
	clear:both;}
	
#pagefooter hr{margin:0 0 1em;
	padding:0;
	width:100%;
	height:2px;
	color:#ffe9a9;
	background:#ffe9a9;
	border:none;
	clear:both;}
	
.hr2{margin:50px 0 0 0;
	padding:0;
	width:100%;
	height:3px;
	color:#ffe9a9;
	background:#ffe9a9;
	border:none;
	clear:both;}	


.hr3{border-top:#999 dotted 1px;	
	background:#fff;}

ul{margin:0;
	letter-spacing:0.05em;
	line-height:1.4em;}
	
ul.kome{padding-left:1em;
	font-size:80%;
	list-style:none;
	list-style-image:none;}
	
.kome li{text-indent:-1em;}


ul.kome2{padding-left:2em;
	list-style:none;
	list-style-image:none;}
	
.kome2 li{text-indent:-2em;}


.todaiji_bannar{margin:20px 0 0 0;
	padding:0;}		

.counter{margin:20px 0 10px;
	padding:0;
	float:right;}

.imgR{max-width: 40%;
	margin:5px 0 5px 10px;
	padding:0;
	float:right;}
	
.imgL{margin:5px 20px 5px 0;
	padding:0;
	float:left;}
	
.wsL{margin:10px 20px 10px 0;
	padding:0;
	float:left;}		

.map{margin:0 20px 20px 0;
	padding:0;
	float:left;}
	
.vr{margin:0 0 10px;
	padding:0;}
	
.bannar{margin:10px 0 0 0;
	padding:0;}
	
.bannarf{margin:0;
	padding:0;}
	
.tr_imgR{margin:0 0 10px 10px;
	padding:0;
	float:right;}	

.trallimg{margin:30px 0 10px;
	padding:0;}
	
.qa_img{margin:0 0 30px;
	padding:0;}
	
.qa_img2{margin:20px 0 0;
	padding:0;}	

.answer{margin:0 15px 10px 6px;
	padding:0;
	float:left;}
	
.ex_book{margin:15px 0;
	padding:0;}

.ex_worksheet{margin:5px 0;
	padding:0;}
	
#topmainright .ulcopy{margin:0;
	padding-left:17px;
	font-size:70%;
	letter-spacing:0.03em;
	line-height:1.4;
	color:#666666;}

#topmainright .licopy{margin:1px;}

.pacbannar{margin:5px 0 20px;
	padding:0;}
	
.pacbannar2{margin:5px 0;
	padding:0;}	

.yomiurionline{margin:0 5px 8px 0;
	padding:0;
	float:right;}
	
.tab{margin:0 0 2px 0;
	padding:0;}
	
.bsrp{margin:20px 0 20px 135px;
	padding:0;}
	
.bsrdl{margin:0 20px 0 0;
	padding:0;
	float:left;}
	
.project_h04{margin:0 0 20px 20px;
	padding:0;
	float:right;}
	
.quizrally{margin:30px 0 0 0;
	padding:0;}	

/* table
----------------------------------------------- */
.outline{width:100%;
	margin:10px 0 0;	
	border-collapse:collapse;
	clear:both;}
	
.td_outline{border-bottom:#AAA 1px dotted;
	padding:7px;
	vertical-align:top;
	border-collapse:collapse;}

.td_outlinehl{width:111px;
	border-bottom:#AAA 1px dotted;
	padding:7px;
	vertical-align:top;
	white-space:nowrap;}

.outline2{margin:10px 0;
	width:auto;
	border-collapse:collapse;
	clear:both;}
	
.td_outline2{
	padding:2px;
	vertical-align:middle;
	border-collapse:collapse;}
	
.td_outline2hl{
	padding:2px;
	vertical-align:top;
	border-collapse:collapse;
	white-space:nowrap;}	

.admit{margin:5px 0;
	width:100%;
	border:#BBB 2px solid;
	border-collapse:collapse;}

.td_admit{border:#BBB 1px solid;
	padding:5px;
	text-align:center;
	background:#FFFFFF;}

.td_admithl{border:#BBB 1px solid;
	padding:5px;
	width: 75%;
	text-align:center;
	background:#DDDDDD;}

.td_admithl150{width:150px;
	border:#BBB 1px solid;
	padding:5px;
	text-align:center;
	background:#DDDDDD;}
	
.wsn{white-space: normal;}

.ta_pt{width:100%;
	margin:0;
	border:#CC0000 2px solid;
	border-collapse:collapse;
	clear:both;}
	
.td_pt{padding:5px;
	text-align:center;}
	
.toptopics{margin:0;
	width:100%;
	border-collapse:collapse;}
	
.td_toptopics{border-bottom:#AAA 1px dotted;
	padding:5px;
	vertical-align:top;
	border-collapse:collapse;}

.td_toptopics50{width: 60px;
	border-bottom:#AAA 1px dotted;
	padding:0 5px;
	vertical-align:top;
	border-collapse:collapse;}

.td_toptopicshl{width:50px;
	border-bottom:#AAA 1px dotted;
	padding:5px;
	vertical-align:top;
	white-space:nowrap;
	border-collapse:collapse;}
	
.ta_pro{width:100%;
	margin:10px 0 0; 
	border-collapse:collapse;
	clear:both;}
	
.prize{width:auto;
	margin:0 0 20px;	
	border-collapse:collapse;
	clear:both;}
	
.td_prize{padding:6px;
	vertical-align:top;
	border-collapse:collapse;}

.td_prizehl{width:170px;
	padding:6px;
	vertical-align:top;
	white-space:nowrap;}
	
	
.ta_chronology{width:100%;
	margin:0;
	border-collapse:separate;
	border-spacing:0;}

.td_chronologyL{width:10%;
	padding:7px;
	vertical-align:middle;
	border-top:#aaa 1px dotted;
	background: #797d59;
	white-space:nowrap;
	text-align:center;}
	
.td_chronologyL p{color: #fff;}

.td_chronologyR{padding:7px 7px 7px 14px;
	vertical-align:middle;
	border-top:#aaa 1px dotted;}
	
.td_chronologyB{border-bottom:#aaa 1px dotted;}
	
/* img
----------------------------------------------- */	
.counter{margin:0;
	padding:0;
	display:none;}

.map{margin:0;}

#navspmodal img, #headerL img,
.main img, .pagemain img, .pagemain2 img, .trmain img{
	max-width: 100%;
	height: auto;}
	
#trp02, #trp03, #trp07{max-height: 600px;}

/* margin padding
----------------------------------------------- */
.mgt075{margin-top:0.75em;}
.mgt1{margin-top:1em;}
.mgt2{margin-top:2em;}
.mgt3{margin-top:3em;}

.mgb1{margin-bottom:1em;}
.mgb2{margin-bottom:2em;}
.mgb3{margin-bottom:3em;}

.mgtb1{margin:1em 0;}
.mgtb2{margin:2em 0;}

.pd1{padding:1em 0;}
.pd2{padding:2em 0;}
.pd4{padding:4em 0;}

/* span
----------------------------------------------- */	
#top_title span, #top_menu span, #navsp span, #menu span,
#pagemenumini span{
	/*\*/
	position:absolute;
	/**/
	text-indent:-10000px;
	width:0;
	height:0;
	display:none;
	left:0;
	top:0;}

/* link
----------------------------------------------- */
a:link{color:#268ceb; text-decoration:underline;}
a:visited{color:#666666; text-decoration:underline;}
a:active{color:#268ceb; text-decoration:underline;}
a:hover{color:#268ceb; text-decoration:none;}


/* media queries
----------------------------------------------- */
br.brtb{display:none;}
br.brsp{display:none;}
br.brmb{display:none;}

.tbmbdisplay{display:none;}
.spdisplay{display:none;}
.mbdisplay{display:none;}

@media only screen and (max-width:979px){
	.pcdisplay{display:none;}
	.tbmbdisplay{display:block;}
	
	br.brpc{display:none;}
	br.brtb{display:block;}
	
	#menu{display:block;}
	#top_menu, #headerRmini{display:none;}
	
	#top_titlebg{width:95%;}
	.main,#footer,#pageheader,.pagemain,.pagemain2,#pagefooterbg,.trmain{width:95%;}
	
	#pageleft{width:20%;}
	#pageright{width:75%;}

	.mainL{width:100%;
		padding:0 0 1em 0;
		float:none;}
	
	.mainR{width:100%;
		padding:0;
		float:none;}
		
	#top_title02{width:92.5%;
	top:-67%;}
	
	#pageheader{height: auto;
	padding-top:26.31%;
	position: relative;}
	
	#headerL{width:100%;
		margin: 0;
		padding: 0;
		text-align: center;
		float:none;
		top:15%;
		position: absolute;}
		
	#headerL img{max-width: 45%;}
	
	.pagemain{padding-top: 1em;}
	
	.tablescroll{width:100%;
		margin-bottom:2em;
		overflow-x:scroll;}
	.tablescroll::-webkit-scrollbar{width:6px; background:#aaa;}
	.tablescroll::-webkit-scrollbar:horizontal{height:5px; background:#aaa;}
	.tablescroll::-webkit-scrollbar-thumb:horizontal{background:#ccc; border-radius:3px;}
	.tablescroll::-webkit-scrollbar-track-piece:start{background:#aaa;}
	.tablescroll::-webkit-scrollbar-track-piece:end{background:#aaa;}
	.tablescroll::-webkit-scrollbar-corner{background:transparent;}

}


@media only screen and (max-width:767px){
	
	.pctbdisplay{display:none;}
	.spdisplay{display:block;}
	
	br.brsp{display:block;}

	.ta_outline td{padding: 0.5em;}
	
	.ta_outline td{display:block; width:100%; border:none; padding:0.5em 1em;}
	td.td_outlineL{margin-top: 1em; border-left:#aaa 3px solid;text-align: left;}
	td.td_outlineR{padding:1em 1em; border-bottom:#ccc 1px dotted;}
	
	.btn{max-width: 100%;}
	.pagemain{padding: 0 3em;}
		
	.mainFT2L,.mainFL,.mainFTL,.trmainFL{
		width:100%;
		padding:0 0 1em 0;
		float:none;}
	
	.mainFT2R,.mainFR,.mainFTR,.trmainFR{
		width:100%;
		padding:0;
		float:none;}

	.mainTopL{width:100%;
		padding:1em;
		height: auto;
		float:none;}
	
	.mainTopR{width:100%;
		margin:0;
		padding:0;
		float:none;}
	
	.trmain{width:90%;}
	
	#top_title{background: url("image/top_titlesp.png") 50% 50% no-repeat;}
	#top_title{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size: contain;background-size: contain;}
	
	#top_title02{width: auto;
		top:auto;
		left:auto;
		text-align: center;
		position: relative;}
	
	#headerL{top:17%;}
	#headerL img{max-width: 60%;}
	
	#pageleft{width:100%;
		padding:12% 0 1em 0;
		float:none;}
		
	#pageleft img{max-width: 180px;}
		
	#pageright{width:100%;
		padding:0;
		float:none;}
		
	img.answer{max-width: 60px;}
	
	.outline td.td_outlinehl{display:block; width:100%; border:none; padding:1em 0.5em 0; text-align: left;}
	.outline td.td_outline{display:block; width:100%; border:none; padding:0 0.5em 1em; border-bottom:#aaa 1px dotted;}
	
	.admit{font-size: 80%;}
	.admit td{width:25%;}
	
	.trmainFR h1{font-size: 160%;}
	
	#treasuremenu li{margin:10px 5px 0;
	width: calc(47.5% - 5px);}

}


@media only screen and (max-width:479px){
	.tbdisplay{display:none;}
	.mbdisplay{display:block;}
	
	br.brpcsp{display:none;}
	br.brmb{display:block;}
	
	#pageleft img{max-width: 160px;}
	.pagemain{padding: 0 2em;}
	
	#headerL{top:20%;}
	#headerL img{max-width: 65%;}
	#pageleft{padding-top:20%}
	
	img.answer{max-width: 38px;}
	
	#treasuremenu li{margin:10px 0 0;
	width: 100%;}
	
}