@charset 'UTF-8';
/*===========================================
base.css INDEX
!!!!! Can be edited only part of the "Editable Properties" !!!!!

* Base Setting
* wrapper
* header
		-logo
		-siteFunctions
		-globalNav
		-regionLang
		-contact
		-subLinks
* header [media queries]
* breadCrumb
* contents
		-sidebar
		-sidebar [contact]
		-sidebar [localNav]
* footer
* clearfix
===========================================*/

/*-------------------------------------------
Base Setting
-------------------------------------------*/
html{font-size:62.5%;}
body,select,input,textarea{
	font-size:100%;
	-webkit-text-size-adjust:none;
}
a{
	color:#014099;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,255,0.2)!important;
}
a:link{-webkit-tap-highlight-color:#fcd700;}
a:hover{text-decoration:underline;}
a:visited{color:#004eb6; text-decoration:none;}
caption{margin-bottom:5px; text-align:left;}
ins{background-color:#fcd700; color:#000; text-decoration:none;}
mark{background-color:#fcd700; color:#000; font-style:italic; font-weight:bold;}
select{height:1.8em;}
input{padding:0 2px;}
textarea{padding:2px;resize:vertical;width:98%;}

/*********************
Editable Properties [header]
*********************/
body,select,input,textarea{
	font:1.4em Helvetica, Arial, Tahoma, sans-serif;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family:Helvetica,Arial,sans-serif;*/
	line-height:1.6;
	color:#333;
}

/*-------------------------------------------
wrapper
-------------------------------------------*/
#wrapper{width:960px; margin:0 auto; text-align:left;}
#skipLink{position:absolute; left:-9999px;}


/*-------------------------------------------
header
-------------------------------------------*/
#headerWrap{position:fixed; z-index:99; background-color:#fff; width:960px;}

/* logo
---------------------------------*/
header #logo{position:absolute; top:17px; left:0; z-index:105;}
header #logo p{float:left;}
header #spMenuBtn{display:none;}

/* siteFunctions
---------------------------------*/
#siteFunctions{
	position:fixed;
	z-index:99;
	width:960px;
	left:50%;
	margin-left:-480px;
	height:84px;
	background-color:#fff;
}
#siteFunctions.hideGnavHeader{height:70px;}
#siteFunctions #searchSet{position:absolute; top:38px; right:0; z-index:102;}
#siteFunctions #searchSet form{width:195px; height:28px; margin-left:12px; background-color:#d7d7d7;}
#siteFunctions #searchSet form.focusOn{background-color:#a7a7a7;}
#siteFunctions #searchSet form input{float:left; outline:none;}
#siteFunctions #searchSet form input.searchBox{
	width:163px;
	height:20px;
	padding:0;
	border:none;
	margin:3px 0 0 5px;
	background:transparent;
	font-size:12px;
	color:#fff;
}
#siteFunctions #searchSet form input.searchBtn{padding-top:4px;}

/* globalNav
---------------------------------*/
#siteFunctions #globalNav{
	position:relative;
	z-index:101;
	width:960px;
	margin-top:84px;
	/*background:url(../images/gnav_menu_bg.gif) 0 100% repeat-x;*/
}
#siteFunctions #globalNav.hideGnav{display:none;}
/*#siteFunctions #globalNav.close{border-bottom:#e9e9e9 1px solid;}*/
#siteFunctions #globalNav ul{height:42px;}
#siteFunctions #globalNav ul li{float:left;}
#siteFunctions #globalNav ul li span.menuToggle{display:none;}
#siteFunctions #globalNav ul li ul{display:none;}

#siteFunctions #globalNav p{
	position:relative;
	display:none;
	width:960px;
	height:42px;
	margin:-60px auto 0;
	text-align:center;
	overflow:hidden;
}
#siteFunctions #globalNav.close p{display:block; padding-bottom:18px;}
#siteFunctions #globalNav #naviBtn{
	position:relative;
	visibility:hidden;
	z-index:11;
	cursor:pointer;
}
#siteFunctions #globalNav.close #naviBtn{visibility:visible;}

/* regionLang
---------------------------------*/
#siteFunctions #regionLang{position:absolute; top:12px; right:0; z-index:103; font-size:11px;}
#siteFunctions #regionLang nav{float:left; position:relative; margin-left:5px;}
#siteFunctions #regionLang nav ul{display:none; position:absolute; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; background-color:#fff;}
#siteFunctions #regionLang nav ul li{background-color:#f9f9f9; border-bottom:#ebebeb 1px solid; margin-bottom:1px;}
#siteFunctions #regionLang nav ul li:last-child{margin-bottom:0;}
#siteFunctions #regionLang nav ul li a{display:block; padding:3px 5px 3px 20px; background:url(../images/icon_arrow_05.gif) 10px 50% no-repeat; color:#666;}
#siteFunctions #regionLang nav ul li a:hover{text-decoration:none;}
#siteFunctions #regionLang .gPSwitch{cursor:pointer; height:17px; padding:4px 30px 0 0; background:url(../images/header_icon_nav.gif) 100% 0 no-repeat; text-align:right;}
#siteFunctions #regionLang .gPSwitch.active{background-position:100% 100%;}
#siteFunctions #regionLang .otherLink{float:right; margin:4px 0 0 10px; padding-right:23px; background:url(../images/header_icon_link.gif) 100% 0 no-repeat;}
#siteFunctions #regionLang .otherLink a{color:#333;}
#siteFunctions #regionLang .otherLink a:hover{text-decoration:none;}
#siteFunctions #regionLang .globalLink{float:right; margin:4px 0 0 10px;}
#siteFunctions #regionLang .globalLink a{color:#333; padding:1px 18px 0 1px; background:url(../images/header_icon_global.gif) 100% 50% no-repeat;}
#siteFunctions #regionLang .globalLink a:hover{text-decoration:none; color:#014099; background:url(../images/header_icon_global_on.gif) 100% 0 no-repeat;}
#siteFunctions #regionLang nav .spText{display:none;}

/* contact
---------------------------------*/
#siteFunctions #contactLink{position:absolute; top:38px; right:207px; z-index:102;}

/* subLinks
---------------------------------*/
#siteFunctions .subLinks{position:absolute; top:16px; z-index:102; font-size:11px;}
#siteFunctions .subLinks li{float:right; margin-right:15px; padding-left:8px; background:url(../images/icon_arrow_08.gif) 0 45% no-repeat;}
#siteFunctions .subLinks li a{line-height:1; color:#333;}
#siteFunctions .subLinks li a img{vertical-align:middle;}

/*********************
Editable Properties [header]
*********************/
header #logo .siteLogo a{display:inline-block;}
header #logo .siteLogo{padding:14px 0 0 25px;}
header #logo .originalLogo{padding:14px 0 0 0;}
.ie7 #siteFunctions #searchSet form{padding:0; margin:0;}
.ie7 #siteFunctions #regionLang{width:34%;}
#siteFunctions #regionLang nav ul li a:hover{color:#49a5e6;}
#siteFunctions #regionLang nav.selectLang{width:105px;}
#siteFunctions #regionLang nav.selectLang ul{width:104px;}
#siteFunctions #regionLang nav.selectRegion{width:130px;}
#siteFunctions #regionLang nav.selectRegion ul{width:129px;}
#siteFunctions #regionLang .otherLink a:hover{color:#49a5e6;}
#siteFunctions .subLinks{right:300px;}


/*-------------------------------------------
header media queries
-------------------------------------------*/
@media screen and (min-width:759px){
	#wrapper{width:960px!important;}
	#siteFunctions #globalNav ul li ul{display:none!important;}
}
@media screen and (max-width:599px){
	body,select,input,textarea{font-size:13px;}
	#wrapper{width:100%; min-width:320px; background-color:#fff;}
	#headerWrap{width:100%; box-shadow:0 2px 2px #ccc; height:auto;}
	#headerWrap.hideGnavHeader{height:42px;}
	#siteFunctions #globalNav.hideGnav{display:block;}
	header #logo{display:block; position:relative; top:inherit; left:inherit; display:block; padding-left:5px; overflow:hidden;}
	header #logo .groupLogo{float:left; padding-top:8px;}
	header #logo .groupLogo img{width:83px; height:27px;}
	header #logo .siteLogo{float:left; margin-left:8px; padding:8px 0 0 0;}
	header #logo .siteLogo img{vertical-align:middle;}
	header #logo #spMenuBtn{display:block; float:right;}
	header #logo #spMenuBtn a{display:block; width:42px; height:42px;}
	
	/*********************
	Editable Properties [header media queries]
	*********************/
	header #logo .siteLogo img{
		/*width:50px;*/
		height:11px;
	}
	header #logo .originalLogo img{
		width:110px;
		height:12px;
	}
	header #logo #spMenuBtn{
		background:#014099 url(../images/sp_head_menu.png) 50% 50% no-repeat;
		background-size:18px 18px;
		-moz-background-size:18px 18px;
		-webkit-background-size:18px 18px;
	}
}


/*-------------------------------------------
breadCrumb
-------------------------------------------*/
#breadCrumb{padding-top:122px; margin-bottom:10px; font-size:85%; clear:both;}
#breadCrumb li{float:left; white-space:nowrap;}
#breadCrumb li.parent{padding-left:0; background:none;}
#breadCrumb li a{text-decoration:underline; color:#666;}
#breadCrumb li a:hover{text-decoration:none;}

/*********************
Editable Properties [breadCrumb]
*********************/
#breadCrumb li{
	margin-right:5px;
	padding-left:10px;
	padding-top:3px;
	background:url(../images/icon_arrow_05.gif) 5px 55% no-repeat;
	color:#000;
	line-height:1.2;
	white-space:normal;
}
.fixedPadding{padding-top:122px;}
.hideGnavPadding{padding-top:70px!important;}

@media screen and (max-width:599px){
	#breadCrumb{padding-top:42px;}
	#breadCrumb ul{padding:5px 10px; background-color:#ccc;}
	.fixedPadding,
	.hideGnavPadding{padding-top:42px!important;}
	
}


/*-------------------------------------------
contents
-------------------------------------------*/
#contents{background-color:#fff; clear:both;}
#contents #main{float:left; width:720px;}

/* sidebar
---------------------------*/
#sidebar{float:right; width:220px; font-size:12px;}
#sidebar dl dt a{display:block;}
/*#sidebar dl dd ul{margin:0 0 16px;}*/
#sidebar dl dd li a{display:block;}
#sidebar dl dd li ul{margin:-5px 0 0 0;}
#sidebar dl dd li li{border:none;}
#sidebar dl dd li ul ul{margin:0 0 5px;}
#sidebar dl dd li a span.subname{display:block; padding-left:0; background:none;}
#sidebar dl dd li.appear{display:none;}

/* sidebar [contact]
---------------------------*/
#sidebar .contact a{display:block; text-align:center;}
#sidebar .contact a:hover{text-decoration:none!important;}

/* sidebar [localNav]
---------------------------*/
#sidebar #localNav{margin-top:15px;}
#sidebar #localNav li{width:auto;}

/* sidebar [productSearch]
---------------------------*/
#sidebar .productSearch{margin-top:15px;}

/* sidebar [asideList]
---------------------------*/
#sidebar .asideList{margin-top:15px;}
#sidebar .asideList dt{color:#000; padding:10px; font-weight:bold; border:#e9e9e9 1px solid;}

@media screen and (max-width:599px){
	#contents{margin:0 10px;}
	#contents #main{float:none; width:100%;}
	#contents #sidebar{float:none; width:100%; margin-top:30px;}
	#sidebar dd ul li{display:none;}
	#sidebar dd ul li.appear{display:block!important;}
	#sidebar dd ul li.appear li{display:block!important;}
	#sidebar #localNav li{display:block;}
	#sidebar dl dd li a span.subname{display:inline; padding-left:5px;}
}

/*********************
Editable Properties [contents]
*********************/
#sidebar dl dt{color:#fff; line-height:1.3; font-size:14px;}
#sidebar dl dt a{padding:15px; background-color:#014099; color:#fff;}
#sidebar dl dt a:hover{background-color:#00265b; text-decoration:none;}

/*#sidebar dl dt.upFloor a{padding-right:11px; background:url(../images/side_menu_bg_hd_arrow.gif) 100% 50% no-repeat;}*/
#sidebar dl dd li{border:#eaeaea 1px solid; border-top:none; background-color:#fff;}
#sidebar dl dd li a{padding:12px; line-height:1.2; color:#000; text-decoration:none;}
.ie7 #sidebar dl dd li a{padding-top:7px;}
#sidebar dl dd li a:hover{background-color:#ebf2fb;}
#sidebar dl dd li.active a{font-weight:bold; color:#004097;}
#sidebar dl dd li.active li a{font-weight:normal; color:#5c5c5c;}
#sidebar dl dd li li a{padding:5px 10px 5px 25px; background-position:23px 13px;}
#sidebar dl dd li li.active a,
#sidebar dl dd li li li.active li.active a{font-weight:bold; color:#004097;}
#sidebar dl dd li li.active li a,
#sidebar dl dd li li li.active li a{font-weight:normal; color:#5c5c5c;}
#sidebar dl dd li li li.active a{font-weight:bold; color:#004097;}
#sidebar dl dd li li li a{padding-left:46px; background-position:36px 13px;}
#sidebar dl dd li li li li a{padding-left:66px; background-position:36px 13px;}
#sidebar dl dd li a span.subname{font-size:85%;}

/* sidebar [contact]
---------------------------*/
#sidebar .contact{margin-top:15px;}
#sidebar .contact a{
	padding:18px 10px;
	background-color:#fff;
	border:#eaeaea 1px solid;
	color:#333;
	font-size:14px;
}
#sidebar .contact a:hover{
	color:#fff;
	background-color:#004097;
}

/* sidebar [localNav]
---------------------------*/
#sidebar #localNav{border-top:#eaeae8 1px solid;}
#sidebar #localNav li{border:#eaeae8 1px solid; border-top:none;}
#sidebar #localNav li a{padding:10px 15px;}
#sidebar #localNav li a:hover{background-color:#ebf2fb;}

/* sidebar [productSearch]
---------------------------*/
#sidebar .productSearch{border:#eaeaea 1px solid; background-color:#fff; padding:15px;}
#sidebar .productSearch h3{
	margin-bottom:10px;
	padding:8px 0 8px 40px;
	background:url(../images/side_bg_search.png) 0 0 no-repeat;
	font-size:114%;
	font-weight:bold;
	line-height:1.2;
}
#sidebar .productSearch form{margin:10px 0;}
#sidebar .productSearch form input.wordInput{
	display:block;
	width:178px;
	height:28px;
	margin-bottom:4px;
	padding:2px 5px;
	border:none;
	outline:none;
	background-color:#d7d7d7;
	font-size:12px;
	line-height:28px;
}
#sidebar .productSearch form input.btnSubmit{
	display:block;
	width:100%;
	padding:5px;
	background-color:#807f7f;
	border:none;
	outline:none;
	color:#fff;
	text-align:center;
	font-size:13px;
	line-height:1.2;
}
#sidebar .productSearch form input.btnSubmit:hover{background-color:#666;}
#sidebar .productSearch .abcIndex a{
	display:block;
	padding:10px 5px;
	background-color:#014099;
	color:#fff;
	font-size:13px;
	text-align:center;
}
#sidebar .productSearch .abcIndex a:hover{background-color:#00265b; text-decoration:none;}

/* sidebar [asideList]
---------------------------*/
#sidebar .asideList dt{color:#000; padding:10px; font-weight:bold; border:#e9e9e9 1px solid;}
#sidebar .asideList dd li.newWindow a{padding-right:25px; background:url(../images/icon_newwin.png) 96% 50% no-repeat;}
#sidebar .asideList dd li.newWindow a:hover{background-color:#ebf2fb;}

@media screen and (max-width:599px){
	#sidebar nav{padding:10px; background-color:#f0f0f0; border:#eaeaea 1px solid;}
	#sidebar .contact a{padding:10px; height:auto;}
	#sidebar .contact a:hover{background-color:#014099; color:#fff;}
	
	#sidebar .productSearch{padding:10px;}
	#sidebar .productSearch h3{
		padding:0 0 0 22px;
		background-size:17px 17px;
		-moz-background-size:17px 17px;
		-webkit-background-size:17px 17px;
	}
	#sidebar .productSearch form input.wordInput{width:96%;}
	#sidebar .productSearch form input.btnSubmit{padding:10px;}
	
	#sidebar .asideList dt{background-color:#fff;}
	#sidebar .asideList dd li{display:block;}
}


/* ------------------------------------------
footer
--------------------------------------------- */
footer{margin-top:30px; padding-bottom:20px; border-top:#e9e9e9 1px solid; clear:both; font-size:12px;}
footer #toPageTop{text-align:right; margin-right:15px;}
footer #toPageTop a{}
footer ul{margin-top:-5px;}
footer ul li{float:left; width:auto; border-left:#e5e5e5 1px solid; line-height:1.5;}
footer ul li a{padding:0 30px;}
footer ul li.lastChild{border-right:#e5e5e5 1px solid;}
footer #copyright{float:left; clear:left; width:auto; margin-top:18px;}
footer #groupLogo{
	float:right;
	width:194px;
	height:28px;
	margin-top:8px;
	background:url(../images/footer_group_logo.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

@media screen and (max-width:599px){
	footer{padding-bottom:10px;}
	footer #toPageTop{margin-right:5px;}
	footer #toPageTop img{}
	footer ul{margin:-15px 0 0 10px;}
	footer ul li{display:block; float:none; margin-bottom:3px; border:none;}
	footer ul li.lastChild{border:none;}
	footer ul li a{padding:2px 0;}
	footer #copyright{width:auto; font-size:71%; margin:20px 0 0 10px;}
	footer #copyright:before{content:attr(data-label);}
	footer #copyright img{display:none;}
	footer #groupLogo{
		width:70px;
		height:27px;
		margin-right:5px;
		background:url(../images/sp_footer_group_logo.gif) 0 0 no-repeat;
		background-size:70px 27px;
		-moz-background-size:70px 27px;
		-webkit-background-size:70px 27px;
	}
}

/*********************
Editable Properties [contents]
*********************/
footer #footerInner{border-top:solid 1px #dfdfdf;}
footer #footerInner ul li a{background: url(../images/icon_arrow_08.gif) 0 0.35em no-repeat; font-size:85%;}

@media screen and (max-width:599px){
	footer #toPageTop a{
		width:96px;
		height:8px;
		padding:0;
		background:url(../images/sp_pagetop.png) 0 0 no-repeat;
		background-size:96px 8px;
		-webkit-background-size:96px 8px;
		-moz-background-size:96px 8px;
	}
	footer #footerInner p#copyright{color:#999;}
}


/*-------------------------------------------
popup page
-------------------------------------------*/
/* wrapper
---------------------------*/
body#popup #wrapper{
	width:960px;
	margin:0 auto;
	text-align:left;
}

/* header
---------------------------*/
body#popup header{padding:17px 0; border-bottom:#eaeaea 1px solid;}
body#popup header p{float:left;}
body#popup header .siteLogo{padding: 14px 0 0 25px;}
body#popup .offleft{float:right;}

/* content
---------------------------*/
body#popup #content{padding-bottom:20px; text-align:center;}
body#popup #content h1{
	border:none;
	padding:0;
	color:#014099;
	font-size:250%;
	font-weight:bold;
	margin:20px 0 15px;
	line-height:1;
	text-align:center;
}
body#popup .conBlock{width: 620px; margin:0 auto 20px;}
body#popup .conBlock02{width: 620px; margin:0 auto 20px;}
body#popup .conBlock02 ul{padding:25px 30px; border:1px solid #e7e7e7; text-align:left;}
body#popup .conBlock02 li{padding-left:1em; text-indent:-1em;}
body#popup .conBlock03{padding-bottom:265px; text-align:center;}
body#popup .conBlock03 .inqBtn a{display:inline-block; padding:8px 20px; background-color:#014099; color:#fff; font-size:114%; font-weight:bold;}
body#popup .conBlock03 .inqBtn a:hover{text-decoration:none; background-color:#00265b;}
body#popup .pageTop{text-align:right;}

@media screen and (max-width:599px){
	body#popup #wrapper{width:100%; min-width:320px; background-color:#fff;}
	body#popup header{background-position:50% 100%; padding:10px 0 10px 5px;}
	body#popup header .groupLogo{float:left;}
	body#popup header .groupLogo img{width:68px; height:22px;}
	body#popup header .siteLogo{float:left; margin-left:8px; padding:0;}
	body#popup header .siteLogo img{vertical-align:middle;}
	body#popup .offleft{margin:0 10px 0 0; width:16px; height:19px;}
	body#popup #content{padding:0 10px 20px;}
	body#popup #content h1{font-size:142%;}
	body#popup .conBlock{width:100%;}
	body#popup .conBlock02{width:100%;}
	body#popup .conBlock02 ul{padding:15px;}
	body#popup .conBlock03{padding-bottom:30px;}
	body#popup .conBlock03 a{display:block; width:80%; margin:0 auto; padding:10px; background-color:#013e94; color:#fff; font-size:114%;}
	body#popup .conBlock03 a img{display:none;}
	
	/*********************
	Editable Properties [header media queries]
	*********************/
	body#popup header .siteLogo img{
		width:37px;
		height:8px;
	}
}


/*-------------------------------------------
clearfix
-------------------------------------------*/
.clearfix:after,
header:after,
header #logo:after,
#regionLang:after,
.subLinks:after,
#globalNav ul:after,
#breadCrumb ul:after,
#contents:after,
footer:after,
footer ul:after{content:''; display:block; clear:both; height:0; overflow:hidden;}

.clearfix,
header,
header #logo,
#regionLang,
.subLinks,
#globalNav ul,
#breadCrumb ul,
#contents,
footer,
footer ul{zoom:1;}