@charset "utf-8";
/* ------------------------------------------------
全ページ共通　ベーススタイルシート
------------------------------------------------- */

/*初期設定
----------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
  background-color:#fff;
  margin:0;
  padding:0;
  line-height: 1;
  color: #555;
  font-family:"Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  width:100%;
  -moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

a img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}

.clear {
	clear:both !important;
}

/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

a,
a:active,
a:visited {
	color:#054494;
}

a:hover {
	color:#0099ff;
	text-decoration:none;
}

a:hover {
	color:#0099ff;
	text-decoration:none;
}

/* parts ---------------------------------------------- */
.textLeft {
	text-align:left !important;
}

.textRight {
	text-align:right !important;
}

.textCenter {
	text-align:center !important;
}

.textBold {
	font-weight:bold !important;
}

.fLeft {
	float:left !important;
}

.fRight {
	float:right !important;
}

.vT {
	vertical-align:top !important;
}

.vM {
	vertical-align:middle !important;
}

.vB {
	vertical-align:bottom !important;
}

.tnow {
	white-space:nowrap;
}

.mt0 {
	margin-top:0 !important;
}

.mt10 {
	margin-top:10px !important;
}

.mt15 {
	margin-top:15px !important;
}

.mt20 {
	margin-top:20px !important;
}

.mt30 {
	margin-top:30px !important;
}

.mt40 {
	margin-top:40px !important;
}

.mr10 {
	margin-right:10px !important;
}

.mr15 {
	margin-right:15px !important;
}

.mr20 {
	margin-right:20px !important;
}

.mr30 {
	margin-right:30px !important;
}

.mr50 {
	margin-right:50px !important;
}

.mr190 {
	margin-right:190px !important;
}

.mb0 {
	margin-bottom:0 !important;
}

.mb10 {
	margin-bottom:10px !important;
}

.mb15 {
	margin-bottom:15px !important;
}

.mb20 {
	margin-bottom:20px !important;
}

.ml10 {
	margin-left:10px !important;
}

.ml30 {
	margin-left:30px !important;
}

.pt0 {
	padding-top:0 !important;
}

.pt10 {
	padding-top:10px !important;
}

.pt15 {
	padding-top:15px !important;
}

.pt20 {
	padding-top:20px !important;
}

.pt40 {
	padding-top:40px !important;
}

.pb10 {
	padding-bottom:10px !important;
}

.pb20 {
	padding-bottom:20px !important;
}

.pl10 {
	padding-left:10px !important;
}

.pl20 {
	padding-left:20px !important;
}

.note {
	padding-left: 1em;
	text-indent: -1em;
}

.icon01 {
	padding:0 0 0 16px;
	background:url(../img/list_icon.png) no-repeat 0 3px;
	list-style:none;
}

.lh1 {
	line-height:1 !important;
}

.lh2 {
	line-height:2 !important;
}

.uLine {
	text-decoration:underline;
}

.fSizeB {
	font-size:114%;
}

.fSizeS {
	font-size:93%;
}

.fSize22 {
	font-size:22px;
	font-size:2.2rem;
}

.ls2 {
	display:inline-block;
	letter-spacing:2em;
	margin-right:-2em;
	position:relative !important;
}

.red {
	color:#ff0000 !important;
}

.blue {
	color:#3171b9 !important;
}

.textJs {
	text-align:justify !important;
}

.lineBNo {
	border-bottom:none !important;
}

.wAuto {
	width:auto !important;
}

.floatNone {
	float:none !important;
}

/*layout
----------------------------------------------------*/
#wrapper {
	margin:0 auto;
	padding:0;
	width:100%;
}

/* ヘッダー -----------------------------------*/
header {
	margin:0;
	padding:0;
	height:165px;
	background:url(../img/gnavi_bg.gif) repeat-x 0 0;
	width:100%;
	min-width:1050px;
}

header .headerIn {
	width:1050px;
	margin:0 auto;
	background:url(../img/header_bg.gif) no-repeat 0 0;
}

header #logo {
	float:left;
	margin:0 0 0 28px;
	padding:30px 0 0 0;
}

header #logo img:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
/* フォントリサイズ -------------------*/
header #fontSizer {
	float:right;
	width:133px;
	margin:55px 16px 0 0;
}

header #fontSizerEn {
	float:right;
	width:190px;
	margin:55px 16px 0 0;
}

header #fontSizer p {
	float:left;
	margin:3px 0 0 0;
}

header #fontSizerEn p {
	float:left;
	margin:5px 10px 0 0;
}

header #fontSizer ul {
	margin:0 0 0 37px;
}

header #fontSizerEn ul {
	margin:0 0 0 74px;
}

header #fontSizer ul li,
header #fontSizerEn ul li {
	float:left;
	margin:0 10px 0 0;
	width:22px;
	height:22px;
	overflow:hidden;
	text-indent:-100%;
}

header #fontSizer ul li.bigFont {
	background:url(../img/font_resize_button.gif) no-repeat 0 0;
}

header #fontSizer ul li.mediumFont {
	background:url(../img/font_resize_button.gif) no-repeat 0 -22px;
}

header #fontSizer ul li.smallFont {
	background:url(../img/font_resize_button.gif) no-repeat 0 -44px;
}

header #fontSizerEn ul li.bigFont {
	background: url(../../english/common/img/font_resize_button.gif) no-repeat 0 0;
}

header #fontSizerEn ul li.mediumFont {
	background:url(../../english/common/img/font_resize_button.gif) no-repeat 0 -22px;
}

header #fontSizerEn ul li.smallFont {
	background:url(../../english/common/img/font_resize_button.gif) no-repeat 0 -44px;
}

header #fontSizer ul li:hover,
header #fontSizerEn ul li:hover {
	cursor:pointer;
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* グローバルナビ ------------------- */
header nav {
	clear:both;
	width:970px;
	margin:0 0 0 41px;
	padding:20px 0 0 0;
}

header nav ul li {
	float:left;
	width:165px;
	height:39px;
	overflow:hidden;
	text-indent:-100%;
	font-size:1px;
}

header nav ul.gnaviEn li {
	float:left;
	width:194px;
	height:39px;
	overflow:hidden;
	text-indent:-100%;
	font-size:1px;
}

header nav ul li a {
	display:block;
	width:165px;
	height:39px;
}

header nav ul.gnaviEn li a {
	display:block;
	width:194px;
	height:39px;
}

header nav ul li:hover {
	cursor:pointer;
}


header nav ul li.menu01 {
	background:url(../img/gnavi_button.gif) no-repeat 0 0;
	width:155px !important;
}

header nav ul li.menu01 a {
	width:155px !important;
}

header nav ul li.menu02 {
	background:url(../img/gnavi_button.gif) no-repeat -155px 0;
}

header nav ul li.menu03 {
	background:url(../img/gnavi_button.gif) no-repeat -320px 0;
}

header nav ul li.menu04 {
	background:url(../img/gnavi_button.gif) no-repeat -485px 0;
}

header nav ul li.menu06 {
	background:url(../img/gnavi_button.gif) no-repeat -650px 0;
}

header nav ul li.menu05 {
	background:url(../img/gnavi_button.gif) no-repeat -815px 0;
	width:155px !important;
}

header nav ul li.menu05 a {
	width:155px !important;
}

header nav ul li.menu01En {
	background: url(../../english/common/img/gnavi_button.gif) no-repeat 0 0;
}

header nav ul li.menu02En {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -194px 0;
}

header nav ul li.menu03En {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -388px 0;
}

header nav ul li.menu04En {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -582px 0;
}

header nav ul li.menu05En {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -776px 0;
}

header nav ul li.menu01Act,
header nav ul li.menu01:hover {
	background:url(../img/gnavi_button.gif) no-repeat 0 -39px;
	width:155px !important;
}

header nav ul li.menu02Act,
header nav ul li.menu02:hover {
	background:url(../img/gnavi_button.gif) no-repeat -155px -39px;
}

header nav ul li.menu03Act,
header nav ul li.menu03:hover {
	background:url(../img/gnavi_button.gif) no-repeat -320px -39px;
}

header nav ul li.menu04Act,
header nav ul li.menu04:hover {
	background:url(../img/gnavi_button.gif) no-repeat -485px -39px;
}

header nav ul li.menu06Act,
header nav ul li.menu06:hover {
	background:url(../img/gnavi_button.gif) no-repeat -650px -39px;
}

header nav ul li.menu05Act,
header nav ul li.menu05:hover {
	background:url(../img/gnavi_button.gif) no-repeat -815px -39px;
	width:155px !important;
}

header nav ul li.menu01EnAct,
header nav ul li.menu01En:hover {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat 0 -39px;
}

header nav ul li.menu02EnAct,
header nav ul li.menu02En:hover {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -194px -39px;
}

header nav ul li.menu03EnAct,
header nav ul li.menu03En:hover {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -388px -39px;
}

header nav ul li.menu04EnAct,
header nav ul li.menu04En:hover {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -582px -39px;
}

header nav ul li.menu05EnAct,
header nav ul li.menu05En:hover {
	background:url(../../english/common/img/gnavi_button.gif) no-repeat -776px -39px;
}

header nav ul li.menu01Act:hover,
header nav ul li.menu02Act:hover,
header nav ul li.menu03Act:hover,
header nav ul li.menu04Act:hover,
header nav ul li.menu06Act:hover,
header nav ul li.menu05Act:hover,
header nav ul li.menu01EnAct:hover,
header nav ul li.menu02EnAct:hover,
header nav ul li.menu03EnAct:hover,
header nav ul li.menu04EnAct:hover,
header nav ul li.menu05EnAct:hover {
	cursor:default;
}

/* パンくず -------------------------------------- */
#pan {
	width:996px;
	margin:0 auto;
	padding:10px 0;
}

#pan li {
	float:left;
	margin:0 5px 0 0;
	padding:0 13px 0 0;
	background:url(../img/pan_icon.gif) no-repeat top right;
	font-size: 93%;
	list-style:none;
}

#pan li.last {
	margin:0;
	padding:0;
	background:none;
}

/* コンテンツ ------------------------------------ */
#contents {
	width:996px;
	margin:0 auto;
}

#contents h2 {
	padding:14px 0 14px 20px;
	font-size:22px;
	font-size:2.2rem;
	color:#fff;
	font-weight:bold;
	background-color:#3171b9;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	behavior:url(/common/PIE-1.0.0/PIE.htc);
}

.ie8 #contents .h2TitleSecond h2,
.ie9 #contents .h2TitleSecond h2 {
	width:800px;
}

/* 臨時コメントエリア（セカンドページスライダー下） */
#announcement {
	margin:20px 20px 0 20px;
	border: 1px solid #ccc;
}

#announcement div {
	width: 550px;
	margin: 30px auto;
	padding: 10px auto;
}

#announcement div p {
	margin-top: 10px;
	font-size: 114%;
	line-height: 1.5em;
}

/* 左エリア（セカンドページ下階層） */
#secondLeft {
	float:left;
	width:200px;
	margin:20px 0 0 0;
}

#secondLeft .leftMenu {

}

#secondLeft .leftMenu h2.longText {
	padding:0 0 9px 0;
	line-height:1.2;
}

#secondLeft ul {
	padding:0 0 0 15px;
	position:relative;
}

#secondLeft ul li {
	padding:0 0 24px 12px;
	list-style:none;
	background: url(../img/l_menu_icon.gif) no-repeat 0 3px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	color:#555;
}

#secondLeft ul li a {
	color:#555;
	text-decoration:none;
}

#secondLeft ul li a:hover {
	text-decoration:underline;
}

#secondLeft ul li.mediumText {
	padding:18px 0 0 16px;
	font-size:16px;
	font-size:1.6rem;
}

#secondLeft ul li.smalText {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.2;
}

#secondLeft ul li.smalText2 {
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
}

#secondLeft ul li.shotText {
	letter-spacing:2em;
	margin-right:-2em;
}

/* 右エリア（セカンドページ下階層） */
#secondRight {
	float:right;
	width:766px;
	margin:20px 0 0 0;
}

#secondRight h3 {
	padding:13px 0 13px 20px;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	background:url(../img/h3_title_bg.gif) repeat-x 0 0;
}

#secondRight h3.twoLines {
	padding:9px 0 13px 20px;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.2;
	background:url(../img/h3_title_bg2.gif) repeat-x 0 0;
}

#secondRight h3 .listButton {
	display:block;
	float:right;
	margin:0 10px 0 0;
}

#secondRight h4 {
	clear:both;
	margin:0 0 0 -10px;
	padding:6px 0 5px 28px;
	font-size:18px;
	font-size:1.8rem;
	color:#555;
	font-weight:bold;
	line-height:1;
	background:url(../img/h4_title_icon.gif) no-repeat 0 0;
}

#secondRight h5 {
	padding:0 0 3px 18px;
	font-size:12px;
	font-size:1.2rem;
	color:#555;
	font-weight:bold;
	line-height:1;
	background:url(../img/h5_title_icon.gif) no-repeat 0 1px;
	border-bottom:2px solid #aad0e4;
}

#secondRight .secondContents {
	padding:20px 10px 0 10px;
	line-height:1.6;
}

/* 共通テーブル 1 */
.secondContents .contentsTable {
	width:736px;
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
}

.secondContents .contentsTable th {
	padding:10px 5px 10px 0;
	text-align:left;
	border-bottom:1px dotted #bbb;
	border-collapse:collapse;
}

.secondContents .contentsTable th p {
	padding:0 0 0 5px;
	border-left:3px solid #dbe5eb;
}

.secondContents .contentsTable td {
	padding:10px 5px;
	border-bottom:1px dotted #bbb;
	border-collapse:collapse;
}

.secondContents .contentsTable td.multipleTd {
	padding:5px;
}

.secondContents .contentsTable td.borderNo {
	border:none;
}

/* 共通テーブル 2 */
.secondContents .contentsTable2 {
	margin:0;
	padding:0;
	border:1px solid #b5b5b6;
	border-collapse:collapse;
}

.secondContents .contentsTable2 td {
	padding:5px;
	border:1px solid #b5b5b6;
	border-collapse:collapse;
}

.secondContents .contentsTable2 th {
	padding:5px;
	background-color:#f3f5fa;
	border:1px solid #b5b5b6;
	border-collapse:collapse;
	text-align:left;
}


/* バックナンバーリンク */
.backTopLink {
	width:736px;
	position:relative;
}

.backTopLink ul {
	float:left;
	margin:0;
	padding:0;
	position: relative;
	left:50%;
}

.backTopLink ul li {
	float:left;
	margin:0 5px 0 0;
	list-style:none;
	position: relative;
	left:-50%;
}

/* 下部バナー ------------------------------ */
#underBnr {
	clear:both;
	/*width:996px;*/
	padding:70px 0 0 0;
	text-align:center;
	position:relative;
}

#underBnr ul {
	float:left;
	position:relative;
	left:50%;
}

#underBnr ul li {
	float:left;
	position:relative;
	left:-50%;
	list-style:none;
}

/* フッター -------------------------------------- */
footer {
	clear:both;
	margin:40px 0 0 0;
	padding:0;
}

footer #footerIn {
	width:996px;
	margin:0 auto;
	position:relative;
}

footer .pageTop {
	position:absolute;
	right:0;
	bottom:-26px;
}

footer .copyArea {
	clear:both;
	background-color:#0b7bc2;
	width:auto;
}

footer address {
	width:1050px;
	height:30px;
	box-sizing:border-box;
	margin:0 auto;
	padding:10px 0 0 0;
	background:url(../img/footer_bg.png) repeat-x 0 0;
	color:#FFF;
	text-align:center;
	font-style:normal;
	font-size:116%;
}

@media screen and (max-device-width: 480px) { /* iPhone表示対応 */
	body {
		width:1050px;
		margin:0;
		padding:0;
	}

	header {
		width:1050px;
	}

	/*#secondRight h3 {
		padding:9px 0 13px 20px;
		font-size:150%;
	}*/

	footer .copyArea {
		width:1050px;
	}

}