@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :base.css
 author     :
 style info :
=================================================================== */
/* ----------ページレイアウト設定---------- */
/* ヘッダー、フッターリセット */
div#headermiddle{
	display:none;
}

div#navi{
	height:5px;
	padding-bottom:0;
	background:none;
}

li#usage,li#help{
	display:none!important;
}

p#menu_title,ul#navilink{
	display:none;
}




/* pagestyle */
#main{
	width: 950px;
}

#main #title{
	position: relative;
	width: 950px;
	height: 448px;
	background: url(../images/01_title_bg.jpg) no-repeat top left;
}
#main #title.green{
	position: relative;
	width: 950px;
	height: 448px;
	background: url(../images/02_title_bg.jpg) no-repeat top left;
}
#main #title h1{
	position: absolute;
	top: 24px;
	left: 21px;
}
#main #title p.lead{
	position: absolute;
	top: 194px;
	left: 21px;
}
#main #title p.btn{
	position: absolute;
	top: 348px;
	left: 69px;
}

#main #point{
	position: relative;
	width: 950px;
	height: 354px;
	background: url(../images/01_point_bg.jpg) no-repeat top left;
	margin-bottom: 20px;
}
#main #point.green{
	position: relative;
	width: 950px;
	height: 354px;
	background: url(../images/02_point_bg.jpg) no-repeat top left;
	margin-bottom: 20px;
}
#main #point h2{
	position: absolute;
	top: 57px;
	left: 121px;
}
#main #point ul{
	position: absolute;
	top: 15px;
	left: 265px;
	overflow: hidden;
}
#main #point ul li{
	float: left;
	line-height: 0;
	padding-right: 32px;
	padding-bottom: 27px;
}

#main div.btnsec{
	text-align: center;
	padding-bottom:10px;
}
#main div.btnsec p{
	margin-bottom: 12px;
}

#main #knowhow{
	margin-bottom: 35px;
	background: url(../images/01_kh_bg.jpg) repeat;
}
#main #knowhow div.inner{
	padding-bottom: 68px;
	background: url(../images/01_kh_bg_bottom.jpg) no-repeat bottom left;
}
#main #knowhow div.inner p{
	padding-left: 44px;
}


#main #knowhow02{
	width: 950px;
	padding-bottom: 67px;
	margin-bottom: 30px;
	background: url(../images/02_kh_bg_bottom.jpg) no-repeat bottom left;
}
#main #knowhow02 div.inner{
	background: url(../images/02_kh_cont_bg.jpg) repeat-y top left;
}
#main #knowhow02 div.inner02{
	padding-bottom: 15px;
	background: url(../images/02_kh_cont_bg_bottom.jpg) no-repeat bottom left;
}
#main #knowhow02 div.inner03{
	background: url(../images/02_kh_cont_bg_top.gif) no-repeat top left;
}
#main #knowhow02 div.inner03 h3{
	margin: 0 0 30px 105px;
	padding-top: 58px;
}
#main #knowhow02 div.inner04{
	width: 845px;
	margin-left: 105px;
	padding-bottom:20px;
	overflow: hidden;
}
#main #knowhow02 div.inner04 div.textbox{
	float: left;
	width: 530px;
	
}
#main #knowhow02 div.inner04 div.textbox h5{
	margin: 30px 0 7px 0;
}
#main #knowhow02 div.inner04 div.textbox p{
	width: 520px;
	font-size: 116%;
	line-height: 1.7;
}
#main #knowhow02 div.inner04 p.pctbox{
	float: right;
	width: 296px;
	margin-top: 10px;
}