/*====================================================================================================
  HISTORY
====================================================================================================*/

#history {}
#history .character {
	position:absolute;
	top:60px;
	left:-30px;
}
#history .main-box { padding: 0 0 0 300px;}

/**/
#history .midashi {
	clear:both;
	padding:30px 0 10px;
}
#history ul.anchor-link {
	clear:both;
	float:left;
	padding: 0 0 20px;
	width:380px;
}
#history ul.anchor-link li {
	float:left;
	width:190px;
	margin:0;
	padding:0;
	background:none;
}
#history .chronology-list {
	margin:5px 2%;
	height:300px;
	background:#FFF;
	overflow:auto;
}
#history .chronology-list table { margin:0;}

/* Z-INDEX */
#history .midashi,#history ul.anchor-link, #history .chronology-list { position:relative; z-index:1; }
#history .box2 h3  { background:none !important;border:none !important; }



/*====================================================================================================
  MUSEUM
====================================================================================================*/

#museum {}
#museum .character {
	position:absolute;
	top:100px;
	right:-15px;
}
#museum .main-box { padding: 0 300px 0 0;}
#museum .map {
	clear:both;
	margin: 0 2%;
	padding: 70px 0 30px;
}

/**/
#museum dl {
	float:left;
	margin: 25px 2%;
	width:29.3%;
}
#museum dt {}
#museum dt img { width:100%;}
#museum dd {}
#museum dd h3 {
	margin:0;
	padding:10px 0;
	background:none;
	border:none;
}
#museum dd h3 a {color:#444;}
#museum dd p { padding: 0 0 10px;}
#museum dd p.tel, #museum dd p.add, #museum dd p.hp, #museum dd p.hoka {
	font-size:90%;
	margin:2px 0 0;
	padding: 0 0 0 50px;
}
#museum dd p.tel {background: url(../img/museum_icon1.gif) no-repeat left top;}
#museum dd p.add {background: url(../img/museum_icon2.gif) no-repeat left top;}
#museum dd p.hoka {background: url(../img/museum_icon3.gif) no-repeat left top;}
#museum dd p.hp {background: url(../img/museum_icon4.gif) no-repeat left top;}

/* Z-INDEX */



/*====================================================================================================
  EVENT
====================================================================================================*/

#event {}
#event .character {
	position:absolute;
	top:60px;
	left:40px;
}
#event .main-box { padding: 0 0 0 300px;}

/**/
#event .calendar {
	clear:both;
	padding:20px;
	background: url(../img/calendar-bg.png) no-repeat top;
}
#event .calendar .menu {
	float:right;
	padding: 3px 0 20px;
	width:335px;
}
#event .calendar h2 {
	margin: 0 2% 10px;
	background-image:none;
	background-color:#0A97CD;
}

/*KOSHIEN*/
#event .character2 {
	position:absolute;
	top:120px;
	left:30px;
}
#event .character3 {
	position:absolute;
	top:-10px;
	right:20px;
}
#event .main-box2 { padding:30px 0 30px 220px;}
#event .flow { padding:0 0 20px;}
#event .sb-comment1_1 .midashi {
	 padding:70px 0 20px;
	 font-size:130%;
	 font-weight:bold;
	 line-height:180%;
}
#event .sb-comment1_1 .midashi b { font-size:180%; }
#event .sb-comment1_1 .comment { padding:0 20px; overflow:hidden; }
#event .sb-comment1_1 .b-inqu { margin:15px 0 0;}

/* Z-INDEX */
#event .calendar, #event .flow, #event .sb-comment1_1 { position:relative; z-index:1; }



/*====================================================================================================
  MAP
====================================================================================================*/

#map {}
#map .character {
	position:absolute;
	top:100px;
	right:-10px;
}
#map .main-box { padding:0 330px 30px 0; }

/**/
#map ul#tab {
	clear:both;
	float: left;
	margin: 0 0 10px;
	padding: 0;
}
#map ul#tab li {
	cursor: pointer;
	float: left;
	width:110px;
	margin: 3px;
	padding:10px;
	background-image:none;
	background-color:#27A7E5;
	color:#FFF;
	text-align:center;
	border-radius: 5px; /* CSS3*/
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#map ul#tab li:hover {background:#13488A;}
#map ul#tab li.select {background:#13488A;}
#map .disnon {display: none;}
#map .content_wrap {
	clear:both;
	width:680px;
}

/* Z-INDEX */
#map ul#tab, #map .content_wrap img { position:relative; z-index:1; }



/*====================================================================================================
  ARTIST
====================================================================================================*/

#artist {}
#artist .character {
	position:absolute;
	top:55px;
	left:50px;
}
#artist .main-box { padding:0 0 30px 300px;}

/**/
#artist ul.syllabary { margin:0; padding:0; }
#artist ul.syllabary:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#artist ul.syllabary li {
	float:left;
	margin:10px 5px;
	padding:0;
	width:60px;
	background:none;
}

#artist .box {
	clear:both;
	margin:20px 2%;
	padding:3%;
	width:90%;
	border:1px solid #CCC;
	background:#FFF;
}
#subpage .box:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#artist .box h3, #artist .box h4 {
	clear:none;
	margin:5px 0;
	padding: 0;
	font-weight:normal;
}
#artist .box h3 { font-size:210%; margin:15px 0 0; border:none !important; background:none !important;}
#artist .box h3 b { font-size:60%; font-weight:normal;}
#artist .box h4 { font-size:90%; border:none !important;color:#444444;paddin:0px !important;}

#artist .box p.from, #artist .box p.bd {
	float:left;
	width:160px;
	margin:10px 0;
	padding: 0 0 0 70px;
}

#artist .box p.from { background:url(../img/b-from.jpg) no-repeat;}
#artist .box p.bd { background:url(../img/b-bd.jpg) no-repeat;}
#artist .box p.comment { width:460px;}
#artist .box p.link { padding:10px; background:#EEE; overflow:hidden;}


/* Z-INDEX */
#artist h2, #artist ul.syllabary, #artist .box {position:relative; z-index:1;}



/*====================================================================================================
  FOOD
====================================================================================================*/

#food {}
#food .character {
	position:absolute;
	top:100px;
	right:0;
}
#food .main-box { padding: 0 300px 50px 0;}

/**/
#food .midashi { clear:both; padding:30px 2% 10px;}

/*LIST*/
#food .comic-list {}
#food .comic-list:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;  
	font-size:0;  
	content:" ";  
}
#food .comic-list dl {
	float:left;
	width:29.3%;
	margin: 2%;
}
#food .comic-list dt {
	height:150px;
	border:3px solid #707070;
	background:#FFF;
	overflow:hidden;
}
#food .comic-list dd {
	padding: 5px 0 10px 25px;
	background:url(../img/icon-book.gif) no-repeat left 5px;
}
#food .comic-list dd b {
	padding: 0 10px;
	font-size:80%;
	font-weight:normal;
	color:#F00;
}

/* Z-INDEX */
#food .comic-list {position:relative; z-index:1;}


/*====================================================================================================
  COMIC
====================================================================================================*/

#comic {}
#comic .character {
	position:absolute;
	top:60px;
	left:-115px;
}
#comic .main-box {
	margin: 0 0 10px;
	padding:30px 0 20px 260px;
	background:#F1EAD8;
	border-radius: 10px; /* CSS3 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome */
	-moz-border-radius: 10px;/* Firefox */
}
#comic .main-box .catch {
	padding: 30px 20px 10px 10px;
	font-size:130%;
	color:#CE0244;
}
#comic .main-box .comment {padding: 10px 20px 10px 0;}
#comic .main-box .bo { text-align:right;}

/**/
#comic .banner { 
	clear:both;
	margin:30px 1.5%;
	background:#FFF;
	border-radius: 7px; /* CSS3 */
	-webkit-border-radius: 7px; /* Safari,Google Chrome */
	-moz-border-radius: 7px;/* Firefox */
	overflow:hidden;
}
#comic .twitter {
	margin: 0 1.5%;
	height:415px;
	background:url(../img/twitter_bg.png) no-repeat;
}
#comic .twitter p {
	float:left;
	margin:80px 15px 0;
	width:310px;
	height:320px;
	background:#FFF;
}

/* Z-INDEX */
#comic .comic-list, #comic .banner, #comic .twitter {position:relative; z-index:1;}



/*====================================================================================================
  QUIZ
====================================================================================================*/

#quiz {}
#quiz .character {
	position:absolute;
	top:100px;
	right:-10px;
}
#quiz .main-box { padding-right:300px; padding-bottom:50px;}
#quiz .main-box .bo{ padding:15px 0 0;}

/*LIST1*/
#quiz .question-list {
	clear:both;
	float:left;
	width:680px;
}
#quiz .question-list p {
	float:left;
	width:160px;
	margin:5px;
}

/*LIST2*/
#quiz .question-list2 {
	clear:both;
	background-color:#F1EAD8;
	border-radius: 5px; /* CSS3*/
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#quiz .question-list2 ul#tab {
	clear:both;
	float: left;
	margin: 0 1%;
	padding: 8px;
	color:#FFF;
	text-align:center;
}
#quiz .question-list2 ul#tab li {
	cursor: pointer;
	float: left;
	margin: 3px;
	padding:0;
	width:160px;
	height:42px;
	background-image:none;
}
#quiz .question-list2 ul#tab li b {
	display:block;
	width:160px;
	height:42px;
	text-indent: -9999px;
}

#quiz .question-list2 ul#tab li b.tab1 {background:url(../img/quiz_tab1.gif) no-repeat;}
#quiz .question-list2 ul#tab li b.tab2 {background:url(../img/quiz_tab2.gif) no-repeat;}
#quiz .question-list2 ul#tab li b.tab3 {background:url(../img/quiz_tab3.gif) no-repeat;}
#quiz .question-list2 ul#tab li b.tab4 {background:url(../img/quiz_tab4.gif) no-repeat;}
#quiz .question-list2 ul#tab li b.tab5 {background:url(../img/quiz_tab5.gif) no-repeat;}
#quiz .question-list2 ul#tab li b.tab6 {background:url(../img/quiz_tab6.gif) no-repeat;}
#quiz .question-list2 ul#tab li b.tab7 {background:url(../img/quiz_tab7.gif) no-repeat;}
#quiz .question-list2 ul#tab li b.tab8 {background:url(../img/quiz_tab8.gif) no-repeat;}

#quiz .question-list2 ul#tab li.select b.tab1 {background:url(../img/quiz_tab1.gif) no-repeat bottom;}
#quiz .question-list2 ul#tab li.select b.tab2 {background:url(../img/quiz_tab2.gif) no-repeat bottom;}
#quiz .question-list2 ul#tab li.select b.tab3 {background:url(../img/quiz_tab3.gif) no-repeat bottom;}
#quiz .question-list2 ul#tab li.select b.tab4 {background:url(../img/quiz_tab4.gif) no-repeat bottom;}
#quiz .question-list2 ul#tab li.select b.tab5 {background:url(../img/quiz_tab5.gif) no-repeat bottom;}
#quiz .question-list2 ul#tab li.select b.tab6 {background:url(../img/quiz_tab6.gif) no-repeat bottom;}
#quiz .question-list2 ul#tab li.select b.tab7 {background:url(../img/quiz_tab7.gif) no-repeat bottom;}
#quiz .question-list2 ul#tab li.select b.tab8 {background:url(../img/quiz_tab8.gif) no-repeat bottom;}

#quiz .question-list2 ul#tab li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#quiz .question-list2 ul#tab li.select{}
#quiz .question-list2 .disnon {display: none;}
#quiz .question-list2 .content_wrap {
	clear:both;
	margin: 0 auto;
	width:666px;
	padding: 4px;
	background:#FFF;
	border-radius: 5px; /* CSS3*/
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}
#quiz .question-list2 .content_wrap:after {
	display:block;  
	clear:both;  
	height:0;
	visibility:hidden;
	font-size:0;  
	content:" ";  
}
#quiz .question-list2 .content_wrap p {
	float:left;
	width:160px;
	margin:3px;
}

/*DETAIL*/
#quiz .question {
	clear:both;
	margin:15px 0;
	padding:15px;
	border:5px solid #F1EAD8;
	background:#F6F6F0;
	border-radius: 10px; /* CSS3 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome */
	-moz-border-radius: 10px;/* Firefox */
}
#quiz .question dl { clear:both; margin:10px;}
#quiz .question dt { float:left; width:180px;}
#quiz .question dd {
	float:left;
	width:440px;
	padding:15px 0;
	font-size:150%;
	font-weight:bold;
	color:#9F7800;
	line-height:130%;
}
#quiz .question ul { clear:both; padding:0; }
#quiz .question ul li {
	float:left;
	margin:5px; 
	width:280px;
	padding:15px;
	font-size:130%;
	font-weight:bold;
	background:#FFF;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}

/* Z-INDEX */
#quiz .question-list, #quiz .question-list2 ul#tab,
#quiz .question-list2 .content_wrap p { position:relative; z-index:1; }



/*====================================================================================================
  PUBLICITY
====================================================================================================*/

#publicity {}
#publicity .character {
	position:absolute;
	top:-15px;
	right:20px;
}
#publicity .main-box { padding-right:200px; padding-bottom:20px;}

#publicity dl {float:left; margin:15px 5px;}
#publicity dt {}
#publicity dd {padding: 10px 0 ;}

#publicity .pamphlet dl { width:160px; }
#publicity .video dl { width:215px; }
#publicity .cara dl { width:160px; }

/* Z-INDEX */
#publicity h2, #publicity dl { position:relative; z-index:1;}


/* add */
#publicity .cara dl{
	height:230px;
	width:158px;
	border:1px solid #CCCCCC;
}
#publicity .cara dt{
	text-align:center;
	height:173px;
}
#publicity .cara dd{
	padding-left:0.5em;
	padding-right:0.5em;
}

/*====================================================================================================
  COUNCIL
====================================================================================================*/

#council {}
#council .character {
	position:absolute;
/*	top:-15px; */
	top:45px;
	left:10px;
}
#council .catch {padding:265px 0 10px; text-align:center;}
#council .midashi {
	margin:30px 0 10px;
	color:#000;
	font-weight:bold;
	font-size:150%;
}

/* Z-INDEX */
#council .catch, #council .comment { position:relative; z-index:1; }



/*====================================================================================================
  ABOUT
====================================================================================================*/

#about {}
#about .catch { position:relative; padding:0; margin:0; top:-50px;}
#about .main-comment {
	padding:0 0 30px;
	font-size:210%;
	font-weight:bold;
	text-align:center;
}
#about .character-list {}
#about .character-list .royal {
	margin: 20px 0 20px;
	padding:45px 0 10px;
	background:#FAF7F0 url(../../about/img/royal.gif) no-repeat 15px 15px;
	border-radius: 10px; /* CSS3 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome */
	-moz-border-radius: 10px;/* Firefox */
	border:1px solid #F1EAD8;
}
#about .character-list p { padding: 5px 0; font-size:110%; }
#about .character-list p.namae b { font-size:230%; padding: 0 10px 0 0; color:#000; }
#about .character1, #about .character2, #about .character3, 
#about .character4, #about .character5, #about .character6,#about .character7 {
	position:relative;
	margin:10px auto;
	padding:40px 30px 50px;
	width:320px;
	border:3px solid #222;
	background:#FFF;
}
#about .character1 { padding-right:250px;}
#about .character2 { padding-left:250px;}
#about .character3 { padding-right:250px;}
#about .character4 { padding-left:250px;}
#about .character5 { padding-right:250px;}
#about .character6 { padding-left:250px;}
#about .character7 { padding-right:250px;}

#about .character-list .chara {position:absolute; z-index:1; padding:0; bottom:0;}
#about .character1 .chara {right:0;}
#about .character2 .chara {left:0;}
#about .character3 .chara {right:30px;}
#about .character4 .chara {left:-20px;}
#about .character5 .chara {right:0;}
#about .character6 .chara {left:30px;}
#about .character7 .chara {right:20px;}



/*====================================================================================================
  SITEMAP
====================================================================================================*/

#sitemap {}
#sitemap .content-left { width:330px; float:left; }
#sitemap .content-right { width:330px; float:right; }
#sitemap .box { position:relative; padding: 0 0 15px; }
#sitemap .box ul {}
#sitemap .box ul li {
	padding: 0 0 5px 20px;
	background:url(../img/arrow1.gif) no-repeat left 4px;
	
}
#sitemap  .character {
	position:absolute;
	top:-28px;
	right:0;
}



/*====================================================================================================
  LINK
====================================================================================================*/


/*====================================================================================================
  QA
====================================================================================================*/


/*====================================================================================================
  PRIVACY
====================================================================================================*/


#comic .box-left{
	float:left;
	margin:0 10px 10px 5px;
}

#comic .box-right{
	float:left;
}

#comic .box-left:hover ,
#comic .box-right:hover{
	background-color:#E7F2F4;
}

#comic .box-left a,
#comic .box-right a{
	display:block;
}	

#comic .min-box{
	width:150px;
	float:left;
	border:1px solid #CCCCCC;
	height:150px;
	padding:5px;
	margin:6px;
	text-align:center;
}

#comic .min-box:hover{
	background-color:#F5F6F4;
}

#comic .min-box a{
	display:block;
	width:150px;
	height:150px;
	font-size:100%;
}