@charset "utf-8";

/******************************************************************
　　初期設定
 ******************************************************************/

.txt-center {text-align:center;}
.txt-left { text-align: left;}
.txt-right { text-align: right;}
.aligncenter {display: block; margin-left:auto; margin-right:auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

a:link {color: #666; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
a:hover {color: #cc0000; text-decoration: none;}
a:active {color: #333; text-decoration: underline;}

em {font-style: italic;}

/* テキスト関係------------------------ */
.fss {font-size: 10px !important;}
.fs {font-size: 12px !important;}
.fm {font-size: 14px !important;}
.fl {font-size: 16px !important;}
.fll {font-size: 18px !important;}
.t12 {font-size: 12px !important;}
.t20 {font-size: 20px !important;}
.t25 {font-size: 25px !important;}
.t28 {font-size: 28px !important;}
.t30 {font-size: 30px !important;}
.t33 {font-size: 33px !important;}
.t35 {font-size: 35px !important;}

.line12 {line-height: 1.2 !important;}
.line13 {line-height: 1.3 !important;}
.line14 {line-height: 1.4 !important;}
.line15 {line-height: 1.5 !important;}
.line16 {line-height: 1.6 !important;}
.line17 {line-height: 1.7 !important;}

.tpink {color: #ff2379;}
.tEmerald {color: #3dbcb8;}
.tglay {color: #666;}
.t-green-sea {color:#16a085;}
.t-green-emerald {color:#2ecc71;}	
.t-green-nephritis {color:#27ae60;}
.t-green-bule {color:#039db3;}

.underline {text-decoration: underline;}


/* マージン関係 */
.mar-t5{margin-top: 5px;}
.mar-t10{margin-top: 10px;}
.mar-t15{margin-top: 15px;}
.mar-t20{margin-top: 20px;}
.mar-t25{margin-top: 25px;}
.mar-t30{margin-top: 30px;}
.mar-t40{margin-top: 40px;}
.mar-b5{margin-bottom: 5px;}
.mar-b10{margin-bottom: 10px;}
.mar-b20{margin-bottom: 20px;}
.mar-b30{margin-bottom: 30px;}
.mar-b40{margin-bottom: 40px;}
.mar-l5{margin-left: 5px;}


/* マウスロールオーバー  */
a:hover img {opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";}
a.btn:hover img {opacity:1.0; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}



/* ------------------------------------------------------------
	共通スタイル
   ------------------------------------------------------------*/

/**/
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
/**/
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}


/* ------------------------------------------------------------
	背景色
   ------------------------------------------------------------*/

.bg-green-turquoise {
	color:#ffffff;
	background:#1abc9c;
	margin: 0;
	padding: 0;
	}
.bg-green-sea {
	color:#ffffff;
	background:#16a085;
	margin: 0;
	padding: 0;
	}

.bg-green-emerald {
	color:#ffffff;
	background:#2ecc71;
	margin: 0;
	padding: 0;
	}	
.bg-green-nephritis {
	color:#ffffff;
	background:#27ae60;
	margin: 0;
	padding: 0;
	}
.bg-green-bule {
	color:#ffffff;
	background:#039db3;
	margin: 0;
	padding: 0;
	}
.bg-black {
	color:#ffffff;
	background:#000000;
	margin: 0;
	padding: 0;
	}
.bg-glay {
	color:#ffffff;
	background:#4c4c4c;
	margin: 0;
	padding: 0;
	}
.bg-purple {
	color:#ffffff;
	background:#9028cc;
	margin: 0;
	padding: 0;
	} 
		
	
/* ------------------------------------------------------------
	高さ指定
   ------------------------------------------------------------*/
.h-150 {
	height:150px;
	}
.h-200 {
	height:200px;
	}	
.h-205 {
	height:205px;
	}	
.h-210 {
	height:210px;
	}	
.h-215 {
	height:215px;
	}			
.h-300 {
	height:300px;
	}		
.h-500 {
	height:500px;
	}		


/******************************************************************
　　レイアウト
 ******************************************************************/
body {
	color:#333;
	font: 17px/1.7 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	/*background:#ecf3fa;*/
	margin: 0;
	padding: 0;
	}


.headarea  {
	margin: 0;
	padding: 0;
	width:100%;
	}
.headercopy {
	margin: 0;
	padding: 0;
	height:540px;
	background:/*#ecf3fa*/ url(../../images/head-copy-bg.jpg) no-repeat center top;
	}
.main {
	width:950px;
	margin:0 auto;
	padding:0;
	}
.topcopy {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:23px;
	font-size:16px;
	font-weight:bold;
	/*position: absolute;
	top:364px;
	left:53px;*/
	}
.main .headercopy .inner {
	position: relative;
	margin: 0;
	padding: 0;
	height:520px;
	}
#wrapper  {
	margin: 0;
	padding: 0;
	width:100%;
	background:#fff /*url(../../images/head-bg.png) repeat-x center top*/;
	}

#header {
	margin: 0;
	padding: 0;
	height:540px;
	background:#ecf3fa url(../../images/head-img-bg.jpg) no-repeat center top;
	}
.main #header .inner {
	position: relative;
	margin: 0;
	padding: 0;
	height:520px;
	}

/* 新ヘッダーコピー */
.main .headercopy .inner h1,
.main .headercopy .inner h2,
.main .headercopy .inner h3,
.main .headercopy .inner h4,
.main .headercopy .inner h5 {
	margin: 0;
	padding: 0;
	}

.main .headercopy .inner h4 {
	color: #fff;
	font-size: 22.53px;
	font-weight: bold;
	position: absolute;
	top: 419px;
	left: 23px;
	/*text-align: center;*/
	}
.main .headercopy .inner h3 {
 	/*color:#fff;*/
	font-size:23px;
	font-weight:bold;
	position: absolute;
	top:204px;
	left:23px;
	letter-spacing: 0.001em;
		}
.main .headercopy .inner h2 {
 	/*color:#fff;*/
	/*color:#039db3;*/
	font-size:21.97px;
	font-weight:bold;
	line-height:1.2;
	letter-spacing: 0.1em;
	position: absolute;
	top:250px;
	left:23px;
	}
.main .headercopy .inner h2.h2subcopy {
 	/*color:#fff;*/
	/*color:#039db3;*/
	font-size:21.97px;
	font-weight:bold;
	line-height:1.2;
	letter-spacing: 0.1em;
	position: absolute;
	top:290px;
	left:23px;
	}
	
	
.main .headercopy .inner h1 {
 	color:#fff;
	font-size:44.97px;
	font-weight:bold;
	position: absolute;
	top:30px;
	left:20px;
	}
.main .headercopy .inner h5 {
 	/*color:#fff;*/
	font-size:44.97px;
	font-weight:bold;
	position: absolute;
	top:84px;
	left:23px;
	}
	
/* 既存ヘッダーコピー */
.main #header .inner h1,
.main #header .inner h2,
.main #header .inner h3,
.main #header .inner h4,
.main #header .inner h5 {
	margin: 0;
	padding: 0;
	}
.main #header .inner h4 {
 	color:#fff;
	font-size:28px;
	font-weight:bold;
	/*position: absolute;
	top:5px;
	left:10px;*/
	text-align: center;
	padding-top:10px;
	}
.main #header .inner h3 {
 	/*color:#fff;*/
	font-size:25px;
	font-weight:bold;
	/*position: absolute;
	top:140px;
	left:10px;*/
	}
.main #header .inner h2 {
 	/*color:#fff;*/
	color:#039db3;
	font-size:40px;
	font-weight:bold;
	line-height:1.2;
	position: absolute;
	top:290px;
	left:120px;
	}
.main #header .inner h1 {
 	color:#fff;
	font-size:30px;
	font-weight:bold;
	position: absolute;
	top:200px;
	left:90px;
	}
.main #header .inner h5 {
 	/*color:#fff;*/
	font-size:32px;
	font-weight:bold;
	position: absolute;
	top:340px;
	left:150px;
	}
/* content */
#content {
	width:950px;
	margin: 0;
	padding: 0;
	}
/* subheaderarea */
.subhederarea {
	/*width:950px;*/
	margin: 0;
	padding: 0;
	position:relative;
	height:220px;
	}
/* content-left */
#content .content-left {
	font-size:20px;
	float:left;
	width:540px;
	margin:20px 0 10px 0;
	padding: 0;
	}
.movie {
	width:540px;
/*	height:279px; */
 	height:304px;
	}
a.mov{
	display:block;
	width:540px;
/*	height:279px; */
 	height:304px;
	background-image:url(../../images/movie.jpg);
	text-indent:-9999px;
	}
.mov:hover{
	background-position:left bottom;
	}

#content .content-left ul.value {
	width:520px;
	margin: 20px 0;
	padding: 0;
	list-style:none;
	border-top:1px dotted #0C4099;
	}
#content .content-left ul.value li {
	background:url(../../images/check-list.png) no-repeat 4px 8px;
	padding:4px 0 1px 30px;
	margin:0;
	color:#515151;
	display: block;
/*	font-size:16.5px; */
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
	border-bottom:1px dotted #0C4099;
	}

/* content-right */
.content-right {
	font-size: 20px;
	/*float:right;*/
	width: 380px;
	/*margin:-400px 0 10px 0;*/
	padding: 0;
	position: absolute;
	right: -2px;
	top: -400px;
	}

/* form-area */
.content-right .form-area {
	margin: 0;
	padding: 6px 8px 8px 8px;
	/*border:6px solid #f0ad4e;*/
	/*border:6px solid #e40498;*/
	/*border:6px solid #000000;*/
	border:6px solid #4c4c4c;
	background:url(../../images/form-bg.png) no-repeat center -10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(ie-css3.htc);
	}
.content-right .form-area .notice {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	margin: 2px 0 0 2px;
	padding: 0;
	}
.content-right .form-area form {
	margin: 0 16px 0 16px;
	padding: 0;
	}
.content-right .form-area form input[type="text"] {
	width:290px;
	height:30px;
	font-size:16px;
	border:1px solid #ccc;
	margin: 0 0 25px 10px;
	padding: 4px;
	}
.content-right .form-area form input[type="password"] {
	width:290px;
	height:30px;
	font-size:16px;
	border:1px solid #ccc;
	margin: 0 0 15px 10px;
	padding: 4px;
	}
.content-right .form-area form .pass1 {
	margin: 0 0 10px 10px;
	padding: 4px;
	}
.content-right .form-area form input[name="submit"] {
	margin: 0 0 5px 0;
	padding: 0;
	}
.content-right .form-area form input[name="submit"]:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
.content-right .form-area p {
	font-size:16px;
	font-weight:bold;
	line-height:1.1;
	margin: 0 0 4px 9px;
	padding: 0;
	}
.content-right .form-area p .t12 {
	font-size:12px;
	line-height:1.1;
	margin: 0 0 4px 9px;
	padding: 0;
	}
.content-right .form-area p .t10 {
	font-size:10px;
	line-height:1.1;
	margin: 0 0 2px 5px;
	padding: 0;
	}
.content-right .form-area p .req {
	color:#fff;
	background:#bc2723;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
	margin: 0 3px 0 0;
	padding: 3px 5px 3px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(ie-css3.htc);
	vertical-align:text-top;
	}
.content-right .form-area ul.caution {
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
	margin: 0;
	padding: 0;
	list-style:none;
	}
.content-right .form-area ul.caution li {
	background:url(../../images/bullet.png) no-repeat 0px 3px;
	padding: 0 0 3px 12px;
	margin: 0;
	}


/* top-center-form */
.top-center-form {
	clear:both;
	position: relative;
	background:#039db3;
	margin: 0 auto 30px auto;
	padding: 0;
	width: 750px;
	height:480px;
	/*border:6px solid #f0ad4e;*/
	/*border:6px solid #e40498;*/
	border:6px solid #039db3;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(ie-css3.htc);
}

.top-center-form .subcopy {
 	color:#fff;
	font-size:30px;
	font-weight:bold;
	margin:15px auto 20px auto;
	}
.top-center-form .notice {
	margin: 12px 0 0 0;
	padding: 0;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}



.top-center-form form {
	margin: 20px autopx 0 autopx;
	padding: 0;
	}

.top-center-form form .topform {
	margin: 0 0 0 20px;
	padding: 0;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	line-height:1.1;
	}
.top-center-form form .topform .sei,
.top-center-form form .topform .email {
	margin: 0 0 4px 9px;
	padding: 0;
	}

.top-center-form form .topform .mei {
	margin: 0 0 4px 25px;
	padding: 0;
	}



.top-center-form form .topform .email {
	clear:both
	}


.top-center-form form .topform .req {
	color:#fff;
	background:#bc2723;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
	margin: 0px 3px 0 0;
	padding: 3px 5px 3px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(ie-css3.htc);
	vertical-align:text-top;
	}



.top-center-form form .topform .fname input[type="text"],
.top-center-form form .topform .lname input[type="text"] {
	width:200px;
	height:35px;
	font-size:16px;
	color:#000000;
	border:1px solid #ccc;
	margin: 0 0 25px 10px;
	padding: 4px;
	}
	.top-center-form form .topform .inputemail input[type="text"] {
	width:590px;
	height:35px;
	font-size:16px;
	color:#000000;
	border:1px solid #ccc;
	margin: 0 0 25px 45px;
	padding: 4px;
	}

.top-center-form form input[name="submit"] {
	margin: 0 0 5px 220px;
	padding: 0;
	}
.top-center-form form input[name="submit"]:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}





/* page-top ページトップに戻る  */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 11px;
	letter-spacing: 1px;
}
#page-top a {
	background: #003366;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(ie-css3.htc);
}
#page-top a:hover {
	text-decoration: none;
	background: #336699;
}

/* body-catch */
.body-catch {
	clear:both;
	margin: 0 0 20px 0;
	padding: 0;
	width:950px;
	height:80px;
	}
.body-catch1 {
	clear:both;
	padding: 0;
	margin: 0 0 50px 0;
	width:950px;
	height:100px;
	background:url(../../images/body-catch1.png) no-repeat center 0px;
	}
.body-catch2 {
	clear:both;
	padding: 0;
	margin: 0 0 20px 0;
	width:950px;
	height:100px;
	background:url(../../images/body-catch1.png) no-repeat center 0px;
	}
.body-catch-copy {
	line-height: 85px;
	color:#fff;
	font-size:30px;
	padding: 0 0 0 30px;
	text-align:center;
	}
.body-catch-copy2 {
	line-height: 85px;
	color:#fff;
	font-size:25px;
	padding: 0 0 0 10px;
	text-align:center;
	}
.body-catch-copy3 {
	line-height: 35px;
	color:#fff;
	font-size:19px;
	padding: 5px;
	text-align:center;
	}
/* body-section */
/* sec3 */
#art04 .sec3 {
	overflow: hidden;
	padding-left: 20px;
	padding-right: 0px;
}
#art04 .sec3 .entry {
	width: 495px;
	float: left;
	padding-top: 10px;
	text-align:left;
}
#art04 .sec3 .entry h2 {
	font-size:24px;
	line-height: 1.1;
	font-weight: bold;
}

/*  レイアウトパターン ------------------------------------- */
/*  type1 --------------------- */
.type1 {
	padding:0;
	margin:0;
	}
.type1 .title-l {
	clear:both;
	padding:0;
	margin:0 0 50px 0;
	background:none;
	border:none;
	text-align:center;
}
.type1 p {
	padding:0;
	margin:0 10px 10px 10px;
	color:#555;
	font-size:20px;
	line-height:1.6;
	text-align:left;
	}

/*  type2 ---------------------- */
.type2 {
	padding:0;
	margin:0;
	}
.type2 .left-area {
	padding:0;
	margin:0;
	}
.type2 .left-area .catch-m {
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
	background:none;
	border:none;
}
.type2 .left-area p {
	padding:0;
	margin:0 0 10px 0;
	color:#555;
	font-size:16px;
	line-height:1.6;
	text-align:left;
	}
.type2 .right-area,
.type2-1 .right-area,
.type2-2 .right-area,
.type2 .right-area .photo,
.type2-1 .right-area .photo,
.type2-2 .right-area .photo,
.type2-5 .right-area .photo {
	padding:0;
	margin:0;
	}
.type2 .right-area .photo {
	padding:0;
	margin:0;
	}

/*  type3 --------------------- */
.type3 {
	padding:0;
	margin:0;
	}
.type3 .left-area {
	padding:0;
	margin:0;
	}
.type3 .left-area .photo {
	padding:0;
	margin:0;
	}
.type3 .right-area {
	padding:0;
	margin:0;
	}
.type3 .right-area .catch-m {
	padding:0;
	margin:0 0 10px 0;
	text-align:left;
	background:none;
	border:none;
}
.type3 .right-area p {
	padding:0;
	margin:0 0 10px 0;
	color:#555;
	font-size:16px;
	line-height:1.6;
	text-align:left;
	}




/* fantom型レイアウト -------------------------------------------- */
.separate {
	padding:0;
	margin:-8px 0 10px 0;
}

/*   type1 --------------------- */
.type1 p {
	padding:0;
	margin:0 50px 40px 50px;
	color:#555;
	font-size:16px;
	line-height:1.6;
	text-align:left;
	}

/*   type2 --------------------- */
.type2 {
	padding:0;
	margin:0;
	letter-spacing:-0.4em;/**/
	}
.type2 .left-area {
	padding:0;
	margin:5px 22px 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 40.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type2 .right-area {
	padding:0;
	margin:0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 53.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:right;
	}
.type2-1 .left-area {
	padding:0;
	margin:5px 22px 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 75.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type2-1 .right-area {
	padding:0;
	margin:0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 18.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:right;
	vertical-align:bottom;
	}

.type2-2 .left-area {
	padding:0;
	margin:5px 22px 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 55.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type2-2 .right-area {
	padding:0;
	margin:0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 38.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:right;
	vertical-align:bottom;
	}

.type2-4 .left-area {
	padding:0;
	margin:5px 10px 0 -100px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 55.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type2-4 .right-area {
	padding:0;
	margin:0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 50.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:left;
	vertical-align:bottom;
	}

.type2-5 {
	padding:0;
	margin:-30px 0 0 0;
	letter-spacing:-0.4em;/**/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
.type2-5 .left-area {
	padding:0;
	margin:5px 19px 0 10px;
	display: inline-block;
	font-size:15px;
/*	max-width: 390px;*/
	width: 43.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type2-5 .right-area {
	padding:0;
	margin:0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 53.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:right;
	vertical-align:bottom;
	}
.type2-6 .left-area {
	padding:0;
	margin:5px 22px 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 47.5%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type2-6 .right-area {
	padding:0;
	margin:0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 36.25%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:right;
	vertical-align:bottom;
	}

/*   type3 --------------------- */
.type3 {
	padding:0;
	margin:0;
	letter-spacing:-0.4em;/**/
	}
.type3 .left-area {
	padding:0;
	margin:0 22px 0 0;
	display: inline-block;
/*	max-width: 510px;*/
	width: 53.125%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	text-align:left;
	}
.type3 .right-area {
	padding:0;
	margin:30px 0 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 40.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}
.type3 .right-area {
	padding:0;
	margin:5px 0 0 0px;
	display: inline-block;
/*	max-width: 390px;*/
	width: 40.625%;
	letter-spacing:normal;/*隙間をなくすためのハック*/
	*display:inline;/*for IE*/
	*zoom:1;/*for IE*/
	vertical-align:top;
	}


/* profile */
#profile-area {
	clear:both;
	position: relative;
	background:url(../../images/profile-bg.jpg) no-repeat center -4px;
	margin: 0 0 50px 0;
	padding: 0;
	width:942px;
	height:405px;
	border:4px solid #e6ecf5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(ie-css3.htc);
	}
#profile-area .name {
	color:#0c4099;
	font-size:28px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;
	text-align:center;
	line-height:1.2;
	margin: 0 0 20px 0;
	padding: 0;
	}
#profile-area .name span {
	font-size:18px;
	}
#profile-area .degree {
	width:620px;
	font-size:14px;
	line-height:1.5;
	text-align:right;
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom:1px dotted #aaa;
	position: absolute;
	top:45px;
	left:20px;
	}
#profile-area .career {
	width:620px;
	height:260px;
	font-size:12px;
	line-height:1.5;
	text-align:left;
	overflow:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top:130px;
	left:20px;
	}



/****************************************
  fsp 商品紹介ページ
*****************************************/

.title-s {
	color:#666 !important;
	font-size:24px !important;
	font-weight:bold !important;
	line-height:1.4 !important;
	background:none !important;
	border:none !important;
	text-align:center;
}
.title-m {
	color:#666 !important;
	font-size:28px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	text-align:center;
}
.title-l {
	color:#666 !important;
	font-size:28px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	text-align:center;
}
.title-ll {
	color:#666 !important;
	font-size:29px !important;
	font-weight:bold !important;
	line-height:1.3 !important;
	background:none !important;
	border:none !important;
	text-align:center;
}
.catch-s {
	color:#333 !important;
	font-size:20px !important;
	font-weight:bold !important;
	line-height:1.4 !important;
	background:none !important;
	border:none !important;
	text-align:center;
}
.catch-m {
	color:#666 !important;
	font-size:25px !important;
	font-weight:normal !important;
	line-height:1.4 !important;
	background:none !important;
	border:none !important;
	text-align:center;
}
.catch-ll {
	color:#19100d !important;
	font-size:36px !important;
	font-weight:bold !important;
	line-height:1.4 !important;
	background:none !important;
	border:none !important;
	text-align:center;
}
.fs {
	font-size:20px !important;
	background:none !important;
	border:none !important;
	text-align:center;
}

	.sitetitle-box {
		position:relative;
}



/*  区切り画像 -------------------------------------------- */

.separate {
	padding:0;
	margin:-8px 0 10px 0;
}



/*===========================================
box
===========================================*/
.c-box {
	padding:0 60px 30px 60px;
	font-size:16px;
	/*border: 2px solid #f9f3f2;*/
}
.c-box2 {
	padding:0 0px 0px 0px;
	font-size:16px;
	/*border: 2px solid #f9f3f2;*/
}
.c-box-02 {
	background-color:#ffffff;
	margin-bottom:30px;
	border: 1px solid #e2e1e1;
	padding:10px;
}
.c-box p {
	padding:10px;
}
.c-box h3 {
	font-size:18px;
	font-weight:bold;
	padding:10px;
}



.c-box-s-border-top{
	padding:30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}



.c-box-s-border-nobtm{
	padding:30px;	
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.c-box-s-border-nobtm-nobottompad{
	padding-top:30px;
	padding-right:30px;
	padding-left:30px;	
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}


.c-box-s-border-btm{
	padding:30px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}






.mokuji{
	padding:20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.mokuji1{
	padding:30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.mokuji-01{
	float:left;
	width:400px;
	margin-left:05px;
}
.mokuji-02{
	float:right;
	width:300px;
	margin-right:10px;
}
.mokuji-04{
	margin:30px;
	padding-right:30px;
}

.c-box ul,
.c-box2 ul {
	list-style-type: none;
}

.check{
	margin:10px 10px 20px;
	padding:20px 30px;
	border: 2px solid #f9f3f2;
}
.check ul li {
	display:block;
	line-height:1.5em;
	font-size:21px;
	font-weight:bold;
	padding:18px 0 30px 50px;
	background: url(../images/common/check.gif) no-repeat left top;
}
.mm-box {
	height:314px;
	width:878px;
	text-align:center;
	background-image: url(../images/common/mail_bg_02.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.mm-box form{
	width:700px;
	margin:auto;
	padding:100px 0 0 0;
}

.mm-top {
	height:110px;
}
.mm-bottom {
	height:90px;
}
.mm-box-02 {
	padding-top:110px;
	text-align:center;
	margin:20px 0 0;
	background: url(../images/common/m_bg_02.gif) no-repeat center top;
}
.mm-box table {
}

.list-box {
	padding:10px;
	border: 1px solid #CCCCCC;
}
.f-text-01 {
	font-size:14px;
	width:180px;
	height:25px;
}
.f-text-02 {
	font-size:14px;
	width:400px;
	height:25px;
}
.c-box-t {
	text-align:left;
	width:470px;
	padding:20px 40px 0;
}
.product-box {
	width:690px;
	float:left;
	padding:14px 10px 0 0;
}
.product-box-b {
	float:left;
	padding:14px 20px 0 20px;
}

.style2 {
/* 	color:#02b048; */
	color:#970f2c;
	font-weight:bold;
}
.style3 {
	text-align:center;
	font-size:11px;
}


/*  テーブル -------------------------------------------- */


.table01 {
	width:750px;
	font-size:16px;
	margin:0px auto 30px auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

.table01 th {
	padding:10px 10px;
	font-weight:bold;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FCFCFC;
	text-align:center;
}


.table01 td {
	padding:10px 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
}




.table02 {
	width:750px;
	font-size:18px;
	margin:0px auto 30px auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

.table02 th {
	padding:30px 30px;
	font-weight:bold;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FCFCFC;
	text-align:left;
}


.table02 td {
	padding:10px 20px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:left;
}



/*  見出し付きボックス -------------------------------------------- */
.c-box3 .box-green-blue{
	display: inline-block;
	width: 450px;
	height: 40px;
	line-height: 40px;
	font-size: 19px;
	color: #ffffff;
	background-color: #039db3;
	/*margin-left: 30px;*/
	padding-left: 10px;
}
.c-box3 .box-green-blue2{
	display: inline-block;
	width: 600px;
	height: 40px;
	line-height: 40px;
	font-size: 19px;
	color: #ffffff;
	background-color: #039db3;
	/*margin-left: 30px;*/
	padding-left: 10px;
}
.c-box3 .box-green-blue3{
	display: inline-block;
	width: 480px;
	height: 40px;
	line-height: 40px;
	font-size: 19px;
	color: #ffffff;
	background-color: #039db3;
	/*margin-left: 30px;*/
	padding-left: 10px;
}
.c-box3 .box-green-blue4{
	display: inline-block;
	width: 650px;
	height: 80px;
	line-height: 40px;
	font-size: 19px;
	color: #ffffff;
	background-color: #039db3;
	/*margin-left: 30px;*/
	padding-left: 10px;
}
.c-box3 .box-green-blue5{
	display: inline-block;
	width: 460px;
	height: 80px;
	line-height: 40px;
	font-size: 19px;
	color: #ffffff;
	background-color: #039db3;
	/*margin-left: 30px;*/
	padding-left: 10px;
}
.c-box3 .box-green-blue6{
	display: inline-block;
	width: 240px;
	height: 40px;
	line-height: 40px;
	font-size: 19px;
	color: #ffffff;
	background-color: #039db3;
	/*margin-left: 30px;*/
	padding-left: 10px;
}
.c-box3 .job{
	/*font-size: 19px;*/
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	/*margin-left: 30px;*/
	/*margin-right: 30px;*/
	border: 1px solid #039db3;
}
.c-box3 .job-customer{
	/*font-size: 19px;*/
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	/*margin-left: 30px;*/
	/*margin-right: 30px;*/
	/*border: 1px solid #039db3;*/
}
.c-box3 .job2{
	font-size: 15px;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	/*margin-left: 30px;*/
	/*margin-right: 30px;*/
	border: 1px solid #039db3;
}

ul.check1 {
	line-height:180%;
  	padding-left: 40px; /* マーカー表示分の左パディング */
  	font-size:15px;
}
ul.check1 li {
} /* マーカー画像 */


/*  引用 -------------------------------------------- */



blockquote{
background-color:#f5f5f5;
padding:1em 1em 1em 3em;
position:relative;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
color:#999;
position:absolute;
left:0;
top:0;
}


/*  カリキュラム -------------------------------------------- */

.box_d_1 {
    background: #fff none repeat scroll 0 0;
    border: 8px solid #e4e4e4;
    margin: 0px auto 10px;
    max-width: 800px;
    padding: 10px 5px;
    /*text-align: center;*/
}




/* プラスボタン */

.puls-blue {
	clear:both;
	padding: 0;
	margin: 0 0 20px 0;
	width:950px;
	height:139px;
	background:url(../../images/puls-blue.png) no-repeat center 0px;
	}

.puls-green {
	clear:both;
	padding: 0;
	margin: 0 0 20px 0;
	width:950px;
	height:139px;
	background:url(../../images/puls-green.png) no-repeat center 0px;
	}


/* テーブル関係------------------------ */

/* --- 表全体 --- */
table.example {
width: 720px; /* 表の幅 */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 80%;
}

/* --- 表タイトル --- */
table.example caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 1列目 --- */
table.example colgroup.item {
background-color: #fffce7; /* 1列目の背景色 */
}

/* --- 2列目以降 --- */
table.example colgroup.data {
background-color: #ffffff; /* 2列目以降の背景色 */
}

/* --- 見出しセル --- */
table.example thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- フッタセル --- */
table.example tfoot td {
background-color: #f5f5f5; /* フッタセルの背景色 */
}




/* form02 （最下段フォーム）*/
.form02-area {
	clear:both;
	position: relative;
	background:url(../../images/form-bg2.png) no-repeat center -4px;
	margin: 0 0 30px 0;
	padding: 0;
	width:942px;
	height:440px;
	/*border:6px solid #f0ad4e;*/
	/*border:6px solid #e40498;*/
	border:6px solid #000000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url(ie-css3.htc);
}
.form02-area .notice {
	margin: 12px 0 0 0;
	padding: 0;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}

.form02-area form {
	margin: 20px 16px 0 90px;
	padding: 0;
	}
.form02-area form dl {
	margin: 0 0 0 60px;
	padding: 0;
	}
.form02-area form dl dt {
	font-size:16px;
	font-weight:bold;
	line-height:1.1;
	margin: 0 0 4px 9px;
	padding: 0;
	}
.form02-area form dl dt .req {
	color:#fff;
	background:#bc2723;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
	margin: 0 3px 0 0;
	padding: 3px 5px 3px 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(ie-css3.htc);
	vertical-align:text-top;
	}
.form02-area form dl dd {
	margin: -35px 0 0px 270px;
	padding: 4px;
	}
.form02-area form dl dd input[type="text"] {
	width:290px;
	height:30px;
	font-size:16px;
	border:1px solid #ccc;
	margin: 0 0 25px 10px;
	padding: 4px;
	}
.form02-area form dl dd input[type="password"] {
	width:290px;
	height:30px;
	font-size:16px;
	border:1px solid #ccc;
	margin: 0 0 25px 10px;
	padding: 4px;
	}
.form02-area form input[name="submit"] {
	margin: 0 0 5px 220px;
	padding: 0;
	}
.form02-area form input[name="submit"]:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
.form02-area ul.caution {
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
	margin: 10px 16px 0 90px;
	padding: 0;
	list-style:none;
	}
.form02-area ul.caution li {
	background:url(../../images/bullet.png) no-repeat 0px 3px;
	padding: 0 0 3px 12px;
	margin: 0;
	}
.form02-area form .pass1 {
	margin: 0 0 10px 10px;
	padding: 4px;
	}
.form02-area dt .t12 {
	font-size:12px;
	line-height:1.1;
	margin: 0 0 4px 3px;
	padding: 0;
	}
.form02-area p .t10 {
	font-size:10px;
	line-height:1.1;
	margin: 0 0 2px 5px;
	padding: 0;
	}

/* form02 （最下段フォーム）*/
.cta-offer{
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
.cta-offer-title{
	font-size: 25px;
	font-weight: bold;
}
.cta-offer-title-sub{
	font-size: 20px;
	font-weight: bold;
}
.cta-mail{
	font-size: 15px;

	text-align: center;
}
.cta-mail-warning{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #CC0000;
}

/*===========================================
100%width エリア
===========================================*/

.fullarea1  {
	margin: 0;
	padding: 0;
	width:100%;
	/*background:#ecf3fa url(../../images/fullwidth-bg1.jpg) no-repeat center top;*/
	}

.fullarea2  {
	margin: 0;
	padding: 0;
	width:100%;
	background:#039db3 url(../../images/fullwidth-bg3.png) repeat-x center top;
	}

.fullarea3  {
	margin: 0;
	padding: 0;
	width:100%;
	background:#4c4c4c url(../../images/fullwidth-bg3.png) repeat-x center top;
	}

.fullarea4  {
	margin: 0;
	padding: 0;
	width:100%;
	background:#000000 url(../../images/fullwidth-bg3.png) repeat-x center top;
	}


/*===========================================
100%width エリアコピー
===========================================*/


/* 100%幅コピー1 */
.main .fullwidthcopy .inner {
	position: relative !important;
	margin: 0;
	padding: 0;
	/*height:520px; */
	}


.main .fullwidthcopy .inner .maincopy1,
.main .fullwidthcopy .inner .subcopy1 {
	margin: 0;
	padding: 0;
	}

.main .fullwidthcopy .inner .eyec1 {
 	color:#039db3;
	font-size:120px;
	font-weight:bold;
	position: absolute;
	top:39px;
	left:90px;
	/*text-align: center;*/
	}
.main .fullwidthcopy .inner .maincopy1 {
 	color:#fff;
	font-size:40px;
	font-weight:bold;
	position: absolute;
	top:77px;
	left:180px;
	/*text-align: center;*/
	}
.main .fullwidthcopy .inner .subcopy1 {
 	/*color:#fff;*/
	font-size:30px;
	font-weight:bold;
	position: absolute;
	top:143px;
	left:180px;
	}
.main .fullwidthcopy .inner .bodycopy1 {
 	/*color:#fff;*/
	/*font-size:30px;*/
	font-weight:bold;
	position: absolute;
	top:190px;
	left:300px;
	}

/* 100%幅コピー2 */

/*.main .fullwidthcopy .inner {
	position: relative !important;
	margin: 0;
	padding: 0;
	/*height:520px; 
	}*/




.main .fullwidthcopy .inner .maincopy2 {
 	color:#fff;
	font-size:40px;
	font-weight:bold;
	padding-top:77px;
	text-align:center;
	}
.main .fullwidthcopy .inner .subcopy2 {
 	/*color:#fff;*/
	font-size:40px;
	font-weight:bold;
	text-align:center;
	}


/* 100%幅コピー3 */
.main .fullwidthcopy .inner {
	position: relative;
	margin: 0;
	padding: 0;
	/*height:520px; */
	}


.main .fullwidthcopy .inner .maincopy3,
.main .fullwidthcopy .inner .subcopy3 {
	margin: 0;
	padding: 0;
	}

.main .fullwidthcopy .inner .eyec3 {
 	color:#039db3;
	font-size:120px;
	font-weight:bold;
	position: absolute;
	top:39px;
	left:60px;
	/*text-align: center;*/
	}
.main .fullwidthcopy .inner .maincopy3 {
 	color:#fff;
	font-size:40px;
	font-weight:bold;
	position: absolute;
	top:77px;
	left:150px;
	/*text-align: center;*/
	}
.main .fullwidthcopy .inner .subcopy3 {
 	/*color:#fff;*/
	font-size:30px;
	font-weight:bold;
	position: absolute;
	top:143px;
	left:150px;
	}
.main .fullwidthcopy .inner .bodycopy3 {
 	/*color:#fff;*/
	/*font-size:30px;*/
	font-weight:bold;
	position: absolute;
	top:190px;
	left:270px;
	}
	
/* 100%幅コピー4 */

/*.main .fullwidthcopy .inner {
	position: relative !important;
	margin: 0;
	padding: 0;
	/*height:520px; 
	}*/




.main .fullwidthcopy .inner .maincopy2 {
 	color:#fff;
	font-size:40px;
	font-weight:bold;
	padding-top:77px;
	text-align:center;
	}
.main .fullwidthcopy .inner .subcopy4 {
 	/*color:#fff;*/
	font-size:35px;
	font-weight:bold;
	text-align:center;
	}


/* subheader100%幅コピーarea */
.subheader-left{
	font-size:20px;
	width:540px;
	margin:0px 0 10px 0;
	padding: 0;
	}

.subheader-left .subcopy {
 	/*color:#fff;*/
	font-size:25px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	padding-top:77px;
	}

/*===========================================
footer
===========================================*/

.footer2  {
	/*clear:both;*/
	margin: 0;
	padding: 0;
	width:100%;
	color:#ffffff;
	background:#000000;
	height:50px;
	}

.footer {
	/*clear:both;*/
	width:100%;
	background:#000000;
	color:#ffffff;
	margin: 0;
	padding: 0;
	}
.footer2 .footer-area {
	position: relative;
	width:950px;
	margin:0px auto 0px auto;
	padding:0;
	}
.footer2 .footer-area ul.foot-nav {
	list-style:none;
	font-size:12px;
	color:#ffffff;
	margin: 0;
	padding: 0;
	width:520px;
	position: absolute;
	top:10px;
	left:0;
	}
.footer2 .footer-area ul.foot-nav li a {
	float:left;
	background:url(../../images/arraw-gry.gif) no-repeat 0px 5px;
	margin: 0 16px 0 0;
	padding: 0 0 0 12px;
	color:#ffffff;
	}
.footer2 .footer-area ul.foot-nav li a:hover {
	background:url(../../images/arraw-r.gif) no-repeat 0px 5px;
	color:#ffffff;
	}
.footer2 .footer-area p.credit {
	/*color:#666;*/
	color:#ffffff;
	font-size:12px;
	color:#ffffff;
	background:000000;
	margin: 0;
	padding: 0;
	position: absolute;
	top:10px;
	right:0;
	/*position: absolute;
	top:10px;
	left:0;*/
	}