/*---base---*/

body{
	font-family:"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	font-style:normal;
	font-size:75%;
	line-height:140%;
	text-align: center;
	color:#808080;
}

*{
	margin:0px;
	padding:0px;
}

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

img{
	border-width: 0px;
	border-style: none;
}

address {
	width:800px;
	float:left;
	font-size:100%;
	margin:30px 0px 0px 0px;	
	text-align:center;
	font-style:normal;
	font-weight:normal;
}

#wrapper{
	margin:0px auto;
	width:800px;
	margin-top:10px;		
	text-align:left;
	overflow:hidden;
}

#header{
	width:800px;
	float:left;
	overflow:hidden;
}
#header div#header_01{
	width:800px;
	background-color:#FFFFFF;
	background-image:none;
}

#header div#header_01 h1{
	margin:0px 0px 0px 5px;
	font-size:100%;
	font-weight:normal;
	color:#808080;
	background-image:none;
}

#header div#header_01 p.h1{
	margin:0px 0px 0px 5px;
	font-size:100%;
	font-weight:normal;
	color:#808080;
	background-image:none;
}

#header div#header_02{
	width:800px;
	height:11px;
}
#header div#header_03{
	width:800px;
	height:48px;
	margin:1px 0px 0px 0px;
}

/*#header div#header_03{
	width:800px;
	height:48px;
	margin:0px 0px 0px 0px;
}*/

#header div#header_03 div#header_03_01{
	width:232px;
	float:left;
	height:48px;	
	overflow:hidden;
}
#header div#header_03 div#header_03_02{
	width:191px;
	float:right;
	height:48px;
	overflow:hidden;
}
#header div#header_03 div#header_03_02 p{
	margin:0px 0px 0px 0px;
	height:27px;	
}
#header div#header_03 div#header_03_02 div#header_03_02_01{
	width:191px;
	float:right;
	text-align:right;
	font-size:90%;
	margin:0px 0px 0px 0px;
}

#header div#header_03_02_01{
	width:191px;
	height:19px;
	float:right;
	text-align:right;
	font-size:90%;
	margin:0px 0px 0px 0px;
}

#header div#header_03 div#header_03_02 div#header_03_02_01 p{
	text-align:right;
	letter-spacing:-1px;	
	margin:5px 10px 0px 0px;
}

#header div#header_03 div#header_03_02 div#header_03_02_01 p a:link{
	text-align:right;
	color:#808080;
}
#header div#header_03 div#header_03_02 div#header_03_02_01 p a:visited{
	text-align:right;
	color:#808080;
}
#header div#header_03 div#header_03_02 div#header_03_02_01 p a:hover{
	text-align:right;
	color:#830C6D;
}
#header div#header_03 div#header_03_02 div#header_03_02_01 p a:active{
	text-align:right;
	color:#808080;
}

#header div#header_04{
	width:800px;
	height:auto;
	margin:0px 0px 0px 0px;
}
#header div#header_04 p{
	float:left;
	margin:-9px 0px -4px 0px;
}
#header div#header_05{
	width:800px;
	height:250px;
	margin:0px 0px 0px 0px;
}
#header div#header_05 div#header_05_01{
	width:180px;
	float:left;
	height:250px;	
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
#header div#header_05 div#header_05_02{
	width:620px;
	float:right;
	height:250px;	
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
#header div#header_06{
	width:800px;
	height:200px;
	margin:0px 0px 0px 0px;
}


#header div#header_06 div#header_06_01{
	width:180px;
	float:left;
	overflow:hidden;
	height:200px;
	margin:0px 0px 0px 0px;
}
#header div#header_06 div#header_06_02{
	width:620px;
	float:right;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
#header div#header_06 div#header_06_02 h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header div#header_07{
	width:800px;
	height:200px;
	margin:0px 0px 0px 0px;
}

#header div#header_07_01{
	width:800px;
	float:right;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
#header div#header_07_01 h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#main_box{
	width:800px;
	float:left;
	background-image:url(../img/index_img25.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}

#main{
	width:620px;
	float:right;
	overflow:hidden;
}

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

a:active,a:hover{
	color:#830C6D;
	text-decoration:none;
}
/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.seg_01{
	width:620px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}

.seg_02{
	width:580px;
	margin:0px 0px 0px 20px;
	float:left;
	text-align:left;
	height:29px;
	overflow:hidden;
	background-image:url(../img/index_img14.jpg);
	background-repeat:no-repeat;
	font-size:140%;
	line-height:180%;
	text-indent:20px;
	font-weight:bold;
}
.seg_03{
	width:560px;
	margin:10px 20px 20px 30px;
	float:left;
	text-align:left;
	line-height:180%;
	overflow:hidden;
}
.seg_03 p.topText{
	margin-bottom:10px;
}

.seg_03_01{
	width:285px;
	float:left;
	margin:0px 15px 0px 0px;
}
.seg_03_02{
	width:260px;
	float:right;
	margin:0px 0px 0px 0px;
}
.seg_03_03{
	width:560px;
	float:left;
	margin:0px 0px 0px 0px;
}

.seg_04{
	width:560px;
	margin:10px 0px 20px 30px;
	float:left;
	overflow:hidden;
}
.seg_04_01{
	float:left;
	width:133px;
	margin-right:2px;
}
.seg_05{
	width:560px;
	margin:0px 0px 20px 30px;
	float:left;
	text-align:left;
	overflow:hidden;
}
.seg_06{
	width:560px;
	margin:0px 0px 20px 30px;
	float:left;
	text-align:left;
	overflow:hidden;
}
.seg_06_01{
	width:250px;
	float:left;
	margin-right:5px;
	overflow:hidden;
}
.seg_06_01_text{
	background-image:url(../img/index_img20.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	height:31px;
	line-height:300%;
	text-indent:10px;
}
.seg_06_01_01{
	width:250px;
	height:98px;
}
.seg_06_01_02{
	width:250px;
	height:22px;
	float:left;
	overflow:hidden;
}
.seg_06_01_02_01{
	width:153px;
	float:left;
	height:22px;
	overflow:hidden;
}
.seg_06_01_02_02{
	width:97px;
	float:right;
	height:22px;
	overflow:hidden;
}
.seg_06_02{
	width:295px;
	float:left;
	overflow:hidden;
}
.seg_06_02_01{
	width:295px;
	margin:0px;
	height:91px;
}
.seg_06_02_02{
	width:295px;
	margin:0px;
}

.seg_07{
	width:580px;
	margin:0px 0px 0px 20px;
	float:left;
	height:25px;
	overflow:hidden;
}
.seg_07 h3{
	width:580px;
	height:25px;	
	background-image:url(../img/naka_img01.jpg);
	background-repeat:no-repeat;
	font-size:140%;
	line-height:140%;
	text-indent:23px;
	font-weight:bold;
	text-align:left;
}
.seg_08{
	width:580px;
	margin:0px 0px 10px 20px;
	background-image:url(../img/naka_img03.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	height:30px;
	font-size:120%;	
	line-height:220%;
	text-indent:15px;
	text-align:left;
}
.seg_09{
	width:560px;
	float:left;
	margin:0px 0px 20px 30px;
	overflow:hidden;
}
.seg_09_01{
	width:260px;
	float:left;
	margin-right:20px;
}
.seg_09_01 p{
	text-align:left;
	margin-bottom:5px;	
}
.seg_09_02{
	width:260px;
	float:left;
	margin-right:20px;
}
.seg_09_02 p{
	text-align:left;
	margin:0px
}
.seg_10{
	width:560px;
	float:left;
	margin:10px 0px 10px 30px;
	overflow:hidden;
}
.seg_11{
	width:570px;
	margin:10px 0px 0px 25px;
	float:left;
	text-align:left;
	height:29px;
	overflow:hidden;
	background-image:url(../img/index_img14.jpg);
	background-repeat:no-repeat;
	font-size:140%;
	line-height:180%;
	text-indent:20px;
	font-weight:bold;
}
.seg_12{
	width:580px;
	margin:10px 0px 10px 20px;
	float:left;
	height:15px;
	overflow:hidden;
}
/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navi{
	width:180px;
	float:left;
	margin:0px 0px 20px 0px;
	overflow:hidden;
}

#navi ul{
	list-style:none;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}

#navi li{
	overflow:hidden;
	width:180px;
	margin:0px 0px 0px 0px;
}

#navi li.sideleft01{
	width:160px;
	height:40px;
	margin:0px 10px 0px 10px;
	list-style:none;
}
#navi li.sideleft01 a{
	width:160px;
	height:40px;
	background-image:url(../img/index_img08.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-indent:15px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#3A3A3A;
	text-decoration:none;		
}
#navi li.sideleft01 a:hover{
	width:160px;
	height:40px;
	background-image:url(../img/index_img08over.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:15px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#FFB400;
	text-decoration:none;		
}
#navi li.sideleft07{
	width:160px;
	height:40px;
	margin:0px 10px 10px 10px;
	list-style:none;
}
#navi li.sideleft07 a{
	width:160px;
	height:40px;
	background-image:url(../img/index_img08.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	text-indent:15px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#3A3A3A;
	text-decoration:none;		
}
#navi li.sideleft07 a:hover{
	width:160px;
	height:40px;
	background-image:url(../img/index_img08over.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:15px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#FFB400;
	text-decoration:none;		
}

#navi li.sideleft02{
	width:160px;
	height:40px;
	background-image:url(../img/index_img09.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 10px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:5px;
	display:block;
	text-align:left;
	color:#3A3A3A;
	text-decoration:none;		
}
#navi li.sideleft08{
	width:160px;
	height:40px;
	background-image:url(../img/index_img09.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 5px 10px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:5px;
	display:block;
	text-align:left;
	color:#3A3A3A;
	text-decoration:none;		
}

#navi li.sideleft06{
	width:160px;
	height:40px;
	margin:0px 0px 10px 10px;
	list-style:none;
}
#navi li.sideleft06 a{
	width:160px;
	height:40px;
	background-image:url(../img/index_img10.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:25px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#5A5A5A;
	text-decoration:none;		
}
#navi li.sideleft06 a:hover{
	width:160px;
	height:40px;
	background-image:url(../img/index_img10over.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:25px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#816A6B;
	text-decoration:none;		
}

#navi li.sideleft04{
	width:160px;
	height:40px;
	margin:0px 0px 0px 10px;
	list-style:none;
}

#navi li.sideleft04 a{
	width:160px;
	height:40px;
	background-image:url(../img/index_img10.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:25px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#5A5A5A;
	text-decoration:none;		
}
#navi li.sideleft04 a:hover{
	width:160px;
	height:40px;
	background-image:url(../img/index_img10over.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:360%;
	font-weight:normal;	
	padding:0px 0px 0px 0px;
	text-indent:25px;
	cursor:pointer;
	display:block;
	text-align:left;
	color:#816A6B;
	text-decoration:none;		
}
#navi li.sideleft05{
	width:160px;
	height:40px;
	margin:0px 10px 10px 10px;
	list-style:none;
}
#navi li.sideleft05 a{
	width:160px;
	height:40px;
	background-image:url(../img/index_img08.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
	padding:2px 0px 0px 15px;
/*	text-indent:15px;*/
	cursor:pointer;
	display:block;
	text-align:left;
	color:#3A3A3A;
	text-decoration:none;		
}
#navi li.sideleft05 a:hover{
	width:160px;
	height:40px;
	background-image:url(../img/index_img08over.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	font-size:100%;
	line-height:140%;
	font-weight:normal;	
	padding:2px 0px 0px 15px;
/*	text-indent:15px;*/
	cursor:pointer;
	display:block;
	text-align:left;
	color:#FFB400;
	text-decoration:none;		
}


#navi li li a{
/*	text-indent:20px;*/
}

#navi a{
/*	display:block;
	width:187px;
/*	height:50px;*/
/*	text-indent:-9999px;*//*ナビゲーションに画像を使う場合こちらを使ってください。*/
/*	text-indent:10px;*//*ナビゲーションにテキストを使う場合こちらを使ってください。*/
/*	overflow:hidden;*/
}

#navi ul li#banner1{
	width:180px;
	height:29px;
	margin:0px 0px 0px 0px;
	list-style:none;	
}
#navi ul li#banner2{
	width:160px;
	height:60px;
	margin:0px 0px 0px 10px;
	list-style:none;	
}

#navi ul#banner a{
/*	display:block;
	width:163px;
	text-indent:-9999px;*/
}


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

#footer{
	width:800px;
	float:left;
	overflow:hidden;
	margin:0px 0px 20px 0px;
}
#footer div#footer_01{
	width:800px;
	float:left;
	overflow:hidden;
	background-image:url(../img/index_img12.jpg);
	background-repeat:no-repeat;
	height:70px;
}

#footer div#footer_01 dl {
	margin:10px 0px 0px 0px;
	text-align:center;
}
#footer div#footer_01 dl dt {
	display:inline;
	text-align:center;
	color:#normal;
	letter-spacing:-1px;
	font-weight:normal;	
}

#footer div#footer_01 dl dt a{
	font-size:100%;
	line-height:185%;
	color:#5A5A5A;
	font-weight:normal;
}
#footer div#footer_01 dl dt a:hover{
	font-size:100%;
	line-height:185%;	
	color:#830C6D;
	font-weight:normal;	
}

#footer dl dd {
/*	text-align:left;
	text-indent:-9999px;
	/*display:none;*/
	/*float:left;*/
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*トップページのＣＳＳはここに記述していってください。*/
h2.featureimg{
	background-image:url(../img/feature_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.planmakimg{
	background-image:url(../img/planmak_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.companyimg{
	background-image:url(../img/company_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.contactimg{
	background-image:url(../img/contact_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	/*text-indent:-9999px;*/
}
h2.sitemapimg{
	background-image:url(../img/sitemap_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.constexa_example_aimg{
	background-image:url(../img/constexa_example_a_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.constexa_example_bimg{
	background-image:url(../img/constexa_example_b_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.constexa_example_cimg{
	background-image:url(../img/constexa_example_c_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.constexa_example_dimg{
	background-image:url(../img/constexa_example_d_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.constexa_example_eimg{
	background-image:url(../img/constexa_example_e_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.constexa_example_fimg{
	background-image:url(../img/constexa_example_f_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.constexa_others_exaimg{
	background-image:url(../img/constexa-others_exa_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.knack_indeximg{
	background-image:url(../img/knack_index_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
h2.knack_costimg{
	background-image:url(../img/knack_cost_img01.jpg);
	background-repeat:no-repeat;
	height:200px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
td,th,input{
	font-size:100%;
	color:#333333;
}
.tdtable1{
	background-color:#B884A9;
	color:#FFFFFF;
}
.tdtable3{
	background-color:#F2F2F1;
	padding:3px 3px 3px 3px;
	color:#333333;
}
.tdtable2{
	background-color:#C9B492;
	padding:3px 3px 3px 3px;
	
}
.title1{
	background-image:url(../img/title1.jpg);
	background-repeat:no-repeat;
	font-size:120%;
	height:28px;
	line-height:200%;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-indent:17px;
}
/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

p.to_top{
	width:143px;
	height:24px;
	float:right;
	margin:0px 20px 20px 0px;
}
p.to_top a:link{
	height:24px;
	width:143px;
	margin:0px 0px 0px 0px;
	background-image:url(../img/naka_img05.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	clear:both;
}
p.to_top a:visited{
	height:24px;
	width:143px;
	margin:0px 0px 0px 0px;
	background-image:url(../img/naka_img05.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	clear:both;
}

p.to_top a:hover{
	height:24px;
	width:143px;
	margin:0px 0px 0px 0px;
	background-image:url(../img/naka_img05over.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	clear:both;
}
p.to_top a:active{
	height:24px;
	width:143px;
	margin:0px 0px 0px 0px;
	background-image:url(../img/naka_img05.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	clear:both;
}

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/