@charset "shift_jis";

/*


name: layout.css
memo:


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

commmon

----------------------------------------------------------- */
body {
	color: #333;
	font-size: 100%;
	letter-spacing: normal;
}
a:link {color:#ff8b12;}
a:hover {color:#a86f33;}
a:visited {color:#dd7100;}
a:active {color:#ff8b12;}
img {
	margin: 0;
	padding: 0;
	line-height: 1;
	vertical-align: top;
}
ul,li,ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
p {
	font-size: 90%;
	line-height: 1.4em;
}

/* js縺檎┌蜉ｹ縺�E�縺�E�縺�E�縺�E�縺・�E�譎�E*/
p#noscriptText {
	padding: 20px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: red;
} 

/* 驥崎ｦ√�E縺顔衍繧峨◁E*/
#importantTips {
	margin: 0 0 20px 0;
	padding: 15px;
	text-align: center;
	background: url("../images/important_bg.gif") 0 0;
	border: 3px solid #ffd905;
	border-radius: 5px;
	line-height: 1.2em;
}
#importantTips a {
	padding: 8px 0 8px 38px;
	background: url("../images/icon_important.png") left 0 no-repeat;
}
#sideColumn #importantTips {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 14px;
}
#sideColumn #importantTips a {
	margin: 10px;
	padding: 0px 10px 0 40px;
	display: block;
}


/* head */
h2.sectionTitle {
	padding: 15px 0 15px 10px;
	background: url(../images/head_h2.gif) left bottom no-repeat;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}

/* lead */
p.sectionLead {
	font-size: 90%;
	padding: 10px;
	margin-bottom: 10px;
	background: #eee;
}
.mini { font-size: 80%;}
.making {
	padding: 15px;
	margin: 15px 0;
	background: #eee;
	text-align: center;
}
.p_guide {
	margin: 10px 0;
	padding: 5px 0 5px 10px;
	font-size: 80%;
	border-left: 3px solid #ff8b12;
}

/* ul,li */
li.lastChild {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* .backtop */
a.backtop {
	height: 30px;
	margin-top: 15px;
	text-align: right;
	display: block;
}
.floormap a.backtop {margin: 0 0 15px 0;}

.museum-cafe a.backtop {margin: 5px 0;}

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

#header 

----------------------------------------------------------- */
#header {
	width: 100%;
	height: auto;
	background: #c45f1a;}
#header .inner {
	width: 1000px;
	height: 95px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/header_bg.jpg") 0 0 no-repeat;
	position: relative;
}
#header .inner h1 {
	width: 493px;
	height: 65px;
	position: absolute;
	top: 15px;
	left: 20px;
}
#header .inner #headerAbout {
	position: absolute;
	top: 0;
	right: 20px;
}
#header .inner #headerAbout a {
	width: 74px;
	height: 28px;
	position: absolute;
	top: 5px;
	right: 0px;
}
	


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

#footer

----------------------------------------------------------- */
#footer {
	width: 100%;
	clear: both;
	color: #fff;
}
#footer #footerInfo {
	width: 100%;
	padding: 30px 0;
	background: #492b0c;
	border-bottom: 1px solid #2f1a05;
}
#footer #footerInfo .inner {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	_zoom: 1;
}
#footer #footerInfo .inner ul.sitemap {
	padding: 0 20px;
	font-size: 90%;
	float: left;
}
#footer #footerInfo .inner ul.sitemap li {
	margin-bottom: 10px;
	font-size: 11px;
}
#footer #footerInfo .inner ul.sitemap li a {color: #fff;text-decoration:none;}
#footer #footerInfo .inner ul.sitemap li a:hover {color: #ddd;}
#footer #footerInfo .inner img#footerAbout {float: right;}
#footer #copyRight {
	width: 100%;
	padding: 30px 0;
	background: #ee8e29;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer #copyRight p {
	width: 450px;
	padding-top: 20px;
	text-align: right;
}
#footer #copyRight ul {
	width: 1000px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}
#footer #copyRight ul li {
	height: 50px;
	float: left;
}


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

#nav

----------------------------------------------------------- */
#nav {
	width: 100%;
	height: 60px;
	background: url("../images/nav_bg.jpg") top center no-repeat #c45f1a;
}
#nav ul {
	width: 1000px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}
#nav ul li{
	float: left;
}


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

#mainContainer

----------------------------------------------------------- */
#mainContainer {
	width: 960px;
	_width: 1020px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	background: url("../images/mainContainer_cover.png") top center no-repeat;
	overflow: hidden;
	_zoom: 1;
	z-index: 3 !important;
}


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

#mainColumn

----------------------------------------------------------- */
#mainColumn {
	width: 700px;
	float: left;
}

p.pageLead {
	margin: 15px 0 20px;
	padding: 5px;
	font-size: 80%;
	line-height: 1.6em;
}

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

#sideColumn

----------------------------------------------------------- */
#sideColumn {
	width: 230px;
	float: right;
}
#sideColumn .snsBox {
	width: 100%;
	margin-bottom: 10px;
	border: 5px solid #eee;
	border-top: none;
}
#sideColumn ul#sideBanner {}
#sideColumn ul#sideBanner li {
	margin-bottom: 5px;
	width: 240px;
}
#sideColumn #twitterBox .snsBox .timeline{border: none !important;}
#sideColumn #sideAbout {
	width: 240px;
	height: 363px;
	margin-bottom: 10px;
	background: url(../images/sideAbout_bg.gif) 0 0 no-repeat;
	position: relative;
}
#sideColumn #sideAbout a {
	width: 96px;
	height: 27px;
	display: block;
	position: absolute;
	top: 277px;
	left: 136px;
}

/* add:121113 */
#sideColumn #sidePickup {margin-bottom: 5px;}
#sideColumn #sidePickup ul {
	width: 230px;
	padding:0;
	border: 5px solid #eee;
	border-top: none;
}

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

#pan

----------------------------------------------------------- */
#pan {
	padding: 20px 0 25px;
	background: url(../images/pan_bg.jpg) center bottom #eee;
}
#pan ul {
	width: 980px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
}
#pan ul li {
	float: left;
	margin-right: 10px;
}
#pan ul li a {
	padding-right: 25px;
	background: url(../images/pan_arrow.gif) right no-repeat;
}




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

#backTop

----------------------------------------------------------- */
#backTop {text-align: center;}


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

#bannerBox

----------------------------------------------------------- */
#bannerBox {
	width: 100%;
	padding: 20px 0 10px;
	clear: both;
	background: #eee;
	text-align: center;
}
#bannerBox a {margin: 0 2px 15px;}
/*
#bannerBox ul {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	_zoom: 1;
}
*/
#bannerBox ul li {
	margin: 0 15px 10px 0;
	/*float: left;*/
}

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

#slider

----------------------------------------------------------- */
#slider {
	width: 100%;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}
#slider .slide {text-indent: -9999px;}
#slider .slide_main {background: url("../images/mainVisual_main.jpg") top center no-repeat #ee8e29;}
#slider .slide_poster {background: url("../images/mainVisual_poster.jpg") top center no-repeat #ee8e29;}
#slider .slide_nq {background: url("../images/mainVisual_nq2012_v2.jpg") top center no-repeat #f9f3c2;}
#slider .slide_freetrial {background: url("../images/mainVisual_freetrial.jpg") top center no-repeat #fff;}
#slider .slide_jna {background: url("../images/mainVisual_jna.jpg") top center no-repeat #f4a5ab;}
#slider .slide_nailtv {background: url("../images/mainVisual_nailtv.jpg") top center no-repeat #fff;}
#slider .slide_report {background: url("../images/mainVisual_report.jpg") top center no-repeat #000;}
#slider .slide a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

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

#pickup 

----------------------------------------------------------- */
#pickup {margin-bottom: 20px;}
#pickup ul {
	width: 700px;
	overflow: hidden;
	_zoom:1;
}
#pickup ul li {
	width: 345px;
	height: 160px;
	margin: 0 0 10px 0;
	float: left;
}
#pickup ul li.bannerLeft {margin-right: 10px;}
#pickup ul li.bannerLong {width: 700px; height:auto;}
	


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

#news 

----------------------------------------------------------- */
dl#news {
	border: 10px solid #eee;
	margin-bottom: 20px;
}
dl#news dt {
	padding: 15px;
	float: left;
	clear: both;
}
dl#news dt span {
	display: block;
	width: 70px;
	_width: 170px;
	height: 18px;
	_height: 26px;
	padding: 8px 0 0 100px;
	background: url(../images/news_icon_news.gif) 0 0 no-repeat #ddd;
	font-size: 12px;
}
dl#news dd {
	padding: 20px;
	padding-left: 190px;
	background: url(../images/news_list_bg.gif) bottom no-repeat;
	font-size: 85%;
	line-height: 1.2em;
}
.scroll-pane {
    overflow: auto;
    max-height: 250px;
}
.scroll-pane .jspVerticalBar {width: 15px;background:#fff;}
.scroll-pane .jspTrack{background: #ddd;}
.scroll-pane .jspDrag{background: #ff8b12;}


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

.popupBox(default)

----------------------------------------------------------- */
.popupBox {padding: 15px;}
.popupBox h1  {
	padding: 20px 0 15px;
	font-size: 18px;
	line-height: 1.3;
	clear: both;
}
.popupBox #infoBox .textBox {
	width: 380px;
	line-height: 1.3;
	float: left;
}
.popupBox p {
	font-size: 80%;
	line-height: 1.3;
}
.popupBox p#guide {
	margin-bottom: 15px;
}
.popupBox p#room,
.popupBox p#time {
	padding: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: #333;
	color: #fff;
	text-align: center;
}
.popupBox p#room {
	width: 369px;
	float: left;
}
.popupBox p#time {
	width: 230px;
	float: right;
}
.popupBox #infoBox {
	padding: 15px 0 0;
	overflow: hidden;
	_zoom: 1;
}
.popupBox p#info,
.popupBox p#info_en,
.popupBox p#actor {
	font-weight: bold;
}
.popupBox p#info_en {font-size: 70%;}
.popupBox p#info_en {font-size: 70%;}
.popupBox p#actor {padding: 10px 0;}
.popupBox #infoBox img {float: right;}


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

index.php

----------------------------------------------------------- */
.index #privilege {
	padding-top: 15px;
	overflow: hidden;
	_zoom: 1;
}
.index #privilege #leftColumn_wrapper {
	width: 330px;
	float: left;
}
.index #privilege .leftColumn {
	padding: 10px;
	border: 5px solid #fe7c1f;
	border-right: 5px solid #e96200;
	border-bottom: 5px solid #e96200;
}
.index #privilege .rightColumn {
	width: 350px;
	float: right;
}
.index #privilege h4 {
	padding: 15px;
	background: #e96200;
	color: #fff;
	text-align: center;
}
.index #privilege ul {}
.index #privilege ul li {
	padding: 20px 0 20px 45px;
	border-bottom: 1px dotted #e96200;
	font-size: 12px;
	line-height: 1.4;
}
.index #privilege ul li.list1 { background: url(../images/num_1.gif) left no-repeat;}
.index #privilege ul li.list2 { background: url(../images/num_2.gif) left no-repeat;}
.index #privilege ul li.list3 { background: url(../images/num_3.gif) left no-repeat;}
.index #privilege ul li.list4 { background: url(../images/num_4.gif) left no-repeat;}
.index #privilege ul li.list5 { background: url(../images/num_5.gif) left no-repeat;}
.index #privilege ul li.list6 { background: url(../images/num_6.gif) left no-repeat;}
.index #privilege ul li.list7 { background: url(../images/num_7.gif) left no-repeat;}
.index #privilege ul li span {
	font-weight: bold;
	color: #ff0000;
	/* word-wrap: normal; */
	/* display: inline-block; */
}
.index #privilege ul p {
	margin: 10px 0 0;
	padding: 10px;
	font-size: 80%;
	text-align: center;
	border: 1px solid #ccc;
}
.index #privilege a#jnaBtn {
	display: block;
	width: 320px;
	height: 55px;
	margin-top: 20px;
}

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

about.php

----------------------------------------------------------- */
/*
.about ul {
	overflow: hidden;
	_zoom: 1;
}
.about ul li {
	width: 345px;
	height: 160px;
	margin-bottom:10px;
	float: left;
}
.about #aboutTopics {
	margin: 15px 0 30px;
	overflow: hidden;
	_zoom: 1;
}
*/
.about #aboutTopics h2 {font-size: 23px;}
.about #aboutTopics h3 {font-size: 12px;padding: 5px 0 10px; color: #333;}
.about #aboutTopics p {font-size: 11px; line-height: 1.3em; margin-bottom: 10px;}
.about #aboutTopics div {
	width: 370px;
	_width: 700px;
	height: 140px;
	_height: 170px;
	padding: 30px 0 0 330px;
}
.about #aboutTopics .nq {background: url(../images/about/about_eventTopic_01.jpg) 0 0 no-repeat;}
.about #aboutTopics .tradeshow {
	padding: 30px 330px 0 0;
	background: url(../images/about/about_eventTopic_02.jpg) 0 0 no-repeat;
}
.about #aboutTopics .collection {
	height: 130px;
	_height: 160px;
	background: url(../images/about/about_eventTopic_03.jpg) 0 0 no-repeat;
}
.about #aboutTopics .museum {
	height: 140px;
	_height: 160px;
	padding: 20px 330px 0 0;
	background: url(../images/about/about_eventTopic_04.jpg) 0 0 no-repeat;
}
.about #aboutTopics .competition {
	height: 130px;
	_height: 160px;
	background: url(../images/about/about_eventTopic_05.jpg) 0 0 no-repeat;
}
.about #aboutTopics .college {
	width: 380px;
	height: 140px;
	_height: 160px;
	padding: 20px 320px 0 0;
	background: url(../images/about/about_eventTopic_06.jpg) 0 0 no-repeat;
}
.about #aboutTopics .freetrial {
	padding-top: 10px;
	height: 150px;
	_height: 180px;
	background: url(../images/about/about_eventTopic_07.jpg) 0 0 no-repeat;
}
.about #aboutTopics .plaza {
	height: 140px;
	padding: 20px 330px 0 0;
	background: url(../images/about/about_eventTopic_09.jpg) 0 0 no-repeat;
}

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

pantheon.php

----------------------------------------------------------- */
/* #pantheonSchedule */
.pantheon #pantheonSchedule {
	width: 700px;
	height: 594px;
	margin-bottom: 30px;
	background: url(../images/pantheon/schedule_bg.gif) 0 0 no-repeat;
	position: relative;
}
.pantheon #pantheonSchedule ul#pantheon18th {
	width: 290px;
	height: 510px;
	background: url(../images/pantheon/18th_bg.gif) 0 0 no-repeat;
	position: absolute;
	top: 80px;
	left: 60px;
}
.pantheon #pantheonSchedule ul#pantheon19th {
	width: 290px;
	height: 510px;
	position: absolute;
	background: url(../images/pantheon/19th_bg.gif) 0 0 no-repeat;
	top: 80px;
	left: 380px;
}
.pantheon #pantheonSchedule ul#pantheon18th li {
	width: 290px;
	height: 45px;
	float: left;
}
/* 11.18 */
.pantheon #pantheonSchedule ul#pantheon18th li#list_18th_1 {margin-top:0px;}
.pantheon #pantheonSchedule ul#pantheon18th li#list_18th_2 {margin-top:115px;}
.pantheon #pantheonSchedule ul#pantheon18th li#list_18th_3 {margin-top:35px;}
.pantheon #pantheonSchedule ul#pantheon18th li#list_18th_4 {margin-top:35px;}
/* 11.19 */
.pantheon #pantheonSchedule ul#pantheon19th li#list_19th_1 {margin-top:0px;}
.pantheon #pantheonSchedule ul#pantheon19th li#list_19th_2 {margin-top:45px;height: 90px;}
.pantheon #pantheonSchedule ul#pantheon19th li#list_19th_3 {margin-top:45px;}

/* #pantheonStage */
.pantheon #pantheonStage {margin-bottom: 30px;}
.pantheon #pantheonStage #pantheonStage18th,
.pantheon #pantheonStage #pantheonStage19th {
	width: 700px;
	margin-bottom: 20px;
	overflow: hidden;
	_zoom:1;
}
.pantheon #pantheonStage .pantheonStage_detail {
	width: 339px;
	_width: 350px;
	height: 419px;
	_height: 430px;
	padding: 5px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	float: left;
}
.pantheon #pantheonStage .pantheonStage_detail h1 {
	height: 40px;
	padding:5px 10px 0;
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 1.3em;
	background: #333;
	color: #fff;
}
.pantheon #pantheonStage .pantheonStage_detail p.time {
	padding: 10px;
	background: #ff8b12;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.pantheon #pantheonStage .pantheonStage_detail p.text {
	width: 180px;
	height: 200px;
	display: block;
	font-size: 11px;
	line-height: 1.3em;
	float: left;
}
.pantheon #pantheonStage .pantheonStage_detail img.image {
	width: 150px;
	height: 150px;
	float: right;
}
.pantheon #pantheonStage .pantheonStage_detail p.info {
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	clear: both;
}
.pantheon #pantheonStage .pantheonStage_detail p.info_en {
	padding: 0 0 5px;
	line-height: 1.2em;
	font-size: 10px;
}
.pantheon #pantheonStage .pantheonStage_detail p.actor {
	height: 40px;
	padding-top: 9px;
	border-top: 1px dotted #ccc;
	font-size: 11px;
	line-height: 1.2em;

}
#nqBanner {margin: 20px 0;}


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

college.php
college_aboutWeb.php

----------------------------------------------------------- */
/* college.php */
.college p.pageLead {
	overflow: hidden;
	_zoom:1;
}
.college p.pageLead img {
	float: right;
	margin-left: 15px;
}
.college #classRoom #webReservation {
	margin-bottom: 20px;
}
.college #classRoom .section {
	width: 700px;
	height: 439px;
	margin-bottom: 15px;
	clear: both;
	position: relative;
}
.college #classRoom .section ul {
	width: 618px;
	height: 74px;
	position: absolute;
	top: 68px;
	left: 82px;
}
.college #classRoom .section ul.column_1 {position: absolute;top: 68px;left: 83px;}
.college #classRoom .section ul.column_2 {position: absolute;top: 142px;left: 83px;}
.college #classRoom .section ul.column_3 {position: absolute;top: 216px;left: 83px;}
.college #classRoom .section ul.column_4 {position: absolute;top: 290px;left: 83px;}
.college #classRoom .section ul.column_5 {position: absolute;top: 364px;left: 83px;}
.college #classRoom .section ul li {
	margin: 0;
	padding: 0;
	vertical-align: top;
	line-height: 1;
	list-style: none;
	margin: 5px 4px;
	float: left;
	border: none;
}
.college #classRoom .section ul li.list_3 {margin:5px;}
.college #classRoom .section ul li.list_4 {margin:5px 4px;}
.college #classRoom .section ul li.list_5 {margin-right:0;}
.college #classRoom .section ul li a {
	width: 115px;
	height: 65px;
	display: block;
	text-decoration: none;
	border: none;
}
.college #classRoom #classRoom_18th {background: url(../images/college/18th_bg.jpg) 0 0 no-repeat;}
.college #classRoom #classRoom_19th {background: url(../images/college/19th_bg.jpg) 0 0 no-repeat;}
.college #classRoom #collegeMap {
	margin: 20px 0;
}

/*  college_aboutWeb.php  */
.collegeSection {
	margin: 0 0 15px 0;
	padding: 0;
}
.collegeSection p {padding: 15px 0 10px;}
.collegeSection p#limit {
	font-size: 200%;
	font-weight: bold;
	margin: 0;
}
.collegeSection ul {
	margin: 10px 0;
	padding: 15px;
	font-size: 90%;
	border: 3px solid #eee;
	list-style: outside circle;
}
.collegeSection ul li {
	margin:0 0 10px 10px;
	padding:0 0 9px 5px;
	border-bottom: 1px dotted #ccc;
	list-style: outside circle;
}
.collegeSection ul li.lastChild {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.collegeSection ul.collegeAttention {
	padding-left: 70px;
	background: url(../images/icon_attention.gif) center left no-repeat;
	border: 3px solid #ff0000;
}
.collegeSection ul.numStyle,
.collegeSection ul.numStyle li {list-style: outside decimal;}
.collegeSection ul.numStyle li {
	margin-left: 20px;
	padding-left: 5px;
}
.collegeSection .flowSection ul,
.collegeSection .flowSection li {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none;
}	
.collegeSection .flowSection ul li {
	padding: 0 0 40px 0;
	margin: 10px 0 0 0;
	background: url(../images/icon_arrowUnder.gif) bottom center no-repeat;
}
.collegeSection .flowSection ul li.lastChild {
	padding: 0;
	margin: 0;
	background: none;
}
#collegeContact {margin: 30px 0 40px;}
#collegeContact h3 {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #333;
}
#collegeContact p {
	margin: 0 0 10px 0;
	font-size: 85%;
	line-height: 1.4em;
}
#collegeContact p.collegeContatc_link {
	margin: 10px 0 20px;
	padding: 10px;
	border: 3px solid #eee;
}
.college .college_linkBtn {margin: 15px 0;}


/* add:121023 #barely */
.college span.attention {
	background: #ffecec;
	color: #ff0000;
}
.college #barely {
	padding: 20px;
	margin-bottom: 15px;
	border: 3px solid #ff0000;
	background: #ffecec;
}
.college #barely h3 {margin-bottom: 10px;}
.college #barely ul {
	font-size: 85%;
	line-height: 1.6;
}
.college #barely ul li {
	padding: 10px 0;
	border-bottom: 1px dotted #ff0000;
}
.college #barely ul li.last {
	padding: 10px 0 0;
	border-bottom: none;
}
.college #barely ul span {
	padding: 15px 0;
	word-break: keep-all;
	font-size: 110%;
	color: #ff0000;
	font-weight: bold;
}
.college #barely ul span.mini {
	font-size: 90%;
	color: #111;
}


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

competition.php

----------------------------------------------------------- */
.competition #competitionBtn {
	width: 700px;
	height: 60px;
	margin-bottom: 20px;
}
.competition #competitionBtn li {float: left;}
.competition #competitionBtn li a {
	width: 140px;
	height: 60px;
	display: block;
	text-decoration: none;
}
.competition #competitionBody h1 {margin-top: 15px;}
.competition #competitionBody p {
	font-size: 90%;
	padding: 15px 0;
	line-height: 1.3em;
}
.competition #competitionBody p.date {
	font-size: 75%;
	padding: 10px 0;
	text-align: right;
	line-height: 1em;
}
.competition table.competitionTable {
	width: 700px;
	margin-bottom: 20px;
	font-size: 13px;
	border-collapse: collapse;
	border-spacing: 0;
	background: #f7f7f7;
}
.competition table.competitionTable tr.even {background: #eee;}
.competition table.competitionTable td {
	padding: 15px;
	line-height: 1.3em;
}
.competition #competitionBody table.competitionTable td.item {
	width: 100px;
	font-weight: bold;
}
.competition #competitionBody table.competitionTable td.title {
	color: #ff8b12;
	font-size: 110%;
	font-weight: bold;
}

.competition #competitionBody #wrap {
	overflow: hidden;
	_zoom: 1;
	margin: 10px 0;
}
.competition #competitionBody #wrap img {float: right;}
.competition #competitionBody #wrap p {float: left;}

.competition #competitionBody #cWorld .world img {width: 100px;height:100px;}
.competition #competitionBody #cWorld .world p {width: 550px;}

.competition #competitionBody #cAlljapan .alljapan img {width: 300px;height:77px;}
.competition #competitionBody #cAlljapan .alljapan p {padding-top: 30px;width: 300px;}

.competition #competitionSub h2 {margin-top: 15px;}
.competition #competitionSub p {padding: 15px 0;}
.competition  table#competitionCompany {font-size: 11px;}
.competition  table#competitionCompany th {
	padding: 15px;
	background: #333;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #111;
}

/* 121015 add */
.competition #artTheme {
	margin: 10px 0 15px 0;
	padding: 10px;
}
.competition #artTheme p {
	font-size: 80%;
	padding: 5px;
	line-height: 1.6;
}
.competition #artTheme p#link {background: #eee;}
.competition #artTheme p#info {margin: 10px 0;}
.competition #artTheme h3 {
	font-weight: bold;
	margin: 5px 0;
	padding: 10px;
	border-left: 2px solid #333;
	background: #333;
	color: #fff;
}

/* add:121024 list */
.competition h3.nameList_title {
	margin-bottom: 10px;
	font-size: 90%;
}
.competition .nameList {
	width: 670px;
	margin-bottom: 20px;
	padding: 10px;
	border: 5px solid #eee;
	font-size: 80%;
}
.competition dl.nameList dt {
	width: 120px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	float: left;
	clear: both;
}
.competition dl.nameList dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	line-height: 1.3em;
}
.competition .nameList li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
.competition .nameList {overflow: auto;max-height: 120px;}
.competition .nameList .jspVerticalBar {width: 15px;background:#fff;}
.competition .nameList .jspTrack{background: #ddd;}
.competition .nameList .jspDrag{background: #ff8b12;}


/* add:121118 */
.competition #resultNav {
	width: 700px;
	height: 60px;
	margin: 15px 0;
	background: url(../images/competition/resultNav_bg.gif) no-repeat;
	position: relative;
}
.competition #resultNav a {
	width: 253px;
	height: 50px;
	display: block;
	text-decoration: none;
	line-height: 1;
}
.competition #resultNav a#resultBtn_18th {
	position: absolute;
	top: 5px;
	left: 181px;
}
.competition #resultNav a#resultBtn_19th {
	position: absolute;
	top: 5px;
	left: 441px;
}

/* result */
.competition #category {
	margin: 15px 0 25px;
	font-size: 80%;
}
.competition #category li {margin-bottom:5px;}
.competition .resultBox {margin-bottom: 30px;}
.competition .resultBox h3 {margin: 15px 5px 5px;}
.competition .resultBox h4 {
	margin: 10px 0;
	background: #333;
	padding: 10px;
	color: #fff;
	clear: both;
}
.competition .resultBox table.resultTable1 {
	width: 410px;
	margin-bottom: 15px;
	border-collapse:collapse;
    border-spacing:0;
	empty-cells:show;
	border: 1px solid #efefef;
	text-align: left;
	float: left;
}
.competition .resultBox table.resultTable2 {
	width: 698px;
}
.competition .resultBox table.resultTable2 th{
    color:#fff;
	background: #ff8a22;
	padding: 10px;
	font-size: 70%;
	font-weight: bold;
}
.competition .resultBox table.resultTable1 td,
.competition .resultBox table.resultTable2 td {
	padding: 10px;
	font-size: 80%;
}
.competition .resultBox table.resultTable1 td.first,
.competition .resultBox table.resultTable2 td.first {
	width: 130px;
	background: #FC0;
	text-align: right;
}
.competition .resultBox table.resultTable1 td.second,
.competition .resultBox table.resultTable2 td.seccnd {
	width: 100px;
	text-align: center;
}
.competition .resultBox table.grand td.second  {
	width: auto;
	text-align: left;
}
.competition .resultBox table.resultTable1 tr.even,
.competition .resultBox table.resultTable2 tr.even {background: #eee;}
.competition .resultBox table.resultTable1 tr.even td.first,
.competition .resultBox table.resultTable2 tr.even td.first {background: #ffbb03;}

.competition .resultBox .underRankBox {
	width: 250px;
	/*height: 150px;*/
	padding: 10px;
	border: 1px solid #efefef;
	text-align: left;
	overflow-y: auto;
	float: right;
}
.competition .resultBox .underRankBox p {
	padding: 5px;
	background: #eee;
	font-size: 11px;
}
.competition .resultBox table.underRank {
	border-collapse:collapse;
    border-spacing:0;
	empty-cells:show;
}
.competition .resultBox table.underRank td {
	width: auto;
	padding: 5px;
	font-size: 75%;
}
/* relay */
.competition .resultBox .relay {
	width: 100%!important;
	padding: 0;
	border:0;
}
.competition .resultBox .relay table {
	width: 100%;
	padding: 10px;
	border: 1px solid #eee;
}
.competition .resultBox .relay table td {padding: 5px;}

.competition .resultBox .relay th {background:#ccc;} 

.competition a.backtop {clear: both;}
	


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

tradeshow.php

----------------------------------------------------------- */
.tradeshow #tradeshowMap {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #eee;
}
.tradeshow #tradeshowList {
	margin: 15px 0;
	overflow: hidden;
	_zoom: 1;
}
.tradeshow #tradeshowList ul {
	width: 315px;
	font-size: 12px;
	padding-left: 30px;
	float: left;
	overflow: hidden;
	_zoom: 1;
}
.tradeshow #tradeshowList ul a {color:#111;}
.tradeshow #tradeshowList ul li {
	width: 315px;
	clear: both;
	display: block;
	overflow: hidden;
	_zoom: 1;
}
.tradeshow #tradeshowList ul li span {
	width: 40px;
	padding: 10px;
	font-weight: bold;
	display: block;
	float: left;
}
.tradeshow #tradeshowList ul li p {
	width: 235px;
	padding: 10px;
	float: left;
}
.tradeshow #tradeshowList ul#tradeshow_w {background: url(../images/tradeshow/tradeshowList_bg_w.gif) 0 0 no-repeat;}
.tradeshow #tradeshowList ul#tradeshow_w li {background: #dcefff;}
.tradeshow #tradeshowList ul#tradeshow_w li span {color:#384a9d;}
.tradeshow #tradeshowList ul#tradeshow_w li.even {background: #bbe0ff;}
.tradeshow #tradeshowList ul#tradeshow_w a li.select {background: #384a9d; color:#fff !important;}
.tradeshow #tradeshowList ul#tradeshow_w a li.select span {color:#fff;}
.tradeshow #tradeshowList ul#tradeshow_e {background: url(../images/tradeshow/tradeshowList_bg_e.gif) 0 0 no-repeat; float: right;}
.tradeshow #tradeshowList ul#tradeshow_e li {background: #f6d7f2;}
.tradeshow #tradeshowList ul#tradeshow_e li span {color:#b154a5;}
.tradeshow #tradeshowList ul#tradeshow_e li.even {background: #f1c3eb;}
.tradeshow #tradeshowList ul#tradeshow_e a li.select {background: #c84fb8; color:#fff !important;}
.tradeshow #tradeshowList ul#tradeshow_e a li.select span {color:#fff;}

/* .popin */
.boothE #booth {background: #b154a5;color: #fff;}
.boothE h2, .boothE #item, .boothE #info_en {color: #b154a5;}
.boothW #booth {background: #384a9d;color: #fff;}
.boothW h2, .boothW #item, .boothW #info_en {color: #384a9d;}
#tradeshowDetail #booth {
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
#tradeshowDetail h1 {padding-bottom: 5px;}
#tradeshowDetail h2 {
	font-size: 80%;
	padding: 0;
}
#tradeshowDetail #infoBox .textBox {
	width: auto;
	padding:0;
	float: none;
	font-size: 16px;
}

/*#tradeshowDetail #guide {font-size:80%;}*/
#tradeshowDetail #item {padding: 15px 0;}
#tradeshowDetail #info {
	/*font-size: 75%;*/
	padding: 5px 0 15px;
}
/*#tradeshowDetail #info_en {font-size:70%;}*/



.zoomIcon { 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(../images/icon_zoom.png);
}
.zoom {display:inline-block;position:relative;}
.zoom img {display: block;}
.zoom img:selection { background-color: transparent; }




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

floormap.php

----------------------------------------------------------- */
.floormap #floorMap {margin-bottom: 20px;}	
.floormap #floorNav {
	width: 700px;
	height: 60px;
	margin: 10px 0;
}
.floormap #floorNav li {float:left;}
.floormap .floorList {
	/* margin-bottom: 30px; */
	overflow: hidden;
	_zoom: 1;
}
.floormap .floorList li {
	width: 330px;
	_width: 350px;
	height: 260px;
	padding: 10px;
	display: block;
	float: left;
}
.floormap #guest li {height: 290px;}
.floormap .floorList li h3 {
	padding: 10px 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #ff8b12;
}
.floormap .floorList li h4 {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 10px;
}
.floormap .floorList li p {
	font-size: 11px;
	line-height: 1.4em;
}
.floormap .floorList li.double {
	width: auto;
	height: auto;
	padding: 20px 10px 10px;
	float: none;
	overflow: hidden;
	_zoom: 1;
}
.floormap .floorList li.double img {float: left;}
.floormap .floorList li.double h4,
.floormap .floorList li.double h3,
.floormap .floorList li.double p {padding-left: 350px;}
.floormap .floorList li.double h3 {padding-top: 0px;}
.floormap .floorList li.double h4 {
	padding-top: 5px;
	padding-bottom: 15px;
}
.floormap .floorList li.double img#jnaplaza_img_1 {float:right;}
.floormap .floorList img#jnaplaza_img_2 {padding-left: 10px;}

/* add:121029 */
.floormap #kidsRoom h2 {position:relative;}
.floormap #kidsRoom h2 span {
	width: 120px;
	height: 38px;
	position:absolute;
	top: 4px;
	right: 0px;
}
.floormap #kidsRoom_Box {
	padding: 10px;
	font-size: 75%;
}
.floormap .kidsRoom_icon {
	width: 330px;
	height: 219px;
	float: left;
}
.floormap #kidsRoom_info{
	width: 340px;
	float: right;
}
.kidsRoom_detail {
	margin: 5px 0;
	padding: 5px;
	clear: both;
	border: 1px dotted #ebe5af;
}
.kidsRoom_detail h4 {padding-bottom: 5px;}
.kidsRoom_detail span {text-decoration: underline;}


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

time.php

----------------------------------------------------------- */
.time #timeSchedule {}
.time #timeSchedule img.schedule {
	padding: 5px;
}
.time #timeSchedule #time18th,
.time #timeSchedule #time19th {margin-bottom: 20px;}
.time #timeSchedule #timeBtn {
	margin:10px 0 20px;
	overflow: hidden;
	_zoom: 1;
}
.time #timeSchedule #timeBtn a {
	width:350px;
	height: 80px;
	display: block;
	float: left;
}




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

nailqueen.php

----------------------------------------------------------- */
.nailqueen ul#nailqueenBtn {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	overflow: hidden;
	_zoom: 1;
}
.nailqueen ul#nailqueenBtn li {
	width: 325px;
	height: 80px;
	margin-bottom: 10px;
	float: left;
}
.nailqueen ul#nailqueenBtn li.even {margin-left: 10px;}
.nailqueen #nailqueenBody {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.nailqueen #nailqueenBody .nqBox {
	width: 630px;
	height: 275px;
	_width: 660px;
	_height: 305px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	background: url(../images/nailqueen/nq_bg.gif) 0 0 no-repeat;
	overflow: hidden;
	_zoom: 1;
}
.nailqueen #nailqueenBody .nqBox .nqLeft {
	width: 380px;
	float: left;
}
.nailqueen #nailqueenBody #suport .nqLeft {
	width: 330px;
	float: left;
}
.nailqueen #nailqueenBody .nqBox .nqLeft p {
	padding-top: 10px;
	font-size: 75%;
	font-weight: normal;
	line-height: 1.4;
}
.nailqueen #nailqueenBody #suport .nqLeft p {
	font-size: 78%;
	line-height: 1.3;
}
.nailqueen #nailqueenBody .nqBox .nqRight {float: right;}
.nailqueen #nailqueenBody .backtop {margin: 5px 0 0 15px;}

/* add:121031 */
.nailqueen a.nqComment_btn {
	padding-top:10px;
	cursor: pointer;
}
.nailqueen .nqComment {
	padding:20px 50px;
	background: url(../images/nailqueen/nq_commentBg.gif) 0 0;
	display: none;
	position: relative;
}
.nailqueen .nqComment img.closeBtn {
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.nailqueen .nqComment p {
	font-family: "�q���M�m���� Pro W3", "Hiragino Mincho Pro","�l�r �o����", "MS PMincho", serif;
	font-size: 13px;
	line-height: 1.5;
}


/* 121017add #premium */
#premium {
	padding-bottom:75px;
	background: url(../images/nailqueen/premium_footer.jpg) bottom #ecead4;
}
#premium #premiumBody {
	width: 640px;
	_width: 680px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background: #fffbcf;
}
#premium #premiumBody p {
	margin-bottom: 15px;
	font-size: 90%;
	line-height: 1.6;
}
#premium #premiumBody p#how {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#premium #premiumBody dl {
	margin: 0;
	padding:15px;
	border: 5px solid #443f06;
	overflow: hidden;
	_zoom: 1;
	font-size: 12px;
	line-height: 1.6;
	background: #fff;
}
#premium #premiumBody dl span {color: #ff0000;}
#premium #premiumBody dl dt {
	width: 120px;
	margin-bottom: 10px;
	padding-bottom: 9px;
	font-weight: bold;
	float: left;
	clear: both;
}
#premium #premiumBody dl dd {
	width: 450px;
	margin-bottom: 10px;
	padding: 0 0 9px 140px;
	border-bottom: 1px dotted #443f06;
}
#premium #premiumBody dl dd.last {
	margin-bottom: 0px;
	padding: 0 0 0 140px;
	border-bottom: none;
}



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

freetrial.php

----------------------------------------------------------- */
.freetrial p {
	font-size: 90%;
	padding: 10px;
}
.freetrial #freeTrial_info {
	padding: 15px;
	margin-bottom: 15px;
	background: #fffbc9;
}
.freetrial #freeTrial_info h3 {
	margin-bottom: 10px;
	color: #a7d289;
	font-size: 120%;
	font-weight: bold;
}
.freetrial #freeTrial_info p#lead {
	padding: 10px 0;
	font-weight: bold;
}

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

special

----------------------------------------------------------- */
#sp_cafedeparis {
	margin: 10px 0 20px;
	padding: 9px;
	border: 1px solid #ccc;
}
#sp_cafedeparis p {
	padding: 10px 5px 0;
	font-size: 12px;
	line-height: 1.6;
}



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

museum-cafe.php

----------------------------------------------------------- */
.museum-cafe h2 {margin: 5px 0;}
.museum-cafe #museumNav {
	width: 700px;
	height: 60px;
	margin: 10px 0;
}
.museum-cafe #museumNav li {float:left;}
.museum-cafe .section {
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 10px;
}
.museum-cafe .section img {
	width: 350px;
	float: left;
}
.museum-cafe .section p {
	padding-left: 370px;
	font-size: 80%;
	line-height: 1.5;
}
/* pinkribbon */
.museum-cafe #pinkribbon h2 {
	margin: 20px 0 5px;
	font-size: 90%;
}
/* cafe */
.museum-cafe #cafeMap {
	width: 700px;
	height: 300px;
	margin: 15px 0;
	background: url(../images/museum/cafeMap.gif) no-repeat;
	position: relative;
}
.museum-cafe h3 {
	padding: 10px;
	margin-bottom: 10px;
	border-left: 1px solid #ccc;
}
.museum-cafe p#cafeLead {margin-bottom: 15px;}
.museum-cafe #cafeMap li#cafeBtn1 {position: absolute;top: 15px;left: 443px;}
.museum-cafe #cafeMap li#cafeBtn2 {position: absolute;top: 83px;left: 443px;}
.museum-cafe #cafeMap li#cafeBtn3 {position: absolute;top: 151px;left: 443px;}
.museum-cafe #cafeMap li#cafeBtn4 {position: absolute;top: 219px;left: 443px;}
.museum-cafe #cafeInfo {
	overflow: hidden;
	_zoom: 1;
}
.museum-cafe #cafeInfo .cafeBox {
	width: 345px;
	margin-bottom: 5px;
	float: left;
}
.museum-cafe #cafeInfo .cafeBox h4 {
	padding: 10px 5px 5px;
	color: #f26600;
	font-size: 90%;
	font-weight: bold;
}
.museum-cafe #cafeInfo .cafeBox p {
	padding: 5px;
	height: 110px;
}
.museum-cafe #cafeInfo #cafe2,
.museum-cafe #cafeInfo #cafe4 {float: right;}

.museum-cafe #openCafe {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #eee;
	overflow: hidden;
	_zoom: 1;
}
.museum-cafe #openCafe h3 {
	padding: 10px;
	margin-bottom: 10px;
	border-left: 1px solid #ccc;
}
.museum-cafe #openCafe .cafeBox {height: auto;}
.museum-cafe #openCafe #openCafeInfo {
	width: 300px;
	padding: 5px;
	background: #eee;
	float: right;
}
.museum-cafe #openCafe #openCafeInfo p {
	font-size: 80%;
	padding: 10px 0;
}


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

report.php

----------------------------------------------------------- */
.report .eventReport_box {
	margin-bottom: 20px;
}
.report .eventReport_box img {
	padding: 0;
	margin: 0;
	line-height: 1;
	vertical-align: top;
}
.report .eventReport_box ul {
	overflow: hidden;
	_zoom: 1;
}
.report .eventReport_box ul li {
	width: 350px;
	height: 200px;
	float: left;
}
.report .eventReport_box a.reportBtn {
	width: 500px;
	height: 40px;
	_height: 60px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #fff;
	display: block;
	background: url(../images/report/reportBtn_bg.jpg);
	cursor: pointer;
}

/* add 121121 */
#eventReport #leadBox {
	overflow: hidden;
	_zoo,: 1;
}
#eventReport #leadBox #leadText {
	width: 350px;
	float: left;
}
#eventReport #leadBox #leadImg {
	float: right;
}
#eventReport ul.thumbs {
	margin: 10px 0;
	overflow: hidden;
	_zoom: 1;
}
#eventReport ul.thumbs li {
	float: left;
	overflow: hidden;
	border: 2px solid #fff;
}
#eventReport ul.thumbs li a {}
#eventReport ul.thumbs li a img {margin:-2px;}
#eventReport .reportBox {margin: 20px 0;}
#eventReport .reportBox h2 {margin-bottom: 10px;}
#eventReport .reportBox .reportBoxLead {
	margin-bottom: 10px;
	overflow: hidden;
	_zoom: 1;
}
#eventReport .reportBox .reportBoxLead img {float: left;}
#eventReport .reportBox .reportBoxLead p {
	width: 330px;
	font-size: 12px;
	line-height: 1.5;
	float: right;
}
#eventReport #kidsroom p {
	width: 100%;
	float: none;
}
#eventReport #nqList {
	width: 310px;
	padding: 10px;
	background: #fff6c5;
	float: right;
}