@charset "utf-8";


@media all and (min-width: 768px) {
#All{
	width:100%;
	background:url(../image/head_pc_bg01.png) repeat-x left top;
	}
}


/*================================================================================
  header
==================================================================================*/

header{
	background:#fb7a24;
	}
header div a{
	background-image:url(../image/sp_head.png);
	}

@media all and (min-width: 768px) {
.head-bg{
	background:url(../image/head_pc_bg02.png) no-repeat center top;
	}
header{
	background-image:url(../image/logo_bg.png),url(../image/head_pc_bg02.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left top,center top;
	background-size:37.6% auto,auto;
	}
header div a{
	background-image:url(../image/pc_head_logo.png);
	}
header dl dd span.medium{
	background:url(../image/font_01.png) no-repeat left center;
	}
header dl dd span.large{
	background:url(../image/font_02.png) no-repeat left center;
	}
header dl dd span.medium.textresizer-active{
	background:url(../image/font_01o.png) no-repeat left center;
	}
header dl dd span.large.textresizer-active{
	background:url(../image/font_02o.png) no-repeat left center;
	}
}

header #btn{
	top:13px;
	right:18%;
	width:185px;
	line-height:1;
	position:absolute;
	}
header #btn li{
	display:inline-block;
	}
header #btn a{
	margin-left:-1px;
	padding:5px 10px;
	float:left;
	display:inline-block;
	border:1px solid #ccc;
	}
header #btn li{
    background:#e4e4e4;
}
header #btn li:first-child{
    background:#FFF;
}

@media all and (max-width: 900px) {
header #btn{
	right:23%;
	}
}
@media all and (max-width: 768px) {
header #btn{
	right:10%;
	}
}
@media all and (max-width:530px) {
header #btn{
	right:3%;
	}
header #btn a{
	font-size:0.8em
	}
header div a{
	width:50%;
	}
}





/*================================================================================
  footer
==================================================================================*/
#footer{
	background-image:url(../image/sp_footerbg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	background-color:#f4f3e6;
	}
.gotop a{
	background-image:url(../image/gotop.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100%;
	}

@media all and (min-width: 768px) {
#footer{
	background-image:url(../image/pc_footerbg1.png),url(../image/pc_footerbg2.png);
	background-repeat:no-repeat,repeat-x;
	background-position:center top,center top;
	background-size:auto,auto;
	background-color:#f4f3e6,#f4f3e6;
	}
#footer p:nth-of-type(1) span{
	display:block;
	}
}



/*================================================================================
  gloval
==================================================================================*/
/*#menu { display: none;}*/

#gloval{
	display:block !important;
	}

@media all and (min-width: 768px) {
#gloval{
	display:none !important;
	}
#menu li:nth-of-type(1) a{
	background-image:url(../image/pc_gnav01.png);
	}
#menu li:nth-of-type(2) a{
	background-image:url(../image/pc_gnav02.png);
	}
#menu li:nth-of-type(8) a{
	background-image:url(../image/pc_gnav03.png);
	}
#menu li:nth-of-type(1) a:hover,
#index #menu li:nth-of-type(1) a{
	background-image:url(../image/pc_gnav01o.png);
	}
#menu li:nth-of-type(2) a:hover,
#description #menu li:nth-of-type(2) a{
	background-image:url(../image/pc_gnav02o.png);
	}
#menu li:nth-of-type(8) a:hover,
#overview #menu li:nth-of-type(8) a{
	background-image:url(../image/pc_gnav03o.png);
	}
}



/*================================================================================
  body
==================================================================================*/
#main a{
	color:#002ae1 !important;
	text-decoration:underline !important;
	}


@media all and (min-width: 768px) {
#Topicpath li:nth-of-type(n+2):first-letter{
	color:#fb7a24;
	}

#Local h2:after{
	background-image:url(../image/line02.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-size:auto;
	}
#Local ul li:after{
	background-image:url(../image/line02.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-size:auto;
	}
#Local ul li a:after{
	background-image:url(../image/lnav_icon.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-size:auto;
	}
#Local h2 a{
	padding-left:30px;
	background-image:url(../image/lnav_icon02.png);
	background-size:20px;
	background-repeat:no-repeat;
	background-position:left top;
	}
}


/* ---------------------------------------------------
 ul
 ----------------------------------------------------- */





/* ---------------------------------------------------
 table
 ----------------------------------------------------- */
table{
	width:100%;
	border-collapse:collapse;
	border-color:#cecece;
	border-style:solid;
	border-width:1px 0 0 1px;
	}
table caption{
	font-size:1.5rem;
	font-weight:bold;
	color:#f36100;
	text-align:left;
	padding-bottom:7px;
	}
table th,
table td{
	font-size:1.2rem;
	padding:7px 10px;
	border-color:#cecece;
	border-style:solid;
	border-width:0 1px 1px 0;
	}
table th{
	background:#f6956b;
	color:#fff;
	white-space: nowrap;
	}
table th.th01{
	color:#000;
	background:#fef1ef;
	}


@media all and (min-width: 768px) {

table th,
table td{
	font-size:1.4rem;
	}



}