@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++

base.css
Last Update 2013-04-24

+++++++++++++++++++++++++++++++++++++++++ */

body{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#wrap{text-align:left; font-size:93%;}


/*====================================
headerArea
====================================*/
#headerArea{
	position:relative;
	margin:0 auto;
	padding-top:8px;
	width:960px;
}
#headerArea #logoBlock{display:inline; float:left; padding-top:10px;}
#headerArea #catchCopy{display:inline; float:left; width:176px; margin:20px 0 0 10px;}
.ie6 #headerArea #catchCopy,
.ie7 #headerArea #catchCopy{margin-top:15px;}

#headerArea #headerNavBlock{float:right; width:604px; position: relative;}
#headerArea .textHeader{width:550px!important;}
#headerArea #headerNavBlock #headerFunctions{padding-bottom:9px;}
.ie7 #headerArea #headerNavBlock #headerFunctions{padding-bottom:5px;}
#headerNavBlock #cvSet{float:left;}
#headerNavBlock #cvSet li{float:left; width:auto; margin-right:9px; display:inline;}
#headerNavBlock #searchSet{float:left;}
#headerNavBlock #searchSet #searchWin{
	width:140px;
	border:#c5c6c0 1px solid;
	padding:0 2px;
	line-height:1.5;
	height:20px;
	font-size:12px;
	vertical-align:top;
}
#headerNavBlock #searchSet #searchSubmit{
	width:55px;
	height:22px;
	margin-left:4px;
	border:none;
	background:url(/common/images/header_btn_003.gif) 0 0 no-repeat;
	cursor:pointer;
}
#headerNavBlock #fontSet{display:inline; float:right; margin-left:20px;}
#headerNavBlock #fontSet p{display:inline; float:left; margin:10px 2px 0 0;}
#headerNavBlock #fontSet p img{vertical-align:top;}
#headerNavBlock #fontSet ul{display:inline; float:right;}
#headerNavBlock #fontSet ul li{
	display:inline;
	float:left;
	width:21px;
	margin-left:4px;
	cursor:pointer;
}

#headerNavBlock #subNav{display:inline; float:right; padding-bottom:4px;}
#headerNavBlock #subNav li{
	display:inline;
	float:left;
	padding-left:5px;
	margin-left:5px;
	background:url(/common/images/header_bg_001.gif) 0 2px no-repeat;
	zoom:1;
}

#headerNavBlock #subNav li.firstChild{background:none;}
#headerNavBlock #subNav li a{
	display:inline-block;
	padding:2px 5px 1px 14px;
	background:url(/common/images/cmn_ico_001.gif) 5px 5px no-repeat;
	color:#262626;
	text-decoration:none;
	line-height:1.2;
	zoom:1;
}
#headerNavBlock #subNav li.active a,
#headerNavBlock #subNav li a:hover{background-color:#c9e9fd;}

.ie7 #headerNavBlock #subNav li a{background-position:5px 5px;}

#headerNavBlock #snsSet{position: absolute; left: -4px; bottom: 4px;}
#headerNavBlock #snsSet a{
	line-height:1.4;
	background:url(/common/images/header_ico_002.gif) no-repeat 1px 0.35em;
	padding:0 0 0 10px;
	margin:3px 0;
	min-height:6px;
	text-decoration: none;
	font-weight: bold;
}#headerNavBlock #snsSet a:hover{
	text-decoration: underline;
}
#headerNavBlock.textHeader #snsSet{position: absolute; left: -64px; bottom: 4px;}


/*====================================
gnavArea
====================================*/
.gnavArea{}
.gnavArea ul{width:960px; margin:0 auto; overflow:hidden; zoom:1;}
.gnavArea ul li{float:left; display:inline;background-color:#ddf1fc;}
.gnavArea .noJSmess{width:914px;}

/* level2
----------------------------*/
.gnavArea ul.level2{border-bottom:#ffffff 1px solid;}
.gnavArea ul.level2 li a{
	display:block;
	padding:5px 15px 9px 15px;
	border-left:#ddf1fc 1px solid;
	border-right:#ddf1fc 1px solid;
	background:#ddf1fc url(/top/images/top_icon_016.gif) center 21px no-repeat;
	color:#262626;
	text-decoration:none;
}

.gnavArea ul.level2 li a:hover,
.gnavArea ul.level2 li.current a{
	padding:5px 15px 9px 15px;
	background-color:#ffffff;
	border-left:#d1d2cd 1px solid;
	border-right:#d1d2cd 1px solid;
	background-position:center 21px;
	color:#0072ba;
}
.gnavArea ul.level2 li.firstChild a{border-left:#d1d2cd 1px solid;}
.gnavArea ul.level2 li.firstChild a:hover,
.gnavArea ul.level2 li.firstChild.current a{
	border-left:#d1d2cd 1px solid;
}

/* level3
----------------------------*/
.gnavArea ul.level2 ul.level3{border-bottom:#d1d2cd 1px solid;z-index: 1;}
.gnavArea ul.level2 ul.level3 li a{
	display:block;
	padding:6px 21px 4px 29px;
	background:#fff url(/common/images/cmn_ico_002.gif) 20px 0.75em no-repeat;
	background-position: 20px 0.75em;
	color:#262626;
	text-decoration:none;
}
.gnavArea ul.level2 li.firstChild .level3 li a{border-left:1px solid #d1d2cd;}
.gnavArea ul.level2 ul.level3 li a:hover,
.gnavArea ul.level2 ul.level3 li.current a{
	padding:6px 21px 4px 29px;
	background-color:#ebf6fa;
	border-left:#d1d2cd 1px solid;
	border-right:#d1d2cd 1px solid;
	background-position:20px 0.75em;
	color:#0072ba;
}


/* gnavAllPage
----------------------------*/
.gnavAllPage{
	position: relative;
}

.gnavAllPage ul{}

.gnavAllPage .warpLevel{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* level1
----------------------------*/
.gnavAllPage ul.level1{

}
/* level3 level2
----------------------------*/

.gnavAllPage ul.level3 li a {
	border: 1px solid #d1d2cd;
	border-bottom: none;
}

.gnavAllPage ul.level3 li a:hover{
	padding: 6px 11px 5px 19px;
	background: #fff url(/common/images/cmn_ico_002.gif) 10px 0.75em no-repeat;
}

.gnavAllPage ul.level2,
.gnavAllPage ul.level3{
	display: none;
}

.gnavAllPage .warpLeve2{
	display: none;
	position: absolute;
	top: 40px;
	left: 0px;
	height: 29px;
	padding:0 0 4px 0;
	background: url('/common/images/gnav_bg_001.png') repeat-x left bottom transparent;
	z-index: 20;
}

.gnavAllPage ul.level2{
	background:#ddf1fc;
	border-right:1px solid #d1d2cd;
	width:959px;
}

.gnavArea ul.level2 li a:hover, .gnavArea ul.level2 li.current a{
	color: #0072ba;
}

.gnavAllPage ul.level3{
	position: absolute;
	overflow:visible;
}

.gnavArea ul.level3{
	width:140px;
	margin: 0;
}
.gnavArea ul.level3 li{
	display: block;
	float: none;
	margin: 0;
}

.gnavAllPage ul.level2 li.current ul.level3 li a{
	background-color: #ffffff;
}

.gnavAllPage ul.level2 li.current ul.level3 li a{
	color: #262626;
}

.gnavAllPage ul.level2 li.current ul.level3 li{
	text-align:left;
}

.gnavAllPage ul.level2 li.current ul.level3 li a:hover{
	background-color:#c3e6fc;
	border-left:#d1d2cd 1px solid;
	border-right:#d1d2cd 1px solid;
	color:#0072ba;
}

/* gnav2nd
----------------------------*/
.gnav2nd ul.level2{background-color:#fff; border-bottom:#d1d2cd 1px solid;}
.gnav2nd ul.level2 ul{background-color:#fff;}
.gnav2nd ul.level2 li a{
	display:block;
	padding:6px 11px 4px 19px;
	background:#fff url(/common/images/cmn_ico_002.gif) 10px 0.75em no-repeat;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	color:#262626;
	text-decoration:none;
}
.gnav2nd ul.level2 li a:hover,
.gnav2nd ul.level2 li.current a{
	padding:6px 11px 4px 19px;
	background-color:#ebf6fa;
	border-left:#d1d2cd 1px solid;
	border-right:#d1d2cd 1px solid;
	background-position:10px 0.75em;
	color:#0072ba;
}

.gnav2nd ul.level3{margin:0 auto; width:960px; overflow:hidden; zoom:1; border-bottom:#d1d2cd 1px solid;}
.gnav2nd ul.level3 li{float:left; display:inline;background-color:#c9e9fd;}
.gnav2nd ul.level3 li a{
	display:block;
	padding:6px 21px 4px 29px;
	background:#fff url(/common/images/cmn_ico_002.gif) 20px 0.75em no-repeat;
	background-position: 20px 0.75em;
	color:#262626;
	text-decoration:none;
}
.gnav2nd ul.level3 li a:hover,
.gnav2nd ul.level3 li.current a{
	padding:6px 20px 4px 28px;
	background-color:#ebf6fa;
	border-left:#d1d2cd 1px solid;
	border-right:#d1d2cd 1px solid;
	background-position:19px 0.75em;
	color:#0072ba;
}


/*====================================
dirPathBlock
====================================*/
.dirPathBlock{margin:0 auto; width:960px;}
.dirPathBlock p{padding:8px 0 8px 16px; background:url(/common/images/cmn_ico_home.gif) 0 50% no-repeat;}
.dirPathBlock a,
.dirPathBlock span,
.dirPathBlock strong,
.dirPathBlock em{margin:0 5px;}
.dirPathBlock em{font-weight:bold;}


/*====================================
mainArea
====================================*/
#mainArea{
	margin:0 auto;
	padding:0 0 60px;
	width:960px;
}
/*oneColumn01*/
.oneColumn01{margin-top:20px;}
/*twoColumn01*/
.twoColumn01{margin-top:20px;}
.twoColumn01 #contentsArea{float:left; width:700px;}
.twoColumn01 #snavArea{float:right; width:235px;}


/*====================================
snavArea
====================================*/
#snavArea #localNav{margin-bottom:20px;}
#snavArea #localNav dt{
	padding:7px 8px 0 26px;
	height:21px;
	background:url(/common/images/side_bg_001.gif) 0 0 no-repeat;
	color:#fff;
	font-weight:bold;
}
#snavArea #localNav dt.topNav{height:9px; padding:0;}
#snavArea #localNav dd{border-bottom:#9fbdcf 1px solid;}
#snavArea #localNav dd a{
	display:block;
	padding:8px 10px 7px 25px;
	background:#ddf1fc url(/common/images/side_ico_001.gif) 9px 13px no-repeat;
	color:#262626;
	text-decoration:none;
}
#snavArea #localNav dd a:hover{background-color:#abdfff;}
#snavArea #localNav dd.current a{background-color:#f0f8fd; color:#0072ba;}
#snavArea #localNav dd.current a:hover{background-color:#abdfff;}
#snavArea #localNav dd ul{
	padding:3px 0;
	border-top:#a1cae4 1px solid;
	background-color:#f0f8fd;
}
#snavArea #localNav dd ul li a{
	padding:3px 4px 3px 35px;
	background:#ddf1fc url(/common/images/cmn_ico_002.gif) 27px 9px no-repeat;
}
#snavArea #localNav dd ul li a:hover{
	background:#3db2e8 url(/common/images/cmn_ico_003.gif) 27px 9px no-repeat!important;
	color:#fff;
}
#snavArea #localNav dd ul ul{border-top:none; padding:0;}
#snavArea #localNav dd ul ul li a{
	padding:3px 4px 3px 55px;
	background:#ddf1fc url(/common/images/cmn_ico_002.gif) 47px 7px no-repeat;
}
#snavArea #localNav dd ul ul li a:hover{
	background:#3db2e8 url(/common/images/cmn_ico_003.gif) 47px 7px no-repeat!important;
	color:#fff;
}


/*====================================
footer
====================================*/
/* footerNav
----------------------------*/
#footerNav{
	width:100%;
	padding:13px 0;
	border-top:#e5e5e5 1px solid;
	border-bottom:#e5e5e5 1px solid;
	background:#f3f3f3;
}
#footerNavInner{
	position:relative;
	margin:0 auto;
	width:960px;
	font-size:92%;
}

#footerNavInner #pageTop{
	position:absolute;
	top:-47px;
	right:0;
	padding:10px;
	border:1px solid #e5e5e5;
	border-radius:4px 4px 0 0;
	border-bottom:none;
	background-color:#f3f3f3;
}
#footerNavInner #pageTop a{
	padding-left:12px;
	background:url(/common/images/cmn_ico_009.gif) 0 4px no-repeat;
	zoom:1;
}
.ie7 #footerNavInner #pageTop a{background-position:0 3px;}

#footerNavInner ul li{
	display:inline;
	float:left;
	margin-right:15px;
	padding-left:15px;
}
#footerNavInner ul li a{color:#777; text-decoration:none;}
#footerNavInner ul li a:hover{text-decoration:underline;}
#footerNavInner ul li.linkBlank a{
	padding-right:15px;
	background:url(/common/images/cmn_ico_012.gif) 100% 45% no-repeat;
}
#footerNavInner .category{margin-bottom:10px;}
#footerNavInner .category li{background:url(/common/images/footer_ico_001.gif) 0 0.1em no-repeat;}
#footerNavInner .utility li{background:url(/common/images/footer_ico_002.gif) 0 0.1em no-repeat;}

#footerNavInner #copyrightBlock{float:left; color:#777; font-weight:bold;}
#footerNavInner #snsBlock{float:right; display:inline;}
#footerNavInner #snsBlock li{
	display:inline;
	float:right;
	padding:2px 0 2px 25px;
}
#footerNavInner #snsBlock li a{color:#262626;}
#footerNavInner #snsBlock li.fb{background:url(/common/images/footer_ico_facebook.gif) 0 50% no-repeat;}
#footerNavInner #snsBlock li.tw{background:url(/common/images/footer_ico_twitter.gif) 0 50% no-repeat;}

/* footer
----------------------------*/
#footerInner{
	width:960px;
	margin:0 auto;
	padding:15px 0 40px;
}
#footerInner .footLogo{float:left; display:inline; margin-top:8px;}
#footerInner .footLinks{float:right; display:inline;}
#footerInner .footLinks p{margin-top:5px; font-size:92%;}
#footerInner .footLinks p a{margin:0 5px;}


/*====================================
clearfix
====================================*/
#headerArea:before, #headerArea:after,
#headerFunctions:before, #headerFunctions:after,
#cvSet:before, #cvSet:after,
#fontSet:before, #fontSet:after,
#fontSet ul:before, #fontSet ul:after,
.gnavArea:before, .gnavArea:after,
#footerInner:before, #footerInner:after{
	content:"";
	display:table;
}
#headerArea:after,
#headerFunctions:after,
#cvSet:after,
#fontSet:after,
#fontSet ul:after,
.gnavArea:after,
#footerInner:after{
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
#headerArea,
#headerFunctions,
#cvSet,
#fontSet,
#fontSet ul,
.gnavArea,
#footerInner{
	zoom:1;
}


/* ----08/26---- */
#footerNav {
padding-bottom: 8px;
}
#footerNavInner .category {
margin-bottom: 8px;
}
#footerNavInner .utility li {
margin-top: 8px;
}
#footerNavInner #copyrightBlock {
color: #bcbcbc;
}
#footerNavInner #snsBlock li.line{
	padding-top:1px;
	padding-left:0;
}
/* ----08/26---- */
/* ----09/06---- */
#footerNavInner #snsBlock li{
	padding-left:0;
}
#footerNavInner #snsBlock li.fb a,#footerNavInner #snsBlock li.tw a{
	padding-left:25px;
}
/* ----09/06---- */
/* ----09/10---- */
#headerNavBlock #searchSet .SubmitBtn{
	width:55px;
	height:22px;
	margin-left:4px;
	border:none;
/*	background:url(/common/images/header_btn_003.gif) 0 0 no-repeat;*/
	cursor:pointer;
}
#headerNavBlock #searchSet .ask{
	width:140px;
	border:#c5c6c0 1px solid;
	padding:0 2px;
	line-height:1.5;
	height:20px;
	font-size:12px;
	vertical-align:top;
}
/* ----09/10---- */


/** -----------------------------------------------------------------------
フッターカルーセル表示用スタイル（BxSlider）
-------------------------------------------------------------------------**/

/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  /*-webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;*/
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  /*bottom: -30px;*/
  width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(/common/footer/images/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 10px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 6px;
  margin: 0 3px;
  border:1px solid #139fd4;
  cursor: pointer;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	cursor: default;
}

.bx-wrapper .bx-pager.bx-default-pager a.visible {
	background-color: #5db7df;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #1899d2;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -40px;
  background: url(/common/footer/images/btn_back.gif) 50% 50% no-repeat;
}
/*.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}*/

.bx-wrapper .bx-next {
  right: -40px;
  background: url(/common/footer/images/btn_next.gif) 50% 50% no-repeat;
}
/*.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}*/
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(/common/footer/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(/common/footer/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}



/** -----------------------------------------------------------------------
フッターカルーセル表示用スタイル（カスタム）
-------------------------------------------------------------------------**/
#footerBnr.carousel {
	padding: 15px 0 25px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#footerBnr.carousel ul li{
	display:list-item;
	padding-left:0;
	margin-bottom: 10px;
}

/* ----15/02/16---- */
#headerNavBlock #searchSet #searchSubmit{
background-image:url("/common/images/header_btn_003.gif");
}#headerNavBlock #subNav li a{
background-image:url("/common/images/header_ico_001.gif");
}#footerNavInner #pageTop a{
background-image:url("/common/images/cmn_ico_0009.gif");
}#headerNavBlock #subNav li{
background-image:url("/common/images/header_bg_001.gif");
}.gnavArea ul.level2 li a{
background-image:url("/common/images/top_icon_016.gif");
}.dirPathBlock p{
background-image:url("/common/images/cmn_ico_home.gif");
}#snavArea #localNav dt{
background-image:url("/common/images/side_bg_001.gif");
}#snavArea #localNav dd a{
background-image:url("/common/images/side_ico_001.gif");
}#footerNavInner ul li.linkBlank a{
background-image:url("/common/images/footer_ico_blank.gif");
}#footerNavInner .category li{
background-image:url("/common/images/footer_ico_001.gif");
}#footerNavInner .utility li{
background-image:url("/common/images/footer_ico_002.gif");
}#footerNavInner #snsBlock li.fb{
background-image:url("/common/images/footer_ico_facebook.gif");
}#footerNavInner #snsBlock li.tw{
background-image:url("/common/images/footer_ico_twitter.gif");
}#headerNavBlock #snsSet a{
background-image:url("/common/images/header_ico_002.gif");
}