@charset "UTF-8";

/*=======================================================================*/
/* SPECIAL Reset & Default style */
/*=======================================================================*/

/* ---------- style reset ---------- */
img { border: none; vertical-align: baseline; }
table { border-collapse: collapse; vertical-align: bottom; }
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,em {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	list-style-type: none;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ---------------------------------------
 layout
 --------------------------------------- */
html,body{
	margin:0;
	padding:0;
	width: 100%;
	height:100%;
}
body {
	font-family: 'Meiryo','メイリオ','MS PGothic','MS Pゴシック',Osaka,sans-serif;
	font-size: 1.0em;
	line-height: 1.4;
	text-align: left;
}
#wrap {
	background: none;
	width: 100%;
	overflow: hidden;
}
.block {
	width: 900px;
	margin: 0 auto 35px;
	position: relative;
}


/* ---------------------------------------
 contents
--------------------------------------- */
.area_global_nav {
	display: none;
}
.mod_modal_close_nav_fixed {
	display: none;
}

/* ====== header ====== */
header {
	width: 100%;
}
.header-inner {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
#header-course div.logo {
	text-align: left;
}
.header-course-normal div.logo {
	width: 135.5px !important;
}
.header-course-normal div.site-navi {
	width: 64px !important;
	padding-top: 8px;
	text-align: left;
}
.header-course-normal div.site-navi a {
	display: block;
	height: 17px;
}
#header-course div.site-navi img.snavi01 {
	 margin-top: 0;
}


/* ====== footer ====== */
#footer {
	width: 100%;
	border-top: 1px solid #cccccc;
}
#footer ul.courselist-main {
	text-align: center;
	background: url(/common/images/bg_foot_clm.gif) 0 100% repeat-x;
	border-bottom: solid 1px #dfded8;
}
#footer ul.courselist-main li {
	display: inline-block;
	width: 225px;
	float: none;
	border-bottom: none;
}
#footer ul.courselist-main li.first {
	border-left: solid 1px #dfded8;
}
#footer div.courselist-sub {
	width: 100%;
}
#footer div.courselist-sub-inner {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}


/* ====== nav ====== */
nav {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
ul.pankuzu {
	float: left;
	width: auto;
	display: table;
	table-layout:fixed;
	height: 40px;
}
ul.pankuzu li {
	font-size: 0.8em;
	display: table-cell;
	vertical-align: middle;
}
ul.pankuzu li.arrow {
	padding: 0 7px 0 5px;
}



/* ====== main-contents ここから下にスタイルを記述します。====== */

.main_contents,.sub_contents {
	margin: 0 auto;
	width: 900px;
	font-family: 'Meiryo','メイリオ','MS PGothic';
}


.main_contents_wrapper {
	background-image:url("/course/data/in_html/1386/img/back.jpg");
}

.contents {
	margin: 0 25px 0;
}



p.top_border {
	height: 20px;
	border: #a9cc51;
	background-color: #a9cc51;
	margin: 0 auto;
}


.center{
	text-align:center;
}

.title p.kouza_name{
	padding:10px 0 30px 0;
}

.contents .title {
	position:relative;
}


.contents .title h1 {
	text-align:center;
	margin:20px 0 40px;
}


.title p.top_icon{
	position:absolute;
}

.title p.img1{
	top:5px;
	left:669px;
}

.title p.img2{
	top:15px;
	left:600px;
}


.title p.img3{
	top:70px;
	left:100px;
}


p.kouza {
	border-top:30px #a9cc51;
}


.thanking {
	border:dashed 2px #999999;
	padding: 20px;
	margin-bottom:45px;
	background-color:#fffafa;
	position:relative;
}



.thanking p.middle_icon{
	position:absolute;
	top:-15px;
	left:410px;
}

.title p.middle_icon{
	top:5px;
	left:669px;
}


p.order_down{
	display:none;
}



h2.course_point{
	width: 500px;
	margin:0 auto 50px;
	background-image:url("/course/data/in_html/1386/img/border.gif");
	background-repeat:repeat-x;
	background-position:left bottom;
	padding-bottom:15px;
}


.point{
	position:relative;
}

.point p.middle_icon2{
	position:absolute;
}


.point p.img4 {
	top:70px;
	left:10px;
}

.point p.img5 {
	top:15px;
	left:800px;
}

.point p.img6 {
	top:15px;
	left:120px;
}

.point p.img7 {
	top:50px;
	left:700px;
}

.point dl {
	width: 400px;
	border:dashed 2px #999999;
	padding:10px;
	border-radius: 10px;
	position:relative;
}

.point dt.point_text{
	font-size:110%;
	color:#ff1493;
}


.point dl dd.illust img {
	width: 65%;
}

.point dl dd.bottom_icon{
	position:absolute;
	top:-18px;
	left:190px;
}

.point dl.point1{
	float:left;
	border-radius: 10px;
	background-color:#fffafa;
}

.point dl.point2{
	float:right;
	background-color:#fffafa;
}


.order{
	margin: 0 auto;
	width: 900px;
}

.order_top {
	margin: 0 25px 0;
}

h2.order_text{
	margin:40px 0 20px;
	width: 900px;
	background-color:#a9cc51;
	font-size:160%;
	color:#ffffff;
}

table.style{
	float:left;
	width: 400px;
}


table.style tr td{
	border:1px solid #BFBFBF;
	text-align: center;
	padding: 10px;
	background-color:#ffffff;
}


table.style th{
	border:1px solid #BFBFBF;
	text-align: center;
	padding: 5px;
	background-color:#ffffad;
}


.text_set {
	width: 400px;
	border:solid 1px #999999;
	padding:10px 10px 1px 10px ;
	background-color:#ffffff;
	float:right;
}

.text_set ul{
	margin-top:10px;
	margin-bottom:20px;
}


p.order_start a{
	margin: 30px auto;
	padding: 10px;
	border:solid 3px #e5171f;
	border-radius: 10px;
	color:#ffffff;
	background-color:#e5171f;
	width:400px;
	display:block;
	text-decoration:none;
}

font.attention{
	font-size:80%;
	color:#ff6347;
}


a.white{
	color:#ffffff;
}


.information{
	overflow:hidden;
}


.sub_contents{
	margin-top:30px;
	margin-bottom:30px;
	padding:10px;
	border:solid 1px #999999;
	width: 800px;
}

p.detail{
	text-align:right;
}