@charset "UTF-8";

/*****************************************************
FileName : /option/css/index.css
*****************************************************/

/*	mainCntents
-------------------------------------------------------------------*/
#mainContent {
	margin-bottom:140px;	
}

#mainContent h2 {
	margin-bottom:35px;	
}

/*	conBox01
-------------------------------------------------------------------*/
#conBox01 {
	text-align:left;
}

#conBox01 .midashi {
	margin-bottom:15px;
}

.midashi_txt {
	margin:0 0 30px 17px;
}

.conBoxList {
	overflow:hidden;
	margin:0 auto 24px auto;
	_margin:0 auto 24px 25px;
	width:879px;
	_width:870px;
	text-align:center;
}

*:first-child+html .conBoxList {
	overflow:hidden;
	margin:0 auto 24px auto;
	width:900px;
	text-align:center;
}

.conBoxList:after {
	clear: both;
	content: "";
    display: block;
    height: 0;
}

.txtBoxWrap,
.txtBoxWrap_b {
	_overflow:hidden !important;
	float:left;
	margin-right:22px;
	_margin-right:15px;
	width:271px;
	text-align:center;
}

.txtBoxWrap_b {
	background:url(../img/index_bg_01.gif) center bottom no-repeat;
}

.txtBox {
	_overflow:hidden !important;
	height:295px;
	_height:300px;
	border-left:2px solid #39B54A;
	border-bottom:2px solid #39B54A;
	border-right:2px solid #39B54A;
}

.txtBox img {
	padding-top:12px;
}

.txtBox p {
	margin:10px 12px auto 12px;
	text-align:left;
}

#conBox01 .btnBox {
	margin:21px auto 0 auto;
	width:236px;
	height:61px;
}

#conBox01 .btnBox:after {
	clear: both;
	content: "";
    display: block;
    height: 0;
}

#conBox01 .btnL {
	float:left;
}

#conBox01 .btnR {
	float:right;
}


/*	conBox02
-------------------------------------------------------------------*/
#conBox02 {
	position:relative;
	text-align:left;
}

#conBox02 .midashi {
	margin-bottom:25px;
}

.listBox,
.listBox_b {
	margin:0 0 43px 0;
	width:846px;
}

.listBox:after,
.listBox_b:after {
	clear: both;
	content: "";
    display: block;
    height: 0;
}

.listBox img,
.listBox_b img {
	float:right;
	margin:0 0 0 35px;
}

.listBox_b {
}

#conBox02 h3 {
	margin-bottom:10px;
	padding:6px 0 0 35px;
	height:24px;
	color:#006837;
	font-size:155%;
}

h3.list01 {
	background: url(../../common/img/co_ic_01.jpg) no-repeat left 1px;
}

h3.list02 {
	background: url(../../common/img/co_ic_02.jpg) no-repeat left 1px;
}

h3.list03 {
	background: url(../../common/img/co_ic_03.jpg) no-repeat left 1px;
}

h3.list04 {
	background: url(../../common/img/co_ic_004.jpg) no-repeat left 1px;
}

#conBox02 .listBox p,
#conBox02 .listBox_b p {
	margin:0 0 0 33px;
}
#conBox02 .listBox a {
font-size:16px;
}

#conBox02 .btnBox {
	position:absolute;
	left:33px;
	top:140px;
	width:267px;
	height:54px;
	background:url(../img/index_bg_02.gif) center bottom no-repeat;
}

#conBox02 .btnBoxWrap {
	margin:22px auto 0 auto;
	width:236px;
}

#conBox02 .btnBoxWrap:after {
	clear: both;
	content: "";
    display: block;
    height: 0;
}


#conBox02 .btnL {
	float:left;
}

#conBox02 .btnR {
	float:right;
}

H1 {
	text-align: left;
	font-size: 120%;
	color: #444444;
	margin-bottom: -25px;
}
.red {
color:#FF0000;
}


#conBox03 {
	border-left:2px solid #FF0000;
	border-right:2px solid #FF0000;
	border-bottom:2px solid #FF0000;
	
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-ms-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-ms-border-bottom-right-radius:10px;
	
	behavior:url(../common/htc/PIE.htc);
}
#conBox03 img {
	margin:0 0 22px 0;
}

#conBox03 p {
	margin:0 0 32px 14px;
	font-size:155%;
	line-height:1.5em;
}

.redTxt {
	font-size:135%;
	font-weight:bold;
	color:#f00;
}
.conBox03Btn {
	width:841px;
	text-align:right;
	margin-bottom:20px;
}
#conBox03wrap {
	margin:0 auto 35px auto;
	width:793px;
	_width:782px;
	text-align:center;
}