@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}


/*
-------------------------------------------------------*/
body {
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	/* for IE6/7 */ 
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}

h1, h2, h3, h4 {
	line-height: 1.5;
}
.section h3 {
	color: #f8991d;
	margin: 1.0em 0 1.0em;
	font-size: 225%;/*27px*/
	line-height: 1.5;
}
p, ul li, ol li, dl dt, dl dd {
	line-height: 1.6;	
}
ul, ol {
	list-style-type: none;
}


/*
-------------------------------------------------------*/
.section--about {
	
}
.section--about .section-content {
	padding: 20px 10px 0;
	overflow: hidden;
}



/*
-------------------------------------------------------*/
.section--merit {
	overflow: hidden;
}
.section--merit .section-content {
	padding: 20px 50px 0;
	overflow: hidden;
}
.section--merit .row {
	width: 860px;
}
.section--merit .col {
	padding: 145px 0 0;
	float:left;
	background-image: url(../../_shared/images/index/merit_img_01.png);
	background-repeat: no-repeat;
}
.section--merit .col--first {
	background-position: 0 0;
	width: 270px;
}
.section--merit .col--second {
	background-position: -270px 0;
	width: 320px;
}
.section--merit .col--third {
	background-position: -590px 0;
	width: 270px;
}
.section--merit .col-inner {
	width: 270px;
	margin: auto;
}
.section--merit .col .section {
	min-height: 240px;
}

.section--merit .col ul li {
	font-size: 14px;
	list-style-type: disc;
	margin: 0 0 0px 15px;
}



/*
-------------------------------------------------------*/
.section--apply02 .section-content {
	padding: 0;
}
.section--apply02 ul {
	position: relative;
	background: url(../../_shared/images/index/apply_img_02.png) no-repeat 0 0;
	width: 860px;
	height: 179px;
	margin: 0 auto 50px;
}
.section--apply02 ul li.register a {
	display: block;
	position: absolute;
	top: 92px;
	left: 40px;
	width: 780px;
	height: 50px;
}

body.cost .section--apply02 ul {
	background: url(../../_shared/images/cost/apply_img_02.png) no-repeat 0 0;
}

/* pattern b
-------------------------------------------------------*/
body.index02 .section--apply02 ul {
	background: url(../../_shared/images/index02/apply_img_02.png) no-repeat 0 0;
	height: 214px;
}
body.cost02 .section--apply02 ul {
	background: url(../../_shared/images/cost02/apply_img_02.png) no-repeat 0 0;
	height: 214px;
}

/*
-------------------------------------------------------*/
.section--merit-b {
	overflow: hidden;
}
.section--merit-b .section-content {
	padding: 20px 0 0;
	overflow: hidden;
}
.section--merit-b .section {
	border-bottom: 2px solid #fff;
	padding-bottom: 30px;
}
.section--merit-b .row {
	position: relative;
	width: 860px;
	height: 135px;
	margin: 0 auto 30px;
}
.section--merit-b .row h4 {
	position: absolute;
	top: 0;
	left: 170px;
	height: 35px;
}
.section--merit-b .row .btn {
	position: absolute;
	top: 0;
	right: 0;
}
.section--merit-b .row li {
	position: absolute;
	width: 228px;
	height: 40px;
}
.section--merit-b .row--first {
	background-image: url(../../_shared/images/merit/merit_img_01.png);
	background-repeat: no-repeat;
}
.section--merit-b .row--first h4 {
	width: 300px;
}
.section--merit-b .row--first .merit-01 {
	top: 52px;
	left: 170px;
}
.section--merit-b .row--first .merit-02 {
	top: 52px;
	left: 401px;
}
.section--merit-b .row--first .merit-03 {
	top: 52px;
	left: 632px;
}
.section--merit-b .row--first .merit-04 {
	top: 95px;
	left: 170px;
}
.section--merit-b .row--first .merit-05 {
	top: 95px;
	left: 401px;
}
.section--merit-b .row--first .merit-06 {
	top: 95px;
	left: 632px;
}
.section--merit-b .row--second {
	background-image: url(../../_shared/images/merit/merit_img_02.png);
	background-repeat: no-repeat;
}
.section--merit-b .row--second h4 {
	width: 367px;
}
.section--merit-b .row--second li {
	width: 344px;
}
.section--merit-b .row--second .merit-01 {
	top: 52px;
	left: 170px;
}
.section--merit-b .row--second .merit-02 {
	top: 52px;
	left: 517px;
}
.section--merit-b .row--second .merit-03 {
	top: 95px;
	left: 170px;
}
.section--merit-b .row--second .merit-04 {
	top: 95px;
	left: 517px;
}
.section--merit-b .row--third {
	background-image: url(../../_shared/images/merit/merit_img_03.png);
	background-repeat: no-repeat;
	height: 112px;
}
.section--merit-b .row--third h4 {
	width: 364px;
}
.section--merit-b .row--third .merit-01 {
	top: 52px;
	left: 170px;
}
.section--merit-b .row--third .merit-02 {
	top: 52px;
	left: 401px;
}
.section--merit-b .row--third .merit-03 {
	top: 52px;
	left: 632px;
}




/*
-------------------------------------------------------*/
.section--voice .section-content {
	padding: 20px 50px 0;
	overflow: hidden;
}
.section .interview {
	border-top: 2px solid #eaebec;
	border-left: 2px solid #eaebec;
	border-right: 2px solid #eaebec;
	width: 856px;
	margin: 0 auto;
}
.section .interview .pict {
	float: left;
	margin: 18px 30px 20px 18px;
}
.section .interview .description {
	margin: 18px 18px 20px 18px;
}
.section .interview .headline {
	margin: 0 0 25px 0;
}
.section dl.acdn {
	position: relative;
	margin: 0 auto 30px;
	width: 860px;
}
.section dl.acdn dt {
	background-image: url(../../_shared/images/voice_btn_open.png);
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	width: 860px;
	height: 30px;
}
.section dl.acdn dt.ov {
	background-image: url(../../_shared/images/voice_btn_open.png);
	background-repeat: no-repeat;
}
.section dl.acdn dt.active {
	background-image: url(../../_shared/images/voice_btn_close.png);
	background-repeat: no-repeat;
}
.section dl.acdn dd {
	border-bottom: 2px solid #eaebec;
	border-left: 2px solid #eaebec;
	border-right: 2px solid #eaebec;
	position: relative;
}
.section dl.acdn dd p {
	color: #323844;
	line-height: 2.0;
	padding: 40px;
}

/**/
body.merit .section .interview {
	background-color: #fff;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
body.merit .section dl.acdn dd {
	background-color: #fff;
	border-bottom: 2px solid #eaebec;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	position: relative;
}



/*
-------------------------------------------------------*/
.section--flow {
}
.section--flow .section-content {
	padding: 20px 50px 0;
	overflow: hidden;
}
.section--flow ul {
	background: url(../../_shared/images/flow_img_01.png) no-repeat 0 0;
	list-style-type: none;
	width: 860px;
	height: 369px;
	margin: 0;
	padding: 0;
	position: relative;
}
.section--flow ul li {
	position: absolute;
}
.section--flow ul li.flow-01 {
	left: 0;
	top: 0;
	width: 270px;
	height: 369px;
}
.section--flow ul li.flow-02 {
	left: 350px;
	top: 0;
	width: 210px;
	height: 218px;
}
.section--flow ul li.flow-03 {
	left: 350px;
	top: 258px;
	width: 211px;
	height: 111px;
}
.section--flow ul li.flow-04 {
	left: 610px;
	top: 171px;
	width: 250px;
	height: 198px;
}
.section--flow ul li.flow-05 {
	left: 610px;
	top: 0;
	width: 120px;
	height: 121px;
}
.section--flow ul li.flow-06 {
	left: 740px;
	top: 0;
	width: 120px;
	height: 121px;
}



/*
-------------------------------------------------------*/
.section--step {
	overflow: hidden; /* prevent margin collapse */
}
.section--step .section-content {
	padding: 20px 10px 30px;
	overflow: hidden;
}
.section--step ol {
	background: url(../../_shared/images/step_img_01.png) no-repeat 0 0;
	list-style-type: none;
	width: 860px;
	height: 261px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.section--step ol li {
	position: absolute;
}
.section--step ol li.first {
	left: 0;
	top: 0;
	width: 269px;
	height: 261px;
}
.section--step ol li.second {
	left: 269px;
	top: 0;
	width: 321px;
	height: 261px;
}
.section--step ol li.third {
	left: 590px;
	top: 0;
	width: 269px;
	height: 261px;
}


/**/
body.merit .section--step ol li {
	background-image: url(../../_shared/images/merit/step_img_01.png);
}

/*
-------------------------------------------------------*/
.section--apply {
	padding: 0 10px 0;
}
.section--apply ul {
	position: relative;
	background: url(../../_shared/images/apply_img_00.png) no-repeat 0 0;
	width: 860px;
	height: 332px;
	margin: 50px auto 50px;
}
.section--apply ul li.register a {
	display: block;
	position: absolute;
	top: 112px;
	left: 40px;
	width: 780px;
	height: 55px;
}
.section--apply ul li.pdf a {
	display: block;
	position: absolute;
	top: 237px;
	left: 40px;
	width: 385px;
	height: 64px;
}
.section--apply ul li.movie a {
	display: block;
	position: absolute;
	top: 237px;
	left: 435px;
	width: 385px;
	height: 64px;
}

/* pattern b
-------------------------------------------------------*/
body.index02 .section--apply ul {
	background: url(../../_shared/images/apply_img_01a.png) no-repeat 0 0;
	height: 352px;
}

/* pattern c
-------------------------------------------------------*/
body.merit .section--apply ul {
	background: url(../../_shared/images/apply_img_01.png) no-repeat 0 0;
}

body.merit02 .section--apply ul {
	background: url(../../_shared/images/apply_img_01b.png) no-repeat 0 0;
	height: 352px;
}

/* pattern d
-------------------------------------------------------*/
body.cost .section--apply ul {
	background: url(../../_shared/images/apply_img_02.png) no-repeat 0 0;
}

body.cost02 .section--apply ul {
	background: url(../../_shared/images/apply_img_01c.png) no-repeat 0 0;
	height: 352px;
}

/*-------------------------------------------------------
	cost.html
-------------------------------------------------------*/


/*
-------------------------------------------------------*/
.section--statement {
	overflow: hidden; /* prevent margin collapse */
}
.section--statement .section-content {
	padding: 20px 10px 0;
	overflow: hidden;
}
.section--statement .headline {
	color: #f8991d;
}
.section--statement h3 {
	background: #f8991d;
	color: #FFFFFF;
	padding: 15px 0;
}


/*
-------------------------------------------------------*/
.section--costmodel {
	overflow: hidden; /* prevent margin collapse */
}
.section--costmodel .section-content {
	padding: 20px 50px 0;
	overflow: hidden;
}

.section--costmodel .row {
	margin: 0 40px;
}
.section--costmodel .col {
	float: left;
}

.section--costmodel .col--first {
	border-right: solid 2px #eaeaec;
	margin-left: 40px;
	width: 438px;
}
.section--costmodel__section--cost {
	min-height: 180px;
}
.section--costmodel__section--cost h4 {
	min-height: 45px;
}
.section--costmodel__section--cost ul {
	margin-left: 120px;
	list-style-type: disc;
}
.section--costmodel__section--cost ul li {
	margin-bottom: 5px;
}
.section--costmodel__section--sales {
	min-height: 180px;
	
}
.section--costmodel__section--sales h4 {
	min-height: 45px;
}
.section--costmodel__section--sales ul {
	margin-left: 50px;
	list-style-type: disc;
}
.section--costmodel__section--sales ul li {
	margin-bottom: 5px;
}