@charset "utf-8";

/* ****************************************************

layout.css
-----------------------------------
1: reset
2: base settings
3: utility parts
4: layout settings
	1-1: header
	1-2: main
	1-3: footer
	1-4: breadcrumbNav
-----------------------------------
ex: clearfix

***************************************************** */

/*=================================

	1: reset

================================ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/**
 * custom reset
 */
main {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul{list-style:none;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
mark{background:none;}
caption,th{text-align:left;}
video,audio,canvas{display:inline;zoom:1;}
svg:not(:root){overflow:hidden;}
audio:not([controls]),[hidden]{display:none;}
hr{display:none;}
img{vertical-align:bottom;}
sub,sup{position:relative;line-height:0;font-size:71.4%;}
sup{top:-0.5em;}
sub{bottom:-0.5em;}
address {font-style: normal;}


/*=================================

	2: base settings

================================ */
body {
	color: #333333;
	font-size: 87.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	line-height: 1.5;
}
input,select,textarea{
	font-size: 87.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}

/* link setting */
a:link,
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover,
a:active {
	color: #003686;
	text-decoration: underline;
}
#main [class^=headLine] a:link,
#main [class^=headLine] a:visited,
#main .newsEntryList > .entry > .entryData > .entryTitle a:link,
#main .newsEntryList > .entry > .entryData > .entryTitle a:visited,
#main [class^=linkType] a:link,
#main [class^=linkType] a:visited,
#main [class^=ancLinkType] a:link,
#main [class^=ancLinkType] a:visited,
#main .bsArticle li > a:link,
#main .bsArticle li > a:visited {
	text-decoration: none;
}
#main a:link,
#main a:visited,
#main [class^=headLine] a:hover,
#main [class^=headLine] a:active,
#main .newsEntryList > .entry > .entryData > .entryTitle a:hover,
#main .newsEntryList > .entry > .entryData > .entryTitle a:active,
#main [class^=linkType] a:hover,
#main [class^=linkType] a:active,
#main [class^=ancLinkType] a:hover,
#main [class^=ancLinkType] a:active,
#main .bsArticle li > a:hover,
#main .bsArticle li > a:active {
	text-decoration: underline;
}


/*=================================

	3: utility parts

================================ */

/* margin
================================ */
.mt0 {margin-top: 0 !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mr0 {margin-right: 0 !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !important;} .mb0 {margin-bottom: 0 !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;} .mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;} .mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .ml0 {margin-left: 0 !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;}

/* padding
================================ */
.pt0 {padding-top: 0 !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;} .pr50 {padding-right: 50px !important;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pb0 {padding-bottom: 0 !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;} .pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;}

/* width px
================================ */
.w100px {width: 100px !important;} .w120px {width: 120px !important;} .w150px {width: 150px !important;} .w170px {width: 170px !important;} .w220px {width: 220px !important;} .w235px {width: 235px !important;} .w255px {width: 255px !important;} .w280px {width: 280px !important;} .w445px {width: 445px !important;} .w450px {width: 450px !important;} .w540px {width: 540px !important;}

/* width %
================================ */
.w001per {width: 1% !important;} .w002per {width: 2% !important;} .w003per {width: 3% !important;} .w004per {width: 4% !important;} .w005per {width: 5% !important;} .w006per {width: 6% !important;} .w007per {width: 7% !important;} .w008per {width: 8% !important;} .w009per {width: 9% !important;} .w010per {width: 10% !important;} .w011per {width: 11% !important;} .w012per {width: 12% !important;} .w013per {width: 13% !important;} .w014per {width: 14% !important;} .w015per {width: 15% !important;} .w016per {width: 16% !important;} .w017per {width: 17% !important;} .w018per {width: 18% !important;} .w019per {width: 19% !important;} .w020per {width: 20% !important;} .w021per {width: 21% !important;} .w022per {width: 22% !important;} .w023per {width: 23% !important;} .w024per {width: 24% !important;} .w025per {width: 25% !important;} .w026per {width: 26% !important;} .w027per {width: 27% !important;} .w028per {width: 28% !important;} .w029per {width: 29% !important;} .w030per {width: 30% !important;} .w031per {width: 31% !important;} .w032per {width: 32% !important;} .w033per {width: 33% !important;} .w034per {width: 34% !important;} .w035per {width: 35% !important;} .w036per {width: 36% !important;} .w037per {width: 37% !important;} .w038per {width: 38% !important;} .w039per {width: 39% !important;} .w040per {width: 40% !important;} .w041per {width: 41% !important;} .w042per {width: 42% !important;} .w043per {width: 43% !important;} .w044per {width: 44% !important;} .w045per {width: 45% !important;} .w046per {width: 46% !important;} .w047per {width: 47% !important;} .w048per {width: 48% !important;} .w049per {width: 49% !important;} .w050per {width: 50% !important;} .w051per {width: 51% !important;} .w052per {width: 52% !important;} .w053per {width: 53% !important;} .w054per {width: 54% !important;} .w055per {width: 55% !important;} .w056per {width: 56% !important;} .w057per {width: 57% !important;} .w058per {width: 58% !important;} .w059per {width: 59% !important;} .w060per {width: 60% !important;} .w061per {width: 61% !important;} .w062per {width: 62% !important;} .w063per {width: 63% !important;} .w064per {width: 64% !important;} .w065per {width: 65% !important;} .w066per {width: 66% !important;} .w067per {width: 67% !important;} .w068per {width: 68% !important;} .w069per {width: 69% !important;} .w070per {width: 70% !important;} .w071per {width: 71% !important;} .w072per {width: 72% !important;} .w073per {width: 73% !important;} .w074per {width: 74% !important;} .w075per {width: 75% !important;} .w076per {width: 76% !important;} .w077per {width: 77% !important;} .w078per {width: 78% !important;} .w079per {width: 79% !important;} .w080per {width: 80% !important;} .w081per {width: 81% !important;} .w082per {width: 82% !important;} .w083per {width: 83% !important;} .w084per {width: 84% !important;} .w085per {width: 85% !important;} .w086per {width: 86% !important;} .w087per {width: 87% !important;} .w088per {width: 88% !important;} .w089per {width: 89% !important;} .w090per {width: 90% !important;} .w091per {width: 91% !important;} .w092per {width: 92% !important;} .w093per {width: 93% !important;} .w094per {width: 94% !important;} .w095per {width: 95% !important;} .w096per {width: 96% !important;} .w097per {width: 97% !important;} .w098per {width: 98% !important;} .w099per {width: 99% !important;} .w100per {width: 100% !important;}

/* align

================================ */
.aC {text-align: center !important;} .aL {text-align: left !important;} .aR {text-align: right !important;} .vT {vertical-align: top !important;} .vM {vertical-align: middle !important;} .vB {vertical-align: bottom !important;}

/* display
================================ */
.dB {display: block !important;} .dN {display: none !important;}

/* float
================================ */
.fR, .fL, .fN {margin-top: 20px;}
.fR > * {float:right !important;} .fL > * {float:left !important;} .fN > * {float:none !important;}
.fR > *:first-child, .fL > *:first-child, .fN > *:first-child {margin-top:0 !important;}

/* clear
================================ */
.clearB {clear:both !important;} .clearR {clear:right !important;} .clearL {clear:left !important;} .clearN {clear:none !important;}

/* voiceGuide
================================ */
.voiceGuide {display: block;width: 1px;height: 1px;margin: 0;padding: 0;position: absolute;top: 0;left: 0;overflow: hidden;font-size: 0;}


/*=================================

	4: layout settings

================================ */
html {
	background: #f3f0ea;
}
body {
	position: relative;
	border-top: 3px solid #fcd475;
	background: #ffffff;
	text-align: center;
}
/* box-sizing */
#globalHeader #searchBox input,
.dropDownMenu {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

/* css sprite */
#globalHeader #searchBox .submitBtn,
.dropDownMenu > .subNav ul > li > a:before,
.nav .nav3rd > li > a:before,
.nav .nav3rd > li > .nav4th > li > a:before,
#breadcrumbNav ul li:before {
	background: url(/common/images/com_sprite01.png) no-repeat;
	content: "";
}
#globalHeader #searchBox .submitBtn {background-position: -35px 0;}
.dropDownMenu > .subNav ul > li > a:before, .nav .nav3rd > li > a:before {width: 10px; height: 10px; background-position: -58px -44px;}
.nav .nav3rd > li > a:hover:before {width: 10px; height: 10px; background-position: -73px -44px;}
.nav .nav3rd > .pc > a:before {width: 13px !important; height: 14px !important; background-position: -35px -217px !important;}
.nav .nav3rd > li > .nav4th > li > a:before {width: 5px; height: 6px; background-position: -37px -206px;}
.nav .nav3rd > .on > a:before, .nav .nav3rd > .on > a:hover:before {width: 10px; height: 10px; background-position: -88px -44px;}
.nav .nav3rd > li > .nav4th > li > a:hover:before, .nav .nav3rd > li > .nav4th > .current > a:before {width: 5px; height: 6px; background-position: -47px -206px;}
.nav .nav3rd > .current > a:before {width: 10px; height: 10px; background-position: -73px -44px !important;}
#breadcrumbNav ul li:before {width: 8px; height: 9px; background-position: -35px -100px;}

/* transition */
.nav a {
	-webkit-transition: border-color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
	   -moz-transition: border-color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
	    -ms-transition: border-color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
       -o-transition: border-color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
	        transition: border-color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
}

/* 1-1: header
================================ */
#header {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	border-bottom: 3px solid #003686;
	text-align: left;
}
#header p {
	margin-top: 0;
}

/* globalHeader */
#globalHeader {
	padding-right: 224px;
}
#globalHeader .siteLogo {
	position: absolute;
	top: 30px;
	left: 1px;
	width: 151px;
}
#globalHeader .siteLogo img {
	opacity: 1.0 !important;
}
#globalHeader .headerLink {
	float: right;
	padding: 5px 0 0 151px;
}
#globalHeader .headerLink li {
	float: left;
	margin: 10px 0 0 25px;
	font-size: 85.7%;
	line-height: 26px;
	white-space: nowrap;
}
#globalHeader #searchBox {
	position: absolute;
	top: 15px;
	right: 0;
	width: 205px;
}
#globalHeader #searchBox input {
	height: 26px;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
	background: none;
	-webkit-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
	        box-shadow: none;
}
#globalHeader #searchBox .inputField {
	width: 179px;
	padding: 3px 5px;
	border: 1px solid #cccccc;
	border-right: none;
}
#globalHeader #searchBox .submitBtn {
	width: 26px;
	text-indent: -9999px;
	cursor: pointer;
}
#globalHeader #searchBox .submitBtn:hover {
	background-position: -66px 0;
}

/* globalNav */
#globalNav {
	position: relative;
	float: right;
	width: 701px;
	margin-bottom: -3px;
	padding-top: 15px;
}
#globalNav > ul > li {
	float: left;
}
#globalNav > ul > li > a {
	display: block;
	width: 132px;
	height: 38px;
	border-bottom: 3px solid #003686;
	background: url(/common/images/header_nav01.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}
#globalNav > ul > li:nth-child(4) > a {
	width: 152px;
}
#globalNav > ul > li:nth-child(5) > a {
	width: 153px;
}
#globalNav > ul > li:nth-child(1) > a {background-position: 0 0;}
#globalNav > ul > li:nth-child(2) > a {background-position: -132px 0;}
#globalNav > ul > li:nth-child(3) > a {background-position: -264px 0;}
#globalNav > ul > li:nth-child(4) > a {background-position: -396px 0;}
#globalNav > ul > li:nth-child(5) > a {background-position: -548px 0;}
#globalNav > ul > li:nth-child(1) > a:hover, #globalNav > ul > li.current:nth-child(1) > a, #globalNav > ul > li:nth-child(1) > a.on {background-position: 0 -76px;}
#globalNav > ul > li:nth-child(2) > a:hover, #globalNav > ul > li.current:nth-child(2) > a, #globalNav > ul > li:nth-child(2) > a.on {background-position: -132px -76px;}
#globalNav > ul > li:nth-child(3) > a:hover, #globalNav > ul > li.current:nth-child(3) > a, #globalNav > ul > li:nth-child(3) > a.on {background-position: -264px -76px;}
#globalNav > ul > li:nth-child(4) > a:hover, #globalNav > ul > li.current:nth-child(4) > a, #globalNav > ul > li:nth-child(4) > a.on {background-position: -396px -76px;}
#globalNav > ul > li:nth-child(5) > a:hover, #globalNav > ul > li.current:nth-child(5) > a, #globalNav > ul > li:nth-child(5) > a.on {background-position: -548px -76px;}
/*#globalNav > ul > li:nth-child(1) > a:hover {background-position: 0 -38px;}
#globalNav > ul > li:nth-child(2) > a:hover {background-position: -132px -38px;}
#globalNav > ul > li:nth-child(3) > a:hover {background-position: -264px -38px;}
#globalNav > ul > li:nth-child(4) > a:hover {background-position: -396px -38px;}
#globalNav > ul > li:nth-child(5) > a:hover {background-position: -548px -38px;}*/

/* dropDownMenu */
.dropDownMenu {
	position: absolute;
	top: 56px;
	display: none;
	padding: 18px 30px 33px;
	background: #ffffff;
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
      -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
       -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
	z-index: 1000;
}
.dropDownMenu:before {
	position: absolute;
	top: -15px;
	width: 30px;
	height: 15px;
	background: url(/common/images/header_bg01.png) no-repeat 0 0;
	content: "";
}
.dropDownMenu > .subNav {
	float: left;
	margin-left: 20px;
}
.dropDownMenu > .subNav:first-child {
	margin-left: 0;
}
.dropDownMenu > .subNav .navHead {
	font-weight: bold;
}
.dropDownMenu > .subNav ul > li > a {
	position: relative;
	display: block;
	padding: 9px 0 10px 17px;
	background: url(/common/images/com_hr01.gif) repeat-x 0 100%;
}
.dropDownMenu > .subNav ul > li > a:before {
	position: absolute;
	top: 1.0em;
	left: 0;
}
.dropDownMenu > .subNav ul > li > a > span {
	letter-spacing: -0.08em;
}
#globalNav ul li:nth-child(1) > .dropDownMenu {
	left: -187px;
}
#globalNav ul li:nth-child(1) > .dropDownMenu:before {
	left: 238px;
}
#globalNav ul li:nth-child(1) > .dropDownMenu > .subNav {
	width: 174px;
}
#globalNav ul li:nth-child(2) > .dropDownMenu {
	left: -33px;
}
#globalNav ul li:nth-child(2) > .dropDownMenu:before {
	left: 220px;
}
#globalNav ul li:nth-child(2) > .dropDownMenu > .subNav {
	width: 194px;
}
#globalNav ul li:nth-child(3) > .dropDownMenu {
	left: 264px;
}
#globalNav ul li:nth-child(3) > .dropDownMenu:before {
	left: 50px;
}
#globalNav ul li:nth-child(3) > .dropDownMenu > .subNav {
	width: 242px;
}

/* fixed */
#header.fixed {
	position: fixed;
	top: 0;
	left: 50%;
	width: 1000px;
	margin: 0 0 0 -500px;
	background: #ffffff;
	z-index: 9999;
}
#header.fixed #globalHeader > *:not(.siteLogo) {
	display: none;
}
#header.fixed #globalHeader > .siteLogo {
	top: 7px;
}

/* en, cn, tw */
body#en,
body#en input,body#en select,body#en textarea {
	font-family: Arial, Helvetica, sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic";
}
body#tw,
body#tw input,body#tw select,body#tw textarea {
	font-family: SimSun, SimHei, Microsoft YaHei, PMingLiU, MingLiU, Microsoft JhengHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic";
}
body#cn,
body#cn input,body#cn select,body#cn textarea {
	font-family: SimSun, SimHei, Microsoft YaHei, PMingLiU, MingLiU, Microsoft JhengHei, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic";
}
body#en #globalHeader,
body#tw #globalHeader,
body#cn #globalHeader {
	min-height: 74px;
	padding-right: 10px;
}
body#en #globalHeader .headerLink,
body#tw #globalHeader .headerLink,
body#cn #globalHeader .headerLink {
	padding-top: 30px;
}

/* 1-2: main
================================ */
#main {
	position: relative;
	width: 1000px;
	margin: 25px auto 0;
	text-align: left;
}
#contents {
	float: right;
	width: 760px;
}
#sidebar {
	float: left;
	width: 210px;
}
#main > .voiceGuide + *,
#contents > *:first-child,
#sidebar > *:first-child {
	margin-top: 0 !important;
}
#sidebar p {
	margin-top: 0;
}

/* nav */
.nav {
	margin-top: 30px;
}
.nav a {
	position: relative;
	display: block;
	text-decoration: none !important;
	outline: none;
}
.nav a:hover,
.nav .current > a {
	background: #4476c1 !important;
	color: #ffffff !important;
}
.nav .icon img {
	position: absolute;
	top: 50%;
	right: 13px;
	margin: -7px 0 0;
	opacity: 1.0 !important;
}
.nav .navHead {
	font-size: 121.4%;
	font-weight: bold;
}
.nav .navHead > a {
	padding: 15px 19px;
	background: #fcd475;
	color: #003686;
}
.nav > ul {
	padding: 9px;
	border: 1px solid #e4e1d6;
	border-top: none;
	background: #f3f0ea;
}
.nav > ul > li {
	margin-top: 15px;
}
.nav > ul > li:first-child {
	margin-top: 6px;
}
.nav > ul > li > span {
	display: block;
	padding: 1px 0 0 8px;
	border-left: 3px solid #7993b8;
	line-height: 13px;
}
.nav > ul > li > span + * {
	margin-top: 10px;
}
.nav .nav3rd > li {
	margin-top: 2px;
	background: #ffffff;
	line-height: 1.2;
}
.nav .nav3rd > li:first-child {
	margin-top: 0;
}
.nav .nav3rd > li > a {
	padding: 20px 10px 18px 31px;
	background: #ffffff;
	z-index: 1;
}
.nav .nav3rd > li > a:before {
	position: absolute;
	top: 50%;
	left: 13px;
	margin-top: -5px;
}
.nav .nav3rd > li > span {
	display: inline-block;
	margin: 20px 0 20px 20px;
	padding: 1px 8px 0;
	border-left: 3px solid #7f9ac2;
	line-height: 1.0;
}
.nav .nav3rd > li > .icon {
	padding-right: 41px;
}
.nav .nav3rd > .pc > a:before {
	left: 11px;
	margin-top: -6px;
}
.nav .nav3rd > li > .nav4th {
	margin-top: 0 !important;
	padding: 1px 1px 17px;
	z-index: 10;
}
.nav .nav3rd > li > .nav4th > li {
	font-size: 92.9%;
	line-height: 1.6;
}
.nav .nav3rd > li > .nav4th > li > a {
	padding: 5px 10px 4px 43px;
	background: #ffffff;
}
.nav .nav3rd > li > .nav4th > li > a:before {
	position: absolute;
	top: 1.0em;
	left: 30px;
	width: 5px;
	height: 6px;
}
.nav .nav3rd > .on > .nav4th,
.nav .nav3rd > .current > .nav4th {
	display: block;
}

/* banner */
#sidebar .banner {
	margin-top: 20px;
}
#sidebar .banner + .banner {
	margin-top: 10px;
}

/* 1-3: footer
================================ */
#footer {
	margin-top: 58px;
	background: #f3f0ea url(/common/images/footer_bg01.gif) repeat-x 0 0;
}
#footer p {
	margin-top: 0;
}

/* globalFooter */
#globalFooter {
	width: 1000px;
	margin: 0 auto;
	padding: 84px 0 168px;
	background: url(/common/images/footer_bg02.gif) no-repeat 0 0;
	text-align: left;
}
#globalFooter .footerLink {
	float: left;
	width: 650px;
}
#globalFooter .footerLink + .footerLink {
	margin-top: 10px;
}
#globalFooter .footerLink li {
	float: left;
	margin-left: 15px;
	padding-left: 16px;
	border-left: 1px solid #aaaaaa;
	font-size: 85.7%;
	line-height: 13px;
	white-space: nowrap;
}
#globalFooter .footerLink li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#globalFooter .footerLink li a {
	color: #555555;
}
#globalFooter .footerLink li a:hover {
	color: #003686;
}
#globalFooter .footerLink li a img {
	margin-left: 5px;
}
#globalFooter #copyright {
	float: right;
	color: #555555;
	font-size: 78.6%;
	line-height: 13px;
}

/* pageTop */
#pageTop {
	position: absolute;
	bottom: 288px;
	right: 0;
	display: none;
}
#pageTop a {
	outline: none;
}

/* 1-4: breadcrumbNav
================================ */
#breadcrumbNav {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#breadcrumbNav ul {
	overflow: hidden;
	padding: 6px 0;
}
#breadcrumbNav ul li {
	float: left;
	margin: 6px 0 0 10px;
	color: #555555;
	font-size: 78.6%;
}
#breadcrumbNav ul li:before {
	float: left;
	margin: 0.3em 7px 0 0;
}
#breadcrumbNav ul li:first-child {
	margin-left: -16px;
	padding-left: 0;
	background: none;
}
#breadcrumbNav ul li a {
	color: #555555;
}


/*=================================

	clearfix

=================================*/
.fR:after,
.fL:after,
#header:after,
#globalHeader:after,
#globalHeader .headerLink:after,
#globalNav > ul:after,
.dropDownMenu > .innerWrap:after,
#main:after,
#globalFooter:after,
#globalFooter .footerLink:after,
#breadcrumbNav ul:after {
	content: "";
	display: block;
	clear: both;
}
.fR,
.fL,
#header,
#globalHeader,
#globalHeader .headerLink,
#globalNav > ul,
.dropDownMenu > .innerWrap,
#main,
#globalFooter,
#globalFooter .footerLink,
#breadcrumbNav ul {
	zoom: 1;
}