@charset "utf-8";

/*

Font Size(13px Base)
--------------------

13px * 77% -> 10px
13px * 85% -> 11px
13px * 93% -> 12px
13px * 100% -> 13px
13px * 108% -> 14px
13px * 116% -> 15px
13px * 124% -> 16px
13px * 131% -> 17px
13px * 139% -> 18px
13px * 147% -> 19px
13px * 154% -> 20px
13px * 162% -> 21px
13px * 170% -> 22px
13px * 177% -> 23px
13px * 185% -> 24px
13px * 193% -> 25px
13px * 200% -> 26px

*/

/* ===================================================================

	Reset CSS  |  YUI 3.5.0 - reset.css

=================================================================== */

/* YUI 3.5.0
------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td {
	margin:0;
	padding:0;
}

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

fieldset,
img {
	border:0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
 
ol,ul {
	list-style:none;
}
 
caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

/* to preserve line-height and selector appearance */

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/*to enable resizing for IE*/

input,textarea,select {
	*font-size:100%;
}

/* because legend doesn't inherit in IE */

legend {
	color:#000;
}

/* Custom Reset HTML5 Basic
------------------------------------------------------------------- */

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,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* ===================================================================

	Bug Fix

=================================================================== */

/* ===== IE7 zoom ===== */

*:first-child+html body,
*:first-child+html br {
	letter-spacing: 0;
}

/* ===== IE6/IE7 hasLayout true ===== */

h1, h2, h3, h4, h5, h6,
p, address, blockquote,
ol, ul, li, dl, dt, dd,
table, th, td, form, div,
header, footer, nav, section, aside {
	*zoom: 1; 
}

/* ===== iPhone for Font size adjustment ===== */

* {-webkit-text-size-adjust:100%;}

/* ===================================================================

	Base

=================================================================== */

/* HTML & Body
------------------------------------------------------------------- */

/* ===== always display scrollbar ===== */

html {
    scroll-behavior: smooth;
	margin-bottom: 1px;
    height: 100%;
}

/* ===== scrollbar styling ===== */

html,
body {
	scrollbar-base-color: #ccc;
	scrollbar-track-color: #eee;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #ccc;
	scrollbar-arrow-color: #ccc;
}

/* ===== body ===== */

body {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",Verdana,Helvetica,sans-serif;
	font-size: 13px;
	*font-size: 82%;
	line-height: 1.6;
	text-align: center;
}


/* Anchor
------------------------------------------------------------------- */

a:link, 
a:visited {
	text-decoration:underline;
}ai

a:hover,
a:active {
	text-decoration:underline;
}

a:focus {
	outline:none;
}

a.img_link:hover img {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

a.outlink {
	padding-right:20px;
}

hr {display:none;}

button {
    border: none;
}

/* ===================================================================

	Parts

=================================================================== */

/* Page top button
---------------------------------------------------------------- */

.pagetop {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 77%;
}

.pagetop a {
	background: #666;
	text-decoration: none;
	color: #fff !important;
	padding: 10px 15px;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}

.pagetop a:hover {
	text-decoration: none;
	background: #999;
}

/* Social Button
---------------------------------------------------------------- */

div.social_btn_set {
	margin:0;
	padding:0;
	}
	div.social_btn_set ul {margin:0;padding:0;}
	div.social_btn_set ul li {
		margin:0;
		padding:0 5px 0 0;
		}
		div.social_btn_set ul li:nth-child(1) {padding-right:0;}
	iframe.twitter-share-button {width:70px!important;}

/* ===================================================================

	General-purpose

=================================================================== */

.skip {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

/* ===== Margin ===== */
.mt0 {margin-top: 0 !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;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

.mb0 {margin-bottom: 0 !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;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}

.mr0 {margin-right: 0 !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;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr65 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}

.ml0 {margin-left: 0 !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;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}

/* ===== IME ===== */

.ime_dis {ime-mode:disabled;}

/* ===== Font Size ===== */

.fs0 {font-size:0;line-height:0;}
.fs10 {font-size:77%;line-height:1.5;}
.fs11 {font-size:85%;line-height:1.5;}
.fs12 {font-size:93%;line-height:1.5;}
.fs14 {font-size:108%;line-height:1.5;}
.fs15 {font-size:116%;line-height:1.5;}
.fs16 {font-size:124%;line-height:1.5;}
.fs17 {font-size:131%;line-height:1.5;}
.fs18 {font-size:139%;line-height:1.5;}
.fs19 {font-size:147%;line-height:1.5;}
.fs20 {font-size:154%;line-height:1.5;}
.fs21 {font-size:162%;line-height:1.5;}
.fs22 {font-size:170%;line-height:1.5;}
.fs23 {font-size:177%;line-height:1.5;}
.fs24 {font-size:185%;line-height:1.5;}
.fs25 {font-size:193%;line-height:1.5;}

/* ===== Font Weight ===== */

.fw {font-weight:bold;}

/* ===== Line Height ===== */

.lh12 {line-height:1.2;}
.lh14 {line-height:1.4;}
.lh16 {line-height:1.6;}
.lh18 {line-height:1.8;}
.lh20 {line-height:2;}

/* ===== Text align ===== */

.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}

/* ===== Vertical align ===== */

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.vbl {vartical-align:baseline;}

/* ===== Font Color ===== */

.gray {color:#888888;}
.blue {color:#0051C0;}
.red {color:#EB0A31;}
.orange {color:#F4650E;}
.green {color:#75A233;}

/* ===== Annotate List ===== */

/* ===== List Style ===== */

/* ===== Float ===== */

.fl {float:left;}
.fr {float:right;}

/* block float */

ul.fbox li,
ol.fbox li,
ul.navi_sub li,
ul.navi_main li,
div.social_btn_set li,
ul.index_voice_card li,
div.local_navi li {
	list-style:none;
	float:left;
	display:inline;
}

/* ===== Clear both ===== */

.clr {clear:both;}


/* ===================================================================

	Clear Fix

=================================================================== */

.cf:before,
.cf:after,
.fbox:before,
.fbox:after,

.head_body:after,
.navi_sub:after,
.navi_main:after,
#index_contents:after,
#contents:after,
.footer_body:after,
.social_btn_set ul:after,
.local_navi:after,
.list_line:after,
.form_layout .list_line:after,
.form_layout .sec_list_line:after {
	content: " ";
	display: table;
}

.cf:after,
.fbox:after,

.head_body:after,
.navi_sub:after,
.navi_main:after,
#index_contents:after,
#contents:after,
.footer_body:after,
.social_btn_set ul:after,
.local_navi:after,
.list_line:after,
.form_layout .list_line:after,
.form_layout .sec_list_line:after {
	clear: both;
}

.cf,
.fbox,

.head_body,
.navi_sub,
.navi_main,
#index_contents,
#contents,
.footer_body,
.social_btn_set ul,
.local_navi,
.list_line,
.form_layout .list_line,
.form_layout .sec_list_line {
	*zoom: 1;
}

/* ===================================================================

	Base Setting

=================================================================== */

body {
	color: #333;
	background:#00665A;
	min-width:960px;
}

a:link, 
a:visited {
	color: #00665A;
}

a:hover,
a:active {
	color: #31978B;
}

/* ===== Table ===== */

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

/* ===================================================================

	Header

=================================================================== */

#site_header {
	text-align:center;
	background:url(../images/common/header_back.gif) repeat-x;
	width:100%;
	height:170px;
}

.head_body {
	margin:0 auto;
	padding:0;
	text-align:right;
	width:960px;
	position:relative;
}

.head_body h1 {
	width:385px;
	display:block;
	position:absolute;
	top:35px;
	left:0;
}

	.head_body h1 a {
		margin:0;
		padding:0;
		text-align:left;
		text-indent:-9999px;
		background:url(../images/common/logo.gif) no-repeat;
		width:385px;
		height:45px;
		display:block;
	}

	.head_body a:hover img {
		opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=75); /* IE lt 8 */
		-ms-filter: "alpha(opacity=75)"; /* IE 8 */
		-khtml-opacity: .75; /* Safari 1.x */
		-moz-opacity: .75; /* FF lt 1.5, Netscape */
	}

.head_inq {
	padding:15px 0 25px 0;
	font-size:0;
	line-height:0;
	background:url(../images/common/head_inq_cap.gif) no-repeat right top;
}

/* ===================================================================

	Navigation

=================================================================== */

/* Sub Navigation
---------------------------------------------------------------- */

ul.navi_sub {
	margin:0 0 15px 0;
	padding-left:605px;
	text-align:left;
}

	ul.navi_sub li {
		line-height:0;
		text-align:left;
	}

	ul.navi_sub li,
	ul.navi_sub li a {
		text-indent:-9999px;
		background:url(../images/common/navi_sub.gif) no-repeat;
		height:25px;
		display:block;
	}

	/* home */
	ul.navi_sub li.navi_home,
	ul.navi_sub li.navi_home a {
		background-position:0px 0px;
		width:90px;
	}

	ul.navi_sub li.navi_home a:hover {background-position:0px -25px;}
	ul.navi_sub li.navi_home a.select,
	ul.navi_sub li.navi_home a.select:hover {background-position:0px -50px;}

	/* policy */
	ul.navi_sub li.navi_policy,
	ul.navi_sub li.navi_policy a {
		background-position:-90px 0px;
		width:158px;
	}

	ul.navi_sub li.navi_policy a:hover {background-position:-90px -25px;}
	ul.navi_sub li.navi_policy a.select,
	ul.navi_sub li.navi_policy a.select:hover {background-position:-90px -50px;}

	/* sitemap */
	ul.navi_sub li.navi_sitemap,
	ul.navi_sub li.navi_sitemap a {
		background-position:-248px 0px;
		width:107px;
	}

	ul.navi_sub li.navi_sitemap a:hover {background-position:-248px -25px;}
	ul.navi_sub li.navi_sitemap a.select,
	ul.navi_sub li.navi_sitemap a.select:hover {background-position:-248px -50px;}


/* Global Navigation
---------------------------------------------------------------- */

#site_header nav {
	margin:0 auto;
	width:960px;
	clear:both;
}

ul.navi_main {
	margin:0;
	width:100%;
}

	ul.navi_main li,
	ul.navi_main li a {
		text-indent:-9999px;
		background:url(../images/common/navi_main.gif) no-repeat;
		height:65px;
		width:192px;
		display:block;
	}

	/* about */
	ul.navi_main li.navi_about,
	ul.navi_main li.navi_about a {background-position:0px 0px;}
	ul.navi_main li.navi_about a:hover {background-position:0px -65px;}
	ul.navi_main li.navi_about a.select,
	ul.navi_main li.navi_about a.select:hover {background-position:0px -130px;}

	/* service */
	ul.navi_main li.navi_service,
	ul.navi_main li.navi_service a {background-position:-192px 0px;}
	ul.navi_main li.navi_service a:hover {background-position:-192px -65px;}
	ul.navi_main li.navi_service a.select,
	ul.navi_main li.navi_service a.select:hover {background-position:-192px -130px;}

	/* voice */
	ul.navi_main li.navi_voice,
	ul.navi_main li.navi_voice a {background-position:-384px 0px;}
	ul.navi_main li.navi_voice a:hover {background-position:-384px -65px;}
	ul.navi_main li.navi_voice a.select,
	ul.navi_main li.navi_voice a.select:hover {background-position:-384px -130px;}

	/* faq */
	ul.navi_main li.navi_faq,
	ul.navi_main li.navi_faq a {background-position:-576px 0px;}
	ul.navi_main li.navi_faq a:hover {background-position:-576px -65px;}
	ul.navi_main li.navi_faq a.select,
	ul.navi_main li.navi_faq a.select:hover {background-position:-576px -130px;}

	/* company */
	ul.navi_main li.navi_company,
	ul.navi_main li.navi_company a {background-position:-768px 0px;}
	ul.navi_main li.navi_company a:hover {background-position:-768px -65px;}
	ul.navi_main li.navi_company a.select,
	ul.navi_main li.navi_company a.select:hover {background-position:-768px -130px;}

/* Local Navigation
---------------------------------------------------------------- */

.local_navi {
	margin:0 0 35px 0;
	padding:0;
	border-bottom:solid 1px #D4CECC;
	width:710px;
}

	.local_navi li,
	.local_navi li a {
		margin:0 0 -1px 0;
		padding:0;
		text-indent:-9999px;
		width:200px;
		height:55px;
		display:block;
	}

/* ===================================================================

	Contents Area

=================================================================== */

#container {
	text-align:center;
	background:#F1F1F1;
	width:100%;
}

#contents_area {
	marign:0;
	text-align:center;
	border-bottom:solid 1px #B3B3B3;
	width:100%;
}

.index_contents {
	margin:0 auto;
	padding:0 0 70px 0;
	text-align:left;
	width:960px;
}

#contents {
	margin:0 auto;
	padding:0 0 70px 0;
	text-align:left;
	width:960px;
	position:relative;
}

#main {
	margin:0 -220px 0 0;
	float:left;
}

.contents_body {
	width:710px;
}

#sub {
	margin:0;
	padding:155px 0 0 0;
	width:220px;
	float:right;
}

/* Title
---------------------------------------------------------------------- */

.title_about,
.title_service,
.title_voice,
.title_faq,
.title_inquiry,
.title_network,
.title_company,
.title_blog,
.title_event,
.title_policy,
.title_sitemap,
.title_fiduciaryduty {
	margin:0 -220px 35px 0;
	text-indent:-9999px;
	width:960px;
	height:120px;
}

.title_about {background:url(../images/about/title.jpg) no-repeat;}
.title_service {background:url(../images/service/title.jpg) no-repeat;}
.title_voice {background:url(../images/voice/title.jpg) no-repeat;}
.title_faq {background:url(../images/faq/title.jpg) no-repeat;}
.title_inquiry {background:url(../images/inquiry/title.jpg) no-repeat;}
.title_network {background:url(../images/network/title.jpg) no-repeat;}
.title_company {background:url(../images/company/title.jpg) no-repeat;}
.title_blog {background:url(../images/blog/title.jpg) no-repeat;}
.title_event {background:url(../images/event/title.jpg) no-repeat;}
.title_policy {background:url(../images/policy/title.jpg) no-repeat;}
.title_fiduciaryduty {background:url(../images/fiduciaryduty/title.jpg) no-repeat;}
.title_sitemap {background:url(../images/sitemap/title.jpg) no-repeat;}

/* Pankuzu
---------------------------------------------------------------------- */

.pankuzu {
	padding:0;
	font-size:85%;
	line-height:15px;
	clear:both;
}

.pankuzu ul {
	padding:13px 0 2px 0;
}
.pankuzu li {
	padding:0 15px 0 20px;
	background:url(../images/common/pankuzu_arrow.gif) no-repeat left center;
	display:inline;
}

	.pankuzu li a {
		color:#999999;
		text-decoration:none;
	}
	
	.pankuzu li a:hover {
		color:#ccc;
		text-decoration:underline;
	}

	.pankuzu li:nth-last-child(1) a {
		color:#999999;
		text-decoration:none;
	}

	.pankuzu li:nth-child(1) {
		padding:0 15px 0 0;
		background:none;
	}

/* ===================================================================

	Sidebar

=================================================================== */

.content_banner {
	margin:0 0 15px 0;
}

	.content_banner li {
		margin:0 0 15px 0;
		font-size:0;
		line-height:0;
	}

	.content_banner li:nth-last-child(1) {
		margin:0;
	}

	.content_banner li a:hover img {
		opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=75); /* IE lt 8 */
		-ms-filter: "alpha(opacity=75)"; /* IE 8 */
		-khtml-opacity: .75; /* Safari 1.x */
		-moz-opacity: .75; /* FF lt 1.5, Netscape */
	}

.side_info {
	margin:0 0 15px 0;
}

	.side_info h2 {}

	.side_info figure {
		margin:0 0 10px 0;
		font-size:0;
		line-height:0;
	}

	.side_info_detail {
		margin:0 0 20px 0;
		padding:0 0 15px 0;
		line-height:1.5em;
		text-align:center;
		border-bottom:dashed 1px #ccc;
	}

	.side_inq {}

		.side_inq h3 {
			margin:0 0 5px 0;
		}

/* ===================================================================

	Footer

=================================================================== */

#site_footer {
	padding:0 0 50px 0;
	background:#D2D2D2;
	width:100%;
}

.footer_body {
	margin:0 auto;
	text-align:left;
	width:960px;
}

.footer_left {
	padding:50px 0 0 0;
	width:315px;
	float:left;
}

	p.footer_logo {
		margin:0;
		padding:5px 0;
		font-size:0;
		line-height:0;
	}

	.footer_left h2 {
		margin:0 0 20px 0;
		font-size:93%;
		font-weight:bold;
		color:#222;
	}

	.footer_left p {
		line-height:1.5em;
	}

	.footer_left li a {
		margin-right:20px;
		padding-right:15px;
		font-size:85%;
		line-height:14px;
		background:url(../images/common/footer_list.gif) no-repeat right center;
	}

.footer_right {
	padding:45px 0 0 40px;
	border-left:solid 1px #9C9C9C;
	width:580px;
	float:right;
}


#site_footer nav {
	border-bottom:solid 1px #B7B7B7;
	width:100%;
}

	#site_footer nav ul {
		margin:0;
		padding:0 0 15px 0;
		width:610px;
	}

	#site_footer nav ul li {
		margin:0;
		padding:0;
		line-height:2em;
		display:inline;
	}

	#site_footer .footer_disclaimer {
		padding:15px 0;
		font-size:85%;
		line-height:1.6em;
		border-bottom:solid 1px #B7B7B7;
	}

	#site_footer .check_number {
		padding:20px 0 0 0;
		font-size:85%;
		line-height:1.5em;
		color:#898885;
	}

	small {
		margin:0 auto;
		padding:10px 0;
		font-size:85%;
		line-height:1.4em;
		text-align:center;
		color:#fff;
		width:960px;
		display:block;
	}

		small a:link,
		small a:visited {
			color:#fff;
			text-decoration:none;
		}

		small a:hover,
		small a:active {
			color:#fff;
			text-decoration:underline;
		}