@charset "utf-8";

#headerArea {
 position:relative;
 margin:0 auto;
 width:990px;
 height:56px;
 z-index:102;
}

#headerArea #logo {
 position:absolute;
 top:18px;
 left:0;
}

#searchBoxWide {
 position:absolute;
 top:14px;
 right:224px;
 width:236px;
 height:30px;
}

#searchBoxWide p {
 height:30px;
 background:url(../../../../common/img/header/search_bg.gif) repeat-x left top;
}

#searchBoxWide p img {
 vertical-align:middle;
}

#searchBoxWide p input {
 vertical-align:middle;
}

#searchBoxWide p input.txt {
 width:128px;
 border:0 solid #FFF;
}

#langMenuWide {
 position:absolute;
 top:14px;
 right:0;
 width:220px;
}

#langMenuWide dt {
 position:absolute;
 left:0;
 width:188px;
 height:30px;
 background:url(../../../../common/img/header/bg_lang_w_set.gif) no-repeat left top;
}

#langMenuWide dt a {
 display:block;
 margin-top:6px;
 margin-left:12px;
}

#langMenuWide dd#btLang {
 padding-left:188px;
 cursor:pointer;
}

#langMenuWide dd#langList {
 width:220px;
 margin-top:2px;
 padding-top:0;
 padding-bottom:4px;
 background:url(../../../../common/img/header/bg_lang_w_bottom.gif) no-repeat left bottom;
}

#langMenuWide dd#langList ul {
 width:220px;
 padding-top:10px;
 background:url(../../../../common/img/header/bg_lang_w_top.gif) no-repeat left top;
}

#langMenuWide dd#langList ul li {
 margin-left:5px;
 margin-right:5px;
 margin-bottom:3px;
 padding-bottom:3px;
 border-bottom:1px solid #d4d4d4;
}

#gNaviArea {
 position:relative;
 width:100%;
 height:40px;
 background:url(../../../../common/img/header/bg_gnavi.gif) repeat-x left top;
 z-index:100;
}

ul#gNavi {
 width:990px;
 margin:0 auto;
 text-align:left;
}

ul#gNavi li {
 float:left;
 background:url(../../../../common/img/header/bg_gnavi_l.gif) repeat-x left 1px #ffffff;
 font-size:0;
 line-height:0;
}

ul#gNavi li#gnavi02, ul#gNavi li#gnavi03, ul#gNavi li#gnavi04 {
 display:block;
 width:230px;
 height:40px;
 background:url(../../../../common/img/header/gnavi_off_bg.gif) no-repeat left top;
}

ul#gNavi li#gnavi05 {
 display:block;
 width:230px;
 height:40px;
 background:url(../../../../common/img/header/gnavi_last_off_bg.gif) no-repeat left top;
}

.nml a {
 display:block;
}

ul#gNavi li#gnavi02 a.btgNavi {
 display:block;
 width:230px;
 height:40px;
}

ul#gNavi li#gnavi03 a.btgNavi {
 display:block;
 width:230px;
 height:40px;
}

ul#gNavi li#gnavi04 a.btgNavi {
 display:block;
 width:230px;
 height:40px;
}

ul#gNavi li#gnavi05 a.btgNavi {
 display:block;
 width:230px;
 height:40px;
}

ul#gNavi li#gnavi02 a.btgNavi:hover {
 background:url(../../../../common/img/header/gnavi_on_bg.gif) no-repeat left top;
}

ul#gNavi li#gnavi03 a.btgNavi:hover {
 background:url(../../../../common/img/header/gnavi_on_bg.gif) no-repeat left top;
}

ul#gNavi li#gnavi04 a.btgNavi:hover {
 background:url(../../../../common/img/header/gnavi_on_bg.gif) no-repeat left top;
}

ul#gNavi li#gnavi05 a.btgNavi:hover {
 background:url(../../../../common/img/header/gnavi_last_on_bg.gif) no-repeat left top;
}

ul#gNavi li ul.sNavi {
 position:absolute;
 width:226px;
 margin-top:0;
 padding:12px 2px 5px 3px;
 background:url(../../../../common/img/header/bg_gnavi_l.gif) no-repeat left top #ffffff;
 border-bottom:1px solid #d5d5d5;
}

ul#gNavi li ul.sNavi li {
 margin-bottom:3px;
 background:none;
 border-right:none;
}

ul#gNavi li ul.sNavi li a {
 display:block;
 border:none;
 width:225px;
 height:21px;
}

ul#gNavi li ul.sNavi li a:hover {
 background:#d4d4d4;
}

ul#gNavi {
 zoom:1;
}

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

#contentArea {
 margin:0 auto;
}

.oneColBody {
 margin:0 auto;
}

.btPtop {
 clear:both;
 width:990px;
 margin:40px auto 0 auto;
 text-align:right;
}

#footerArea {
 clear:both;
 width:100%;
 margin-top:5px;
 border-top:1px solid #c6c6c6;
}

#footerLowerArea {
 width:100%;
 border-top:1px solid #c6c6c6;
}

#footerBody {
 position:relative;
 width:990px;
 height:80px;
 margin:0 auto;
 text-align:left;
}

#fNavi {
 position:absolute;
 top:31px;
 left:0;
 background:url(../../../../common/img/footer/bg_fnavi.gif) no-repeat right center;
 vertical-align:top;
}

#fNavi li {
 display:inline-block;
 margin-right:7px;
 padding-left:9px;
 line-height:1.0em;
 background:url(../../../../common/img/footer/bg_fnavi.gif) left center no-repeat;
}

* html #fNavi li { /* IE 6 */
 display:inline;
 zoom:1;
 line-height:1.2em;
}

*:first-child+html #fNavi li { /* IE 7 */
 display:inline;
 zoom:1;
 line-height:1.2em;
}

#fNavi a {
 color:#000099;
}

#share {
 position:absolute;
 top:15px;
 right:0;
 border:1px solid #c5c7d1;
 font-size:0;
 line-height:0;
}

#share th {
 padding:3px;
 border-right:1px solid #c5c7d1;
}

#share td img {
 margin:0;
 padding:0;
 line-height:0;
 vertical-align:bottom;
}

#share td {
 margin:0;
 padding:3px 0px 3px 3px;
 line-height:0;
 vertical-align:top;
}

#share td ul {
 letter-spacing:-0.2em;
}

#share td ul li {
 display:inline-block;
 margin-right:3px;
 line-height:0;
 vertical-align:top;
}

* html #share td ul li { /* IE 6 */
 display:inline;
 margin-right:3px;
 zoom:1;
}

*:first-child+html #share td ul li { /* IE 7 */
 display:inline;
 margin-right:3px;
 zoom:1;
}

#share td ul li.shareLast {
 margin-right:3px;
}

#copy {
 position:absolute;
 top:64px;
 right:0;
}

#wrapper {
 margin:0 auto;
 padding:0 1%;
 width:98%;
 position:relative;
 background:#fff;
}

.inner {
 margin:0 auto;
 width:100%;
}

.controls {
 background-color:#F0F0F0;
 border-top:1px solid #E6E6E6;
 border-bottom:1px solid #E6E6E6;
}

.controls ul {
 border-top:1px solid #FFF;
 border-bottom:1px solid #FFF;
 overflow:hidden;
 padding-bottom:5px;
}

.controls li {
 float:left;
 cursor:pointer;
 padding:5px 0 0 3px;
 font-size:0;
 line-height:0;
}

.controls li.active {
 font-weight:700;
}

#mainBanner {
 margin:12px auto;
 padding:0;
 position:relative;
 line-height:0;
 text-align:center;
}

#mainBanner img {
 max-width:100%;
 height:auto;
}

.gridWrapper {
 padding-bottom:20px;
 overflow:hidden;
}

* html .gridWrapper {
 height:1%;
}

.item {
 clear:both;
 background-color:#F0F0F0;
 overflow:hidden;
}

.item h3 {
 background:#D3DFFF;
 color:#2A3F8B;
}

.item ul li {
 float:inherit;
 _float:left;
 display:inline;
 width: 94px;
 text-align:center;
 vertical-align:middle;
 padding:5px 2px;
 border-left:1px solid #FFF;
 display:table-cell;
}

*:first-child+html .item ul li {
 float:left;
}

.item ul li img {
 text-align:center;
 vertical-align:middle;
}

.item ul li span {
 font-size:10px;
}

.item ul li.country {
 background-color:#EAEAEA;
}

.jsonArea .mix ul li a {
 display:none;
}

.jsonArea .fb ul li.i_fb a,
.jsonArea .tw ul li.i_tw a,
.jsonArea .yt ul li.i_yt a,
.jsonArea .gp ul li.i_gp a,
.jsonArea .pt ul li.i_pt a,
.jsonArea .wc ul li.i_wc a,
.jsonArea .wb ul li.i_wb a,
.jsonArea .ig ul li.i_ig a,
.jsonArea .ln ul li.i_ln a,
.jsonArea .in ul li.i_in a {
 display:block;
}

#Grid {
 width:100%;
}

#Grid:after {
 content:'';
 display:inline-block;
 width:100%;
}

#Grid .mix {
 display:none;
 /* opacity:0; */
 width:100%;
 border-top:1px solid #FFF;
}

.areaLabel {
	padding: 10px;
	background: #f8f8f8;
	font-weight: bold;
}

/*
 pc
 
===================================================  */
@media only screen and (min-width:990px) {
 #header, #wrapper, .inner {
 width:990px;
 padding:0;
 margin:0 auto;
}
 #wrapper {
 padding-bottom:20px;
}
 nav#mainNav {
 clear:both;
 overflow:hidden;
 position:relative;
 display:none;
}
 nav#mainNav ul li {
 float:left;
 position:relative;
}
 nav#mainNav ul li a {
 display:block;
 text-align:center;
 _float:left;
 font-size:13px;
 width:159px;
 padding:10px 0;
 color:#333;
 background:#f1f1f1;
 border-left:1px solid #ebebeb;
}
 nav#mainNav ul li.last a {
 width:158px;
 border-right:1px solid #ebebeb;
}
 nav#mainNav ul li a span, nav#mainNav ul li a strong {
 display:block;
}
 nav#mainNav ul li a span {
 color:#cdcdcd;
 font-size:10px;
}
 nav div.panel {
 display:block !important;
 float:left;
}
 a#menu {
 display:none;
}
 nav#mainNav li.active a, nav#mainNav li.active a:hover {
 color:#fff;
 background:#2b5e92;
 border-color:#2b5e92;
}
 nav#mainNav li a:hover {
 color:#fff;
 background:#5d8ac1;
 border-color:#5d8ac1;
}
 #main {
 float:right;
 width:680px;
 padding:15px 0 0 0;
}
 .gridWrapper {
 margin: auto;
}
 #footer .inner {
 width:940px;
 padding:10px;
}

.filter {
 width: 96px;
}
.filter img {
 width: 97%;
}

}

/*
 tablet

===============================================  */
@media only screen and (max-width:959px) {
 * {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
}
 #searchBoxWide {
 right:236px;
}
 #langMenuWide {
 right:10px;
}
 .item ul {
 clear:both;
}
 .item ul li {
 float:inherit;
 display:inline;
 width:12%;
 text-align:center;
 vertical-align:middle;
 padding:5px 2px;
 border-left:1px solid #FFF;
 display:table-cell;
}
 .item ul li img {
 text-align:center;
 vertical-align:middle;
}
 .item ul li.country {
 width:126px;
}
 .controls li img {
 width:88px;
 height:auto;
}
 #gNaviArea {
 display:none;
}
 #header {
 padding:0 10px;
}
 #headerArea {
 width:100%;
}
 #logo {
 padding-left:10px;
}
 nav#mainNav {
 clear:both;
 width:100%;
 margin:0 auto;
 padding:0;
 background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));
 background:-webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
 background:-moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
 background:-o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
 background:-ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
 background:linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
 border:1px solid #e4e4e4;
}
 nav#mainNav a.menu {
 width:100%;
 display:block;
 height:40px;
 line-height:40px;
 font-weight:bold;
 text-align:left;
}
 nav#mainNav a#menu span {
 padding-left:10px;
}
 nav#mainNav a.menu span:before {
 content:"→ ";
}
 nav#mainNav a.menuOpen span:before {
 content:"↓ ";
}
 nav#mainNav a#menu:hover {
 cursor:pointer;
}
 nav .panel {
 display:none;
 width:100%;
 position:relative;
 right:0;
 top:0;
 z-index:1;
}
 nav#mainNav ul li {
 float:none;
 clear:both;
 width:100%;
 height:auto;
 line-height:1.2;
}
 nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
 display:block;
 padding:15px 10px;
 text-align:left;
 border-bottom:1px dashed #ccc;
}
 nav#mainNav ul li a span {
 padding-left:10px;
}
 nav#mainNav ul li:first-child a {
 border-top:1px solid #e4e4e4;
}
 nav#mainNav ul li:last-child a {
 border:0;
}
 nav#mainNav ul li.active a {
 color:#2b5e92;
}
 nav div.panel {
 float:none;
}
 #mainBanner {
 margin-top:20px;
}
 #share {
 position:static;
 top:0;
 right:0;
 line-height:0;
 margin:10px 0;
}
 .btPtop {
 clear:both;
 margin:40px auto 0;
 text-align:right;
 width:96%;
}
 #footerBody {
 width:96%;
}
}

/*
 smartphone -x

========================================  */
@media only screen and (max-width:767px) {
 #gNaviArea, #searchBoxWide, #langMenuWide, .controls {
 display:none;
}
 #logo {
 padding-left:10px;
}
 #header {
 height:auto;
 padding-bottom:20px;
}
 #header h1, .logo, .info {
 text-align:center;
}
 .logo, .info {
 clear:both;
 width:100%;
 float:none;
 margin:0;
}
 .box img {
 float:left;
 margin-right:5px;
}
 .box h3 {
 padding-top:0;
}
 .alignleft, .alignright {
 float:none;
 display:block;
 margin:0 auto 10px;
}
 #gallery .grid {
 float:left;
}
 .btPtop {
 clear:both;
 margin:40px auto 0;
 text-align:right;
 width:96%;
}
 #footerBody {
 width:96%;
}
}


/* smartphone -y========================================  */
@media only screen and (max-width:480px) {
#gNaviArea, #searchBoxWide, #langMenuWide, .controls {
display:none;
}
.item ul li {
padding:0;
width:6%;
}
.item ul li.country {
width:28%;
}
.item ul li img {
width:70%;
}
}