@charset "UTF-8";
/******************************************************リセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
* { /zoom : 1;}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form { font-weight: normal;}
html {
	width: 100%;
	height: 100%;
	overflow-y:scroll;
}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	text-align: center;
	height: 100%;
	font-size: 12px;
	color:#333;
	background:url(../img/common/all_bg.png) repeat left top;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1.0em;}
p { text-align: justify;text-justify: inter-ideograph;}
table {border-collapse: collapse;border-spacing:0;}
img {vertical-align: bottom;border: 0;}
li {list-style-type: none;}
a {text-decoration: none; color:#333;}
a:hover {text-decoration: underline; color:#54acff;}
/******************************************************clearfix*/
.clearfix:after {
	content: " ";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {	display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {	display: block;}
/******************************************************pngfix*/
.png { behavior: expression(IEPNGFIX.fix(this));}
/******************************************************本体設定*/
#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	clear:both;
}

/*HeaderAreaCSS
**************************************************/
#header_out {
	padding:0px;
	margin:0px;
	background:#FFF;
	width:auto;
}
#header_area {
	width:900px;
	padding:0px;
	margin:0 auto;
	text-align:left;
}
#header_area h1 {
	margin: 0px;
	padding: 0 0 0 3px;
	line-height: 62px;
	font-size: 10px;
	float: left;
	width: 460px;
}
.header_link {
	margin: 0px;
	padding: 0 15px 0 0;
	float: right;
	line-height: 62px;
}
.header_link li {
	float:left;
	padding:0 0 0 22px;
	margin:0 0 0 28px;
	background:url(../img/common/icon_arrow.png) no-repeat left center;
}
.header_link li a { white-space:nowrap;}
.main_logo {
	clear: both;
	float: left;
	padding: 0 0 16px 12px;
	margin: 0px;
	width: 300px;
}
#nav {
	float:right;
	clear:right;
	margin: 0px;
	padding:15px 15px 0 0;
	position: relative;
	line-height:1;
}
#nav li {
	list-style: none;
	float: left;
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 0 0 47px;
	font-size:16px;
	line-height:22px;
	background:url(../img/common/icon_arrow_d.png) no-repeat left 7px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
#nav ul {
	display: none;
	position: absolute;
	top: 29px; left: -50px;
}
* html #nav ul { line-height: 0;}

#nav ul li {
	float: none;
	background:none;
}
#nav ul li:last-child > a { border-bottom:none;}

#nav ul { width: 220px; }
#nav ul a { 
	display: block;
	width: auto;
	background:#121212;
	padding: 15px;
	font-size:12px;
	line-height:20px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	zoom: 1;
	line-height: 1;
}
#nav ul a.hover { background: #444; }


/*PageCaption
**************************************************/
.under_page_caption {
	clear:both;
	background:url(../img/common/under_main_bg.png) no-repeat left top;
	width:915px;
	height:130px;
	padding:0 0 0 65px;
	margin:0 auto;
	text-align:left;
	color:#fff;
	font-size:30px;
	line-height:100px;
	letter-spacing:0.2em;
}
.page_list {
	font-size: 10px;
	line-height: 32px;
	height:32px;
	margin: 0 0 29px 0;
	padding: 0 0 0 7px;
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	background-color:#fff;
}
.page_list dt,
.page_list dd
{
	float:left;
	padding:0 5px 0 0;
	margin:0px;
}


/*LeftAreaCSS
**************************************************/
#left_area {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 540px;
}
#sub_title {
	border-bottom: double 3px #d9d9d9;
	font-size: 22px;
	line-height: 28px;
	color: #003f95;
	letter-spacing:0.3em;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
#sub_title a { color: #003f95; cursor: default;}
#sub_title a:hover { color: #003f95; text-decoration:none;}


/*CommonAreaCSS
**************************************************/
.common_btn01 a {
	border-radius:4px;
	display: block;
	background-color: #003f95;
	width: auto;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 45px;
	line-height: 45px;
}
.common_btn01 a:hover {
	background-color:#2b6bc3;
	text-decoration:none;
}


/*RightAreaCSS
**************************************************/
#right_area {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 330px;
}
.right_area_title01 {
	background: url(../img/common/right_title_bg.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height:59px;
	color:#fff;
	line-height:50px;
	text-align:center;
	font-size:17px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
.right_area_title02 {
	background: url(../img/common/right_subtitle_bg.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height:59px;
	color:#fff;
	line-height:50px;
	text-align:center;
	font-size:17px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
.right_content01 {
	margin: 0px;
	padding: 0 0 35px 0;
	overflow:hidden;
}
.right_content01 p {
	margin: 0px;
	padding: 0px;
	text-align:center;
	color:#ff7200;
	font-size:15px;
	line-height:66px;
	text-decoration:underline;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
.right_content01 dl dt {
	margin: 0px;
	padding: 0 0 25px 0;
}
.right_content01 dl dd {
	width:260px;
	padding:0px;
	margin:0 auto;
	text-align:left;
}
.right_content01 dl dd a {
	background:url(../img/common/right_area_btn_bg01.png) no-repeat left top;
	display:block;
	color:#fff;
	padding:0 0 0 33px;
	margin:0px;
	width:auto;
	line-height:47px;
	height:47px;
	font-size:13px;
	letter-spacing:0.1em;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
.right_content01 dl dd a:hover {
	text-decoration:none;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.right_content01 ul {
	margin: 0px;
	padding: 0 0 0 5px;
}
.right_content01 ul li {
	margin: 0px;
	padding: 0 10px;
	float: left;
	width: 140px;
}
.right_content01 ul li a {
	background: url(../img/common/right_area_btn_bg02.png) no-repeat left top;
	padding:0px;
	margin:0px;
	width:140px;
	height:140px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:22px;
	text-decoration:underline;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
.right_content01 ul li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.right_area_bnr {
	padding:0px;
	margin:0px;
}
.right_area_bnr dd { padding: 0 0 10px 0;}
.right_area_bnr dd a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.right_content_submenu {
	padding:20px 0 36px 0;
	margin:0px;
}
.right_content_submenu li {
	padding:0 0 16px 30px;
	margin:0px;
	background:url(../img/common/icon_arrow.png) no-repeat 10px 7px;
}
.right_content_submenu li a {
	display:block;
	padding:0 0 0 2px;
	margin:0px;
	font-size:14px;
	font-weight:normal;
	height:20px;
	line-height:20px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif;
}
.right_content_submenu li a:hover {
	background-color:#858585;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
.right_content_submenu .now a { background-color:#858585; color:#fff;}


/*FooterAreaCSS
**************************************************/
.company_box {
	clear:both;
	width:100%;
	box-shadow: 0px 0px 15px 1px rgba(29,18,14,0.25);
	background-color:#fff;
	padding:40px 0;
	margin:0px;
	overflow:hidden;
}
.company_box article {
	width:900px;
	padding:0px;
	margin:0 auto;
	text-align:left;
}
.company_box article h3 {
	width:214px;
	float:left;
	padding:0px;
	margin:0px;
}
.company_box article section {
	width:660px;
	float:right;
	padding:0px;
	margin:0px;
}
.company_box article section dl dd {
	float:left;
	width:310px;
	padding:0 0 10px 20px;
	margin:0px;
}
.company_box article section dl dd a {
	display:block;
	padding:0px;
	margin:0px;
	border: solid 1px #fff;
}
.company_box article section dl dd a:hover {
	border: solid 1px #41a3ff;
}
.company_box article section dl dt {
	float:left;
	width:280px;
	padding:16px 15px 10px 35px;
	margin:0px;
}
.company_box article section dl dt a {
	display:block;
	text-indent:35px;
	font-size:11px;
	letter-spacing:0.2em;
	color:#fff;
	line-height:35px;
	background:#003f95 url(../img/common/index_arrow_d02.png) no-repeat 14px center;
	border-bottom: solid 2px #41a3ff;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif; font-weight:bold;
}
.company_box article section dl dt a:hover {
	text-decoration:none;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.company_box article section span {
	display: block;
	clear:both;
	padding:0 0 0 20px;
	margin:0px;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',sans-serif; font-weight:bold;
	color:#003f95;
}

#footer_top {
	margin: 0px;
	padding: 0px;
	clear: both;
	width:940px;
	padding:0 40px 0 0;
	margin:0 auto;
	text-align:right;
	height:50px;
	background:url(../img/common/footer_shade.png) no-repeat left bottom;
}
#footer_middle {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#footer_middle_in {
	margin: 0 auto;
	padding: 32px 0;
	width: 900px;
	text-align: left;
	background: #fff;
}
.footer_middle01 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 350px;
}
.sdgs_nav {
	margin: 0px;
	padding: 30px 0px 0px 0px;;
}
.footer_middle01 span {
	display:block;
	padding:0 0 10px 0;
	margin:0px;
}
.footer_middle01 p {
	font-size:10px;
	line-height:1.5em;
}
.footer_middle02 {
	float:left;
	padding:0 20px 0 0;
	margin:0px;
}
.footer_middle02 dt {
	line-height:30px;
	font-weight:bold;
	font-size:13px;
}
.footer_middle02 dd {
	line-height:26px;
	font-size:10px;
}#footer_bottom {
	background-color: #333333;
	margin: 0px;
	padding: 0px;
	width: auto;
}
#footer_bottom_in {
	overflow:hidden;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 900px;
	color:#ffffff;
}
#footer_bottom_in a { color:#ffffff;}

#footer_bottom_in ul {
	float:left;
	padding:0px;
	margin:0px;
}
#footer_bottom_in ul li {
	line-height:50px;
	float:left;
	padding:0 50px 0 0;
	margin:0px;
}
#footer_bottom_in ul li a { white-space:nowrap;}

#footer_bottom_in address {
	float:right;
	padding:0px;
	margin:0px;
	font-style:normal;
	line-height:50px;
	font-size:11px;
}
