@charset "utf-8";

/************************************************

 Base

*************************************************/

/* Reset
========================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
 
html {
  line-height: 1;
  -webkit-text-size-adjust: none;
}
 
ol, ul {
  list-style: none;
}
 
table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
 
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
 
a img {
  border: none;
}

label{
  font-weight:normal;
}

i{
  font-style:normal;
} 

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  vertical-align:top;
}

sub, sup {
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.0;
  font-size:72%;
}
sup {
  vertical-align:0.8em;
}
sub {
  margin-right: 1px;
  vertical-align:0;
}

address,caption,cite,code,dfn,var{
  font-weight:normal;
  font-style:normal;
}


/* Base Layout
========================================== */

body{
	background:#fff;
	color: #333;
	text-align:center;
	font: 87%/1.6 "メイリオ", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","MS Pゴシック",Helvetica,Arial,sans-serif;
	
}

/***** link ******/
a { color: #18447f; text-decoration:underline; }
a:hover { text-decoration:none; }

#contents{
	width:100%;
	padding:0 0 25px;
	background:url(/common/img/bg_cont06.gif) repeat-x left top;
}

#main{
	width:720px;
	float:right;
}

#side{
	width:230px;
	float:left;
}

.baseIn {
	width: 980px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.narrow .baseIn{
	width: 720px;
}

.narrow #main{
	width:100%;
	float:auto;
	text-align:left;
}

.narrow #contents{
	background:none;
}

/***** clear ******/
.baseIn:after { content:""; display:block; clear:both; height:0; }
* html .baseIn  { zoom: 1; }  /* IE6 */
*:first-child+html .baseIn { zoom: 1; }  /* IE7 */


/* Header
========================================== */

#header{
	width:100%;
	background:url(/common/img/bg_cont03.gif) repeat-x left top;
}

#header .baseIn{
	height:85px;
}

#header .logo{
	position:absolute;
	top:30px;
}

.narrow #header .logo{
	top:30px;
}

#header .hNav{
	position:absolute;
	top:30px;
	right:210px;
}

#header .hNav ul{
	padding:0;
}

/***** clear ******/
#header .hNav ul:after { content:""; display:block; clear:both; height:0; }
* html #header .hNav ul  { zoom: 1; }  /* IE6 */
*:first-child+html #header .hNav ul { zoom: 1; }  /* IE7 */


#header .hNav li{
	float:left;
	margin:0;
}

#header .hNav li a:hover{
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#header .hSearch{
	width:200px;
	height:35px;
	position:absolute;
	top:30px;
	right:0;
}

#header .hSearch form{
	border:solid 4px #cdd4d9;
}

#header #SS_searchQuery{
	width:159px;
	height:25px;
	line-height:27px;
	border:none;
	outline:none;
	text-indent:10px;
}

.searchBtn{
	width:29px; /*元々31pxだったがChromeでレイアウトが崩れたため変更20200825*/
	height:27px;
	overflow:hidden;
	outline:none;
	float:right;
}


/* GlobalNav
========================================== */

#gNav{
	width:100%;
}


#gNav li{
	float: left;
}

#gMenu {
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	z-index: 100;
}
.gMenuBlock a {
	color: #000;
}
.gMenuSubList a,
.gMenuLocal a {
	color: #333;
	text-decoration: none;
}
.gMenuSubList a:hover,
.gMenuLocal a:hover {
	text-decoration: underline;
}
.gMenuBlock {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	width: 960px;
	padding: 0;
	border: 10px solid #cdd4d9;
	border-radius: 5px;
	background-color: #cdd4d9;
	behavior: url("/common/css/PIE.htc");
}
.is_gMenuActive {
	display: block !important;
}
.gMenuInner {
	padding: 20px 20px 20px 10px;
	border-radius: 5px;
	background-color: #fff;
}
.gMenuLocal {
	float: left;
	width: 620px;
	margin: -4px 0 0;
}
.gMenuContact {
	float: right;
	width: 230px;
	padding: 0 25px 8px;
	border-radius: 5px;
	background-color: #ecf0f1;
}
.gMenuTit {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #b1b2ae;
	color: #000;
	font-size: 100%;
	font-weight: bold;
}
.gMenuTit span {
	display: block;
	min-height: 20px;
	margin: 0 0 0 1px;
	padding: 0 0 0 34px;
	background-position: left center;
	background-repeat: no-repeat;
}
#serviceNavBlock .gMenuTit span { background-image: url(/common/img/icon_service02.png); }
#reasonNavBlock .gMenuTit span { background-image: url(/common/img/icon_reason02.png); }
#aboutNavBlock .gMenuTit span { background-image: url(/common/img/icon_about02.png); }
#accessNavBlock .gMenuTit span { background-image: url(/common/img/icon_access02.png); }
#supportNavBlock .gMenuTit span { background-image: url(/common/img/icon_support02.png); }
.gMenuList {
	font-size: 100%;
}
.gMenuList li {
	padding-top: 11px;
	border-top: 1px dotted #b1b2ae;
}
.gMenuList ul li,
.gMenuList li:first-child {
	padding-top: 0;
	border-top: none;
}
.gMenuList li a,
.gMenuList li span {
	padding: 0 0 0 21px;
	background: url(/common/img/icon_link01.png) left center no-repeat;
	color: #000;
	font-weight: bold;
}
.gMenuList ul li a,
.gMenuList ul li span {
	padding: 0;
	background: none;
	color: #333;
	font-weight: normal;
}
.gMenuSubList ul li {
	font-size:86%;
}
.gMenuList .gMenuSubList {
	padding: 9px 0 0;
}
.gMenuSubList ul {
	float: left;
	width: 50%;
	margin: 0 0 5px 0;
}
.gMenuSubList li {
	margin: 0 0 5px 0;
}
.gMenuCol {
	width: 630px;
	overflow-x: hidden;
	margin: 15px -20px 0 0;
	font-size: 86%;
}
.gMenuCol li {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 10px;	
}
.gMenuCol li:last-child {
	margin-right: 0;
}
.gMenuCol span {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}
.gMenuCol span:first-child {
	margin-top: 0;
}
.gMenuLocal dl {
	line-height: 1.1;
	margin-top: -4px;
	font-size: 86%;
}
.gMenuLocal dt {
	clear: both;
	float: left;
	width: 67px;
	padding: 9px 0 0 3px;
	font-weight: bold;
}
.gMenuLocal dd {
	float: left;
	width: 540px;
	padding: 9px 0 0 0;
}
.gMenuLocal dd li {
	display: inline;
	float: left;
	margin-bottom: 6px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #333;
}
.gMenuLocal dd li:first-child {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
.gMenuContact p {
	margin: -11px 0 9px -25px;
}
.gMenuInner,
.gMenuInner div,
.gMenuInner ul { position:relative; }
.gMenuInner:after,
.gMenuInner div:after,
.gMenuInner ul:after { content:""; display:block; clear:both; height:0; }
* html .gMenuInner,
* html .gMenuInner div,
* html .gMenuInner ul { zoom: 1; }  /* IE6 */
*:first-child+html .gMenuInner,
*:first-child+html .gMenuInner div,
*:first-child+html .gMenuInner ul { zoom: 1; }  /* IE7 */

/* Utility
========================================== */

#utility{
	width:100%;
	padding:10px 0;
	background:url(/common/img/bg_cont04.gif) repeat-x left top;
	color:#fff;
	position:relative;
}

#utility a{
	color:#fff;
	text-decoration:none;
}

#utility a:hover{
	text-decoration:underline;
}

.utilityBtn{
	position:absolute;
	top:-2px;
	right:0;
}
.utilityBtn li{
	font-size:86%;
	float:left;
	margin: 0 10px 0 0;
	padding:5px 0 4px 30px;
}
#printTrigger{
	background:url(/common/img/icon_print.png) no-repeat left center;
}
#mailTrigger{
	background:url(/common/img/icon_sendmail.png) no-repeat left center;
}

/***** TopicPath ******/

ul.topicPath {
	width:780px;
	position:relative;
	zoom: 1;
}

ul.topicPath:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

* html ul.topicPath { zoom: 1; }  /* IE6 */
*:first-child+html ul.topicPath { zoom: 1; }  /* IE7 */

.topicPath li{
	float:left;
	margin:2px 10px 0 0;
	font-size:12px;
}

.topicPath li.topicHome{
	background:url(/common/img/icon_home.png) no-repeat left center;
	padding: 0 0 0 23px;
}

.topicPath li a{
	background:url(/common/img/bg_topicpath.png) no-repeat right center;
	padding:0 15px 0 0;
}

/* Side
========================================== */

#side .sideTit{
	width:230px;
	height:85px;
	display:table;
	background:url(/common/img/bg_side01.gif) repeat-x left top;
}

#side .sideTit a{
	color:#333;
	text-decoration:none;
}

#side .sideTit a:hover{
	text-decoration:underline;
}

#side .sideTit .serviceTit,
#side .sideTit .reasonTit,
#side .sideTit .aboutTit,
#side .sideTit .accessTit,
#side .sideTit .supportTit {
	font-size:115%;
	line-height:1.4em;
	display:table-cell;
	vertical-align:middle;
	padding:11px 10px 9px 73px;
	background-position: 15px center;
	background-repeat: no-repeat;
}
#side .sideTit .serviceTit { background-image: url(/common/img/icon_service01.png) }
#side .sideTit .reasonTit { background-image: url(/common/img/icon_reason01.png) }
#side .sideTit .aboutTit { background-image: url(/common/img/icon_about01.png) }
#side .sideTit .accessTit { background-image: url(/common/img/icon_access01.png) }
#side .sideTit .supportTit { background-image: url(/common/img/icon_support01.png) }

#side ul{
	overflow:hidden;
	background:#ecf0f1;
	border-radius: 0 0 10px 10px;
	behavior: url("/common/css/PIE.htc");
}

#side ul ul{
	border-top:solid 1px #cdd4d9;
}

#side li{
	border-top:solid 1px #cdd4d9;
	background:url(/common/img/bg_arw01.png) no-repeat 14px 1.4em;
}

#side li li{
	font-size:86%;
	border:none;
	background: url(/common/img/bg_nav01.png) no-repeat 16px 0.85em;
}

#side li:first-child,
#side li:first-child a {
	border-top: none;
}


#side li ul li:first-child{
	background: url(/common/img/bg_nav01.png) no-repeat 16px 1em;
	border-top:solid 1px #fff;
}

#side li a{
	display:block;
	padding:14px 10px 15px 33px;
	display:block;
	border-top:solid 1px #fff;
	color:#333;
	text-decoration:none;
}

#side li a:hover{
	color:#333;
	text-decoration:underline;
}

#side li li a{
	display:block;
	padding:6px 10px 6px 33px;
	display:block;
	border:none!important;
}

#side li li:first-child a{
	padding-top:7px;
}

#side li a.current{
	font-weight:bold;
	background:#dde4e6 url(/common/img/bg_arw01.png) no-repeat 14px 1.4em;
}

#side li li a.current{
	font-weight:bold;
	background:#dde4e6 url(/common/img/bg_nav01.png) no-repeat 16px 0.85em;
}
#side li li:first-child a.current{
	background:#dde4e6 url(/common/img/bg_nav01.png) no-repeat 16px 1em;
}

#side li img{
	display:inline-block;
	margin:-5px 0 0 5px;
	vertical-align:middle;
}

/* Contents
========================================== */

#main section{
	margin:0 0 40px;
}

#main section section{
	margin:30px 0;
}
#main .heading2 + section{
	margin-top: 0;
}

/***** pageTop ******/
#pageTop{
	text-align:right;
	clear:both;
}


/* Footer
========================================== */

#footer{
	background:url(/common/img/bg_cont05.gif) repeat-x left top;
	padding:15px 0 0;
	font-size:86%;
}

#footer a{
	color:#333;
	text-decoration:none;
}

#footer a:hover{
	color:#333;
	text-decoration:underline;
}

.narrow #footer{
	background:none;
}

#footBlock{
	width:100%;
	background:url(/common/img/bg_cont01.gif);
}

/***** fNav ******/
#footer .fNav1 dl,
#footer .fNav2 ul{
	width:230px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}

#footer .fNav1 dl:first-child,
#footer .fNav2 ul:first-child{
	margin:0;
}

#footer .fNav1 dt,
#footer .fNav2 dt{
	font-size:114%;
	margin:0 0 20px;
	padding: 0 0 10px 30px;
	font-weight:bold;
	border-bottom:1px dotted #b1b2ae;
}

.ftService{
	background:url(/common/img/icon_service02.png) no-repeat left top;
}
.ftReason{
	background:url(/common/img/icon_reason02.png) no-repeat left top;
}

.ftAbout{
	background:url(/common/img/icon_about02.png) no-repeat left top;
}

.ftAccess{
	background:url(/common/img/icon_access02.png) no-repeat left top;
}
.ftSupport{
	background:url(/common/img/icon_support02.png) no-repeat left top;
}


#footer .fNav1{
	width:980px;
	padding:35px 0 10px;
}

#footer .fNav2{
	width:980px;
	padding:0 0 35px;
}

#footer .fNav1 li,
#footer .fNav2 li{
	margin:0 0 10px;
}

/***** clear ******/
#footer .fNav1:after,
#footer .fNav2:after { content:""; display:block; clear:both; height:0; }
* html #footer .fNav1,
* html #footer .fNav2  { zoom: 1; }  /* IE6 */
*:first-child+html #footer .fNav1,
*:first-child+html #footer .fNav2 { zoom: 1; }  /* IE7 */



/***** fNavSub ******/

#footer .fNavSub{
	width:100%;
	background:#fff;
	position:relative;
}

#footer .fNavSub {
	margin:0 auto;
	padding:20px 0;
	text-align:left;
}
#footer .fNavSub ul {
	position: relative;
	left: 50%;
	float:left;
}
#footer .fNavSub ul li {
	font-size:86%;
	position: relative;
	left: -50%;
	float: left;
	padding:0 10px;
	border-left:dotted 1px #999;
}

#footer .fNavSub ul li:first-child{
	border:none;
}

/***** clear ******/
#footer .fNavSub:after { content:""; display:block; clear:both; height:0; }
* html #footer .fNavSub  { zoom: 1; }  /* IE6 */
*:first-child+html #footer .fNavSub { zoom: 1; }  /* IE7 */


/* copyright
========================================== */
#copyright{
	width:100%;
	padding:0 0 35px;
	background:url(/common/img/bg_cont03.gif) repeat-x left bottom;
	text-align:center;
}

#copyright .baseIn{
	text-align:center;
}