@charset "utf-8";


/*========================================

メニュー・料金

========================================*/

body#menu {

}


/*コンテンツエリア
----------------------------------------*/
body#first div#content {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
}

body#first div#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#first div#content div#main {
	width: 710px;
	float: left;
	display: inline;
}

body#first div#content div#main h3 {
	margin: 0 0 10px 0;
}


/*カテゴリのリード文
----------------------------------------*/
body#first div#content div#main div.lead {
	background: url(../../method/images/article_bg02_btm.gif) no-repeat left bottom;
	width: 710px;
	margin: 0 auto 20px auto;
}

body#first div#content div#main div.lead h2 {
	margin: 0;
	padding: 0;
}

body#first div#content div#main div.lead p {
	line-height: 1.5;
	padding: 15px;
}


/*はじめての方へ
----------------------------------------*/
body#first div#content div#main div#intro {
	width: 690px;
	margin: 20px 0 30px 10px;
}

body#first div#content div#main div#intro:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#first div#content div#main div#intro div.photo {
	float: right;
	display: inline;
	margin: 0px 10px 0 0;
}

body#first div#content div#main div#intro div.message {
	margin: 0;
	padding: 0;

}

body#first div#content div#main div#intro div.message2 {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 680px;
	
}

body#first div#content div#main div#intro div.message p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}

body#first div#content div#main div#intro div.message2 p {
	line-height: 1.5;
	margin: 0 0 15px 0;
}


body#first div#content div#main ul.check {
	width: 460px;
	float:right;
	padding: 0px 10px 20px 0px;
}

body#first div#content div#main ul.check:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#first div#content div#main ul.check li {
	float: left;
	margin: 0;
	padding: 0;
	outline: 1px #000;
	width: 225px;
}

body#first div#content div#main ul.check li.left {
	margin: 0 5px 6px 0;
}

body#first div#content div#main ul.check li.right {
	margin: 0 0 6px 0;
}


/*流れ
----------------------------------------*/
body#first div#content div#main .flow h3{margin:0;}
body#first div#content div#main .flow h3 img{
	padding:0;
}

body#first div#content div#main .flow .inner{
	border:solid 1px #CCC;
	padding:20px 10px 10px 10px;
	margin-bottom:30px;
}

body#first div#content div#main .flow table {
	width: 690px;
}	

body#first div#content div#main .flow td {
	background: url(../../images/arrow.gif) no-repeat right top;
	padding: 0 25px 0 0;
}

body#first div#content div#main .flow td.last {
	background-image: none;
	padding: 0;
}

body#first div#content div#main .flow img {
	padding: 0 0 10px 0;
}

body#first div#content div#main .flow p {
	font-size: 0.85em;
	line-height:1.5;
}


/*お問い合わせ
----------------------------------------*/
body#first div#content div#main div.contact {
	background: url(../../images/article_bg01_top.gif) no-repeat left top;
	width: 690px;
	margin: 0 10px 20px 10px;
	padding: 12px 0 0 0;
}

body#first div#content div#main div.contact div.inner {
	background: url(../../images/article_bg01_btm.gif) no-repeat left bottom;
	padding: 0 12px 12px 12px;
	zoom: 1;
}

body#first div#content div#main div.contact div.inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#first div#content div#main div.contact div.inner div.phone {
	background: url(../../images/flow_contact_line.gif) no-repeat right center;
	float: left;
	display: inline;
	width: 330px;
	margin: 0 10px 0 0;
}

body#first div#content div#main div.contact div.inner div.mail {
	float: right;
	display: inline;
	width: 320px;
}

body#first div#content div#main div.contact div.inner div.phone img,
body#first div#content div#main div.contact div.inner div.mail img {
	margin: 0 0 10px 0;
}

body#first div#content div#main div.contact div.inner div.mail ul {
	width: 330px;
}

body#first div#content div#main div.contact div.inner div.mail ul li {
	background: url(../images/ico_list_arrow2.gif) no-repeat left center;
	padding: 0 0 0 10px;
}


/*法人会員問い合わせ*/
body#first div#content div#main h4 {
	background: url(../../images/m_bg_flow.gif) no-repeat left top;
	padding: 6px 20px;
	margin: 0 0 20px 10px;
	font-size: 1.1em;
}

body#first div#content .company_inq {
	margin: 0 0 15px 10px;
}

body#first div#content p.company_inq img {
	vertical-align: top;
	padding: 0 0 0 30px;
}

span.caption{
	font-size:0.85em;
	color:#666;
	font-weight:normal;
}
.inquiry{
	border:solid 1px #CCCCCC;
	padding:10px;
	margin-bottom:20px;
}
.inquiry p{
	line-height:1.5;
}
.merit,
.service{
	padding:10px 10px 20px;
}

.merit ul.feature,
.service ul.feature{
	margin-bottom:15px;
}
ul.feature li{
	margin-bottom:5px;
	color:#CC3300;
}
.merit p,
.service p{
	line-height:1.5;
}
body#first div#content div#main .system h4 {
	background: url(../../images/m_bg_flow.gif) no-repeat left top;
	padding: 6px 20px;
	margin: 0 0 10px 0px;
	font-size: 1.1em;
}

body#first div#content div#main .select{
	border:solid 1px #CCCCCC;
	padding:10px;
}
.select ul{
	margin-bottom:15px;
}
.select li{
	margin-bottom:5px;	
}
.select h5{
	 font-size:1em;
	 margin-bottom:10px;
}