@charset "utf-8";
/* CSS Document */

body { font-family: 'Droid Sans', Roboto, ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; text-align:center; color:#626262; font-size:14px; line-height: 1.5; -webkit-text-size-adjust: 100%;}
a{ color:#626262; text-decoration:underline; }

#container{ max-width:1000px; margin:0 auto; text-align:left;}
#container img{ max-width:100%; height:auto !important;}

/*----------header----------*/
#header{}
#header .ttlArea{ padding:5px 15px 8px;}
#header .ttlArea .logo{ float:left; max-width:25%;}
#header .ttlArea .title{ float:right; max-width:72%; padding-top:3px;}
#header .menuArea{ background:#00b7ef; padding:10px 15px 8px; position:relative;}
#header .menuArea #menuBtn{ float:left; color:#ffffff; font-weight:bold; background:url(../images/icon_menu.gif) left no-repeat; background-size:14px 14px; padding:5px 0 5px 20px; vertical-align:middle; cursor:pointer;}
#header .menuArea #menuBtn.open{ background:url(../images/icon_menu_on.gif) left no-repeat; background-size:14px 14px;}
header #langSet{ position:relative; float:right; z-index:100;}
header #langTtl{ display:inline-block; border:1px solid #a0a0a0; cursor:pointer; background:#ffffff;}
header #langTtl span.icon{ display:inline-block; float:right; background:#a0a0a0;}
header #langTtl.open span.icon{ background:#787878;}
header #langTtl span.icon img{ width:33px;}
header #langTtl span.label{ display:inline-block; float:right; padding:5px 15px;}
header #langSet ul{ position:absolute; top:34px; right:0px; left:0px; display:none; z-index:100;}
header #langSet ul li{ border-bottom:1px solid #ffffff;}
header #langSet ul li:last-child{ border-bottom:none;}
header #langSet ul li a{ display:block; color:#ffffff; text-decoration:none; background:#a0a0a0; padding:8px 10px; text-align:center;}
header #langSet ul li a.current{ background:#787878;}
header #langSet ul li a span.jp{ display:block; background:url(/en/common_files/images/lang_jp.jpg) left no-repeat;}
header #langSet ul li a span.en{ display:block; background:url(/en/common_files/images/lang_en.jpg) left no-repeat;}
header #langSet ul li a span.cn{ display:block; background:url(/en/common_files/images/lang_cn.jpg) left no-repeat;}
#header .menuArea #gMenu{ display:none; position:absolute; top:55px; left:0px; width:100%; background:#ffffff; z-index:50;}
#header .menuArea #gMenu ul li{ border-bottom:2px solid #eeeeee;}
#header .menuArea #gMenu ul li .hasmenu{ font-weight:bold; text-decoration:none; border-right:15px solid #ffffff; background:url(../images/icon_menu_close.png) right no-repeat; background-size:13px auto; padding:12px 15px; cursor:pointer;}
#header .menuArea #gMenu ul li .hasmenu.open{ background:url(../images/icon_menu_open.png) right no-repeat; background-size:13px auto;}
#header .menuArea #gMenu ul li a{ display:block; font-weight:bold; text-decoration:none; border-right:15px solid #ffffff; background:url(../images/icon_arrow_gr.png) right no-repeat; background-size:7px auto; padding:12px 15px;}
#header .menuArea #gMenu ul.listSub{ display:none; background:#eeeeee; padding:12px 15px;}
#header .menuArea #gMenu ul.listSub li span.nolink{ display: block; padding:12px 15px;}
#header .menuArea #gMenu ul.tgtMenu{ background:#ddedbb; padding:12px 15px;}
#header .menuArea #gMenu ul.listSub li,#header .menuArea #gMenu ul.tgtMenu li{ background:#ffffff;}
#header .menuArea #gMenu ul.listSub li:last-child,#header .menuArea #gMenu ul.tgtMenu li:last-child{ border-bottom:none;}
#header .menuArea #gMenu ul.listSub li a,#header .menuArea #gMenu ul.tgtMenu li a{ font-weight:normal;}
#header .menuArea #gMenu .close{ background:#eeeeee; text-align:center; padding:10px 15px;}
#header .menuArea #gMenu .close span{ display:inline-block; background:url(../images/icon_close.png) left no-repeat; background-size:14px auto; padding-left:20px; cursor:pointer;}

/*----------sns----------*/
.snsBox{ background:#ffffff; padding:10px 15px 20px;}
.snsBox h2{ color:#00b7ef; font-weight:bold; font-size:16px; text-align:center; margin-bottom:15px;}
.snsBox nav{ text-align:center;}
.snsBox nav ul{ letter-spacing:-0.4em;}
.snsBox nav ul li{ display:inline-block; margin:3%; max-width:20%; letter-spacing:nomal;}

/*----------footer----------*/
footer{ padding:15px 0 20px;}
footer .banArea{ padding:0 15px; margin-bottom:15px;}
footer .banArea h2{ font-size:15px; font-weight:bold; background:url(../images/icon_square_bl.gif) 0 0.3em no-repeat; background-size:10px 10px; padding-left:15px; margin:10px 0;}
footer .banArea h3{ font-weight:bold; border-bottom:1px solid #626262; padding-bottom:2px; margin:0 0 5px;}
footer .banArea ul li a,footer .banArea ul li span{ display:block; background:#eeeeee; padding:5px; text-align:center;}
footer .banArea ul.ban1 li{ margin-bottom:10px;}
footer .banArea ul.ban2 li{ float:left; width:48%; margin-bottom:10px;}
footer .banArea ul.ban2 li:nth-child(even){ float:right; width:48%;}
footer .banArea ul.ban3 li{ float:left; width:33%; margin-bottom:10px;}
footer .banArea ul.ban3 li a,footer .banArea ul.ban3 li span{ padding:7px;}
footer .banArea ul.ban3 li:nth-child(3n+1) a,footer .banArea ul.ban3 li:nth-child(3n+1) span{ margin-right:6px;}
footer .banArea ul.ban3 li:nth-child(3n+2) a,footer .banArea ul.ban3 li:nth-child(3n+2) span{ margin:0 3px;}
footer .banArea ul.ban3 li:nth-child(3n) a,footer .banArea ul.ban3 li:nth-child(3n) span{ margin-left:6px;}
footer .pagetop{ text-align:right; padding:0 15px; margin-bottom:15px;}
footer .pagetop a{ display:inline-block; background:url(../images/icon_pagetop.png) 7px no-repeat #a0a0a0; background-size:13px auto; color:#ffffff; text-decoration:none; padding:6px 6px 6px 25px;}
footer .ftNav{ background:#000000; padding:15px; color:#ffffff; text-align:center;}
footer .ftNav a{ color:#ffffff; text-decoration:none; display:inline-block; white-space:nowrap;}
footer .toPc{ background:#000000; text-align:center; padding:0 0 15px;}
footer .toPc a{ display:inline-block; background:#eeeeee; color:#a0a0a0; font-weight:bold; text-decoration:none; padding:10px 50px;}
footer .committee{ background:#000000; padding:0 15px 15px; text-align:center; color:#eeeeee;}
footer .committee span{ display:inline-block; text-align:left; background:url(../images/ft_logo.gif) left no-repeat; background-size:70px auto; padding:8px 0 6px 80px;}
footer .committee a{ color:#a0a0a0;}

footer .shareBtn{ background:#000000; padding:0 15px 15px;}
footer .shareBtn .shareBtnL{ width:48%; float:left; text-align:center;}
footer .shareBtn .shareBtnR{ width:48%; float:right; text-align:center;}
footer .shareBtn .twitter-share-button{ width:100px !important;}
footer .shareBtn .mixiBtn{ width:100px !important;}

footer .orgList{ background:#eeeeee; padding:15px 15px 10px; margin-bottom:10px;}
footer .orgList h2{ background:url(../images/icon_square_bl.gif) 0 0.4em no-repeat; background-size:10px 10px; padding-left:15px; font-weight:bold; margin:0 auto 10px;}
footer .orgList ul li{ float:left; margin-bottom:10px; width:45%; text-align:center;}
footer .orgList ul li:nth-child(even){ float:right;}

footer .cRight{ padding:0 15px; color:#a0a0a0; text-align:center;}
footer .cRight a{ color:#a0a0a0; display:inline-block; white-space:nowrap; background:url(../images/icon_ext.png) right no-repeat; background-size:12px auto; padding-right:15px;}