/*header
--------------------------------------------------------------------*/
#header_box{
	width:980px;
	margin:0px auto;
}
#header{
	background:url(../img/header_bg.png) no-repeat;
	position:fixed;
	z-index:99;
	height:110px;
	top:-20px;
	width:980px;
}
#header a{
	position:absolute;
	top:30px;
	left:360px;
}
#header a.header_btn2 {
	top:25px;
	left:auto;
	right:15px;
}
.shadow {
  box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
}
.gnav{
	width:980px;
	margin:0px auto 0px;
}
.gnav ul li{
	float:left;
	margin:5px;
	background:#eee;
	border-radius:5px;
	padding:5px 11px;
}
.gnav ul li a{
	color:#000;
}
.gnav ul li a:hover{
	color:#375CFF;
	font-weight:bold;
	text-decoration:none;
}
.cont{
	width:980px;
	margin:0px auto;
}
.header{
	width:980px;
	margin:0px auto;
}
.logo{
	float:left;
}
.head_right{
	float:right;
}
.wrapper{
	position:relative;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

/* text_link
--------------------------------------------------------------------*/
#case ,#reason , #point , #results , #service , #flow , #qa{
  margin-top: -100px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 100px; /* 打ち消し用のパディング */
}
#mailform{
  margin-top: -200px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 200px; /* 打ち消し用のパディング */
}

/* side_nav
--------------------------------------------------------------------*/
.side_nav{
	width:141px;
	position:fixed;
	right:10px;
	top:240px;
	z-index:99;
}
.side_nav img{
	display:block;
}


/* main
--------------------------------------------------------------------*/

.main_box {
  position: relative;
  background:url(../img/main_bg.png) no-repeat;
  background-position:center top;
}
.main {
  position: relative;
  width: 980px;
  height:677px;
  margin:0px auto;
}
.main_btn {
  position: relative;
  top: 553px;
  left: 324px;
  width:416px;
}
.main_foot{
  position: relative;
  background:url(../img/main_foot_bg.png) no-repeat;
  background-position:center top;
  height:282px;
}

/* reason
--------------------------------------------------------------------*/
#reason img{
	float:left;
	display:block;
}
.merit{
	border-bottom:1px dotted #ccc;
	padding:40px 0px 20px;
}
.merit dl{
	float:left;
	width:640px;
	margin-top:20px;
}
.merit dl dt{
	color:#227fd5;
	font-size:29px;
}
.merit dl dd{
	margin-top:10px;
	font-size:18px;
	line-height:160%;
}
.arow{
  position: relative;
  background:url(../img/lp_slice01_19.png) no-repeat;
  background-position:center top;
  height:218px;
}

/* flow
--------------------------------------------------------------------*/
.flow_text{
	padding:20px;
	border:3px solid #ffba00;
	border-radius:0px 0px 5px 5px;
	width:854px;
}
.flow_box{
	padding:0px 40px;
}

/* service
--------------------------------------------------------------------*/
#service p{
	width:900px;
	margin:0px auto;
	font-size:18px;
	line-height:160%;
}


/* area_box
--------------------------------------------------------------------*/
.area_box{
	padding-bottom:40px;
	border-bottom:1px #ccc dotted;
	margin:0px 40px 40px;
}
.area_box img{
	float:left;
	width:400px;
}
.area_box dl{
	float:right;
	margin-top:40px;
}
.area_box table{
	width:480px;
}


/* user_voice
--------------------------------------------------------------------*/
#voice{
	background:#fff;
}
.user_voice_box{
	margin:40px;
	padding:20px;
	border:solid #2db128 5px;
	border-radius:10px;
}
.user_voice dl{
	padding-bottom:20px;
	border-bottom:1px #ccc dotted;
	margin-bottom:20px;
}
.user_voice dt .ti{
	font-size:24px;
	color:#d91614;
	font-weight:bold;
	display:block;
	float:left;
}
.user_voice dt .woman{
	text-align:right;
	display:block;
	float:right;
	background:#ffade4;
	border-radius:5px;
	padding:2px 10px;
	color:#fff;
}
.user_voice dt .man{
	text-align:right;
	display:block;
	float:right;
	background:#9bc2ff;
	border-radius:5px;
	padding:2px 10px;
	color:#fff;
}

/* qa
--------------------------------------------------------------------*/
.qa_box{
	padding:20px;
}
.qa_box dl dt{
	color:#00B0F1;
	font-size:24px;
	margin-bottom:10px;
}
.qa_box dl dt img{
	float:left;
	margin-right:10px;
	width:26px;
}
.qa_box dl dt .qa_ti{
	float:right;
	width:860px;
	margin-top:4px;
}
.qa_box dl dd img{
	float:left;
	margin-right:10px;
	width:26px;
}
.qa_box dl dd .qa_text{
	float:right;
	width:860px;
	margin-top:2px;
	font-size:18px;
}
.qa_box dl{
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}

/* footer
--------------------------------------------------------------------*/

.foot_nav_bg{
	clear:both;
}
.foot_left{
	float:left;
}
.foot_right{
	float:right;
	text-align:right;
}
.copyright{
	padding:5px;
	font-size:12px;
	color:#FFF;
	color:#abcce5;
	float:right;
	position:relative;
	top:80px;
}

footer{
	background:#4669b3;
	padding:20px 0px;
	position:relative;
}
.foot-info{
	color:#abcce5;
	float:left;
	font-size:12px;
}
.foot-info dl dt{
	float:left;
}
.foot-info dl dd{
	float:left;
}