@charset "utf-8";
/* ===================================================================
全頁共通CSS
=================================================================== */



/*--------------------------------------------------------------
	リセット（すべてのサイトに共通）
--------------------------------------------------------------*/
/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ul{list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {vertical-align: middle;}



/*--------------------------------------------------------------
	汎用
--------------------------------------------------------------*/
/* clerfix */
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/* margin */
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}

/* padding */
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}

.lh12{line-height:1.2em !important;}
.lh15{line-height:1.5em !important;}
.lh18{line-height:1.8em !important;}

.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

a:hover.op80{
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;
	opacity: 0.8;
	zoom:1;
}

/*--------------------------------------------------------------
	このサイト、全ページで共通
--------------------------------------------------------------*/
body {
	background: #FFF;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

/* web font */
@font-face {
    font-family: "NotoSansCJKjp";
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansCJKjp-Light_subset.eot');
    src: local('Noto Sans CJK JP Light'),
         url('../fonts/NotoSansCJKjp-Light_subset.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSansCJKjp-Light_subset.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Light_subset.otf') format('opentype')
}
@font-face {
    font-family: "NotoSansCJKjpBold";
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium_subset.eot');
    src: local('Noto Sans CJK JP Medium'),
         url('../fonts/NotoSansCJKjp-Medium_subset.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSansCJKjp-Medium_subset.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Medium_subset.otf') format('opentype')
}

/* フォント */
body, input, textarea, select{
	font-family: "NotoSansCJKjp";
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}

/* リンク */
a {
	text-decoration:none;
}
a:link {}
a:visited {}
a:hover {
	text-decoration:underline;
}
a:active {}

/* その他 */
strong{
	font-family: "NotoSansCJKjpBold";
	font-weight:normal;
}

/*--------------------------------------------------------------
	各パーツ
--------------------------------------------------------------*/

/* #contents（メインとサイド）
----------------------------------------------------*/
#contents {
	box-sizing:border-box;
	width: 100%;
	padding-left:150px;
	min-width: 1030px;
	min-height:910px;
	background: #f7f8f9 url(../img/share/contents_bg.png) repeat-y scroll left top;
}

/* # （サイドバー）
----------------------------------------------------*/
#side {
	box-sizing:border-box;
	width:150px;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 9999;
	background-color:#FFF;
}
#side h1{
	display:block;
	background-color:#0099ff;
}
#side h1 a{
	box-sizing:border-box;
	display:block;
	height:130px;
	padding:36px 5px 5px;
	color:#FFF;
}
#side h1 a:hover{
	text-decoration:none;
}
#side h1 a img{
	display:block;
	margin:0px auto;
}
#side h1 a span{
	display:block;
	margin-top:13px;
	text-align:center;
	font-size:11px;
}
#side nav{
	display:block;
}
#side nav ul li{
	display:block;
}
#side nav ul li a{
	box-sizing:border-box;
	display:block;
	height:95px;
	padding-top:50px;
	border-bottom:1px solid #dce0e4;
	text-align:center;
	color:#333;
}
#side nav ul li a:hover{
	text-decoration:none;
	color:#FFF;
}
#side nav ul li.active a{
	color:#FFF;
}
#side nav ul li.num01 a{background: #FFF url(../img/share/navi_icon01.png) no-repeat scroll center 24px;}
#side nav ul li.num02 a{background: #FFF url(../img/share/navi_icon02.png) no-repeat scroll center 24px;}
#side nav ul li.num03 a{background: #FFF url(../img/share/navi_icon03.png) no-repeat scroll center 24px;}
#side nav ul li.num04 a{background: #FFF url(../img/share/navi_icon04.png) no-repeat scroll center 24px;}
#side nav ul li.num05 a{background: #FFF url(../img/share/navi_icon05.png) no-repeat scroll center 24px;}
#side nav ul li.num06 a{background: #FFF url(../img/share/navi_icon06.png) no-repeat scroll center 24px;}
#side nav ul li.num07 a{background: #FFF url(../img/share/navi_icon07.png) no-repeat scroll center 24px;}
#side nav ul li.num01.active a,
#side nav ul li.num01 a:hover{background: #333 url(../img/share/navi_icon01_o.png) no-repeat scroll center 24px;}
#side nav ul li.num02.active a,
#side nav ul li.num02 a:hover{background: #333 url(../img/share/navi_icon02_o.png) no-repeat scroll center 24px;}
#side nav ul li.num03.active a,
#side nav ul li.num03 a:hover{background: #333 url(../img/share/navi_icon03_o.png) no-repeat scroll center 24px;}
#side nav ul li.num04.active a,
#side nav ul li.num04 a:hover{background: #333 url(../img/share/navi_icon04_o.png) no-repeat scroll center 24px;}
#side nav ul li.num05.active a,
#side nav ul li.num05 a:hover{background: #333 url(../img/share/navi_icon05_o.png) no-repeat scroll center 24px;}
#side nav ul li.num06.active a,
#side nav ul li.num06 a:hover{background: #333 url(../img/share/navi_icon06_o.png) no-repeat scroll center 24px;}
#side nav ul li.num07.active a,
#side nav ul li.num07 a:hover{background: #333 url(../img/share/navi_icon07_o.png) no-repeat scroll center 24px;}
#side nav ul li a .txt1{
	display:block;
	font-size:15px;
}
#side nav ul li a .txt2{
	display:block;
	font-size:11px;
}
#side .banner{
	margin: 10px 0 0;
	text-align: center;
}
#side .banner a:hover{
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;
	opacity: 0.7;
	zoom:1;
}

/* #main（メインコンテンツ）
----------------------------------------------------*/
#main {
	box-sizing:border-box;
	display:block;
	width:100%;
}
#main #header .language{
	position:absolute;
	right:0px;
	top:0px;
	font-size:0px;
}
#main #header .language li{
	display:inline-block;
}
#main #header .language li a,
#main #header .language li span{
	box-sizing:border-box;
	width:40px;
	height:40px;
	display:block;
	text-align:center;
	font-size:16px;
	padding-top:5px;
}
#main #header .language li.active span,
#main #header .language li a:hover{
	color:#FFF;
	background-color:#0099ff;
}
#main #header .language li a{
	color:#333;
	background-color:#FFF;
}
#main #header .language li a:hover{
	text-decoration:none;
}
#main #para{
	width:850px;
	margin:0px auto;
}

/* footer
----------------------------------------------------*/
footer{
	box-sizing:border-box;
	display:block;
	border-top:1px solid #dce0e4;v
}
footer .group{
	height:140px;
}
footer ul{
	display:block;
	margin-top:19px;
	text-align:center;
}
footer ul li {
	box-sizing:border-box;
	display: inline-block;
	padding:1px 15px;
	border-right:1px solid #CCC;
}
footer ul li.last {
	border-right:none;
}
footer ul li a{
	color:#333;
	font-size:12px;
}
footer .logo{
	margin-top:23px;
	text-align:center;
}
footer .auth{
	margin-top:8px;
	text-align:center;
	font-size:12px;
}
footer .copyright {
	box-sizing:border-box;
	padding-top:17px;
	height:60px;
	text-align: center;
	font-size:12px;
	border-top:1px solid #dce0e4;
}



/* 下層ページ共通
----------------------------------------------------*/
body.second{}

body.second #header h2 span{
	display:block;
	font-size:22px;
	margin-top:-8px;
	letter-spacing:0.1em;
}

body.second #para .breadcrumb{
	margin-top:15px;
	text-align:right;
	font-size:11px;
}
body.second #para .breadcrumb a{
	color:#333;
}

body.second #para h3{
	margin-top:22px;
	text-align:center;
	font-size:30px;
	letter-spacing:0.1em;
}
body.second #para h3 span{
	margin-top:-2px;
	display:block;
	font-size:14px;
	letter-spacing:0.1em;
}
body.second #para h4{
	box-sizing:border-box;
	display:block;
	height:50px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-top:7px;
	margin-top:25px;
	text-align:center;
	font-size:20px;
	letter-spacing:0.1em;
}
body.second #para h4 span{
	font-size:14px;
	letter-spacing:0em;
}

body.second #para .list_striped_group{
	display:table;
	margin-top:20px;
}
body.second #para .list_striped_group dl{
	display:table-row;
}
body.second #para .list_striped_group dt{
	box-sizing:border-box;
	display:table-cell;
	float:left;
	width:110px;
	padding:10px 0px 10px 20px;
	letter-spacing:0.1em;
}
body.second #para .list_striped_group dd{
	box-sizing:border-box;
	display:table-cell;
	float:left;
	width:740px;
	padding:10px 20px 10px 20px;
}

body.second #para .list_striped_group dd a{
	text-decoration:underline !important;
}

body.second #para .list_striped_group dd a:hover{
	text-decoration:none !important;
}

body.second #para .list_striped_group.narrow dt{
	width:80px;
}
body.second #para .list_striped_group.narrow dd{
	width:770px;
}
body.second #para .list_striped_group .odd{
	background-color:#FFF;
}
body.second #para .list_striped_group .even{
	background-color:#eff5f9;
}
body.second #para .list_striped_group a{
	color:#333;
}

body.second #para .lb_img{
	margin-top:40px;
	text-align:center;
}
body.second #para .lb_img .img{
	display:inline-block;
}
body.second #para .lb_img .img .expand{
	text-align:left;
	margin-top:5px;
}
body.second #para .lb_img .img .expand a{
	color:#333;
	font-size:12px;
}
body.second #para .big_word{
	margin-top:22px;
	text-align:center;
	font-size:26px;
	line-height:1.8em;
}

body.second .tab_index{
	display:block;
	position:relative;
}

body.second .tab_index div.inner{
	display:block;
	width:450px;
	position:absolute;
	top:-50px;
	left:50%;
}
body.second .tab_index.no_subword div.inner{
	top:-40px;
}
body.second .tab_index div.inner ul{
	position:relative;
	left:-225px;
	font-size:0px;
}
body.second .tab_index div.inner ul li{
	display:inline-block;
	text-align:center;
	border-right:1px solid #005c99;
}
body.second .tab_index div.inner ul li.last{
	border-right:none;
}
body.second .tab_index div.inner ul li a{
	box-sizing:border-box;
	display:block;
	width:149px;
	height:50px;
	background-color:#0073bf;
	padding-top:10px;
	color:#FFF;
	font-size:18px;
	letter-spacing:0.1em;
}
body.second .tab_index.no_subword div.inner ul li a{
	height:40px;
	padding-top:7px;
}

body.second .tab_index div.inner ul li.active a{
	background-color:#f7f8f9;
	color:#333;
}
body.second .tab_index div.inner ul li.last a{
	width:150px;
}
body.second .tab_index div.inner ul li a:hover{
	text-decoration:none;
}
body.second .tab_index div.inner ul li a span{
	display:block;
	margin-top:-2px;
	font-size:11px;
	letter-spacing:0em;
}

body.second .read{
	margin-top:23px;
	padding-bottom:20px;
	text-align:center;
	line-height:1.8em;
}



body.second .basic_table{
	margin-top:46px;
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
body.second .basic_table th,
body.second .basic_table td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:8px 10px;
}
body.second .basic_table th{
	background-color:#e9e9e9;
	text-align:center;
}
body.second .basic_table.th_side th{
	text-align:left;
}
body.second .basic_table td{
	background-color:#FFF;
	font-size:14px;
	line-height:1.8em;
}
body.second .basic_table.fs12 td{
	font-size:12px;
}