@charset "utf-8";
/*===============================================================================
		common
===============================================================================*/

html {
    font-size: 62.5%;
    height: 100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    background: #d9dae0;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #333333;
    line-height: 1.8;
    font-size: 12px;
    font-size: 1.2em;
}

select,
input,
button,
textarea {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font-size: 12px;
    font-size: 1.2rem;
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
}

/*===============================================================================
		base
===============================================================================*/


/*	#wrap
---------------------------------------*/

div#wrap {
	margin:0 auto;
	height: 100%;
	text-align:center;
    font-size: 12px;
	font-size: 1.2rem;
}


/*	#header
---------------------------------------*/

#header {
	background:#eef0f3 url("/common/img/common/bg_header.jpg") repeat-x 0 0;
	margin:0 auto;
	padding:0;
	text-align:center;
}

div#head_inner{
	width:960px;
	text-align:left;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	display: flex;
	align-items: center;
}

/*	#head_left
---------------------------------------*/

div#head_left{
	/* float:left; */
	padding:8px 0 13px 0;
	width: 357px;
}

h1{text-align:left;}
h2#h_desc{text-align:left;}

/*	#head_right
---------------------------------------*/

div#head_right{
	padding-left: 20px;
	float:right;
	width:579px;
	position: relative;
}

p#head_tel{
	padding:5px 0 4px 0;
	float:left;
}

p#head_contact{
	/* padding:35px 0 24px 0;
	float:left; */
	position: absolute;
	bottom: 10px;
	left: 60px;
	width: 110px;
}

p#head_contact img{
	width: 150px;
}

#global_nav {
	background:url("/common/img/common/bg_gnav.jpg") repeat-x 0 0;
	height:45px;
	margin:0 auto;
	text-align:center;
}

#global_nav ul{
	background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat 0 0;
	width:960px;
	height:45px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#global_nav ul li{
	float:left;
}

#global_nav ul li#nav_home a,
#global_nav ul li#nav_corporate a,
#global_nav ul li#nav_personal a,
#global_nav ul li#nav_profile a,
#global_nav ul li#nav_outline a,
#global_nav ul li#nav_contact a{
	width:160px;
	height:45px;
	display:block;
	text-indent:-9999px;
}

#global_nav ul li#nav_home		  a:hover{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat 0 -45px;}
#global_nav ul li#nav_corporate  a:hover{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -160px -45px;}
#global_nav ul li#nav_personal a:hover{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -320px -45px;}
#global_nav ul li#nav_profile a:hover{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -480px -45px;}
#global_nav ul li#nav_outline  a:hover{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -640px -45px;}
#global_nav ul li#nav_contact  a:hover{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -800px -45px;}

#home    #global_nav ul li#nav_home		  a{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat 0 -45px;}
#corporate  #global_nav ul li#nav_corporate  a{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -160px -45px;}
#personal #global_nav ul li#nav_personal a{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -320px -45px;}
#profile #global_nav ul li#nav_profile a{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -480px -45px;}
#outline  #global_nav ul li#nav_outline  a{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -640px -45px;}
#contact  #global_nav ul li#nav_contact  a{background:url("/common/img/common/bg_gnavbtn.jpg") no-repeat -800px -45px;}

/*	#contents
---------------------------------------*/

div#container{
	background:#ffffff url("/common/img/common/bg_container.gif") repeat-x 0 0;
	margin:0 auto;
	text-align:center;
	width: 960px;
	height: 100%;
}

div#contents{
	background:#fff url("/common/img/common/bg_contents.gif") repeat-x 0 0;
	border-right:1px solid #cbccd1;
	border-left:1px solid #cbccd1;
	width:958px;
	margin:0 auto;
	text-align:left;
	min-height: 100%;
	position: relative;
}

div#main{
	width:930px;
	margin:0 auto;
	text-align:left;
	padding:13px 14px 100px;
}


/*	#footer
---------------------------------------*/

footer#footer{
	text-align:center;
	margin:0 auto;
	clear:both;
	overflow:hidden;
    position: absolute;
    bottom: 0;
    width: 958px;
	padding-bottom: 10px;
}

div#fPagetop{
	background:#f2f4f7;
	border-bottom:1px solid #0b274b;
	margin-bottom:15px;
}

div#go-top{
	background:#f2f4f7;
	border-bottom:1px solid #0b274b;
	margin-bottom:15px;
}

div#fPagetop p{
	text-align:right;
	padding:0 15px 0 0;
}

footer#footer ul{
	float:left;
	text-align:left;
	padding: 0 0 0 15px;
}

footer#footer ul li{
	background:url("/common/img/common/i_arrow01.gif") no-repeat 0 50%;
	padding:0 0 0 10px;
    float: left;
    line-height: 2;
    margin-right: 15px
}

footer#footer p#copyright{
    font-size: 10px;
	font-size: 1rem;
	width:50%;
	float:right;
	text-align:right;
    line-height: 2;
	padding:0 15px 0 0;
}

/* forIE7 ONRY */
*:first-child + html p#copyright{
	font-size:70%;
}

/*===============================================================================
		layout
===============================================================================*/

#index div#contents{border-bottom:1px solid #cbccd1;}

/*	#mainImage
---------------------------------------*/

#index h2#mainImage{margin-bottom:20px;}
#index h2#mainImage img{border:1px solid #ebf0e4; padding:0;}

#index div#main{
	overflow:hidden;
	clear:both;
	width:930px;
	margin:0 auto;
	text-align:left;
	padding:13px 14px 13px 14px;	
}

#index ul#bnrNav{
	width:940px;
	overflow:hidden;
	margin:0 -10px 0 0;
	padding-bottom:30px;
}

#index ul#bnrNav li{
	float:left;
	margin:0 10px 0 0;
}

ul#faqList{
	padding:0 12px 15px 11px;
}

h3.sec02{margin-bottom:9px;}

div#stepFlow{
	line-height:1.6;
	margin-bottom: 20px;
}

div#stepFlow dl#step01{
	width:235px;
	float:left;
}

div#stepFlow dl#step02{
	width:238px;
	float:left;
}

div#stepFlow dl#step03{
	width:241px;
	float:left;
}

div#stepFlow dl#step04{
	width:216px;
	float:left;
}

div#stepFlow dl dd{
	padding:5px;
}

/*	.idea
---------------------------------------*/

div.ideaWrap{

}

div.idea{
	background:url("/common/img/common/bg_idea.gif") repeat-y 0 0;
	margin:0 0 9px 0;
	zoom:1;
}

div.ideaBtm{
	margin-top: 15px;
	background:url("/common/img/common/bg_idea_btm.gif") no-repeat 0 100%;
}

div.ideaTop{
	background:url("/common/img/common/bg_idea_top.gif") no-repeat 0 0;
	padding:4px;
}

div.ideaRead{
	padding:10px;
	line-height:1.6;
}

/*	#message
---------------------------------------*/

div#message{
	border:1px solid #eee;
	margin-bottom:30px;
}

div.read{
	line-height:1.6;
	padding:20px;
}

div.read .imgBoxR{
	float:right;
	margin:0 0 0 20px;
}
div.read .imgBoxR p {margin-left:10px; float:left;}
div.read .imgBoxR p span{display:block;}

div.read .imgBoxR p img{border:1px solid #d1d4e2;}
div.read .imgBoxR p span img{border:0;}

div.read p#first{
	overflow:hidden;
}

p.read02 {
	padding: 20px 10px 0;
}

/*===============================================================================
		other
===============================================================================*/

/*	clearfix
---------------------------------------*/

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

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hides from IE-mac */
/*	clear
---------------------------------------*/

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}
/*	indent
---------------------------------------*/

.indent01 {
    padding: 0 0 20px 5px;
    line-height: 1.8;
}
/*	link settings
---------------------------------------*/

a {
    color: #004276;
    text-decoration: none;
}

a:hover {
    color: #004276;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

a.i_blank {
    padding-right: 12px;
    background: url(/common/img/common/i_blank01.gif) no-repeat right 0.4em;
}
a.i_pdf {
    padding-right: 25px;
    background: url(/common/img/common/i_pdf01.gif) no-repeat right top;
}

/*	title settings
---------------------------------------*/

h2#mainImage {
    margin-bottom: 25px;
}

h3 {}

h4 {}

h5 {}

h6 {}
/*	text settings
---------------------------------------*/

.textC {
    text-align: center;
    vertical-align: middle;
}

strong {
    font-weight: bold;
}
/*	font settings
---------------------------------------*/

.fcRed {
    color: #f00;
}
/*	form settings
---------------------------------------*/

input {
    padding: 2px 2px 2px 2px;
    line-height: 1;
}

select {
    margin-bottom: 2px;
}

textarea {
    width: 446px;
    height: 96px;
    padding: 3px 2px 1px 2px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
}
/*	form-button settings
---------------------------------------*/

.formbtn {
    width: 100%;
    margin: 20px 0;
    text-align: center;
}

.formbtn input.btnL {
    margin-right: 10px;
}
/*	table
---------------------------------------*/

.tableLayout01 {
    width: 100%;
    margin-bottom: 20px;
    border: #dadada solid 1px;
    border-bottom: none;
    border-collapse: separate;
}

.tableLayout01 th {
    width: 20%;
    text-align: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dadada;
    background: url("/common/img/common/bg_table_th.gif") repeat 0 0;
    padding: 8px 10px;
}

.tableLayout01 th,
.tableLayout01 td {
    line-height: 1.4;
    vertical-align: middle;
    text-align: left;
}

.tableLayout01 td {
    padding: 8px 10px;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
/*	image-settings
---------------------------------------*/

.imgRight {
    float: right;
    margin-left: 10px;
}

.imgLeft {
    float: left;
    margin: 0 10px 10px 0;
}
/*	page-top
---------------------------------------*/

.pagetop {
    text-align: right;
    clear: both;
    padding: 15px 0;
    font-size: 12px;
    font-size: 1.2rem;
}
/*	ul settings
---------------------------------------*/

.indent01 ul {
    margin: 0;
    padding 0;
}

.indent01 ul li {
    padding: 0;
    margin: 0;
    line-height: 1.8;
}
/*	ol settings
---------------------------------------*/

.indent01 ol {
    margin: 0;
}

.indent01 ol li {
    margin: 0 0 0 28px;
    list-style: outside decimal;
    line-height: 1.8;
}
/*	margin settings
---------------------------------------*/

.mgb5 {
	margin-bottom: 5px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb15 {
	margin-bottom: 15px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb25 {
	margin-bottom: 25px;
}
.mgb30 {
	margin-bottom: 30px;
}

.mgt5 {
	margin-top: 5px;
}
.mgt10 {
	margin-top: 10px;
}
.mgt15 {
	margin-top: 15px;
}
.mgt20 {
	margin-top: 20px;
}
.mgt25 {
	margin-top: 25px;
}
.mgt30 {
	margin-top: 30px;
}

/*	padding settings
---------------------------------------*/

.pdb5 {
	padding-bottom: 5px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb15 {
	padding-bottom: 15px;
}
.pdb20 {
	padding-bottom: 20px;
}
.pdb25 {
	padding-bottom: 25px;
}
.pdb30 {
	padding-bottom: 30px;
}

.pdt5 {
	padding-top: 5px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt15 {
	padding-top: 15px;
}
.pdt20 {
	padding-top: 20px;
}
.pdt25 {
	padding-top: 25px;
}
.pdt30 {
	padding-top: 30px;
}

/*	2行目をずらす
---------------------------------------*/
.indent-2line-list li {
	text-indent: -1.3em;
  padding-left: 1.3em;
}
.indent01 .indent-2line-list li {
	text-indent: -1.3em;
  padding-left: 1.3em;
}

/*	text-align
---------------------------------------*/
.u-ta-l {
	text-align: left;
}
.u-ta-c {
	text-align: center;
}
.u-ta-r {
	text-align: right;
}

/*	font-size
---------------------------------------*/
.font-size10 {
	font-size: 10px;
}
.font-size12 {
	font-size: 12px;
}
.font-size14 {
	font-size: 14px;
}
.font-size16 {
	font-size: 16px;
}
.font-size18 {
	font-size: 18px;
}
.font-size20 {
	font-size: 20px;
}
.font-size22 {
	font-size: 22px;
}
.font-size24 {
	font-size: 24px;
}

/*	text-align
---------------------------------------*/
.mw100 {
	max-width: 100%;
}