@charset "UTF-8";



/* ===================================

	File Name   : common.css

	Description : Base Layout CSS

	

	Editors     : NS Sakurai

	Create Date : 2012/02/09



	Update Description :

		2012/02/14 Append - Common page styles [Sakurai]

		2012/02/09 Append - Basic styles [Sakurai]

		2012/02/09 File Create & Base Style Create

====================================== */



/*========== Style Contents ==========



	1. Global Redefinition

	2. Font Size Redefinition

	3. Box Setting

	4. Common Items Setting

		- Basic Link

	 	- Title Setting

	 	- Header Items

		- Header Navigation

		- Global Navigation

	 	- Footer Items

		- Footer Navigation

		- Foot Mark

		- Page Top Button

		- Alpha Mode Setting

		- Hidden Character Setting

		- Title Setting



====================================== */











/*===== ■1. Global Redefinition =====*/

body {

	line-height: 1.7;

    margin: 0px auto;

}



* html body {/* IE 6 Adjustment [Center Layout] */

	padding-left: 1px;

}



*:first-child+html body {/* IE 7 Adjustment [Center Layout] */

	padding-left: 1px;

}











/*===== ■2. Font Size Redefinition =====*/

body {
    font: 13px/1.231 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","verdana",sans-serif; /* Modern Browser */
    *font-size: small; /* IE 7 */
    *font: x-small; /* IE 6  */
	background:#262626;
}



/* Font Size

77%     10pix

85%     11pix

93%     12pix

100%    13pix

108%    14pix

116%    15pix

123.1%  16pix

131%    17pix

138.5%  18pix

146.5%  19pix

153.9%  20pix

161.6%  21pix

167%    22pix

174%    23pix

182%    24pix

189%    25pix

197%    26pix

*/





/* For 93%

74.5%    9pix

82.8%   10pix

91%     11pix

100%    12pix

107.5%  13pix

116%    14pix

124%    15pix

132.5%  16pix

*/











/*===== ■3. Box Setting =====*/

#Entirety {
	width: 100%;
	color: #d7d7d7;
	background:#262626;
}



#Header,#Header2 {
	position: relative;
	margin: 0px auto;
	padding:20px 0 1px;
	width: 900px;
	z-index: 9999;
}

#Header2 {
	padding-bottom:20px;
}

#Headerwrap {
	background:#0f53a6;
	width: 100%;
}

#Header2wrap {
	background:#f8f8f8;
	width: 100%;
}


#Contents {

	position: relative;

	z-index: 999;

	margin: 0px auto;

	padding: 0px 0px 0px;

	width: 900px;

}

#Footer {
	position: relative;
	background: #0e53a5;
	padding: 18px 0px;
	margin-top:20px;
	width: 100%;
}

.Section {

	width: 879px;

	margin: 0px auto;

}



.Section p {

	line-height: 1.7;

}













/*===== ■4. Common Items Setting =====*/

/* Background Image */

#BGSky {

	position: absolute;

	width: 100%;

	top: 0px;

	left: 0px;

	z-index: 1;

}



#BGSky img {

	width: 100%;

}



/* Basic Link */

a {
	outline: hidden;
	text-decoration: none;
}

a:link {
	color: #65BCE2;
	text-decoration: none;
}

a:visited {
	color: #65BCE2;
}

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



/* Header Items */

#Header strong {
	display: block;
	width: 556px;
	height: 25px;
	margin-bottom:20px;
}

#Header2 p{
	margin-left: 0px;
	float: left;
	margin-bottom: 10px;
	}

#Header2 p em {
	display: block;
	float: left;
	background: url(../img/img_schedule01.gif) no-repeat;
	width: 338px;
	height: 40px;
	text-indent: -9999px;
	margin-right: 1px;
}

#Header2 p em#Schedule02 {
	background-image: url(../img/img_schedule02.gif);
	width: 339px;
	float: left;
}

#Header2 p span {
	display: block;
	float: left;
	width: 131px;
	height: 40px;
	text-indent: -9999px;
	background-image: url(../img/img_place.gif);
	background-repeat: no-repeat;
}

#Header ul#BtnLanguage {
	float:right;
}

#Header ul#BtnLanguage li a {
	display: block;
	background: url(../img/btn_lang.gif) no-repeat;
	background-position:0px -24px;
	width: 143px;
	height: 24px;
}

#Header ul#BtnLanguage li a:hover {
	background-position:0px -48px;
}


.h_btnbox{
	width:236px;
	position:absolute; top:18px; right:0;
}







/* Foot Mark */

p#FootMark {
	width: 880px;
	margin:20px auto 0px;

	z-index: 999;
}

p#FootMark a {
	background: url(../img/arrow_footmark.gif) no-repeat right 5px;
	padding: 3px 18px 3px 0px;
	color:#65bce2;
}

p#FootMark a:hover {
	text-decoration: underline;
}

p#FootMark span {
	padding: 0px 0px 0px 5px;
	color: #d7d7d7;
}





/* Global Navigation */

#GlobalNavi {

	clear: both;

	padding: 0px 0px 0px 0px;

}



#GlobalNavi li {
	position: relative;
	float: left;
}



#GlobalNavi li.last-child {

}



#GlobalNavi li a {

	display: block;

	background: url(../img/img_btn.jpg) no-repeat 0px -51px;

	width: 170px;

	height: 50px;

	color: #FFF;

}



#GlobalNavi li#BtnPress a {background-position: 0px -101px;}

#GlobalNavi li#Btn2011 a {background-position: 0px -151px;}

#GlobalNavi li#BtnContact a {background-position: 0px -201px;}



#GlobalNavi li#BtnExhibit a:hover {background-position: -300px -51px;}

#GlobalNavi li#BtnPress a:hover {background-position: -300px -101px;}

#GlobalNavi li#Btn2011 a:hover {background-position: -300px -151px;}

#GlobalNavi li#BtnContact a:hover {background-position: -300px -201px;}



/* DropDown */

#GlobalNavi li ul {
	position: absolute;
	display: none;
	z-index: 1000;
	top: 50px;
	padding: 5px 0px 10px;
	left: 0px;
	width: 169px;
	background:#f8f8f8;
}

#GlobalNavi li#BtnPress ul {background: url(../img/bg_dropdown-press.png) no-repeat;}

#GlobalNavi li#Btn2011 ul {background: url(../img/bg_dropdown-2011.png) no-repeat;}

#GlobalNavi li#BtnContact ul {background: url(../img/bg_dropdown-contact.png) no-repeat;}

#GlobalNavi li ul li {
	float: none;
	margin: 0px 10px;
	padding: 10px 2px;
	line-height: 1.1;
	border-bottom:solid 1px #dedede;
}

#GlobalNavi li ul li:hover {
	background: #e8e8e8;
}

#GlobalNavi li ul li a {
	background: none;
	padding: 0px 2px;
	width: 150px;
	height: auto;
	color:#0b54a3;
}

#GlobalNavi a:hover {
	text-decoration:none;
}

#GlobalNavi li:hover ul ul, #GlobalNavi li:hover ul ul ul, #GlobalNavi li:hover ul ul ul ul{

	display:none;

}

#GlobalNavi li:hover ul, #GlobalNavi li li:hover ul, #GlobalNavi li li li:hover ul, #GlobalNavi li li li li:hover ul{

display:block;

}









/* Social Navigation */

#SocialNavi li {
	float: left;
}

#SocialNavi li a {
	display: block;
	margin-right:5px;
	width: 24px;
	height: 24px;
}

#SocialNavi li #BtnFacebook {
	background: url(../img/btn_facebook.gif) no-repeat;
}

#SocialNavi li a#BtnTwitter {
	background: url(../img/btn_twiteer.gif) no-repeat;
}

#SocialNavi li a#BtnLinkedIn {
	background: url(../img/btn_in.gif) no-repeat;
}

#SocialNavi li #BtnFacebook:hover,#SocialNavi li a#BtnTwitter:hover,#SocialNavi li a#BtnLinkedIn:hover {
	background-position: 0px -24px;
}



/* Footer Items */



.Foot_wrap{
	width:900px;height:40px;
	margin:30px auto 30px;
	position:relative;
}

address {
	position: absolute;
	top: 25px;
	left: 167px;
	width: 500px;
	text-align: left;
	line-height: 1;
	letter-spacing: 0.05em;
	font-size: 77%;
	color: #FFF;
}

#Footer strong {
	display: block;
	position: absolute;
	top:5px;
	left: 167px;	
	width: 215px;
	height: 14px;
	text-align: center;
}

#Footer ul {
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	padding: 0px 0px 0px 250px;
	width: 225px;
}

#Footer ul li {
	float: left;
	padding: 0px 0px 0px 15px;
}

#Footer .f_b1{
	position:absolute; top:5px;
	left:539px;
}

#Footer .f_b2{
	position:absolute;
	top:5px;
	left:617px;
}

#Footer .f_bnrbox{
	width:900px;
	text-align:center;
	margin:0 auto;
	position:relative;
	left:5px;
}

#Footer .f_bnrbox img {
	display:inline;
}

#Footer .f_bnrbox a{

	margin-right:10px;
}

#Footer .f_bnrbox a:hover{
	opacity:0.7;
}

#Footer .f_bnrbox_2{padding-left:41px; position:absolute; left:100px; top:80px}

#Footer .f_bnrbox_2 a{float:left; margin-right:10px;}

/* Page Top Button */

ul.BtnPageTop {
	clear: both;
	width: 890px;
	margin: 20px auto 0;
}

ul.BtnPageTop li {
	float: right;
	padding: 0px 14px;
}


/* Hidden Character Setting */

a span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}





/* Title Setting */

h1 {
	background:#0f53a6;
	margin: 20px auto 30px;
	padding:0px 15px;
	width: 870px;
	height: 46px;
	line-height:46px;
	font-size: 140.1%;
	font-weight: bold;
	color: #ffffff;

}



h3 {

	margin: 0px 0px 20px 50px;

	line-height: 1.5;

	color: #246400;

	font-weight: bold;

	font-size: 123.1%;

}



/* Download button */

/*#BtnDownload li a {

	display: block;

	background: url(../img/img_btn.jpg) 0px -427px;

	width: 426px;

	height: 141px;

}



#BtnDownload li a:hover {background-position: -500px -427px;}*/


#BtnDownload {
	position:absolute; top:16px;
	right:0px;
}

#BtnDownload li a {
	background-image: url(../img/img_btn.jpg);
	background-position: 0px 549px;
	height: 102px;
	width: 209px;
	display: block;
}



#BtnDownload li a:hover {

	background-position: -300px 549px;

}



#BtnDownload_bottom {

	width: 480px;

	margin: 30px auto;

}



#BtnDownload_bottom li a {

	background-image: url(../img/img_btn.jpg);

	height: 130px;

	width: 440px;

	display: block;

	background-position: 0px -360px;

}



#BtnDownload_bottom li a:hover {

	background-position: 0px -505px;

}



/* Clear Release Common Item  */

#GlobalNavi,

#Contents,

.Section,

#Footer ul,

#SideBox dl dd,

ul.BtnPageTop {

	/zoom: 1;

/*	margin-right: 60px; */

}



#GlobalNavi:after,

#Contents:after,

.Section:after,

#Footer ul:after,

#SideBox dl dd:after,

ul.BtnPageTop:after {

	content: '';

	display: block;

	clear: both;

}





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

	Clearfix

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

.clearfix:after {

 content:".";

 display:block;

 visibility: hidden;

 height: 0.1px;

 font-size: 0.1em;

 line-height: 0;

 clear: both;

}



.clearfix {

	zoom: 1;

}

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

	Sense of Wonder Night

  ---------------------------------------------*/
  #sense #Outline p {
	padding: 0;
}

/* Local Navi */
#sense #l-navi {
	width: 900px;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-left: auto;
	overflow: auto;
}

#sense #l-navi li {
	background-color: #fff;
	border: 1px solid #257dc4;
	color: #000;
	text-align: center;
	table-layout: fixed;
	display: table-cell;
	height: 60px;
	vertical-align: middle;
}

#sense #l-navi li.sown {
	background-color: #ccc;
	color: #666;
}

#sense #l-navi li.sown:hover {
	background-color: #ccc;
}

#sense #l-navi li a {
	display: block;
	color: #000;
	padding: 0.75em 0;
	font-weight: bold;
	text-decoration: none;
}
#sense #l-navi li:hover,
#sense #l-navi li.current {
	background-color: #e6f0f7;
}

#sense #l-navi.col4 li {
	width: 223px;
}

#sense #l-navi.col5 li {
	width: 178px;
}

#sense #l-navi.col6 li {
	width: 148px;
}

#sense #l-navi.col7 li {
	width: 127px;
}
#sense .titleSense {
	color: #fff;
	width: 900px;
	margin: 24px auto 0;
	padding: 16px 0 0;
	text-indent: 16px;
}
#sense #shaji h2 {
	clear: both;
	margin: 1.5em 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	padding: 5px 10px;
	border: 1px solid #0f53a6;
	background: #ffffff;
	color: #0f53a6;
}
#sense #Outline.purpose li {
	background: url(../../exhibit/img/sense/sown_icon.png) no-repeat left top;
	margin-bottom: 1.5em;
	padding-left: 1.5em;
	font-size: 115%;
	font-weight: bold;
	height: 20px;
}
#sense #Outline .photo img {
	width: 879px;
}
#sense div.section dl dt{
	float: left;
	width: 100px;
} 
#sense div.section dl dd{
	float: left;
	width: 300px;
} 
#Outline .btnOrange {
	background-color: #eb7400;
	color: #fff;
	width: 50%;
	margin: 1.5em auto !important;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
}

#Outline .btnOrange a {
	display: block;
	color: #fff;
	padding: 0.5em 1em !important;
	text-decoration: none;
}

#Outline .btnOrange:hover {
	background-color: #eba45e;
}
#Outline .col1 {
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#Outline .txt-s{
	font-size: 90%;
	border-bottom: 0;
}
#Outline .col1 p {
	margin: 0;
}
#Outline .cols {
	margin-top: 1.5em;
}
div.sec1_pre{
	margin-top:30px;
	padding: 0 5em;
}
div.sec1_pre p.p1{
	font-size: 115%;
	font-weight:bold;"
}
ul.link{
    font-size: 145%;
}


div.sown_Section li {
	font-size: 120%;
}

div.sown_Section {

	width: 879px;

	margin: 0px auto;

	padding-left: 25px;

}

div.sown_img {
	
	width: 200px;
	
	height: 132px;
	
	float: left;

	padding: 10px 15px 10px 0;
	
}