@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%
---------------------------*/


/* ------- base------ */


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

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

a:focus,
textarea:focus,
input:focus {
	outline: none;
}

.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;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w130{width:130px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}



/*---------------------
     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;
  }
}

/* ------------------------
         COMMON
---------------------------- */

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

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


.header{
 width:800px;
 margin:15px auto 12px;
 overflow:hidden;
 }
 
.header h1{
 background:url(../img2/pc/logo.jpg) left top no-repeat;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 float:left;
 margin:0px 10px 0px 0px;
}
 
.header h1 a{
 width:170px;
 height:36px;
 display:block;
}

.header .catch{
 width:187px;
 height:25px;
 display:block;
 background:url(../img2/pc/headerCatch.gif) left top no-repeat;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 float:left;
 margin:12px 20px 0px 0px;
}

.sitemap{
  font-size: 85%;
  background:url(../img2/pc/ico_sitemap.gif) left top no-repeat;
  float:right;
  margin:15px 15px 0px 0px;
  padding:2px 0px 5px 26px;
}

.header dl{
 float:right;
 margin:12px 0px 0px 0px;
 }
 
.header dt{
 font-size: 85%;
 float:left;
 margin:0px 5px 0px 0px;
 background:url(../img2/pc/ico_search.gif) left 2px no-repeat;
 padding:5px 0px 5px 20px;
 }

.header dd{
 float:left;
 }

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

#topicpath {
	width:800px;
	height:21px;
	margin:0px auto 20px;
	background:transparent url(../common/topicpath_bg.gif) no-repeat scroll center top;
	clear:both;
	color:#666666;
	vertical-align:bottom;
}

#topicpath p {
	font-size:x-small;
	letter-spacing:0.1em;
	padding:3px 0px 0px 8px;
}

#topicpath a:link {
	color:#3399CC;
	text-decoration:underline;
}

#topicpath a:hover {
	color:#3399CC;
	text-decoration:underline;
}

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

 .gNaviSp{
 	display:none;
 }

.gNaviPc{
  width:100%;
  background:url(../common2/bg_gNavi.jpg) left top repeat-x;
  margin:0px 0px 12px 0px;
}

.gNaviPc ul{
  width:800px;
  margin:0px auto;
  overflow:hidden;
}

.gNaviPc ul li{
  float:left;
}


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

.mainWrapper{
  width:800px;
  margin:0 auto;
  padding:0px 0px 40px 0px;
  overflow:hidden;
}

.contentsArea{
	 width:800px;
	 float:none;
 }


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

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

.hl01 span{
  display:block;
}

.hl01 span.t01{
  display:inline;
  font-size:54%;
  padding:0px 0px 0px 10px;
}

/*---------------------
       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;
	background-color: #CC0000;
	margin: 6px 0px 6px 10px;
	padding: 0px 4px;
	font-size: 70%;
}

/*---------------------
       ROll OVER
-----------------------*/

.mainWrapper a:hover img{
	opacity: 0.7;
		-webkit-transition: 0.3s ease-in-out;  
    -moz-transition: 0.3s ease-in-out;  
    -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out;
}

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

.footer{
 width:100%;
}

.footLink01{
 width:100%;
 overflow:hidden;
 background:#F8F8F8 url(../img2/pc/bg_footer.jpg) left top repeat-x;
 padding:20px 0px 10px 0px;
 }

.footLink01 ul{
 width:780px;
 margin:0px auto;
 padding:0px 0px 0px 20px;
 }
 
.footLink01 li{
 width:180px;
 float:left;
 font-size:93%;
 background:url(../img2/pc/arrow_sideLink.png) left 5px no-repeat;
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 10px;
 }
 
   .footLink01 li a:link,
   .footLink01 li a:visited {
      text-decoration:none;
      color:#444444;
    }
    
   .footLink01 li a:hover,
   .footLink01 li a:active{
      text-decoration:underline;
      color:#0085B2;
    }
 
 
.footLink02{
 clear:both;
 background:#2555A1;
 color:#FFFFFF;
 padding:15px 0px;
 }

.footLink02 dl{
 width:780px;
 margin:0px auto;
 padding:0px 0px 0px 20px;
 overflow:hidden;
 }

.footLink02 dt{
 width:180px;
 float:left;
 }

.footLink02 dd{
 margin:0px 0px 0px 180px;
 padding:0px 0px 0px 20px;
 border-left:1px dotted #FFFFFF;
 overflow:hidden;
 }
 
.footLink02 dd li{
 font-size:93%;
 float:left;
 margin:0px 0px 5px 0px;
 padding:0px 10px 0px 10px;
 border-right:1px solid #5177B4;
 }

   .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:85%;
  padding:10px 0px;
 }


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

#page-top {
	position: fixed;
	bottom: 80px;
	right: 100px;
}

#page-top a {
	text-decoration: none;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
}