@charset "utf-8";

/*---base---*/
* {
	margin:0px;
	padding:0px;
}

body {
	font:normal normal normal 75%/2 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color:#333333;
	background:#ffeb00;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight: normal;
}

img {
	border:0;
	vertical-align:bottom;
}

ul { list-style:none;}

table {
	border:none;
	border-collapse:collapse;
	font-size:100%;
}

table caption { display:none;}

td,th {
	text-align:left;
	line-height: 1.4;
}

#wrapper {
	margin:0px auto;
	width:950px;
	text-align:left;
	overflow:hidden;
	background: #FFFFFF;
}

#main_box {
	display:inline;
	width:920px;
	float:left;
	margin: 0px 15px;
	background: url(../img/side_bg.gif) right repeat-y;
}

#main {
	width:700px;
	float:left;
	margin: 0px 20px 0px 0px;
}

a:link,a:visited {
	color:#333333;
	text-decoration:none;
}

a:active,a:hover {
	color:#666666;
	text-decoration:none;
}

/*---header---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

div#header {
	position:relative;
	width:950px;
	height:191px;
	margin:0 0 10px;
	text-align:left;
	background: url(../img/header_bg.gif) repeat-x;
}

div#header h1 {
	position:absolute;
	left:15px;
	top:46px;
	width:416px;
	height:89px;
	background:url(../img/h1.jpg) no-repeat;
	text-indent:-99999px;
}

div#header h1 a {
	display:block;
	width:416px;
	height:89px;
	overflow:hidden;
}

div#header h2 {
	position:absolute;
	left:0px;
	top:8px;
	width:600px;
	height:20px;
	line-height:20px;
}

div#header p#header_banner {
	position:absolute;
	left:680px;
	top:15px;
	width:255px;
	height:199px;
}

/*---nav---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

ul#nav {
	position:absolute;
	left:15px;
	top:145px;
	width:920px;
	float:left;
}

ul#nav li {
	float:left;
	width:152px;
	height:46px;
	margin:0;
}

ul#nav li a {
	display:block;
	width:152px;
	height:46px;
	text-indent:-99999px;
	color: #3566cd;
}

ul#nav li a:active,
ul#nav li a:hover { background-position:bottom;}
ul#nav li.nav01,
ul#nav li.nav06,
ul#nav li.nav01 a,
ul#nav li.nav06 a { width:156px;}

li.nav01 a { background-image:url(../img/nav01.jpg);}
li.nav02 a { background-image:url(../img/nav02.jpg);}
li.nav03 a { background-image:url(../img/nav03.jpg);}
li.nav04 a { background-image:url(../img/nav04.jpg);}
li.nav05 a { background-image:url(../img/nav05.jpg);}
li.nav06 a { background-image:url(../img/nav06.jpg);}

ul#nav li a.on:link,ul#nav li a.on:visited,ul#nav li a.on:active,ul#nav li a.on:hover { background-position:bottom;}


/*---side---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#side {
	float:right;
	width:200px;
	margin: 0px 0px 0px 0px;
}

#side h3 {
	float:left;
	width:200px;
	height:32px;
	background: url(../img/side_sub01.gif) no-repeat;
	text-indent:-99999px;
}

#side ul.news {
	float:left;
	overflow: auto;
	width:160px;
	_width:180px;
	/*height:200px;
	_height:220px;*/
	_display:inline;
	background-color:#FFFFFF;
	margin: 0 10px 20px;
	padding: 10px;
	line-height:1.4;
}
#side ul.news li {
	float:left;
	/*width:100%;*/
	width:140px;
	padding: 5px 0 5px 20px;
	margin: 0 0 10px;
	border-bottom: #EEEEEE dotted 2px;
	background: url(../img/ic_01.gif) no-repeat 0 5px ;
	font-size: 12px;
}
#side ul.news li a {
	color: #3566cd;
}
#side ul.news li a:hover {
	color: #0b224c;
	text-decoration: underline;
}

#side ul.news li dt {
	font-weight: bold;
	padding: 0 0 5px;
}

#side ul#banner li {
	margin:0px 0px 10px;
	text-align:center;
}

#side ul#banner li a:active img,#side ul#banner li a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

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

#footer {
	float:left;
	margin:0px auto;
	width:950px;
	text-align:left;
	overflow:hidden;
	text-align:center;
}

#footer ul {
	background: #FFFFFF;
	padding: 10px 0;
}

#footer li {
	display:inline;
	padding: 0 10px;
}

#footer li a {
	padding: 0 20px 0 0;
}

address {
	display: block;
	font-style: normal;
	clear:both;
	margin:0px auto;
	padding: 10px 0;
	width:950px;
	text-align:right;
	overflow:hidden;
	font-family: Calibri;
}

/*---footer_link_color---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer dl dt a:link,#footer dl dt a:visited { color:#333333;}
#footer dl dt a:active,#footer dl dt a:hover { color:#999999;}

address a:link,address a:visited { color:#333333;}
address a:active,address a:hover { color:#999999;}

/*---top---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#top_main_img {
	margin: 0 19px 20px;
	width:912px;
	height:330px;
}

#top_main_img h2,#top_main_img h3,#top_main_img p {
	float:left;
	width:912px;
	text-indent:-99999px;
}
#top_main_img h2 {
	height:90px;
	background: url(../img/top_sub01_01.jpg) no-repeat;
}
#top_main_img h3 {
	height:80px;
	background: url(../img/top_sub01_02.jpg) no-repeat;
}
#top_main_img p {
	height:160px;
	background: url(../img/top_sub01_03.jpg) no-repeat;
}

#topmain {
	width:700px;
	float:left;
	margin: 0px 20px 0px 0px;
}


#topmain h2 {
	width:700px;
	height:51px;
	margin: 0 0 20px;
	background-repeat:no-repeat;
	text-indent:-99999px;
}
ul.answer li {
	float:left;
	width:700px;
	margin: 0 0 40px;
	background-repeat:no-repeat;
}

ul.answer li.answer01 { background-image: url(../img/answer1.gif);}
ul.answer li.answer02 { background-image: url(../img/answer2.gif);}
ul.answer li.answer03 { background-image: url(../img/answer3.gif);}


#topmain ul.answer li h3 {
	width:700px;
	height:70px;
	margin: 0 0 20px;
	background-repeat:no-repeat;
	background-position:right;
	text-indent:-99999px;
}

#topmain ul.answer li p {
	padding: 0 0 0 150px;
}

#top_sub02 { background-image: url(../img/top_sub02.gif);}
#top_sub03 { background-image: url(../img/top_sub03.gif);}
#top_sub04 { background-image: url(../img/top_sub04.gif);}
#top_sub05 { background-image: url(../img/top_sub05.gif);}
h2#top_sub06 { background-image: url(../img/top_sub06.gif); margin-bottom: 0;}

/*---layout---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

.section {
	width:662px;
	margin: 0px 19px 30px;
	float:left;
	display:inline;
}

.section_L1 {
	float:left;
	width:165px;
}
.section_R1 {
	float:right;
	width:477px;
	margin: 0 0 0 20px;
}
.section_L2 {
	float:left;
	width:477px;
	margin: 0 20px 0 0;
}
.section_R2 {
	float:right;
	width:165px;
}

.section_L3 {
	float:left;
	width:462px;
	margin: 0 20px 0 0;
}
.section_R3 {
	float:right;
	width:180px;
}

.section_L4 {
	float:left;
	width:402px;
	margin: 0 20px 0 0;
}
.section_R4 {
	float:right;
	width:240px;
}

.section_R4 img {
margin-bottom: 20px;
}

.section_h5in {
	width:677px;
	margin: 0px 19px 20px 4px;
	float:left;
	display:inline;
	clear:both;
}

.section_h5in_L1 {
	float:left;
	width:327px;
}
.section_h5in_L1_01 {
	width:232px;
	_width:327px;
	padding: 0 0 0 95px;
	background: url(../img/arrow.gif) left bottom no-repeat;
}
.section_h5in_R1 {
	float:right;
	width:330px;
	margin: 0;
}
.section_h5in_01 {
	float:left;
	width:582px;
	_width:677px;
	padding: 0 0 0 95px;
	background: url(../img/arrow.gif) left bottom no-repeat;
}

.section_h5in_01_C {
	float:left;
	width:582px;
	clear:both;
}
.section_h5in_01_L1 {
	float:left;
	width:402px;
	padding: 0 0 20px;
}
.section_h5in_01_R1 {
	float:right;
	width:160px;
	padding: 0 0 20px;
}

/*---general_purpose---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#main h2 {
	float:left;
	width:700px;
	height:46px;
	margin: 0 0 20px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}
#main h3 {
	float:left;
	width:700px;
	height:41px;
	margin: 0 0 25px;
	text-indent:-99999px;
	background-repeat:no-repeat;
	background-position:center;
}
#main h4 {
	float:left;
	width:700px;
	height:20px;
	margin: 0 0 25px;
	text-indent:-99999px;
	background-repeat:no-repeat;
	background-position:center;
}
#main h4.tit_02{
	height:45px;
}
#main h5 {
	clear:both;
	margin: 0 4px 15px;
	padding: 1px 0 1px 8px;
	border: #eeeeee solid 1px;
	background: url(../img/bg_h5.jpg) repeat-x;
	color:#4f81bd;
	font-weight:bold;
	line-height:1.6;
}

.note {
	color:#FF0000;
	font-weight:bold;
}

.attention {
	margin-left:1em;
	text-indent:-1em;
}
.attention_s {
	margin-left:1em;
	text-indent:-1em;
	font-size:80%;
}

.to_top {
	float:left;
	clear:both;
	width:100%;
	line-height:0;
}
.to_top a {
	display:block;
	float:right;
	clear:both;
	width:101px;
	height:21px;
	text-indent:-99999px;
	background: url(../img/to_top.jpg) no-repeat;
}

.to_top a:active,.to_top a:hover { background-position:bottom;}

.section a.blank {
	padding: 0 10px 0 25px;
	background: url(../img/blank_icon.gif) 10px 3px no-repeat;
	text-decoration:underline;
}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}

.mt45 { margin-top:45px;}
.mt130 { margin-top:130px;}

.ali_cen { text-align:center;}
.ali_right { text-align: right;}
.ali_left { text-align: left;}

.fl { float:left;}
.fr { float:right;}

.clb { clear:both;}
.cll { clear:left;}
.clr { clear:right;}


/*---page_format---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---dr---*/
.dr_profile li { float: left;width:100%;}
.dr_profile li dt { float: left;	width:85px;}
.dr_profile li dd { float: right; width:392px;}
.dr_profile01 li dd { float: right;	width:577px;}
.dr_profile02 li dt { width:100px;}
.dr_profile02 li dd { width:377px;}

/*---flow---*/
#main .section_h5in_L1 h5 {
	margin: 0 0 15px;
}

ul.icon01 li {
	padding: 0 0 10px 14px;
	background: url(../img/icon01.jpg) 0px 8px no-repeat;
}

ul.flow_images {
	float:left;
	width:340px;
	margin: 0 0 0 -10px;
}
ul.flow_images li {
	float:left;
	width:160px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	display:inline;
}

strong.flow_t {
	display:block;
	padding: 0 0 0px 20px;
	background: url(../img/icon01.jpg) 6px 10px no-repeat;
	_background: url(../img/icon01.jpg) 8px 12px no-repeat;
	border: #f79646 solid 3px;
}

*:first-child+html strong.flow_t {
	background: url(../img/icon01.jpg) 8px 12px no-repeat;
}

strong.flow_t02 {
	display:block;
	padding: 0 0 0px 14px;
	background: url(../img/icon01.jpg) 0px 10px no-repeat;
}

.pb_phase1_01 { padding-bottom: 23px; background-position: 0px 0px;}
.pb_phase1_02 { padding-bottom: 82px;}
.pb_phase1_03 { padding-bottom: 92px; background-position: 0px 0px;}
.pb_phase1_04 { padding-bottom: 85px;}

.flow_phase2 {
	float:left;
	width:662px;
	height:84px;
	margin: 0 0 10px;
	background: url(../img/flow_phase2.gif) no-repeat;
	text-indent:-99999px;
}

ul.phase2 {
	float:left;
	margin: 0 12px;
	display:inline;
}

ul.phase2 li {
	float:left;
	margin: 0 7px;
	display:inline;
	width:198px;
}

.phase2_02 li {
	margin-left:3em;
	text-indent:-3em;
	margin-bottom: 20px;
	line-height:1.6;
}
.phase2_02 li span {
	margin-right:1.2em;
	color:#FF0000;
	font-weight:bold;
}

/*---price---*/

.price table {
	width:100%;
}
.price table th,.price table td {
	border: #f2f2f2 solid 1px;
	padding: 10px;
}
.price table th {
	background-color:#fefbe1;
	font-weight:normal;
}
.price table td {
	width:185px;
	text-align:right;
	font-weight:bold;
	font-size:120%;
}


/*---page_title---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#concept_sub01 { background-image: url(../img/concept_sub01.jpg);}
#concept_sub02 { background-image: url(../img/concept_sub02.gif);}

#dr_sub01 { background-image: url(../img/dr_sub01.jpg);}
#dr_sub02 { background-image: url(../img/dr_sub02.gif);}

#flow_sub01 { background-image: url(../img/flow_sub01.jpg);}
#flow_sub02 { background-image: url(../img/flow_sub02.gif);}
#flow_sub03 { background-image: url(../img/flow_sub03.gif);}
#flow_sub04 { background-image: url(../img/flow_sub04.gif);}

#flow_sub05 { background-image: url(../img/flow_tit_01.jpg);}
#flow_sub06 { background-image: url(../img/flow_tit_02.jpg);}
#flow_sub07 { background-image: url(../img/flow_tit_03.jpg);}

#price_sub01 { background-image: url(../img/price_sub01.jpg);}
#price_sub02 { background-image: url(../img/price_sub02.gif);}
#price_sub03 { background-image: url(../img/price_sub03.gif);}
#price_sub04 { background-image: url(../img/price_sub04.gif);}
#price_sub05 { background-image: url(../img/price_sub05.gif);}
#price_sub06 { background-image: url(../img/price_sub06.gif);}
#price_sub07 { background-image: url(../img/price_sub07.gif);}
#price_sub08 { background-image: url(../img/price_sub08.gif);}
#price_sub09 { background-image: url(../img/price_sub09.gif);}
#price_sub10 { background-image: url(../img/price_sub10.gif);}

#voice_sub01 { background-image: url(../img/voice_sub01.jpg);}
#voice_sub02 { background-image: url(../img/voice_sub02.gif);}
#voice_sub03 { background-image: url(../img/voice_sub03.gif);}
#voice_sub04 { background-image: url(../img/voice_sub04.gif);}
#voice_sub05 { background-image: url(../img/voice_sub05.gif);}
#voice_sub06 { background-image: url(../img/voice_sub06.gif);}
#voice_sub07 { background-image: url(../img/voice_sub07.gif);}


/*---cf01---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#cf01 {
	float:left;
	position:relative;
	margin: 0 0 0;
	width: 700px;
	height:141px;
	background: url(../img/cf01.jpg) no-repeat;
}

#cf01 h3 {
	width:700px;
	height:105px;
	text-indent:-99999px;
	background: url(../img/cf01.jpg) no-repeat;
}

#cf01 p {
	position:absolute;
	top:110px;
	left:560px;
	width:120px;
	height:21px;
}

#cf01 p a:active img,#cf01 p a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/*---cf02---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#cf02 {
	float:left;
	width:885px;
	_width:920px;
	height:237px;
	_height:277px;
	margin: 30px 19px 0;
	_display:inline;
	padding: 20px 20px 20px 15px;
	background: url(../img/cf_bg.gif) no-repeat;
}

#cf02_L {
	float: left;
	width:395px;
	margin: 0 35px 0 0;
}
#cf02_R {
	float:right;
	width:455px;
}

#cf02_L h3 {
	float:left;
	width:395px;
	height:82px;
	margin: 0 0 11px;
	background: url(../img/cf_l_01.jpg) no-repeat;
	text-indent:-99999px;
}

#cf02_L p.infotxtx {
	float:left;
	width:194px;
	height:144px;
	margin: 0 7px 0 0;
	background: url(../img/cf_l_02.jpg) no-repeat;
	text-indent:-99999px;
}

#cf02_L p.map {
	float:right;
	width:194px;
	height:144px;
}

#cf02_R .free {
	position:relative;
	width:455px;
	height:82px;
	background: url(../img/cf_r_02_02.jpg) bottom no-repeat;
}

#cf02_R .free h3 {
	width:455px;
	height:46px;
	background: url(../img/cf_r_02.jpg) no-repeat;
	text-indent:-99999px;
}

#cf02_R p {
	position:absolute;
	left:302px;
	top:53px;
	width:143px;
	height:21px;
}

#cf02_R p a:active img,#cf02_R p a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}



/*---font size adjust---*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/

#wrapper { font-size:120%;}
#cf01,#cf02,#footer { font-size:12px;}
ul.icon01 li { background: url(../img/icon01.jpg) 0px 10px no-repeat;}

/**/

div.set_img {
padding-top: 10px;
margin-bottom: 20px;
}

img.img_right {
float: right;
margin: 0 0 20px 20px;
}
img.img_left {
float: left;
margin: 0 20 20px 0;
}

img.topbnr { margin: 0 6px;}

#topbnr a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


/* ---------------------------------------------------------
 float clear
--------------------------------------------------------- */
span.clear {
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	display: block;
	clear: both;
}