@charset "utf-8";
/* CSS Document */

/* Module *****************************************************/

 /* text → red&lighter , red&bold , blue&lighter , blue&bold */
#wid900{
	width:900px;
	margin:0 auto;
	position:relative;
}
#wid800{
	width:800px;
	margin:0 auto;
	position:relative;
}
#wid640{
	width:640px;
	margin:0 auto;
	position:relative;
}
.txt_rl	{ font-weight:lighter;	color: #e8365b; }
.txt_rb	{ font-weight:bold;	color: #e8365b; }
.txt_bl	{ font-weight:lighter;	color: #00a3df; }
.txt_bb	{ font-weight:bold;	color: #00a3df; }
 /* font-size → 20px , 24px , 28px */
.f_s12	{ font-size:12px; }
.f_s20	{ font-size:20px; }
.f_s24	{ font-size:24px; }
.f_s28	{ font-size:28px; }
 /* margin-top , margin-bottom   */
.m_t10	{ margin-top:10px; }
.m_t20	{ margin-top:20px; }
.m_t30	{ margin-top:30px; }
.m_t50	{ margin-top:50px; }
 /*** Cv btn BASE */
.btn_apply {
	background:url(/images/bg_btn_main.png) no-repeat right top;
	max-height:200px;
	padding-top:100px;
	margin:30px 0;
	text-align:center;
	}





/*** BASE */
	/* header.php *************************************************/
#header{margin:0; padding:0; vertical-align: bottom;}
.headColor{
	height:12px;
	width:100%;
	font-size:11px;
	color:#fff;
	padding:1px 0 4px 0;
	}
	.headColor h1 { float:left;color:#000;}
	.headColor ul { text-align:right; float:right;}
	.headColor ul li { float:right; margin-left:10px;}
	.headColor ul li a {text-decoration: none; color:#fff;}
	.headColor ul li a:hover { color:#082E77; }
.headGroNavi{
	text-align:left;
	border-bottom:solid 1px #00a3df;
	font-size:16px;
	color:#444444;
	padding:10px 0;
	}
	.headGroNavi ul {text-align:right; float:right;}
	.headGroNavi li {float:left; margin-left:10px;}
	.headGroNavi li a {display:block; padding:22px 0 22px 22px; color:#444444; text-decoration: none;}
	.headGroNavi li a:hover {color:#00a3df; text-decoration: underline;}
	.headGroNavi .selected a{color:#00a3df}
	.headGroNavi .login { margin-left:10px; }
	.headGroNavi .login a {margin-top:14px; padding:8px 12px; background:#00a3df; color:#fff; border-radius: 4px; font-size:14px; box-shadow: 0 -1px 2px rgba(0,0,0,0.2) inset, 0 1px 2px rgba(255,255,255,0.2) inset;}
	.headGroNavi .login a span { background:url(/images/ico_login.png)no-repeat; display: inline-block; position:relative; top:2px; margin-right:5px; width:12px; height:14px; }
#myGroNavi{
	background:url(/images/bg_bar_blight.png) no-repeat center #fad4c8;
	width:100%;
	height:25px;
	text-align:left;
	color:#082e77;
	font-size:14px;
	padding-top:4px;
	border-bottom:solid 1px #9ed6f1;
	}
	#myGroNavi .name {font-size:12px; float:left; padding-top:3px;}
	#myGroNavi ul {float:right; text-align:right;}
	#myGroNavi ul li {float:left; display:block; padding:3px; margin-left:5px;}
	#myGroNavi ul li a {color:#082e77; text-decoration: none;}
	#myGroNavi ul li a:hover {color:#00a3df; text-decoration: underline;}




 /*** form head */
#formHeader {
	width:100%;
	}
	#formHeader h1 { float:left;}

	/* Footer.php *************************************************/
	#footer {
		background:#ddf2fb;
		margin-bottom:-40px;
		margin-top:50px;
		}
		#footer .links {float:left; width:556px; text-align:left; line-height:20px; text-decoration:none; font-size:14px; line-height:26px; color:#4f7ea2; margin-bottom:40px;}
		#footer .links ul:first-child	{float:left; width:140px; margin-right:20px;}
		#footer .links ul		{float:left; width:178px; margin-right:20px;}
		#footer .links ul li:first-child {border-bottom:solid 1px #4f7ea2; padding: 15px 0 12px 0;}
		#footer .links ul li		{margin:0;}
		#footer .links ul li a		{color:#4f7ea2; text-decoration: none;}
		#footer .links ul li a:hover	{color:#75cbef; text-decoration: underline;}
		#footer .links ul li img	{margin-top:52px;}


	#form_footer{
		width:100%;
		background:#ddf2fb;
		border-top:solid 1px #00a3df;
		bottom:0;
		height:180px;
		max-height:1000px;
		}


	/* sidebar ******************************************************/
	#side{
		float:left;
		width:220px;
		text-align:center;
		}
	#side .navi{
		font-size:16px;
		}
		#side .navi ul{	list-style: none; }
		#side .navi li.first { border-top-left-radius: 4px; border-top-right-radius: 4px; }
		#side .navi li.last { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
		#side .navi li{ font-size:14px; text-align:left; margin-bottom:1px; background:url(/images/bg_pattern_stripe.jpg); }
		#side .navi li:hover { background:url(/images/bg_pattern_stripe_deep.jpg); }
		#side .navi li a{ font-size:16px; background:url(/images/pct_triangle.png) 190px 15px no-repeat; display:block; text-decoration:none; color:#fff; padding:10px 0 10px 20px;  }
		#side .navi li a:hover{ color:#fff; background:url(/images/pct_triangle.png) 190px 15px no-repeat; }
	#side .search{
			margin:10px 0;
		}
		#side .search #s_word {border:solid 1px #ddd; width:160px; float:left; border-radius: 4px; padding:2px;}
		#side .search a.button {margin:0 0 0 4px; text-decoration: none; color:#fff; text-shadow: none;  width:50px; border-radius: 4px; }
		#side .search a.button span { background:#61CFE6; display: block; padding:4px 10px; border:none; font-size:14px; }
		#side .search a.button span:hover { background:#02ADE1;  }
	#side .otherLinks{
		background-color:#cee6f1;
		margin-top:15px;
		padding:0 10px 5px 10px;
		-webkit-border-radius:	5px 5px 5px 5px;
		-moz-border-radius:	5px 5px 5px 5px;
		border-radius:		5px 5px 5px 5px;
		}
		#side .otherLinks p , #side .otherLinks img , #side .otherLinks a{
			margin-top:10px;
		}
		#side .otherLinks .side_ssl img{
			margin-top:10px;
			float:left;
			width:90px;
		}
		#side .otherLinks .side_ssl p{
			margin-top:10px;
			margin-left:10px;
			text-align:left;
			float:left;
			font-size:11px;
			line-height:14px;
			width:100px;
		}
	 /*// 暫定CSS　要ボタンON/OFF　*/
	#side .side_btn a:hover{ opacity: 0.7; filter: alpha(opacity=70); }


/*** cover page's BASE */
	#page_cover {}
		#page_cover .innerHead {width:900px; margin:0 auto; text-align:left; position:relative;}
		#page_cover .innerHead .pankuzu { margin:16px 0 12px 0; color:#999 }
		#page_cover .innerHead .pankuzu li { float:left; }
		#page_cover .innerHead h2 { font-size:24px; color:#666666; margin-bottom:8px; }
		#page_cover .innerHead .btn { position:absolute; bottom:14px; right:0; }
	#Contents #main {
		float:left;
		width:640px;
		text-align:center;
		margin:20px 0;
		font-size:14px;
		}


/*** cover pages ▼ */

/***** KODAWARI page *****/
/**
#page_cover .coverKodawari { width:100%; height:297px; background:url(/images/pct_kodawari_01.png) center no-repeat; }
#Contents .kodawari .mission {
	background:url(/images/bg_kodawari_02.png) repeat-x;
	width:640px;
	height:700px;
	border-radius:5px;
	margin:20px 0;
	font-size:14px;
	}
	#Contents .kodawari .mission img:first-child { padding:24px 0; }
	#Contents .kodawari .mission img:nth-child(2) { padding:24px 0; padding-bottom:16px; }
	#Contents .kodawari .mission p { letter-spacing: 1px; line-height: 1.6em; padding:5px; }
	#Contents .kodawari .mission p:last-child { padding:20px; }
	#Contents .kodawari .mission span { font-size:20px; color:#F5AFBD; text-shadow:0 0 2px #F5AFBD; }
#Contents .kodawari .noHand {
	margin:20px 0;
	background:url(/images/pct_kodawari_03.png) no-repeat;
	position:relative;
	width:640px;
	height:184px;
	}
	#Contents .kodawari .noHand a { position:absolute; bottom:32px; left:210px; }
**/
#page_cover .coverKodawari { width:100%; height:297px; background:url(/images/pct_kodawari_cover.png) center no-repeat;  }
#kodawari { text-align: left; }
#kodawari .boxCover { width:100%; border-bottom:solid 1px #ddd; }
#kodawari .box { margin:60px auto; width:900px; min-height:200px; position:relative; }
	#kodawari .box img { display:block; }
	#kodawari .box p { padding:0 0 0 10px; color:#444; line-height:23px; position:relative;  }
	#kodawari .box p a { position:absolute; left:280px; }
	#kodawari .ttl { margin:0 0 30px 0; }
	#kodawari .point3 { margin-bottom:30px; }
#kodawari .left {}
	#kodawari .left > img { float:right; }
	#kodawari .left .txtArea { float:left; }
#kodawari .right {}
	#kodawari .right > img { float:left; }
	#kodawari .right .txtArea { float:right;  }
#kodawari .smallRight { position: relative; margin:20px 0 80px 0; text-align: center; }
	#kodawari .smallRight .img { position: absolute; left:0; }
	#kodawari .smallRight .ttl { margin:30px 0 20px 250px; }
	#kodawari .smallRight a { margin-right:20px; font-size:16px; }
	#kodawari .smallRight .convey { margin:40px 0 0 40px; }
#kodawari .option { background:url(/images/pct_kodawari_05.png) no-repeat top right; width:900px; margin:0 auto; height:100%; }
#kodawari .shiminuki { width:640px; text-align: center; margin:10px 0 30px 0; }
	#kodawari .shiminuki img:nth-of-type(1) { margin:30px 0; }
	#kodawari .shiminuki img:nth-of-type(2) { margin:0 0 20px 0; }
	#kodawari .shiminuki p { margin-top:16px; line-height:22px; letter-spacing: 1px; color:#031f64; }
#kodawari .kodawariMissionBg { height:420px; padding-top:60px; background-color:#fbe7ef; -webkit-box-shadow:0 0 60px 20px rgba(255,255,255,0.6) inset; -moz-box-shadow:0 0 60px 20px rgba(255,255,255,0.6) inset; box-shadow:0 0 60px 20px rgba(255,255,255,0.6) inset; text-align:center; margin-bottom:60px; }
	#kodawari .kodawariMissionBg > div > div.clearfix { margin-top:50px; }
	#kodawari .kodawariMissionBg > div > div.clearfix img { float:left; margin-top:-50px; }
	#kodawari .kodawariMissionBg div.clearfix div { margin-left:300px; font-size: 12px; line-height: 20px; text-align: left; }
	#kodawari .kodawariMissionBg div.clearfix p { margin-bottom:10px; }
#kodawari .btn_apply { margin:50px 0; }


/***** PREMIUM page *****/
#page_cover .coverPremium { width:100%; height:410px; background-image:url(/images/bg_premium_03.jpg); }
	#page_cover .coverPremium .content1{ position:absolute; left:345px; top:215px; z-index:2; }
	#page_cover .coverPremium .content2{ position:absolute; left:60px; top:15px; z-index:1; }
	#page_cover .coverPremium .content3{ position:absolute; right:5px; top:10px; z-index:1; }
	#page_cover .coverPremium .content4{ position:absolute; right:60px; top:270px; z-index:1; }
#premium { text-align:center; }
#premium .bottomLine { border-bottom:solid 1px #b2e3f5; }
#premium .premiumBox { margin: 50px 0 0 0; padding-bottom:70px; width:100%; }
#premium .premiumPriceTtl img  { margin:40px 0 0 150px; float:left; }
	#premium .premiumPriceTtl p { float:left; margin:68px 0 0 40px; font-size:17px; line-height:33px; text-align:left; }
#premium .premiumDelivery div img:first-child { float:left; margin:50px 0 0 110px; }
	#premium .premiumDelivery div p { float:left; margin:70px 0 0 40px; font-size:17px; line-height:33px; text-align:left; }
	#premium .premiumDelivery > img { padding-top:60px; }
#premium .premiumConpe > img {margin:50px 0;}
#premium .premiumMissionBg { height:490px; padding-top:80px; background-color:#fbe7ef; -webkit-box-shadow:0 0 60px 20px rgba(255,255,255,0.6) inset; -moz-box-shadow:0 0 60px 20px rgba(255,255,255,0.6) inset; box-shadow:0 0 60px 20px rgba(255,255,255,0.6) inset;}
	#premium .premiumMissionBg div div { float: left; margin: 40px 0 0 30px; font-size: 16px; line-height: 27px; text-align: left; }
	#premium .premiumMissionBg div div img:first-child { margin:0 0 0 30px; float:left; }
	#premium .premiumMissionBg div div div p { margin-top:10px; }
	#premium .premiumMissionBg div div div p:first-child { margin-top:0px; }
#premium .premiumVoice { margin:30px 0 0 0; }
	#premium .premiumVoice .voice_box { width: 292px; margin: 3px; float: left; border: 1px solid #DFE7EB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: left; height: 320px; }
	#premium .premiumVoice .voice_box img{ float:left; padding:10px 0 0 10px; }
	#premium .premiumVoice .voice_title { color:#E8365B; font-size:18px; margin-left:66px; margin-top:30px; font-weight: bold; }
	#premium .premiumVoice .voice_main { margin-left:10px; margin-right:10px; margin-top:30px; font-size:13px; line-height:22px; }
	#premium .premiumVoice .voice_personal { text-align:right; margin-top:30px; margin-right:10px; margin-bottom:10px; }
/*#premium .btn_apply{ background:url(/images/pct_premium_psh.png) left center no-repeat; text-align:center; width:900px; height:130px; margin:10px 0; padding:0; }
*/#premium .coution { text-align:left; margin-top:50px; }
	#premium .coution .ttl { border-bottom:dotted 1px #000; padding:10px 0; width:100%; }
	#premium .coution dl dt{ margin-top:6px; }
	#premium .coution dl { color:#666; }
	#premium .coution dl dt{ font-weight:bold; line-height:26px; color:#00A3DF; }
	#premium .coution dl dd{ line-height:20px; display: list-item; list-style: circle inside; margin-left:5px; }

/***** FLOW page *****/
#page_cover .coverFlow { width:100%; height:418px; padding-top:20px; background-image:url(/images/bg_premium_03.jpg); }
	#page_cover .coverFlow img { margin: 0 42px; }
	#main .Flow p { float:left; margin:2px; }
	#main .Flow img { float:right; margin:2px; }



#page_cover .coverVoice { width:100%; height:340px; background-image:url(/images/voice_d_main_gra.png); }



/***** PlanIPPAN page *****/
#page_cover .coverPlan { width:100%; height:220px; background: url(../../images/cover_plan.png) no-repeat center; margin-bottom:20px; }

/***** Pland page *****/
#page_cover .coverD { width:100%; height:220px; background: url(../../images/cover_D.png) no-repeat center; margin-bottom:20px; }

/***** OPTION page *****/
#page_cover .coverO { width:100%; height:293px; background: url(../../images/cover_O.png) no-repeat center; margin-bottom:20px; }

.headH1{ text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;}

}