@charset "shift_jis";


/* ------------------------
     Font-size Adjustment
---------------------------
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
---------------------------*/


/*---------------------
     PC/SP DISPLAY
-----------------------*/

/*PCのみ表示・SPは非表示*/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

/*SPのみ表示・PCは非表示*/
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

/* ------------------------
          BASE
--------------------------*/

body{
 color:#444444;
 -webkit-text-size-adjust: 100%;
}

a:link,
a:visited {
	text-decoration:underline;
	color:#0085B2;
}

a:hover ,
a:active{
  text-decoration:none;
	color:#0085B2;
}

.sp00{margin-bottom:0px !important;}
.sp10{margin-bottom:10px !important;}
.sp15{margin-bottom:15px !important;}
.sp20{margin-bottom:20px !important;}
.sp25{margin-bottom:25px !important;}
.sp30{margin-bottom:30px !important;}
.sp35{margin-bottom:35px !important;}
.sp40{margin-bottom:40px !important;}
.sp45{margin-bottom:45px !important;}
.sp50{margin-bottom:50px !important;}

.pd05{padding-bottom:5px !important;}
.pd10{padding-bottom:10px !important;}
.pd15{padding-bottom:15px !important;}
.pd20{padding-bottom:20px !important;}
.pd25{padding-bottom:25px !important;}
.pd30{padding-bottom:30px !important;}

.w40{width:40px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w130{width:130px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}

/* ------------------------
          HEADER
--------------------------*/

.header{
 width:auto;
 margin:10px 10px 5px;
 overflow:hidden;
}

.header h1{
 background:url(../img2/sp/logo.jpg) left top no-repeat;
 background-size:114px 26px;
   -moz-background-size:114px 26px;
	 -webkit-background-size:114px 26px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 float:left;
 margin:0px 10px 0px 0px;
}

.header h1 a{
 width:114px;
 height:26px;
 display:block;
}

.header .catch{
 width:118px;
 height:18px;
 float:left;
 display:block;
 background:url(../img2/sp/headerCatch.gif) left top no-repeat;
 background-size:118px 18px;
   -moz-background-size:118px 18px;
	 -webkit-background-size:118px 18px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 margin:10px 0px 0px 0px;
}


.sitemap,
.header dl{
  display:none;
}


/*---------------------
     TOPICPATH
-----------------------*/

#topicpath{
  display:none;  
 }


/*---------------------
   GLOBAL NAVIGATION
-----------------------*/

.gNaviPc{
  display:none;
}

.gNaviSp{
  width:100%;
	border-top:2px solid #2555A1;
	padding-top: 2px;
	background: #EEE;
  margin:0px 0px 20px 0px;
}

.gNaviSp ul{
  margin:0;
  overflow:hidden;
}

.gNaviSp ul li{
  width:25%;
  height:50px;
  float:left;
  text-align: center;
	border-left:1px solid #FFFFFF;
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  box-sizing: border-box;
	
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
}
	.gNaviSp ul li:first-child{
		border-left:none;
	}

	.gNaviSp ul li a{
		width:100%;
		height:50px;
		display: block;
	}

.gNaviSp ul li.navi01{
  background:url(../img2/sp/navi01.png) center center no-repeat;
   -moz-background-size:40px 34px;
   -webkit-background-size:40px 34px;
  background-size:40px 34px;
}

.gNaviSp ul li.navi01.current{
  background:url(../img2/sp/navi01.png) center center no-repeat,#C2C2C2;
	  -moz-background-size:40px 34px;
   -webkit-background-size:40px 34px;
  background-size:40px 34px;
}

.gNaviSp ul li.navi02{
  background:url(../img2/sp/navi02.png) center center no-repeat;
   -moz-background-size:52px 34px;
   -webkit-background-size:52px 34px;
  background-size:52px 34px;
}

.gNaviSp ul li.navi02.current{
  background:url(../img2/sp/navi02.png) center center no-repeat,#C2C2C2;
   -moz-background-size:52px 34px;
   -webkit-background-size:52px 34px;
  background-size:52px 34px;
}

.gNaviSp ul li.navi03{
  background:url(../img2/sp/navi03.png) center center no-repeat;
   -moz-background-size:52px 34px;
   -webkit-background-size:52px 34px;
  background-size:52px 34px;
}

.gNaviSp ul li.navi03.current{
  background:url(../img2/sp/navi03.png) center center no-repeat,#C2C2C2;
   -moz-background-size:52px 34px;
   -webkit-background-size:52px 34px;
  background-size:52px 34px;
}

.gNaviSp ul li.navi04{
  background:url(../img2/sp/navi04.png) center center no-repeat;
   -moz-background-size:60px 34px;
   -webkit-background-size:60px 34px;
  background-size:60px 34px;
}

.gNaviSp ul li.navi04.current{
  background:url(../img2/sp/navi04.png) center center no-repeat,#C2C2C2;
   -moz-background-size:60px 34px;
   -webkit-background-size:60px 34px;
  background-size:60px 34px;
}


/*---------------------
        LAYOUT
-----------------------*/

.mainWrapper{
  width:auto;
  margin:0;
  padding:0;
}

.contentsArea{
	width:auto;
	float:none;
	margin:0px 10px 40px;
 }

/*---------------------
       MARKUP
-----------------------*/

.hl01{
	background:url(../img2/bg_hl01.jpg) left top repeat-y;
	margin:0px 0px 10px 0px;
	padding:0px 10px;
	font-size:18px;
}

.hl01 span{
  display:block;
}

.hl01 span.t01{
	display:block;
	font-size:9px;
	padding:0px 0px 0px 0px;
}


/*---------------------
       TEXT COLOR
-----------------------*/

.txtOrange{
	color:#FF7F00;
}

.txtOrange-B{
	color:#FF7F00;
	font-weight: bold;
}

.txtRed{
	color:#D90000;
}

.txtRed-B{
	color:#D90000;
	font-weight: bold;
}

/*---------------------
       NEW ICON
-----------------------*/

.newIcon {
	color: #FFFFFF;
	font-size:11px;
	font-weight: bold;
	background-color: #CC0000;
	margin:0px 0px 0px 10px;
	padding:0px 4px;
	vertical-align: 3px;
}

/*---------------------
        FOOTER
-----------------------*/

.footer{
 width:auto;
}

.footLink01{
 width:100%;
 overflow:hidden;
 background:#EEEEEE url(../img2/sp/bg_footer.jpg) left top repeat-x;
	 -moz-background-size:10px;
	 -webkit-background-size:10px;
 background-size:10px;
 padding:2px 0px 0px 0px;
 }

.footLink01 ul{
  overflow: hidden;
 }
 
.footLink01 li{
 width:50%;
 float:left;
 border-bottom:1px solid #DDDDDD;
 		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 
 .footLink01 li:nth-child(odd){
	 width:50%;
	 border-right:1px solid #DDDDDD;
 }
 
   .footLink01 li a:link,
   .footLink01 li a:visited {
      text-decoration:none;
      color:#444444;
      padding:14px 0px 14px 17px;
      display:block;
      background:url(../img2/sp/bg_footLink.png) 10px 18px no-repeat;
      background-size:4px 6px;
       -moz-background-size:4px 6px;
       -webkit-background-size:4px 6px;
    }
    
   .footLink01 li a:hover,
   .footLink01 li a:active{
      text-decoration:none;
      color:#444444;
      padding:14px 0px 14px 17px;
      display:block;
      background:#DDDDDD url(../img2/sp/bg_footLink.png) 10px 18px no-repeat;
      background-size:4px 6px;
       -moz-background-size:4px 6px;
       -webkit-background-size:4px 6px;
    }
 
.footLink02{
 }

.footLink02 dl{
 background:#4068AC;
 }

.footLink02 dt{
 color:#FFFFFF;
 text-align:center;
 display:block;
 background:#2555A1;
 padding:8px;
 }
 
 .footLink02 dt span{
 background:url(../img2/sp/arrow_footLink02.jpg) left 2px no-repeat;
 background-size:10px;
   -moz-background-size:10px;
   -webkit-background-size:10px;
 padding:0px 0px 0px 15px; 
 }


.footLink02 dd{
  padding:12px 10px 4px 10px;
  font-size:11px;
 }

.footLink02 dd ul{
  text-align:center;
  overflow:hidden;
 } 

.footLink02 dd li{
  display:inline-block;
  margin:0px 0px 8px 0px;
  padding:0px 6px;
  border-right:1px solid #FFFFFF;
 }

   .footLink02 dd li a:link,
   .footLink02 dd li a:visited {
      text-decoration:none;
      color:#FFFFFF;
    }
    
   .footLink02 dd li a:hover,
   .footLink02 dd li a:active{
      text-decoration:underline;
       color:#FFFFFF;
    }

.copyright{
  text-align:center;
  font-size:10px;
  padding:10px 0px;
 }


/*---------------------
        PAGETOP
-----------------------*/

  #page-top,
  #page-top a,
  #page-top a:hover {
   display:none;
   }