﻿@charset "utf-8";

body {
	font-size:0.9em;
	font-family: "Arial", "Helvetica", "sans-serif";
	background-image: url(../common/bg.jpg);
	background-repeat: repeat-x;
	padding:0;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	line-height:1.3;
}

/*IE6*/
*html body {
	font-size:98%;
}

/*IE7*/
*:first-child+html body {
	font-size:98%;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
	font-family:"Arial", "Helvetica", "sans-serif";
	margin:0;
	padding:0;
}

h1,h2,h3 {
	font-size:1.2em;
}

ul {
	list-style:none;
}

img {
	border:none;
}

address {
	font-style:normal;
}

/*
共通
*/
/*
ページ全体 影設定
*/
#Container {
	width:780px;
	margin:0 auto 0 auto;
	background-image:url(../common/shadow.gif);
	background-repeat:repeat-y;
}

/*Firefoxにて背景表示する為の処理*/
#Container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#Header,#MainImg,#Contents,#Footer {
	width:758px;
	margin:0 auto 0 auto;
}

#Contents:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*ヘッダー*/

#Header {
	width:758px;
	height:65px;
	background-image:url(../common/header_bg.gif);
	background-repeat:repeat-x;
}
/*ヘッダー左 ロゴ*/
#HeaderLeft {
	float:left;
	width:420px;
}

#HeaderLeft h1,#HeaderLeft p {
	width:420px;
	height:58px;
	/*background:url(../english/common/logo.gif) left top no-repeat;*/
}

#HeaderLeft h1 a,#HeaderLeft p a {
	display:block;
	width:420px;
	height:58px;
	/*text-indent:-9999px;
	outline:none;*/
}
/*ヘッダー右 言語ボタン*/
#HeaderRight {
	float:left;
	width:338px;
}

#HeaderRight ul {
	list-style:none;
	margin-left:20px;
}

#HeaderRight ul li {
	float:left;
}

#HeaderRight ul li img {
	margin-top:22px;
	margin-right:0;
}

#HeaderRight ul li img.first {
	margin-left:65px;
}

/*メインイメージ Flash部分*/
#MainImg {
	clear:both;
	border-bottom:1px solid #5C0056;
}


/*メニュー*/
#MainNavi {
	width:138px;
	float:left;
	margin:0;
	padding:0;
}

#MainNavi ul {
	list-style:none;
	margin:0 0 0 8px;
	padding:0;
	width:130px;
	background:url(../english/common/menu.jpg) top left repeat-y;
}

#MainNavi ul li {
	list-style:none;
	vertical-align:top;
	margin:0;
	padding:0;
}

#MainNavi ul li a,
#MainNavi ul li a:link,
#MainNavi ul li a:visited {
	display:block;
	color:#fff;
	font-size:0.9em;
	text-decoration:none;
	padding:5px 5px 5px 10px;
	background:url(../english/common/m_line.gif) center bottom no-repeat;
}

#MainNavi ul li a.last {
	background:none;
}

#MainNavi ul li a:focus,
#MainNavi ul li a:hover,
#MainNavi ul li a:active {
	color:#fff;
	text-decoration:underline;
}

#MainNavi p {
	margin:0 0 0 8px;
	padding:0;
}


/*真ん中ブロック*/
#CenterBlock {
	float:left;
	width:400px;
	margin-top:10px;
}

#CenterBlock h2 img {
	margin:0 0 8px 13px;
}

#CenterBlock p.labTxt {
	width:90%;
	padding:0 20px 0 20px;
}

#CenterBlock p.labB {
	width:90%;
	padding:0 0 0 20px;
}

#CenterBlock p.labB img {
	margin:5px 0 20px 0;
}


/*フッター*/
#Footer {
	clear:both;
	background-image:url(../common/footer_bg.gif);
	background-repeat:repeat-x;
	background-color:#F0EFE3;
	padding-top:12px;
	text-align:center;
}
/*Firefoxにて背景表示する為の処理*/
#Footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#Footer ul {
	margin:0 auto 15px auto;
}

#Footer ul li {
	/*float:left;*/
	display:inline;
	font-size:85%;
}

#Footer p img {
	margin-bottom:10px;
}



#section {
	float:left;
	width:591px;
	margin:15px 0 0 20px;
}

#section:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#section h2 {
	background:url(../common/bg_subttl_purple.gif) top left no-repeat;
	border-bottom:1px dotted #CACACA;
	margin:0 0 10px;
	padding:3px 5px 3px 8px;
}

#section h3 {
	border-bottom:1px dotted #CACACA;
	margin:0 0 10px;
	padding:3px 5px 3px 3px;
}



#section h2.research {
	border-left:4px solid #5C0056;
	margin:40px 0 10px;
	padding:2px 3px 2px 6px;
}


#section p {
	line-height:1.3;
	padding-bottom:15px;
}

#section p.fig {
	padding-right:150px;
	padding-bottom:70px;
	background:url(../rule/img/fig.gif) top right no-repeat;
}


#section div.about_ph_r {
	background:url(../about/img/bg_about_ph01.jpg) top right no-repeat;
	min-height:195px;
}

#section div.history_ph_r {
	background:url(../history/img/bg_history_ph01.jpg) top right no-repeat;
	min-height:195px;
}

#section div.data_ph_r {
	background:url(../data/img/bg_data_ph01.jpg) top right no-repeat;
	min-height:195px;
}

#section div.facility_ph_r {

}

#section div.research_ph_r {
	background:url(../research/img/bg_research_ph01.jpg) top right no-repeat;
	min-height:195px;
}

#section div.access_ph_r {
	background:url(../access/img/bg_access_ph01.jpg) top right no-repeat;
	min-height:195px;
}

/*IE6*/
*html #section div.about_ph_r {
	/*padding-bottom:80px;*/
	height:13em;
}

*html #section div.history_ph_r {
	height:13em;
}

*html #section div.data_ph_r {
	height:13em;
}

*html #section div.facility_ph_r {
	height:13em;
}

*html #section div.research_ph_r {
	height:13em;
}

*html #section div.access_ph_r {
	height:13em;
}



#section p.ph_r {
	padding:0 245px 15px 0;
}

#section p.ph_r:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#section div.about_ph_l {
	background:url(../about/img/bg_about_ph02.jpg) top left no-repeat;
	min-height:175px;
	padding-right:10px;
}
/*IE6*/
*html #section div.about_ph_l {
	height:13em;
}

#section div.history_ph_l {
	background:url(../history/img/bg_history_ph02.jpg) top left no-repeat;
	min-height:175px;
	padding-right:10px;
}
/*IE6*/
*html #section div.history_ph_l {
	height:13em;
}

#section div.data_ph_l {
	background:url(../data/img/bg_data_ph02.jpg) top left no-repeat;
	min-height:200px;
	padding-right:10px;
}

#section div.research_ph_l {
	background:url(../research/img/bg_research_ph02.jpg) top left no-repeat;
	min-height:200px;
	padding-right:10px;
}
/*IE6*/
*html #section div.research_ph_l {
	height:13em;
}

#section p.ph_l {
	padding:0 0 15px 170px;
}

#section p.ph_l:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#section p.ph_l_data {
	margin-top:10px;
	min-height:200px;
	padding:0 0 15px 330px;
}
/*IE6*/
*html #section p.ph_l_data {
	height:13em;
}


#section p.ph_l_data:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#section table {
	width:100%;
	border:1px solid #5C0056;
	border-collapse:collapse;
}

* html #section table {
	border-collapse:collapse;
}

#section table caption {
	display:none;
}

#section table.timetable {
	width:100%;
	margin:5px 0 5px;
}

#section table th,#section table td {
	font-size:0.9em;
	padding:3px;
}

#section table th {
	width:20%;
	text-align:left;
	color:#5C0056;
	background-color:#F9DAF7;
	border-bottom:1px solid #5C0056;
	border-right:1px solid #5C0056;
}

#section table th.head {
	width:30%;
	border-right:1px solid #5C0056;
}

#section table th.head_top {
	background-color:#F9C9F6;
}

#section table th.research {
	width:80%;
}

#section .line_btm {
	border-bottom:1px solid #5C0056;
}

#section table td {
	background-color:#F6F6F6;
	border-bottom:1px solid #5C0056;
	border-right:1px solid #5C0056;
}

#section ul li {
	background:url(../common/bg_li_icon.gif) top left no-repeat;
	padding:0 0 3px 18px;
}

#section ol {
	margin-left:20px;
}
/*IE6*/
*html #section ol {
	margin-left:30px;
}
/*IE7*/
*:first-child+html #section ol {
	margin-left:30px;
}

#section div.new dl {
	vertical-align:top;
	margin-bottom:0;
	padding:0;
}

#section div.new dt {
	width:97%;
	font-weight:bold;
	margin:0;
	padding:3px 5px 3px 5px;
	border-top:1px dashed #5f5f5f;
	border-bottom:1px dashed #5f5f5f;
}

#section div.new img.ico {
	margin:3px 5px 0 0;
}

#section div.new dd {
	width:95%;
	margin:0 0 10px;
	padding:5px 0 10px 20px;
	background-image:url(../common/new_li_img.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#section div.rule dl {
	width:100%;
}

#section div.rule dl dt {
	float:left;
	clear:both;
	width:23%;
	margin:0 0 15px;
}

#section div.rule dl dt span {
	font-weight:bold;
	padding-right:5px;
}

#section div.rule dl dd {
	float:left;
	width:77%;
	margin:0 0 15px;
}

#section div.rule dl dt.wide {
	width:100%;
}

div#pagetop {
	width:100%;
	text-align:right;
}

div#pagetop p img {
	margin-top:30px;
	margin-right:20px;
}

p.infoComment {
	font-size:1.3em;
	width:100%;
	height:200px;
	padding-top:100px;
	text-align:center;
}

p.linkIco {
	background:url(../common/link_li.gif) top left no-repeat;
	padding:0 0 3px 20px;
}

div.eng_topLink {
	margin:0 10px 20px 0;
	text-align:right;
}

div.eng_topLink p.linkIco {
	display:inline;
	background:url(../common/link_li.gif) top left no-repeat;
	padding:0 0 3px 20px;
}


/*Korean,chinese*/
#otherLang {
	width:720px;
	margin:15px 0 0 20px;
}

#otherLang:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}


#otherLang h2 {
	background:url(../common/bg_subttl_purple.gif) top left no-repeat;
	border-bottom:1px dotted #CACACA;
	margin:0 0 10px;
	padding:3px 5px 3px 8px;
}

#otherLang h3 {
	border-bottom:1px dotted #CACACA;
	margin:0 0 10px;
	padding:3px 5px 3px 3px;
}

/*共通サブタイトル*/
.subttl_purple {
	background:url(../common/bg_subttl_purple.gif) top left no-repeat;
	border-bottom:1px dotted #CACACA;
	margin:0 0 5px;
	padding:3px 5px 3px 8px;
}

.txtRed { color:#FF0000; }

.f_left { float:left;}

#Container .mgb0{margin-bottom:0 !important;}
#Container .mgb5{margin-bottom:5px;}
#Container .mgb10{margin-bottom:10px;}
#Container .mgb15{margin-bottom:15px;}
#Container .mgb20{margin-bottom:20px;}
#Container .mgb30{margin-bottom:30px;}

#Container .mgt0{margin-top:0 !important;}
#Container .mgt5{margin-top:5px;}
#Container .mgt10{margin-top:10px;}
#Container .mgt15{margin-top:15px;}
#Container .mgt20{margin-top:20px;}
#Container .mgt30{margin-top:30px;}

#Container .mgl0{margin-left:0 !important;}
#Container .mgl5{margin-left:5px;}
#Container .mgl10{margin-left:10px;}
#Container .mgl15{margin-left:15px;}
#Container .mgl20{margin-left:20px;}
#Container .mgl30{margin-left:30px;}

#Container .mgr0{margin-right:0 !important;}
#Container .mgr5{margin-right:5px;}
#Container .mgr10{margin-right:10px;}
#Container .mgr15{margin-right:15px;}
#Container .mgr20{margin-right:20px;}
#Container .mgr30{margin-right:30px;}

#Container .mgn0{margin:0;}

#Container .pdt0{padding-top:0;}
#Container .pdt5{padding-top:5px;}
#Container .pdt10{padding-top:10px;}
#Container .pdt15{padding-top:15px;}
#Container .pdt20{padding-top:20px;}
#Container .pdt30{padding-top:30px;}

#Container .pdb0{padding-bottom:0 !important;}
#Container .pdb5{padding-bottom:5px;}
#Container .pdb10{padding-bottom:10px;}
#Container .pdb15{padding-bottom:15px;}
#Container .pdb20{padding-bottom:20px;}
#Container .pdb30{padding-bottom:30px;}

#Container .pdl0{padding-left:0;}
#Container .pdl5{padding-left:5px;}
#Container .pdl10{padding-left:10px;}
#Container .pdl15{padding-left:15px;}
#Container .pdl20{padding-left:20px;}
#Container .pdl30{padding-left:30px;}

#Container .pdr0{padding-right:0;}
#Container .pdr5{padding-right:5px;}
#Container .pdr10{padding-right:10px;}
#Container .pdr15{padding-right:15px;}
#Container .pdr20{padding-right:20px;}
#Container .pdr30{padding-right:30px;}

#Container .pad0{padding:0;}

/* clearfix
---------------------------------------
*/

.f_clear {clear:both;}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
