@charset "utf-8";
/* =======================================================
	CSS構成	: 全ページ共通レイアウト
	Editor	: DOTCOM MARKETING
	-----------------------------------------------------
	【TOC】
	01 : #header
	02 : #content
	03 : #why
	04 : #what
	05 : #how
	06 : #commodity
	07 : #footer
	08 : .self-discovery_check
	09 : #layer / #modal
	-----------------------------------------------------
	■基本骨格
	#header
	#content
	#footer
======================================================= */




/* -------------------------------------------------------------
	01 : #header
------------------------------------------------------------- */
#header {
	width:960px; margin:0 auto; position:relative;
	}
	
#body h1 { 
text-align:center; margin-bottom:40px; margin-left:-20px;
 }
 
#body h2{
	 position:absolute;
	 top:190px;
	 right:45px;
 }
 
#object01{
	position:absolute;
	top:155px;
	left:0px;
}
	  
#btn01{
	text-align:center;
	margin-bottom:80px;
}

#logo{
	position:absolute;
	top:0;
	right:0;
}

/*													end:#header
------------------------------------------------------------- */



/* -------------------------------------------------------------
	02 : #content
------------------------------------------------------------- */

		
#content01{
	background: #fff;
	width: 890px;
	margin:0 auto;
	padding:20px 35px;
	/*margin-bottom:40px;*/
	}
	
#content section{
	clear:both;
}

.center{
	text-align:center;
}

.nav{
	background-image:url(../img/nav_bg.jpg);
	background-repeat:no-repeat;
}

li{
	float:left;
}


#content02{
	width: 890px;
	margin:0 auto;
	padding:50px 35px 20px 35px;
	background:#5eb8e4;
}

#content03{
	background: #fff;
	width: 960px;
	margin:0 auto;
	/*padding:20px 35px;*/
	/*margin-bottom:40px;*/
	}
	
.title{
	text-align:center;
	/*padding-top:60px;*/
}

.title01{
	text-align:center;
	padding-top:60px;
}

.subtxt01{
	margin:40px 0 40px 60px;
}

.txt01{
	color: #666666;
	font-size: 15px;
	line-height: 1.8;
	margin:20px 0 20px 60px;
}

.waku{
	width:900px;
	margin:30px auto 0 auto;
}

.pic01{
	float:left;
}

.pic02{
	float:right;
}

.txt02{
	color: #666666;
	padding-top:10px;
	text-align:center;
}

.txt03{
	color:#666666;
	font-size:12px;
	line-height:2.2;
	
}

#content04{
	background: #fff;
	width: 960px;
	margin:0 auto;
}

.content001{
	text-align:center;
}

#waku02{
	position:relative;
	margin-bottom:60px;
}

#txt001{
	color:#666666;
	font-size:12px;
	width:600px;
	position:absolute;
	top:100px;
	left:60px;
}
	
#content05{
 background: #fff;
 width: 960px;
	margin:0 auto;
	}
	
.txtwaku{
	margin:0 auto;
	width:900px;
}

.txt04{
	font-size:22px;
	color:#ec6c98;
	border-bottom:#ec6c98 dotted;
	margin-top:30px;	
}
	
.letter_space{
	margin-right:1em;
}
	
.letter_space02{
	margin-right:2.5em;
}

.txt05{
	color:#666666;
	font-size:18px;
	margin-top:17px;
	padding-left:5px;
	float:left;

}

.txt06{
	color:#666666;
	float:right;
	margin:20px 65px 25px 0;
}

.txt007{
	color:#666666;
	float:right;
	margin:20px 170px 0 0px;
}
	

#content06{
	 background: #fff;
 width: 960px;
	margin:0 auto;
	position:relative;
}
	
	.subtitle{
		margin:30px auto 20px 10px;
	}
	
.txtarea01{
	width:900px;
	margin:0 auto;
	color:#666666;
	font-size:14px;
}

.txtarea001{
	width:170px;
	float:left;
	margin-left:40px;
	line-height:2em;
}
	
	.txtarea002{
	width:125px;
	float:left;
	/*margin-left:20px;*/
	padding-left:80px;
	line-height:2em;
}


.txtarea003{
	color:#666666;
	font-size:14px;
	width:140px;
	float:left;
	padding-left:70px;
	line-height:2em;
}

.txtarea004{
	color:#666666;
	font-size:14px;
	width:170px;
	float:left;
	padding-left:70px;
	line-height:2em;
}

.txtarea005{
	color:#666666;
	font-size:14px;
	width:170px;
	float:left;
	padding-left:40px;
	line-height:2em;
}

#pic04{
	position:absolute;
	top:380px;
	right:30px;
}

#btn02{
	text-align:center;
	padding:80px 0
	}

.#content07{
	 background: #fff;
  width: 960px;
	margin:0 auto;

}

.content_waku{
	position:relative;
	margin-top:40px;
}
.content001{
	text-align:center;
	/*margin:40px;*/
}

.content002{
	position:absolute;
	color:#666666;
	font-size:16px;
	top:65px;
	left:90px;
}

.content003{
	position:absolute;
	color:#666666;
	font-size:16px;
	top:65px;
	right:60px;
}

.content004{
	position:absolute;
	color:#666666;
	font-size:16px;
	top:75px;
	left:90px;
}

.content08{
		 background: #fff;
  width: 960px;
	margin:0 auto;
}

.box_waku{
	background-color:#fdeeed;
	width:750px;
	margin:40px auto 0 auto;
	border-radius: 20px;
}

.box01{
	width:400px;
	float:left;
	margin:20px 0 0 60px;
}

.box02{
	width:205px;
	float:right;
	margin:70px 60px 60px 0px;
}

.txt07{
	color:#595757;
	font-size:18px;
	margin:20px 0 ;
}

.txt08{
	font-size:15px;
	color:#666666;
	line-height:2.2em;
	}
	
.txt09{
	color:#666666;
	font-size:11px;
	margin-bottom:6px;
}

.txt010{
	font-size:15px;
	color:#666666;
}
	

.box_waku02{
	width:700px;
	margin:0 auto;
	position:relative;
}

.box03{
	float:left;
	margin-top:40px;
	margin-bottom:50px;
}

.box04{
	float:right;
	margin-top:77.5px;
	margin-bottom:50px;

}


.btn03{
	float:right;
	margin:0px 0 30px 0 ;
	padding-right:20px;
}




/*													end:#gnav
------------------------------------------------------------- */





/* -------------------------------------------------------------
	03 : #
------------------------------------------------------------- */


/*													end:#
------------------------------------------------------------- */







/* -------------------------------------------------------------
	07 : #footer
------------------------------------------------------------- */
#footer {
	border-top: 1px solid #CCC;
	width: 960px;
	background: url(../img/f_bg.gif) center top repeat-x;
	padding-bottom: 100px;
	margin: 0 -200%;
	padding: 0 200% 100px 200%;

}
#footer .clearfix {
	width: 960px;
	margin: 0 auto;
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE7 */
	padding-top: 24px;

}
#footer .clearfix .Left { width: 600px; }
#footer .clearfix .Left a {
	float: left;
	margin-right: 12px;
}
#footer .clearfix .Left p {
	line-height: 1.4em;
	color: #000;
	padding-top: 1px;

}
#footer .clearfix .Right {
	width: 350px;
	text-align: right;
}
#footer .clearfix .Right a {
	font-size: 13px;
	text-decoration: none;
	line-height: 1.5em;
	background: url(../img/icon01.png) 0 center no-repeat;
	padding: 4px 0px 4px 14px;
}
#footer .clearfix .Right a:hover { text-decoration: none; }
#footer .clearfix .Right small {
	font-size: 11px;
	display: block;
	padding-top: 3px;
	color: #000;
}




/*													end:#footer
------------------------------------------------------------- */


.mb60{
	margin-bottom:60px;
}


.mg_t0 {
	margin-top: 0px !important;
}

.mg_t5 {
	margin-top: 5px;
}

.mg_t10 {
	margin-top: 10px;
}

.mg_t20 {
	margin-top: 20px;
}

.mg_t30 {
	margin-top: 30px;
}

.mg_t40 {
	margin-top: 40px;
}

.mg_t50 {
	margin-top: 50px;
}

.mg_t60 {
	margin-top: 60px;
}

.mg_t70 {
	margin-top: 70px;
}

.mg_t80 {
	margin-top: 80px;
}

.mg_b0 {
	margin-bottom: 0px !important;
}

.mg_b5 {
	margin-bottom: 5px;
}

.mg_b10 {
	margin-bottom: 10px;
}

.mg_b15 {
	margin-bottom: 15px;
}

.mg_b20 {
	margin-bottom: 20px;
}

.mg_b30 {
	margin-bottom: 30px;
}

.mg_b40 {
	margin-bottom: 40px;
}

.mg_b50 {
	margin-bottom: 50px;
}

.mg_b60 {
	margin-bottom: 60px;
}

.mg_b70 {
	margin-bottom: 70px;
}

.mg_b80 {
	margin-bottom: 80px;
}

.mg_r0 {
	margin-right: 0px !important;
}

.mg_r10 {
	margin-right: 10px;
}

.mg_r20 {
	margin-right: 20px;
}

.mg_r30 {
	margin-right: 30px;
}

.mg_r40 {
	margin-right: 40px;
}

.mg_r50 {
	margin-right: 50px;
}

.mg_r60 {
	margin-right: 60px;
}

.mg_l0 {
	margin-left: 0px !important;
}

.mg_l10 {
	margin-left: 10px;
}

.mg_l20 {
	margin-left: 20px;
}

.mg_l30 {
	margin-left: 30px;
}

.mg_l40 {
	margin-left: 40px;
}

.mg_l50 {
	margin-left: 50px;
}

.mg_l60 {
	margin-left: 60px;
}