@charset "utf-8";
/* =====================================================================
LANDSCAPE LAYOUT
===================================================================== */
html {-webkit-text-size-adjust: 100%}
/*--------TOP VISUAL---------*/
header#header{
	position:relative;
	width:100%;
}
h1#sma-top{
	width:100%;
	height:auto;
	margin:0 auto;
	border-top:2px solid #000000;
}
h1#sma-top img{
	display:block;
}

/*--------TOP BTN---------*/
#top-btn{
	background:url(../../images/common/header/bg_search_v.png) left bottom no-repeat;
	margin: 0 auto;
	position: absolute;
	top:0;
	left:50%;
	margin-left: -160px;
	width: 320px;
	height: 40px;
}

/*--------FONT SIZE---------*/
p#font-ttl{
	margin-left:24px;
	margin-bottom: 0;
	float:none;
	width:48px;
	height:14px;
}
p#font-ttl img{
	width:48px;
	height:14px;
}


ul#fontSize{
	margin-left:24px;
	margin-top:2px;
	float:left;
}
ul#fontSize li{
	margin:0;
	float:left;
}
ul#fontSize li#regular img{
	height:18px;
}
ul#fontSize li#large img{
	height:18px;
}

/*--------LANGUAGE---------*/
ul#lang{
	margin-left:0;
	margin-top:2px;
	float:left;
}
ul#lang li{
	margin:0;
	float:left;
}
ul#lang li#jpn img{
	height:18px;
}
ul#lang li#eng img{
 	height:18px;
}

/*--------SEARCH---------*/
#google-search-box{
	width:134px;
	float:left;
}

#google-search-box #search-form-jp,
#google-search-box #search-form-en {
	position: relative;
}

#google-search-box #search-form-jp input#search,
#google-search-box #search-form-en input#search {
	position: absolute;
	top: 0;
	right: 0;
	width: 98.5%;
	height: 22px;
	font-size: 85%;
	color: #fff;
	background: -moz-linear-gradient(top, #1a2c39, #000); /* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#1a2c39), to(#000)); /* Safari,Google Chrome用 */
	border-radius: 2px;         /* CSS3草案 */
	-webkit-border-radius: 2px; /* Safari,Google Chrome用 */
	-moz-border-radius: 2px;    /* Firefox用 */
	border: solid 1px #666;
	cursor: pointer;
}



/*--------GUIDE---------*/
section.guide div.full{
	/*background:url(../../images/common/title/arrow04.png) right center no-repeat;*/
	width:100%;
	float:none;
	border-left:none;
	border-right:none;
	clear:both;
}

section.guide div section{
	background-size:30px 34px;
	-webkit-background-size:30px 34px;
	-moz-background-size:30px 34px;
	width:100%;
	height:100%;
}

section.guide div a h1{
	width:40%;
	color:#1c4767;
	font-size:95%;
	font-weight:bold;
	text-decoration:underline;
}

section.guide div p{
	width:85%;
	font-weight:normal;
	color:#666666;
}
section.guide div a p{
	color:#666666;
	text-decoration:underline;
}
	section.guide div.full a P { color: #990000; }


section.guide div img{
	margin-right:0.5em;
	width:135px;
	height:75px;
	float:left;
	-webkit-box-shadow: 2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	-moz-box-shadow:    2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	box-shadow:         2px 1px 3px 0px rgba(193, 193, 193, 0.75);
}
section.guide div.full img{
	margin-right:0.5em;
	width:305px;
	height:75px;
	float:left;
	-webkit-box-shadow: 2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	-moz-box-shadow:    2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	box-shadow:         2px 1px 3px 0px rgba(193, 193, 193, 0.75);
}
section.guide div section.small img{
	margin-right:0.5em;
	width:75px;
	height:75px;
	float:left;
	-webkit-box-shadow: 2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	-moz-box-shadow:    2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	box-shadow:         2px 1px 3px 0px rgba(193, 193, 193, 0.75);
}
section.guide div section.small img.large{
	margin-right:0.5em;
	width:135px;
	height:75px;
	float:left;
	-webkit-box-shadow: 2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	-moz-box-shadow:    2px 1px 3px 0px rgba(193, 193, 193, 0.75);
	box-shadow:         2px 1px 3px 0px rgba(193, 193, 193, 0.75);
}

section.guide div p.ttl{
	width:auto;
	height:75px;
	margin-left:0.8em;
	line-height:75px;
	color:#1c4767;
	font-size:95%;
	font-weight:bold;
}
section.guide div a p.ttl{
	color:#1c4767;
	text-decoration:underline;
	font-weight:bold;
}


/* =====================================================================
INTRODUCTION
===================================================================== */
.intro p{
	margin:1em 0.5em 1em 0.5em;
	text-indent:1em;
}

.common03{
	margin:1em 0.5em 1em 0.5em;
}
ul.btn-group01{
	width:100%;
}
ul.btn-group01 li{
	float:left;
	width:40%;
	margin-right:10px;
}


ul.btn-group03{
	width:100%;
	background: none;
	border: none;
}
ul.btn-group03 li{
	width: 80%;
	margin:10px auto;
	background: none;
	border: none;
}

/* =====================================================================
MAIN
===================================================================== */
/*.map img{
	margin:0 auto;
	padding:0;
	width:480px;
	height:538px;
}*/

.timeline dl dt{
	width:74px;
	float:left;	
	padding-right:10px;
	font-weight:bold;
	text-align:right;
	border-right:1px solid #43acb2;
}
.timeline dl dd{
	width:auto;	
	margin-left:100px;
	font-weight:normal;
}
/* =====================================================================
MAIN DETAIL
===================================================================== */

/*=====================article j======================*/
article.article-j{
	margin-bottom:1.5em;
}
	article.line { padding-bottom: 10px; background: url("../../../images/common/dots_line_08.png") bottom left repeat-x; }

article.article-j header{
	width:38%;
	padding-bottom:0.5em;
	float:right;
}
	article.article-j header.topics { float: none; width:100%; padding-top: 10px; padding-bottom: 0; }
		article.article-j header.topics figure.topiclist { width: 60%; margin: 0 auto; }
		article.article-j header.topics dl { margin: 10px 0; }
			article.article-j header.topics dl dt,
			article.article-j header.topics dl dd { padding-bottom: 4px; background: url("../../../images/common/dots_line_06.png") bottom left repeat-x; }

article.article-j h1 span { display: block; }
article.article-j h1 span.lang {
	display: inline;
	font-size:85%;
	font-weight:bold;
}


article.article-j ul.image{
	width:60%;
	float:left;
}


/*=====================article c======================*/
article.article-c{
	margin-bottom:1.5em;
}
article.article-c header{
	width:38%;
	padding-bottom:0.5em;
	float:left;
}

article.article-c h1 span { display: block; }
article.article-c h1 span.lang {
	display: inline;
	font-size:85%;
	font-weight:bold;
}

article.article-c ul.image{
	width:60%;
	float:right;
}


/*=====================article j/c======================*/
article.article-j div.title-box,
article.article-c div.title-box{
	margin-bottom:0.7em;
	padding:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.0, #f4f4f4), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, fff 0%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #fff 0%, #f4f4f4 100%);
	background: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
article.article-j h1,
article.article-c h1 { padding-left: 10px; background: url(../../images/common/title/ico_bar_orange.gif) top left repeat-y; font-size:100%; line-height:1.5; font-weight:bold; }

article.article-j dl,
article.article-c dl{
	clear:both;
}
article.article-j dl dt,
article.article-c dl dt{
	margin-bottom:0.5em;
	font-weight:bold;
}
article.article-j dl dd,
article.article-c dl dd{
	line-height:1.5;
}

article.article-j ul.image li.ico-zoom,
article.article-c ul.image li.ico-zoom{
	margin:-30px 5px 5px 0;
	text-align:right;
}

article.article-j ul.image li.caption,
article.article-c ul.image li.caption{
	float:right;
	margin-top:0.3em;
}

article.article-j ul.data,
article.article-c ul.data{
	background:#f5f4ea;
	clear:both;
	float:right;
	margin-top:10px;
	padding:10px;
	width:80%;
	border:1px solid #cbc8c2;
}
article.article-j ul.data li.lib,
article.article-c ul.data li.lib{
	float:left;
	margin-right:10px;
}
article.article-j ul.data li.num,
article.article-c ul.data li.num{
	margin:0 0 3px 0;
	font-size: 85%;
}
article.article-j ul.data li.pub,
article.article-c ul.data li.pub{
	float:none;
}

/*=====================REFERENCE======================*/
section.main-reference section ul,
section.topics-reference section ul{
	width:90%;
	float:left;
}

/* =====================================================================
GALLERY
===================================================================== */
/*=====================entrance======================*/

.gallery-entrance p{
	text-indent:1em;
	margin-bottom:1em;
}
.gallery-entrance p.gallery-entrance-detail{
	margin-top:1.5em;
	font-size:85%;
	text-indent:0;
}
.gallery-entrance figure{
	float:right;
	margin-left:1em;
	width:40%;
}
.gallery-entrance figcaption{
	text-align:right;
	font-size:85%;
}

/*=====================list======================*/
ul#gallery-list{
	width:100%;
	margin:0 auto 2em;
}
ul#gallery-list li{
	width:45%;
	float:left;
	margin-right:5%;
}

/* =====================================================================
GLOSSARY
===================================================================== */
ul.btn-group02{
	padding:0 10px;
	border-bottom:1px solid #ddd;
}
ul.btn-group02 li{
	margin-right:5px;
	margin-bottom:0;
	float:left;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #eee;
}
ul.btn-group02 li.current{
	margin-bottom:0;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #defff3;
}

/*=====================section======================*/
.common04{
	margin-left:1em;
}

/* =====================================================================
TEMPLATE
===================================================================== */
section.common01,
section.common02{
	margin:1em 0 2.5em 0;
	width:100%;
}
section.common01 ul.image{
	margin-bottom:0.7em;
	margin-right:0.5em;
	width:50%;
	float:left;
}
section.common02 ul.image{
	margin-bottom:0.7em;
	margin-left:0.5em;
	width:100%;
	float:right;
}

section.common01 ul.image a,
section.common02 ul.image a{
	display:block;
}

section.common01 h1,
section.common02 h1{
	margin-bottom:0.3em;
	font-size:120%;
	font-weight:bold;
	display:inline;
	width:40%;
}

section.common01 p,
section.common02 p{
	margin:0.3em 0;
}