@charset "shift_jis";

/* CSS Document */

/*--------------------------------------
	1.common
	2.layout
	3.font-size
---------------------------------------*/


/* ========================================
	1.common
======================================== */
html, body, div, h1, h2, h3, h4, h5, h6,
p, address, blockquote,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul li, ol li {
	list-style-type: none;
}

img {
	border: 0;
	vertical-align: bottom;
}

a:link,
a:visited {
	color: #0C6AA7;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #0C6AA7;
	text-decoration: none;
}

/* clearfix */
.clfix:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}

.clfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clfix {
	height: 1%;
}
.clfix {
	display: block;
}
/* End hide from IE-mac */


/* For vertical-scrollbar issue */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

/* For IE7 hasLayout issue */
*:first-child+html * {
	letter-spacing: 0; 
}

/* スマホ対応 */

div.mode-pc{
}

div.mode-sp{
	display:none;	
	
}



/* ========================================
	2.layout
======================================== */
body {
	background: #074896;
	text-align: center;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 100%;
	color: #333;
	line-height: 1;
}

html>/**/body {
	font-size: 16px; 
}

/* header */
#headerWrap {
	background: url(../images/gnav_bg.gif) repeat-x bottom #FFF;
	text-align: center;
}

#header {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

#header_sp {
	display: none;
}

#header div.alsiLogo {
	float: left;
	width: 300px;
}

#header ul.btn {
	float: right;
/*
	width: 589px; Englishと簡体中文のリンクを表示させる場合はこちら
*/
	width: 460px; /* Englishと簡体中文のリンクを非表示に */
}

#header ul.btn li {
	float: left;
	margin: 0 10px 0 0;
}

#header ul.btn li img {
	vertical-align: top;
}

#header ul.btn li.langBtn {
	margin: 0;
	display:none; /* Englishと簡体中文のリンクを非表示に */
}

#header div.search {
	float: right;
	width: 610px;
	margin: 14px 0 0 0;
	text-align: right;
}

#header div.search input {
	vertical-align: middle;
}

#header div.search input.input {
	width: 220px;
	font-size: 13px;
	line-height: 1.3;
	border-top:1px solid #666666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #666666;
}

#header div.search input.btn {
	margin: 0 20px 0 0;
}

#header div.search #srchLogo {
	margin: 2px 20px 0 0;
	font-size: 10px;
	line-height: 1.2;
}

#header div.search #srchLogo a:link,
#header div.search #srchLogo a:visited {
	color: #666;
	text-decoration: none;
}

#header div.search #srchLogo a:hover,
#header div.search #srchLogo a:active {
	color: #666;
	text-decoration: underline;
}

#header ul.gNav {
	clear: both;
	margin: 0 0 0 19px;
	padding: 8px 0 5px 0;
}

#header ul.gNav li {
	float: left;
	position: relative;
	/* z-index: 1; */
}

/*subメニュー追加*/
#header ul.gNav ul.sub {
	padding: 11px 0 0 0;
	visibility: hidden;
	position: absolute;
	top: 21px;
	left: 0;
	font-size: 78%;
	border-bottom: 1px solid #E5E5E5;
	background: url(../images/subnav_bg_top.gif) 0 0 no-repeat;
	width: 260px;
	z-index: 99999;
}

#header ul.gNav ul.sub li {
	color: #9CB6D5;
	background-color: #074896;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	float: none;
}

#header ul.gNav ul.sub li.ttl {
	padding: 9px 10px 9px 20px;
	font-weight: bold;
}

#header ul.gNav ul.sub li span,
#header ul.gNav ul.sub li a {
	padding: 8px 10px 8px 30px;
	display: block;
	_display: inline-block;
	_width: 218px;
	color: #FFFFFF;
	text-decoration: none;
	border-top: 1px solid #074896;
	border-bottom: 1px solid #074896;
	background:url(../images/arw.gif) 20px center no-repeat;
	line-height:normal;
	zoom: 1;
}

#header ul.gNav ul.sub .hover span,
#header ul.gNav ul.sub a:hover {
	background-color: #83A3CA;
	border-top: 1px solid #E4E4E5;
	border-bottom: 1px solid #E4E4E5;
	position: relative;
	cursor: pointer;
}

#header ul.gNav ul.sub ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 258px;
	border-top: 1px solid #E4E4E5;
	border-bottom: 1px solid #E4E4E5;
	background-color: #074896;
	width: 200px;
}

#header ul.gNav ul.sub ul li a {
	padding-left: 20px;
	background:url(../images/arw.gif) 10px center no-repeat;
	line-height:normal;
	zoom: 1;
	_width: 168px;
}

/* subメニュー修正版 */
#header ul.gNav div.subMenu:before{
	position:absolute;
	top:-7px;
	left: 155px;
	content: " ";
	display: block;
	width:600px;
	height:7px;
	background: url('../images/navi_point.png') top center no-repeat;
}
#header ul.gNav div.subMenu{
	display: block;
	visibility: hidden;
	width:600px;
	position: absolute;
	top: 29px;
	left: -155px;
	background:#074896 url('../images/navi_bdr.png') 0 40px repeat-x;
	z-index: 99999;
	padding-bottom:20px;
}

#header ul.gNav div.subHead,
#header ul.gNav div.subBody{
	display:block;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
#header ul.gNav div.subHead{
	font-size:14px;
	font-weight: bold;
	height: 22px;
	padding-top:18px;
}

#header ul.gNav div div.subBlockL,
#header ul.gNav div div.subBlockR{
	float:left;
	width:250px;
	position: relative;
	margin-left: 25px;
	margin-right: 25px;
}
#header ul.gNav div.subBody div.subBlockL,
#header ul.gNav div.subBody div.subBlockR{
	padding-top: 10px;
}
#header ul.gNav div.subBody div div{
	display: block;
	font-size:12px;
	color: #fff;
	font-weight: bold;
	border-top: solid 1px rgba(255,255,255,0);
	border-left: solid 1px rgba(255,255,255,0);
	border-bottom: solid 1px rgba(255,255,255,0);
	line-height: 30px;
	background: url('../images/navi_arrow_a.png') 230px 6px no-repeat;
	position: relative;
	padding-left: 5px;
	height: 32px;
	cursor: pointer;
}
#header ul.gNav div.subBody div div a.category{
	display: block;
	height: 32px;
	width:250px;
	z-index: 500;
}
#header ul.gNav div.subBody div div.hover{
	border-top: solid 1px rgba(255,255,255,0.2);
	border-left: solid 1px rgba(255,255,255,0.2);
	border-bottom: solid 1px rgba(255,255,255,0.2);
	background: #205ba1 url('../images/navi_arrow_b.png') 225px 6px no-repeat;
}
#header ul.gNav div.subBody ul{
	position: absolute;
	background-color: #205ba1;
	border: solid 1px rgba(255,255,255,0.2);
	padding: 1px 30px 1px 15px;
	left: 249px;
	top: -1px;
	z-index: 300;
	white-space: nowrap;
	visibility: hidden;
}
#header ul.gNav div.subBody ul.subChild{
	left: 100%;
	top: -2px;
	margin-left: 34px;	
	padding: 1px 15px;
	visibility: hidden;
}
#header ul.gNav div.subBody ul.selected{
	visibility: visible;
}
#header ul.gNav div.subBody .subArrow{
	position: absolute;
	background-image: url('../images/navi_arrow_b.png');
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 11px;
	height: 18px;
	top: 50%;
	right: -24px;
	margin-top: -11px;
	opacity: 0.6;
}
#header ul.gNav div.subBody ul:before{
	content: " ";
	display: block;
	position: absolute;
	width: 5px;
	height: 32px;
	background-color: #205ba1;
	top: 0;
	left: -5px;
}
#header ul.gNav div.subBody ul.subChild:before{
	border-top: solid 1px rgba(255,255,255,0.2);
	border-bottom: solid 1px rgba(255,255,255,0.2);
	top: -1px;
	left: -5px;
}
#header ul.gNav div.subBody ul.active{
	visibility: visible;
}

#header ul.gNav div.subBody li{
	font-size:12px;
	float:none;
	line-height:30px;
}
#header ul.gNav div.subMenu a{
	color: #fff;
	text-decoration:none;
}
#header ul.gNav div.subMenu a:hover{
	text-decoration:underline;
}


/* mainTtlArea */
h1.mainTtlArea,
div.mainTtlArea {
	background: url(../images/main_ttl_bg.gif) repeat-x top #063688;
	text-align: center;
	margin:0;
}

h1.c-pageTitle {
	display: none;
}


/* contents */
#contentsWrap {
	background: url(../images/contentswrap_bg.gif) repeat-x top #F1F3F7;
	text-align: center;
}

#contents {
	width: 990px;
	margin: 0 auto;
	background: url(../images/contents_bg.gif) repeat-x top #FFF;
	text-align: left;
}

#contents ol.pankuzu {
	width: 950px;
	margin: 0 0 0 20px;
	padding: 8px 0 14px 0;
}

#contents ol.pankuzu li {
	float: left;
	margin: 0 10px 0 0;
	font-size: 70%;
	line-height: 1.5;
}

#contents ul.topBtn {
	position: relative;
	height: 22px;
	margin: -22px 0 0 0;
}

#contents ul.topBtn li {
	float: right;
	height: 22px;
	margin: 0 0 0 2px;
}

#contents ul.topBtn li img {
	vertical-align: top;
}

#contents div.goTopBtn {
	clear: both;
	width: 950px;
	margin: 0 0 0 20px;
	padding: 60px 0 0 0;
	text-align: right;
	font-size: 78%;
	line-height: 2.0;
}

#main {
	width: 950px;
	margin: 0 0 0 20px;
}

#mainL {
	float: left;
	width: 720px;
	margin: 0 0 0 20px;
	/display: inline;
}

#mainR {
	float: right;
	width: 720px;
	margin: 0 20px 0 0;
	/display: inline;
}

#sNavL {
	float: left;
	width: 210px;
	margin: 0 0 0 20px;
	/display: inline;
}

/*
#sNavR {
	float: right;
	width: 210px;
	margin: 0 20px 0 0;
	/display: inline;
}
*/
#sNavR {
	float: right;
	width: 220px;
	margin: 0 10px 0 0;
	/display: inline;
}
#sNavR .cpn {
	margin:0 0 10px 0;
	padding:10px 4px 5px 4px;
	font-size: 80%;
	line-height: 1.5;
	text-align:center;
	background:#fcf6ad;
	border:1px dotted #f9bc04;
}
#sNavR .cpn span {
	font-weight:bold;
	color:#e5004f;
}
/* footer */
#footer {
	width: 100%;
	background: url(../images/footer_bg.gif) repeat-x top #DFE7F1;
	text-align: center;
}

#footer_sp {
	display: none;
}

#footer div.linkArea {
	width: 994px;
	margin: 0 auto;
	padding: 18px 0;
	background: url(../images/footer_linkarea_bg.gif) repeat-y left;
	text-align: left;
	color: #666;
}

#footer div.linkArea dl.list01 {
	float: left;
	width: 131px;
}

#footer div.linkArea dl.list01 dt {
	margin: 0 10px 5px 20px;
	font-size: 78%;
	line-height: 1.6;
	font-weight: bold;
}

#footer div.linkArea dl.list01 dd {
	margin: 0 0 0 20px;
}


#footer div.linkArea dl.list02 {
	float: left;
	width: 670px;
}

#footer div.linkArea dl.list02 dt {
	margin: 0 0 5px 10px;
	font-size: 78%;
	line-height: 1.6;
	font-weight: bold;
}


#footer div.linkArea dl.list02 dd {
	float: left;
	width: 305px;
	margin: 0 0 0 20px;
	/display: inline;
}

#footer div.linkArea dl.list02 dd p.subTtl {
	margin: 0 0 8px 0;
	font-size: 78%;
	line-height: 1.6;
	font-weight: bold;
}

#footer div.linkArea dl.list02 dd ul {
	margin: 0 0 8px 0;
}

#footer div.linkArea dl.list02 dd li {
	padding: 0 0 2px 12px;
	background: url(../images/list_mark02.gif) no-repeat 5px 0.65em;
	font-size: 78%;
	line-height: 1.6;
}

#footer div.linkArea dl.list02 dd li.ttl {
	padding: 0;
	background: none;
	font-size: 70%;
	line-height: 1.6;
	font-weight: bold;
}

#footer div.linkArea dl.list03 {
	float: left;
	width: 185px;
}



#footer div.linkArea dl.list03 dt {
	margin: 0 0 5px 10px;
	font-size: 78%;
	line-height: 1.6;
	font-weight: bold;
}


#footer div.linkArea dl.list03 dd {
	margin: 0  0 0 10px;
}

#footer div.linkArea dl.list03 dd ul {
	margin: 0 0 8px 0;
}

#footer div.linkArea dl.list03 dd li {
	padding: 0 0 2px 12px;
	background: url(../images/list_mark02.gif) no-repeat 5px 0.65em;
	font-size: 78%;
	line-height: 1.6;
}

#footer div.bottomLine {
	width: 100%;
	background: #074896;
	text-align: center;
}

#footer div.bottomLine ul {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}


#footer div.bottomLine ul li.copyright {
	float: left;
	width: 620px;
	margin: 12px 0 0 20px;
	color: #83A4CB;
	/display: inline;
	font-size: 70%;
	line-height: 1.5;
}

#footer div.bottomLine ul li.logo {
	float: right;
	width: 300px;
}



#footer a:link,
#footer a:visited {
	color: #666;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	color: #666;
	text-decoration: underline;
}

/* 各ページ共通　シェア表記などの注釈 */
ul.bottomTxt {
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	border-top: solid 1px #CCC;
}

ul.bottomTxt li {
	margin: 0 0 0 1em;
	text-indent: -1em;
	font-size: 70%;
	line-height: 1.5;	
}

/* 各ページ共通　文字色 */
.red{color:#d40000;}
.blue{color:blue;}
.gray{color:#666666;}
.navy{color:#2E3192;}
.rose{color:#D00E54;}

/* texture */
.small {font-size: 90%;}
.big {font-size: 115%;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}

td.textcenter{ text-align: center;}


/*各ページ共通　リスト */
ul.li_disc{
	margin:5px 0 5px 20px;
}
ul.li_disc li{
	margin-bottom:5px;
	list-style-type: disc;
}
ol.li_decimal{
	margin:5px 20px;
}
ol.li_decimal li{
	list-style-type: decimal;
}

/*各ページ共通　画像の左右寄せ */
img.left{
	float:left;
	margin:0 10px 10px 0;
}
img.right{
	float:right;
	margin:0 0 10px 10px;
}


/*各ページ共通　ページ内リンクのアンカー */
a.abox { display:block; height:5px;}


/*各ページ共通　飾り枠 */

.box01{
	padding: 10px;
	border: solid 1px #CCC;
}
.box02{
	margin: 10px;
	padding: 5px 15px;
	border: solid 2px #448ac9;
}
.box03{
	margin: 10px 10px 20px 10px;
	padding: 15px;
	border: double 3px #cccccc;
}
.box03{
	margin: 10px 10px 20px 10px;
	padding: 5px;
	border: double 3px #cccccc;
}
.box04{
	margin: 0 10px 20px 10px;
	padding: 5px 5px 0 5px;
	border: double 3px #cccccc;
}
.box05{
	margin:0 10px 20px 10px; 
	padding:5px 5px 15px 5px;
	border:	4px solid #9ea9e3;
}
.decoboxGray {
	padding: 10px;
	border: solid 5px #CCC;
}

/* ========================================
	3.font-size
======================================== */
/*--------------------------------------
	10px { font-size: 70%; }
	12px { font-size: 78%; }
	14px { font-size: 90%; }
	16px { font-size: 100%; }
	18px { font-size: 112%; }
	20px { font-size: 125%; }
	22px { font-size: 138%; }
----------------------------


/* 2017年05月　SPへのボタン追加 */
.to_sp {
  display: none;
  text-align: center;
  padding: 20px 30px;
  background: #fff;
}
.to_sp_btn {
	display: block;
	max-width: 580px;
	margin: 0 auto;
}
.to_sp_btn > span {
	content: ' ';
	display: block;
 	width: 100%;
	height: 0;
	padding-top: 13.79%;
	background: url(/common/images/sp_btn.png) no-repeat center center;
	background-size: 100% 100%;
	overflow: hidden;
	text-indent: -9999px;
}
body.sp .to_sp {
	display: block;
}