@charset "utf-8";
/* =====================================================================
PORTRAIT LAYOUT
===================================================================== */
/*--------TOP VISUAL---------*/
header#header{
	position:relative;
	width:100%;
}
h1#sma-top{
	/*background:url(../../images/common/header/bg_header_main_v.jpg) center bottom no-repeat;
	background-size:contain;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	text-indent:-10000px;
	overflow:hidden;*/
	border-top:1px solid #000000;
	width:320px;
	height:77px;
	margin:0 auto;
}
h1#sma-top a{
	width:100%;
	height:77px;
	display:block;
}
h1#sma-top img{
	display:block;
	max-width:320px;
	max-height:77px;
}

/*--------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:0;
	width:320px;/*10%=32*/
	height:32px;/*10%=4*/
}

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


ul#fontSize{
	margin-left:24px;
	margin-top:0;
	float:left;
}
ul#fontSize li{
	margin:0;
	float:left;
}
ul#fontSize li#regular img{
	width:29px;
	height:17px;
}
ul#fontSize li#large img{
 	width:32px;
	height:17px;
}

/*--------LANGUAGE---------*/
ul#lang{
	margin-left:0;
	margin-top:0;
	float:left;
}
ul#lang li{
	margin:0;
	float:left;
}
ul#lang li#jpn img{
	width:37px;
	height:17px;
}
ul#lang li#eng img{
	width:32px;
	height:17px;
}

/*--------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: 17px;
	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;
}


/*--------NAV---------*/
ul#sma-nav-e li.doubled{
	font-size:80%;
	line-height:1.7;
}

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

section.guide div.half-l,
section.guide div.half-r,
section.guide div.full
{
	background-size:20px 24px;
	-webkit-background-size:20px 24px;
	-moz-background-size:20px 24px;
}
section.guide div section{
	width:100%;
	height:100%;
	background-size: 20px auto;
}

section.guide div a {
	height:auto;
	margin:0;
	padding:0;
}


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

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

section.guide div img{
	margin-right:0.5em;
	width:70px;
	height:40px;
	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:150px;
	height:40px;
	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:35px;
	height:35px;
	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);
	display:table-cell;
}
section.guide div section.small img.large{
	margin-right:0.5em;
	width:70px;
	height:40px;
	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);
	display:table-cell;
}

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


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

.timeline dl dt{
	width:66px;
	float:left;	
	padding-right:6px;
	font-weight:bold;
	text-align:right;
	border-right:1px solid #43acb2;
}
.timeline dl dd{
	width:auto;	
	margin-left:80px;
	padding-right:16px;
	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:100%;
	padding-bottom:0.5em;
	float:none;
}
	article.article-j header.topics dl { margin: 10px 0; }
		article.article-j header.topics figure.topiclist { width: 100%; margin: 10px auto 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{
	margin-bottom:0.7em;
	width:100%;
	float:none;
}
article.article-j ul.image a{
	display:block;
}


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

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:100%;
	float:none;
}

article.article-c ul.image a{
	display:block;
}


/*=====================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{
	text-align:right;
	padding:0.3em 0;
}


article.article-j ul.data,
article.article-c ul.data{
	background:#f5f4ea;
	clear:both;
	float:none;
	margin:10px auto;
	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:82%;
	float:left;
}

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

/* =====================================================================
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:none;
	margin-left:0;
	margin-bottom:1em;
	width:100%;
}
.gallery-entrance figcaption{
	text-align:right;
	font-size:85%;
}

/*=====================list======================*/
ul#gallery-list{
	width:300px;
	margin:0 auto 2em;
}
ul#gallery-list li{
	width:300px;
	float:left;
}

/* =====================================================================
TEMPLATE
===================================================================== */
section.common01,
section.common02{
	margin:1em 0 2.5em 0;
	width:100%;
}
section.common01 h1,
section.common02 h1{
	margin-bottom:0.3em;
	font-size:120%;
	font-weight:bold;
}

section.common01 ul.image,
section.common02 ul.image{
	margin-bottom:0.7em;
	width:100%;
	float:none;
}
section.common01 ul.image a,
section.common02 ul.image a{
	display:block;
}