@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
}

body {
    font-size:14px;
    *font-size:small;
    *font:x-small;
	line-height:1.5;
}

body,
table,
input, textarea, select, option {
	font-family: "Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	line-height: 1.1;
}

table,
input, textarea, select, option {
	line-height: 1.1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #0088CC;
	text-decoration: underline;
	
}

a:visited {
	color: #34529E;
}

a:hover {
	color: #0088CC;
	text-decoration: none;
}

a:active {
	color: #0088CC;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	text-align:center;
	line-height: 1.6;
	color: #645F5F;
	min-width: 960px;
	background: url(../images/site_bg.jpg) repeat-x top left;
}

body.ru{
	font-family: Helvetica,Arial,Verdana,sans-serif;
	line-height: 1.2;
}

#main {
	padding-bottom: 50px;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

	* html #main {
		zoom: 1;
	}

	*+html #main {
		zoom: 1;
	}

#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#story-main{
	line-height:1.6;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	padding: 18px 0 23px 0;
	margin: 0 auto;
	width: 960px;
}

#header h1 {
	padding-left: 2px;
	float: left;	
}

#header ul.language {
	margin: 0 0 15px 0;
	width: 525px;
	float: right;	
}

#header ul.language li {
	margin-left: 8px;
	float: right;	
}


#header ul.language li a {
	display: block;	
}
#header ul.language li img{
	vertical-align:bottom;
}


#header ul.language li img{
	-ms-filter: "alpha( opacity=30 )";
	filter: alpha( opacity=30 );
	opacity: 0.3;
}

#header ul.language li a img{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
}
#header ul.language li img.no-op{
	-ms-filter: "alpha( opacity=100 )";
	filter: alpha( opacity=100 );
	opacity: 1.0;
}
#header ul.headerNavi {
	padding-top: 5px;
	float: right;
	/*font-size: 12px;*/
	line-height: normal;
}

#header ul.headerNavi li {
	padding-left: 18px;
	display: inline;
}

#header ul.headerNavi li.sitemap a {
	padding-left: 22px;
	background: url(../images/icon02.gif) no-repeat left center;
}

#header ul.headerNavi li.contact a {
	padding-left: 22px;
	background: url(../images/icon01.gif) no-repeat left center;
}

#header .fontSize {
	margin-left: 14px;
	padding-top:2px;
	width: 141px;
	height: 21px;
	float: right;
	clear: right;
	overflow: hidden;
}

#header .fontSize li {
	float: left;
}

#header .fontSize .fontText {
	margin-right: 8px;	
}

#header .fontSize li a {
	display: block;
	width:27px;
	height:27px;
	text-indent:-5000px;
}


#header .fontSize .small a {
	background: url(../images/font_s.png) no-repeat;
}

#header .fontSize .medium a {
	background: url(../images/font_m.png) no-repeat;
}

#header .fontSize .large a {
	background: url(../images/font_l.png) no-repeat;
	width:26px;
}


#header .fontSize .small a:hover,
#header .fontSize .small a.on {
	background: url(../images/font_s_over.png) no-repeat !important;
}

#header .fontSize .medium a:hover,
#header .fontSize .medium a.on {
	background: url(../images/font_m_over.png) no-repeat !important;
}

#header .fontSize .large a:hover,
#header .fontSize .large a.on {
	background: url(../images/font_l_over.png) no-repeat !important;
}



#header .fontSize.en .small a {
	background: url(../images/font_s_en.png) no-repeat;
}
#header .fontSize.en .medium a {
	background: url(../images/font_m_en.png) no-repeat;
}
#header .fontSize.en .large a {
	background: url(../images/font_l_en.png) no-repeat;
	width:26px;
}
#header .fontSize.en .small a:hover,
#header .fontSize.en .small a.on {
	background: url(../images/font_s_en_over.png) no-repeat !important;
}
#header .fontSize.en .medium a:hover,
#header .fontSize.en .medium a.on {
	background: url(../images/font_m_en_over.png) no-repeat !important;
}
#header .fontSize.en .large a:hover,
#header .fontSize.en .large a.on {
	background: url(../images/font_l_en_over.png) no-repeat !important;
}



#header .fontSize.zh .small a {
	background: url(../images/font_s_zh.png) no-repeat;
}
#header .fontSize.zh .medium a {
	background: url(../images/font_m_zh.png) no-repeat;
}
#header .fontSize.zh .large a {
	background: url(../images/font_l_zh.png) no-repeat;
	width:26px;
}
#header .fontSize.zh .small a:hover,
#header .fontSize.zh .small a.on {
	background: url(../images/font_s_zh_over.png) no-repeat !important;
}
#header .fontSize.zh .medium a:hover,
#header .fontSize.zh .medium a.on {
	background: url(../images/font_m_zh_over.png) no-repeat !important;
}
#header .fontSize.zh .large a:hover,
#header .fontSize.zh .large a.on {
	background: url(../images/font_l_zh_over.png) no-repeat !important;
}


#header .fontSize.fr .small a {
	background: url(../images/font_s_fr.png) no-repeat;
}
#header .fontSize.fr .medium a {
	background: url(../images/font_m_fr.png) no-repeat;
}
#header .fontSize.fr .large a {
	background: url(../images/font_l_fr.png) no-repeat;
	width:26px;
}
#header .fontSize.fr .small a:hover,
#header .fontSize.fr .small a.on {
	background: url(../images/font_s_fr_over.png) no-repeat !important;
}
#header .fontSize.fr .medium a:hover,
#header .fontSize.fr .medium a.on {
	background: url(../images/font_m_fr_over.png) no-repeat !important;
}
#header .fontSize.fr .large a:hover,
#header .fontSize.fr .large a.on {
	background: url(../images/font_l_fr_over.png) no-repeat !important;
}




#header .fontSize.ru .small a {
	background: url(../images/font_s_ru.png) no-repeat;
}
#header .fontSize.ru .medium a {
	background: url(../images/font_m_ru.png) no-repeat;
}
#header .fontSize.ru .large a {
	background: url(../images/font_l_ru.png) no-repeat;
	width:26px;
}
#header .fontSize.ru .small a:hover,
#header .fontSize.ru .small a.on {
	background: url(../images/font_s_ru_over.png) no-repeat !important;
}
#header .fontSize.ru .medium a:hover,
#header .fontSize.ru .medium a.on {
	background: url(../images/font_m_ru_over.png) no-repeat !important;
}
#header .fontSize.ru .large a:hover,
#header .fontSize.ru .large a.on {
	background: url(../images/font_l_ru_over.png) no-repeat !important;
}












#header .search {
	width: 288px;
	float: right;	
}

	*html #header .search {
		padding-top: 15px;	
	}
	
	*+html #header .search {
		padding-top: 15px;	
	}

#header .search li {
	float: left;
}

#header .search li.searchTxt {
	padding-left: 23px;
	width: 202px;
	height: 25px;
	border: 0;
	background: url(../images/search_txt.png) no-repeat left top;	
}

#header .search li.searchTxt input {
	width: 202px;
	padding: 0;
	border: none;
	height: 25px;
	line-height: 25px;
	background: none;
}

#header .search li.searchTxt input {
	width: 202px;
	padding: 0;
	border: none;
	height: 25px;
	line-height: 25px;
	background: none;
}

#header .search li.searchBtn {
	height: 25px;
	overflow: hidden;
}
#header .search li.searchBtn input{
text-indent:-5000px;
width:63px;
height:25px;
border:none;
}
#header .search li.searchBtn.ja input{
background:url(../images/btn/search_btn_ja.png) no-repeat;
}
#header .search li.searchBtn.en input{
background:url(../images/btn/search_btn_en.png) no-repeat;
}
#header .search li.searchBtn.zh input{
background:url(../images/btn/search_btn_zh.png) no-repeat;
}
#header .search li.searchBtn.fr input{
background:url(../images/btn/search_btn_fr.png) no-repeat;
}
#header .search li.searchBtn.ru input{
background:url(../images/btn/search_btn_ru.png) no-repeat;
}
/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi {
	padding-bottom: 6px;
	background: url(../images/gnavi_bg.png) repeat-x top;
}

#gNavi ul {
	margin: 0 auto;
	width: 960px;	
}

#gNavi ul li {
	float: left;	
}

#gNavi ul li a {
	display: block;
}
/*
#gNavi ul li.navi01 a {
	background: url(../images/gnavi01_over.jpg) no-repeat;	
}

#gNavi ul li.navi02 a {
	background: url(../images/gnavi02_over.jpg) no-repeat;	
}

#gNavi ul li.navi03 a {
	background: url(../images/gnavi03_over.jpg) no-repeat;	
}

#gNavi ul li.navi04 a {
	background: url(../images/gnavi04_over.jpg) no-repeat;	
}

#gNavi ul li.navi05 a {
	background: url(../images/gnavi05_over.jpg) no-repeat;	
}




.News_ja #gNavi .navi02 img,
.News_en #gNavi .navi02 img,
.Voices_ja #gNavi .navi03 img,
.Voices_en #gNavi .navi03 img,
.Features_ja #gNavi .navi04 img,
.Features_en #gNavi .navi04 img,
.Gallery_ja #gNavi .navi05 img,
.Gallery_en #gNavi .navi05 img
{
	visibility: hidden;
}

*/
/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
	padding: 15px 0 20px 3px;
	margin: 0 auto;
	width: 960px;
	/*font-size: 12px;*/
	text-align: left;
	line-height: normal;
	clear:both;
}

#pagePath li {
	display: inline;
}

#pagePath li span {
	padding-right: 3px;
}

#pagePath li a {
	margin-right: 8px;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	width: 732px;
	float: left;
}

#conts.fs-small {
	font-size:72%;
}

#conts.fs-mideum {
	font-size:100%;
}

#conts.fs-large {
	font-size:125%;
}

.dis {
	display: block;	
}

.title {
	position: relative;
}

.title a.link {
	position: absolute;
	top: 17px;
	right: 6px;
}

#conts h2 {
	margin-bottom: 27px;
	background: url(../../list/images/h2_news.jpg) no-repeat bottom left #2CA7E2;
	font-size: 150%;
	padding:25px 25px 25px 25px;
	font-weight:bold;
	color:#FFF;
	line-height:1.3;
}

#conts h2.news{
	background-image: url(../../list/images/h2_news.jpg);
}
#conts h2.voices{
	background-image: url(../../list/images/h2_voices.jpg);
}
#conts h2.survivors{
	background-image: url(../../list/images/h2_survivors.jpg);
}
#conts h2.signpost{
	background-image: url(../../list/images/h2_signpost.jpg);
}
#conts h2.junior{
	background-image: url(../../list/images/h2_junior.jpg);
}
#conts h2.insight{
	background-image: url(../../list/images/h2_insight.jpg);
}
#conts h2.historyof{
	background-image: url(../../list/images/h2_historyof.jpg);
}
#conts h2.gallery{
	background-image: url(../../list/images/h2_gallery.jpg);
}
#conts h2.features{
	background-image: url(../../list/images/h2_features.jpg);
}

#conts h2.fukushima{
	background-image: url(../../list/images/h2_fukushima.jpg);
}
#conts h2.exposure{
	background-image: url(../../list/images/h2_exposure.jpg);
}
#conts h2.appeals{
	background-image: url(../../list/images/h2_appeals.jpg);
}
#conts h2.negative{
	background-image: url(../../list/images/h2_negative.jpg);
}
#conts h2.link{
	background-image: url(../../list/images/h2_link.jpg);
}
#conts h2.zero{
	background-image: url(../../list/images/h2_zero.jpg);
}

#conts h2.reconstruction{
	background-image: url(../../list/images/h2_reconstruction.jpg);
}

#conts h2.reconstruction.en,
#conts h2.reconstruction.fr{
padding-top:13px;
line-height:1.3;
}


#conts h2.hiroshima1945{
	background-image: url(../../list/images/h2_hiroshima1945.jpg);

}

#conts h2.messages{
	background-image: url(../../list/images/h2_messages.jpg);
}

#conts h2.archives{
	background-image: url(../../list/images/h2_archives.jpg);
}

#conts h2.scarsmap{
	background-image: url(../../list/images/h2_scarsmap.jpg);
}

#conts h2.seeds{
	background-image: url(../../list/images/h2_seeds.jpg);
}

#conts h2.mugon{
	background-image: url(../../list/images/h2_mugon.jpg);
}


/*
#conts h2.*{
	background-image: url(../../list/images/h2_*.jpg);
}
*/



#conts h3 {
    margin-top:20px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	color: #645F60;
	font-size: 110%;
	line-height: normal;
	border-bottom: 1px solid #CACACA;
	font-weight:bold;
}

#ctHeadLeft h3{
	background:url(../images/subtitle_bg.png) no-repeat;
	height:55px;
	margin:0 0 25px 0;
	padding:25px 0 0 0;
	border:none;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	width: 200px;

	float: right;
font-size:93%;
}

#sideBar .archiveTtl{
	width:200px;
	height:38px;
	line-height:38px;
}

#sideBar .sideH3 {
	margin-bottom: 17px;
	display: none;	
}

#sideBar .archive {
	margin-bottom: 25px;
	font-size:90%;
	font-weight:100;
}

#sideBar .archive li {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

#sideBar .archive li a {
	padding: 0 0 0 22px;
	/*font-size: 16px;*/
	font-size:138%;
	font-weight:;
	background: url(../images/icon/icon03.gif) no-repeat 5px center;	
}

#sideBar .archive li.on a {
	color:#666;
	text-decoration: none;
}

#sideBar .bannerNav{
	margin-bottom:20px;
	/*font-size:110%;*/
}

#sideBar .bannerNav li{
margin-bottom:5px;
}

#sideBar .bannerNav li a{
display:block;
	background: url(../images/banner_nav_bg.jpg) no-repeat left top #EEEEEE;
	padding:10px 10px 10px 20px;
}
/*

#sideBar .bannerNav li{

	
	height:20px;
}
#sideBar .bannerNav li.double{
	background: url(../images/banner_nav_bg2.jpg) no-repeat center center;
	padding:12px 10px 10px 20px;
	margin-bottom:5px;
	height:37px;
}
#sideBar .bannerNav li a{
	display:block;
	color: #333;
}
#sideBar .bannerNav li a img{
	vertical-align:middle;
}

*/





#sideBar .bannerList {
	padding: 11px 18px 0 16px;
	border-left: 3px solid #DEDEDE;
	border-right: 3px solid #DEDEDE;
	overflow: hidden;
	zoom:1;
}

#sideBar .bannerList li {
	display: inline;
}

#sideBar .bannerList li a {
	margin-bottom: 15px;
	display: block;	
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.footerNavi {
	padding: 23px 0 20px 0;
	margin: 0 auto;
	width: 960px;
	clear: both;
	color: #666;
	text-align: left;
	position: relative;
font-size:93%;

}

.footerNavi .pageTop {
	position: absolute;
	top: 0;
	right: 0;
}

.footerNavi li {
   display: inline-block;  
    *display: inline;  
    *zoom: 1; 
margin-right:20px;
border-right:1px solid #666;
padding-right:20px;
}

.footerNavi li a {
}
.footerNavi ul{
border-left:1px solid #666;
margin-left:5px;
padding-left:20px;
}
.footerNavi li a{


}

.footerNavi ul, .footerNavi li{
line-height:1 !important;
}


#footer {
	background: #1B9ADD;
font-size:88%;

}

#footer .inner {
	padding: 40px 0;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	zoom: 1;
}

#footer .inner .logo {
	float: left;	
}

#footer .inner .copy {
	float: right;
/*	font-size: 10px;*/
	color:#FFF;
	text-align: right;
	width: 630px;
margin-top:5px;
line-height:1.8;
}

#footer a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer a:visited {
	color: #FFFFFF;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:active {
	color: #FFFFFF;
}

/*------------------------------------------------------------
	汎用フォーマット
------------------------------------------------------------*/
.txt-top{
	margin-bottom:30px;
}
#conts .para-box{
	margin-bottom:30px;
}
#conts .para-box h3 {
	background:url(../images/hl_bg.gif) repeat-x top left;
	height:36px;
	line-height:36px;
	font-size: 145%;
	border-bottom:none;
	font-weight:bold;
	padding-left:5px;
    padding-bottom: 5px;
}
#content .page-header .page-title {
	font-size: 120%;
}
.entry-header .entry-title {
	font-size: 110%;
}
.entry-summary p {
	font-size: 93%;
}



@media only screen and (max-width: 640px) {


	body{
		-webkit-text-size-adjust: 100%;
text-align:left;
min-width: 100%;
background:none;
	}
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}

#header {
padding: 0;
margin: 0;
width: 100%;
}
#header h1 {
padding-left: 0;
float: none;
}
#gNavi {
padding-bottom:0;
background:none;
}
#gNavi ul {
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin: 0;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #20A2E7), color-stop(0.00, #39B5E8));
background: -webkit-linear-gradient(top, #39B5E8 0%, #20A2E7 88%);
background: -moz-linear-gradient(top, #39B5E8 0%, #20A2E7 88%);
background: -o-linear-gradient(top, #39B5E8 0%, #20A2E7 88%);
background: -ms-linear-gradient(top, #39B5E8 0%, #20A2E7 88%);
background: linear-gradient(to bottom, #39B5E8 0%, #20A2E7 88%);





}
#gNavi ul li{
border-left:1px solid #62ADBB;
border-right:1px solid #ACDFF5;

}

#gNavi ul li a{
text-indent:-5000px;
display:block;

}

.ja #gNavi ul li a{
background:url(../images/sp/gnav_ja.png) no-repeat;
background-size:320px 90px;
}
.en #gNavi ul li a{
background:url(../images/sp/gnav_en.png) no-repeat;
background-size:320px 90px;
}
.zh #gNavi ul li a{
background:url(../images/sp/gnav_zh.png) no-repeat;
background-size:320px 90px;
}
.fr #gNavi ul li a{
background:url(../images/sp/gnav_fr.png) no-repeat;
background-size:320px 90px;
}
.ru #gNavi ul li a{
background:url(../images/sp/gnav_ru.png) no-repeat;
background-size:320px 90px;
}
#gNavi ul li:nth-child(1) a{
width:45px;
height:45px;
background-position:2px 0;
}

#gNavi ul li:nth-child(1) a.on{
background-position:2px -45px;
background-color:#FFFFFF;
}

#gNavi ul li:nth-child(2) a{
width:66px;
height:45px;
background-position:-45px 0;
}
#gNavi ul li:nth-child(2) a.on{
background-position:-45px -45px;
background-color:#FFFFFF;
}

#gNavi ul li:nth-child(3) a{
width:66px;
height:45px;
background-position:-113px 0;
}
#gNavi ul li:nth-child(3) a.on{
background-position:-113px -45px;
background-color:#FFFFFF;
}

#gNavi ul li:nth-child(4) a{
width:66px;
height:45px;
background-position:-181px 0;
}
#gNavi ul li:nth-child(4) a.on{
background-position:-181px -45px;
background-color:#FFFFFF;
}

#gNavi ul li:nth-child(5) a{
width:66px;
height:45px;
background-position:-250px 0;
}
#gNavi ul li:nth-child(5) a.on{
background-position:-250px -45px;
background-color:#FFFFFF;
}
/*
#gNavi ul li a img[src*="_en"]{
}
*/

#main {
padding: 0;
margin: 0;
width: 100%;
}

.footerNavi {
padding: 0;
margin: 25px 0 0 0;
width: 100%;
}
.footerNavi ul{
padding:0;
margin:0;
border:none;
border-bottom:1px solid #CACACA;
}
.footerNavi li {
display:block;
border-top:1px solid #CACACA;
border-right:none;
padding:0;
margin:0;
}

.footerNavi li a{
position:relative;
font-size:14px;
color:#595959;
padding:18px 21px;
display:block;
text-decoration:none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #FFF), color-stop(0.00, #F7F7F7));
background: -webkit-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: -moz-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: -o-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: -ms-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: linear-gradient(to bottom, #F7F7F7 0%, #FFF 88%);
}
.footerNavi li a:after {
background:url(../images/sp/icon_arrow_r.png) center no-repeat;
background-size:9px auto;
  position: absolute;
content: "";
width:9px;
height:14px;
  top: 50%;
  right: 12px;
  margin-top: -9px;
}





#footer .inner {
padding: 15px 10px;
margin: 0;
width: auto;
}

#footer .inner .logo {
display:none;
}
#footer .inner .copy {
float: none;
text-align: left;
width: auto;
font-size:10px;
margin: 0;
padding-right:50px;
line-height:1.3;
}

#footer .inner .copy br {
content: "";
display:block;

margin-bottom:10px;
}

#header .logo{
margin-top:44px;
}
#header .logo a{
display:block;
text-indent:-5000px;
position:relative;
background: url(../images/sp/logo.png) center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #7CC4EB), color-stop(0.00, #23A4E7));
background: url(../images/sp/logo.png) center no-repeat, -webkit-linear-gradient(top, #23A4E7 0%, #7CC4EB 88%);
background: url(../images/sp/logo.png) center no-repeat, -moz-linear-gradient(top, #23A4E7 0%, #7CC4EB 88%);
background: url(../images/sp/logo.png) center no-repeat, -o-linear-gradient(top, #23A4E7 0%, #7CC4EB 88%);
background: url(../images/sp/logo.png) center no-repeat, -ms-linear-gradient(top, #23A4E7 0%, #7CC4EB 88%);
background: url(../images/sp/logo.png) center no-repeat, linear-gradient(to bottom, #23A4E7 0%, #7CC4EB 88%);
background-size:214px 33px, auto auto;
}




#header .search {
width: auto;
float: none;
position:absolute;
top:0;
left:43px;
right:100px;
padding:6px 11px;
border: 1px solid #CCCCCC;
}
#header .search li.searchTxt {
padding-left: 0;
width: 50%;
height: auto;
border: none;
background: none;
}
#header .search li.searchTxt input {
width: 100%;
padding: 0 0 0 22px;
border: 1px solid #CCCCCC;
border-right:none;
height: 28px;
line-height: 28px;
background: url(../images/sp/icon_search.png) no-repeat 5px center;
background-size:11px 11px;
border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
#header .search li.searchBtn{
width:74px;
height:28px;
border: 1px solid #CCCCCC;
}

#header .search li.searchBtn input{
width:74px;
height:28px;
border:none !important;

border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

#header .search li.searchBtn.ja input{
background: url(../images/sp/search_btn.png) no-repeat;
background-size:74px 140px;
background-position:0 0;

}
#header .search li.searchBtn.en input{
background: url(../images/sp/search_btn.png) no-repeat;
background-size:74px 140px;
background-position:0 -28px;
}
#header .search li.searchBtn.zh input{
background: url(../images/sp/search_btn.png) no-repeat;
background-size:74px 140px;
background-position:0 -56px;
}
#header .search li.searchBtn.fr input{
background: url(../images/sp/search_btn.png) no-repeat;
background-size:74px 140px;
background-position:0 -84px;
}
#header .search li.searchBtn.ru input{
background: url(../images/sp/search_btn.png) no-repeat;
background-size:74px 140px;
background-position:0 -112px;
}

#header .fontSize {
display:none;
}

#pagePath {
padding: 7px;
margin: 0;
width: auto;
font-size:10px;
}
#pagePath li a{
margin-right:0px;
}
#pagePath li span{
padding-right:0;
}
#conts {
width: 100%;
float: none;
}




#conts h2 {
background-size:cover;
padding: 16px;
font-size:16px;
}



.footerNavi .pageTop {
top:auto;
bottom: -60px;
right: 10px;
}
.footerNavi .pageTop a{
background:url(../images/sp/to_top.png) no-repeat;
background-size:32px 32px;
width:32px;
height:32px;
display:block;
text-indent:-5000px;
}


#btn-menu{
border: 1px solid #CCCCCC;
border-right:none;
position:absolute;
top:0;
left:0;
}

#btn-menu a{
height: 42px;
width:42px;
display:block;
text-indent:-5000px;
background:url(../images/sp/icon_menu.png) center no-repeat;
background-size:18px 13px;
}


#header ul.language {
display:none;
}

#btn-language{
width:102px;
position:absolute;
top:0;
right:0;
z-index:100;
border-bottom: 1px solid #CCCCCC;
}

#btn-language>a{
border: 1px solid #CCCCCC;
border-bottom:none;
height: 42px;
display:block;
text-indent:-5000px;
background:url(../images/sp/btn_language.png) no-repeat;
background-size:203px auto;
background-position:0 0;
}

#btn-language>a.ja{
background-position:0 -2px;
}
#btn-language>a.en{
background-position:0 -47px;
}
#btn-language>a.zh{
background-position:0 -94px;
}

#btn-language>a.fr{
background-position:0 -139px;
}
#btn-language>a.ru{
background-position:0 -183px;
}


#btn-language ul{

}

#btn-language li a{
border: 1px solid #CCCCCC;
border-bottom:none;
height: 42px;
display:block;
text-indent:-5000px;
background:url(../images/sp/btn_language.png) no-repeat;
background-size:203px auto;
background-position:-102px 0;
}

#btn-language li.ja a{
background-position:-102px -2px;
}
#btn-language li.en a{
background-position:-102px -47px;
}
#btn-language li.zh a{
background-position:-102px -94px;
}
#btn-language li.fr a{
background-position:-102px -139px;
}
#btn-language li.ru a{
background-position:-102px -183px;
}

#sideBar {
width: 90%;
float: none;
position:absolute;
left:0;
top:44px;
display:none;
z-index:1000;
}

#sideBar .archiveTtl,
#sideBar .archive,
#sideBar p,
#sideBar .bannerNav{
display:none;
}
#sidebar-menu ul{
border-right:1px solid #CACACA;
}
#sidebar-menu ul li{
border-bottom:1px solid #CACACA;
}

#sidebar-menu ul li a{
position:relative;
font-size:14px;
color:#595959;
padding:18px 21px;
display:block;
text-decoration:none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #FFF), color-stop(0.00, #F7F7F7));
background: -webkit-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: -moz-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: -o-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: -ms-linear-gradient(top, #F7F7F7 0%, #FFF 88%);
background: linear-gradient(to bottom, #F7F7F7 0%, #FFF 88%);
}
#sidebar-menu ul li a:after {
background:url(../images/sp/icon_arrow_r.png) center no-repeat;
background-size:9px auto;
  position: absolute;
content: "";
width:9px;
height:14px;
  top: 50%;
  right: 12px;
  margin-top: -9px;
}



#btn-box{
width:auto;
margin:0 6px;
}
#btn-box #btn-year{
margin-right:8%;
margin-left:6%;
}
#btn-box #btn-year,
#btn-box #btn-month{
width:40%;
float:left;
margin-bottom:10px;
position:relative;
}
#btn-box #btn-year>a,
#btn-box #btn-month>a{
text-align:center;
display:block;
border:1px solid #CCCCCC;
padding:10px 20px 10px 0;
  position: relative;
background:#F2F2F2;
color:#645F5F;
text-decoration:none;
font-size:13px;
}
#btn-box #btn-year>a:after,
#btn-box #btn-month>a:after{
background:url(../images/sp/icon_arrow_dg.png) center no-repeat;
background-size:auto 9px;
  position: absolute;
content: "";
width:14px;
height:9px;
  top: 50%;
  right: 14px;
  margin-top: -4px;
}

.ul01,
.ul02{
display:none !important;
}


#btn-box #btn-year ul,
#btn-box #btn-month ul{
position:absolute;
top:100%;
left:0;
width:100%;
z-index:100;
}

#btn-box #btn-year ul li a,
#btn-box #btn-month ul li a{
text-align:center;
display:block;
border:1px solid #CCCCCC;
border-top:none;
padding:10px 20px 10px 0;
  position: relative;
background:#F2F2F2;
color:#645F5F;
text-decoration:none;
font-size:13px;
}
#btn-box{
	clear:both;
}
	* html #btn-box{
		zoom: 1;
	}

	*+html #btn-box{
		zoom: 1;
	}

#btn-box:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.photoBox{
float:none !important;
width:auto;
}

#story-main{
width:auto;
float:none !important;
}
.social-box{
overflow:hidden;
width:100%;
}

.back_btn{
margin-top:20px !important;
}

}