﻿/*---base---*/

body{
	background: url(../img/main_bg.gif) repeat-y center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	font-style:normal;
	font-size:75%;
	line-height:140%;
	text-align: center;
	color:#333333;
}

*{
	margin:0px;
	padding:0px;
}

h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:lighter;
}

h5{
	font-size:80%;
	line-height:18px;
	color:#666666;}

img{
	border-width: 0px;
	border-style: none;
}
.imgR {	float:right;	margin:5px 0 5px 5px;}
.imgL {	float:left;	margin:5px 5px 5px 0;}

#wrapper{
	background:url(../img/top_bg.gif) no-repeat left top;
	margin:0px auto;
	width:800px;
	text-align:left;
	overflow:hidden;
}

#header{
	position:relative;
	width:800px;
	height:150px;
	float:left;
	overflow:hidden;
}

#header h1{
	top:20px;
	left:0;
	position:absolute;
	width:500px;
	height:130px;
	margin:0;
	padding:0;
	overflow:hidden;}

#header h1 a{
	width:500px;
	height:130px;
	background: url(../img/head01.jpg) no-repeat left top;
	display:block;
	text-indent:-5000px;}

#header #contact{
	top:20px;
	left:500px;
	background:url(../img/head_contact.jpg) no-repeat left top;
	position:absolute;
	width:300px;
	height:130px;
	margin:0;
	padding:0;
	text-indent:-5000px;
	overflow:hidden;}
	

#header #top_right{
	margin:0;
	padding:0;
	position:absolute;
	font-size:11px;
	left: 560px;
	top: 0px;
	width: 241px;
}

#header #top_left{
	margin:0;
	padding:0;
	position:absolute;
	font-size:11px;
	left: 10px;
	top: 0px;
	width: 530px;
	color:#666666;
}

#main{
	margin-bottom:30px 30px 0 30px;
	width:800px;
	float:left;
	overflow:hidden;
}

a:link,a:visited{
	color:#656565;
	text-decoration:none;
}

a:active,a:hover{
	color:#898787;
	text-decoration:none;
}
/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#index_main{
	width:600px;
	float:right;
	margin:0 10px 0 0;
	display:inline;}

#index_seg01{
	width:600px;
	float:left;}

#index_seg01 p{
	background: url(../img/index_main_top.jpg) no-repeat left top;
	width:600px;
	height:175px;
	text-indent:-6000px;}

#index_seg02 {
	width:580px;
	float:left;}
	
#index_seg02 h2{
	margin:20px 0 0 0;
	background:url(../img/index_tit01.gif) no-repeat left top;
	width:580px;
	height:39px;
	text-indent:-6000px;}
#index_seg02 p{
	margin:0 5px 0 10px;
	color:#666666;
	line-height:18px;}

#index_seg03 {
	margin:20px 0 20px 5px;
	display:inline;
	width:580px;
	float:left;}

#index_seg03_a{
	width:260px;
	float:left;}

#index_seg03 .index_img{
	width:90px;
	height:80px;
	float:left;}
#index_seg03 .index_content01{
	margin:0 0 20px 0;
	display:inline;
	width:170px;
	height:80px;
	float:left;
	background:url(../img/index_topic_bg_r2.gif) no-repeat left top;}

#index_seg03 .index_content01 h4,#index_seg03 .index_content02 h4{
	width:170px;
	height:32px;
	margin:0;
	padding:0;
	text-indent:-6000px;}
#index_seg03 .index_content01 h4{
	background:url(../img/index_topic01.gif) no-repeat left top;}
#index_seg03 .index_content02 h4{
	background:url(../img/index_topic02.gif) no-repeat left top;}
#index_seg03 .index_content01 p,#index_seg03 .index_content02 p{
	color:#666666;
	font-size:10px;
	padding-left:10px;
	line-height:18px;}

#index_seg03 .index_content02{
	width:170px;
	height:80px;
	float:left;
	background:url(../img/index_topic_bg_r2.gif) no-repeat left top;}


#index_content03{
	display:inline;
	margin-right:10px;
	width:290px;
	background:url(../img/index_topic_bg_r.gif) no-repeat left top;
	float:right;}

#index_content03 dt{
	margin:1px 0 0 1px;
	width:240px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/index_topic03.gif) no-repeat left top;}

#index_content03 dd{
	font-size:80%;
	line-height:18px;
	color:#666666;}
	
#index_content03 dd.index_content03_a{
	margin:1px 0 0 1px;
	width:290px;
	height:15px;
	text-indent:25px;
	background: url(../img/index_topic06.gif) no-repeat left top;}

#index_content03 dd.index_content03_t{
	text-indent:25px;
	color:#666666;
	font-size:80%;}
	
#index_content03 .index_content03_b{
	margin:1px 0 0 1px;
	width:110px;
	height:15px;
	text-indent:-6000px;
	background: url(../img/index_topic06.gif) no-repeat left top;}
	
.kochira01{
	float:right;
	width:103px;
	height:11px;}
.kochira01 a{
	margin-top:3px;
	text-indent:-6000px;
	background: url(../img/kochira.gif) no-repeat left top;
	display:block;
	width:103px;
	height:11px;}

.kochira02{
	float:right;
	width:119px;
	height:11px;}
.kochira02 a{
	margin-top:3px;
	text-indent:-6000px;
	background:url(../img/kochira2.gif) no-repeat left top;
	display:block;
	width:119px;
	height:11px;}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navi {
	width:160px;
	display:inline;
	float:left;
	margin:0 18px 0 12px;}

#navi ul{
	float:left;
	list-style:none;
	overflow:hidden;
	margin:0;}

#navi li{
	margin:8px 0;
	overflow:hidden;}

#navi #content{
	margin:10px 0 0 0;
	display:inline;
	float:left;
	background:url(../img/navi_content.gif) no-repeat left top;
	width:160px;
	height:13px;
	text-indent:-6000px;}
	
#navi #btn01 a,#navi #btn03 a,#navi #btn04 a,#navi #btn05 a,#navi #btn06 a,#navi #btn07 a,#navi #btn08 a{
	display:block;
	width:160px;
	height:30px;
	text-indent:-60000px;}

#navi #btn02 a{
	display:block;
	width:160px;
	height:40px;
	text-indent:-60000px;}

#navi #btn01 a{background:url(../img/navi01.gif) no-repeat left top;}
#navi #btn02 a{background:url(../img/navi02.gif) no-repeat left top;}
#navi #btn03 a{background:url(../img/navi03.gif) no-repeat left top;}
#navi #btn04 a{background:url(../img/navi04.gif) no-repeat left top;}
#navi #btn05 a{background:url(../img/navi05.gif) no-repeat left top;}
#navi #btn06 a{background:url(../img/navi06.gif) no-repeat left top;}
#navi #btn07 a{background:url(../img/navi07.gif) no-repeat left top;}
#navi #btn08 a{background:url(../img/navi08.gif) no-repeat left top;}

#navi #btn02 a:hover{background:url(../img/navi02_ov.gif) no-repeat left top;}
#navi #btn03 a:hover{background:url(../img/navi03_ov.gif) no-repeat left top;}
#navi #btn04 a:hover{background:url(../img/navi04_ov.gif) no-repeat left top;}
#navi #btn05 a:hover{background:url(../img/navi05_ov.gif) no-repeat left top;}
#navi #btn06 a:hover{background:url(../img/navi06_ov.gif) no-repeat left top;}
#navi #btn07 a:hover{background:url(../img/navi07_ov.gif) no-repeat left top;}
#navi #btn08 a:hover{background:url(../img/navi08_ov.gif) no-repeat left top;}

#bnr01 {
	margin:0 0 10px;
	width:160px;
	height:120px;}
	
#bnr03 {
	margin:0 0 10px;
	width:160px;
	height:130px;}

#bnr01 a{
	text-indent:-6000px;
	width:160px;
	height:120px;
	background:url(../img/bnr01.gif) no-repeat left top;
	display:block;}

#bnr03 a{
	text-indent:-6000px;
	width:160px;
	height:130px;
	background:url(../img/bnr03.jpg) no-repeat left top;
	display:block;}

#bnr02 {
	float:left;
	display:inline;
	margin:9px 0 10px 0;
	text-indent:-6000px;
	width:160px;
	height:50px;
	background:url(../img/bnr02.gif) no-repeat left top;}
	
/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	margin-top:20px;
	width:800px;
	height:50px;
	text-align:center;
	float:left;
	overflow:hidden;
	font-size:100%;
}

#footer dl a:link,a:visited{
	color:#ff6666;
	text-decoration:none;
}

#footer dl a:active,a:hover{
	color:#fb5151;
	text-decoration:none;
}

#footer dl {
border-top:#ff6666 1px solid;
background-color:#ffd9d0;
width:800px;
height:20px;
float:left;
margin: 0px 10px 0 0px;
text-align:center;
overflow:hidden;
}

#footer dl dt,#footer dl dd {
font-size:79%;
}

#footer dl dt {
display:inline;
text-align:right;
}

#footer dl dd {
text-align:left;
text-indent:-9999px;
/*display:none;*/
float:left;
}

/*footer2*/
#footer2{
	margin-top:20px;
	width:800px;
	height:50px;
	text-align:center;
	float:left;
	overflow:hidden;
	font-size:100%;
}

#footer2 dl a:link,a:visited{
	color:#ff6666;
	text-decoration:none;
}

#footer2 dl a:active,a:hover{
	color:#fb5151;
	text-decoration:none;
}

#footer2 dl {
border-top:#ff6666 1px solid;
background-color:#ffd9d0;
width:800px;
height:20px;
float:left;
margin: 0px 10px 0 0px;
text-align:center;
overflow:hidden;
}

#footer2 dl dt,#footer2 dl dd {
font-size:8px;
font-weight:bold;
}

#footer2 dl dt {
display:inline;
text-align:right;
}

#footer2 dl dd {
text-align:left;
text-indent:-9999px;
/*display:none;*/
float:left;
}



address {
	color:#ff6666;
	border-top:#FFFFFF 1px solid;
	padding:0;
	margin:0;
	background-color:#ffe3df;
	font-size: 80%;
	font-style: normal;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*トップページのＣＳＳはここに記述していってください。*/

#info_ban { padding: 0 0 0 5px; }

#info_ban p { margin: 10px 0 0 5px; }

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

dl#sitemap dt {
border-bottom:#ff969c solid 1px;
border-left:#ff969c solid 5px;
line-height:20px;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
text-indent:8px;
}

dl#sitemap dd {
text-indent: 20px;
margin-bottom:15px;
border-bottom:#fbc8cb dotted 1px;
line-height:20px;
font-size:12px;
}

dl#sitemap dt a:link,dl#sitemap dt a:visited{
color:#f13f7b;
text-decoration:none;
}
dl#sitemap dt a:active,dl#sitemap dt a:hover{
color: #ff969c;
text-decoration: underline;
}



dl.tb01{
	width:560px;
	display:inline;
	float:left;
	margin:20px 0 15px 20px;}

dl.tb01 dt{
	text-align:center;
	line-height:18px;
	padding:0 0 0 5px;
	display:inline;
	margin:0 10px 5px 25px;
	background:#FAE4EF;
	width:100px;
	height:20px;
	float:left;}

dl.tb01 dd{
	display:inline;
	padding:0 0 0 5px;
	margin:0 0 5px 0;
	background:#FDF2F8;
	width:400px;
	height:20px;
	float:left;}

dl.tb02{
	width:560px;
	display:inline;
	float:left;
	margin:20px 0 15px 20px;}

dl.tb02 dt{
	text-align:center;
	line-height:18px;
	padding:0 0 0 5px;
	display:inline;
	margin:0 10px 5px 25px;
	background:#FAE4EF;
	width:120px;
	height:20px;
	float:left;}

dl.tb02 dd{
	display:inline;
	padding:0 0 0 5px;
	margin:0 0 5px 0;
	background:#FDF2F8;
	width:380px;
	height:20px;
	float:left;}	
dl.tb01 .w_height25{
	height:25px;}
dl.tb01 .w_height32{
	height:32px;}		
dl.tb01 .w_height35{
	height:35px;}
dl.tb01 .w_height40{
	height:40px;}	
dl.tb01 .w_height55{
	height:55px;}
dl.tb01 .w_height65{
	height:65px;}
dl.tb01 .w_height75{
	height:75px;}
dl.tb01 .w_height85{
	height:85px;}
dl.tb01 .w_height110{
	height:110px;}
dl.tb01 .w_height130{
	height:130px;}
dl.tb01 .w_height180{
	height:180px;}
dl.tb01 .w_height275{
	height:275px;}
dl.tb01 .w_height290{
	height:290px;}
dl.tb01 .w_height330{
	height:330px;}
dl.tb01 .w_height380{
	height:380px;}
dl.tb01 .w_height460{
	height:460px;}
dl.tb01 .w_height520{
	height:520px;}
dl.tb01 .w_height580{
	height:580px;}

dt .w_height32{
	height:32px;}
	
dl.tb02 .w_height180{
	height:180px;}	

dl.tb02 .w_height100{
	height:120px;}	
	
dl.tb02 .w_height55{
	height:55px;}	

dl.tb02 .w_height40{
	height:40px;}	

p.pt5{ padding-top: 5px;}	
p.pt15{ padding-top: 15px;}

/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tx_b{
	width:506px;
	display:inline;
	float:left;
	margin:20px 27px 5px 47px;}
.tx_b1{
	line-height:24px;
	font-size:12px;
	clear:#ff4f00;
	background-color:#ffe0e4;
	width:506px;
	display:inline;
	float:left;
	margin:5px 27px 5px 47px;}
	
.tx_b table{
	width:510px;
	text-align:left;
	background: #CCCCCC;
	font-size:12px;
	line-height:16px;
}
.tx_b th{
	background:#ffe0e4;
	color: #666666;
	padding:5px;
}
.tx_b td{
	background:#FFFFFF;
	color:#FF9999;
	padding:5px;
}
.tx_b2{
	line-height:24px;
	font-size:12px;
	clear:#ff4f00;
	background-color:#ffe0e4;
	width:506px;
	display:inline;
	float:left;
	margin:5px 27px 5px 47px;}	
.tx_c {
	color:#f03063;
	font-size:12px;
	}
	
.tx_c1 {
	color:#444444;
	}
	
.tx_c2 {
	color:#ff4f00;
	font-size:14px;
	}			

.tx_c3 {
	color:#ff4f00;
	font-size:10px;
	}	
.tx_c4 {
	color:#f03063;
	font-size:12px;
	font-weight: bold;
	}

.to_top{
	width:100px;
	height:30px;
	float:left;}
.to_top a{
	text-indent:-6000px;
	background:url(../img/top.gif) no-repeat left top;
	display:block;
	width:100px;
	height:20px;
	margin:15px 0 0 500px;}
p.to_top{margin:5px 0px;}
.tx10{font-size:10px;}
.tx_red{color:#FF0000;}

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*--------各ページヘ大項目----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#think_seg,#about_seg,#app_seg,#comp_seg,#sitemap_seg,#stuff_seg,#explain_seg{
	width:600px;
	float:right;
	margin:20px 10px 0 0;
	display:inline;}
#think_seg p,#about_seg p,#comp_seg p,#sitemap_seg p,#stuff_seg,#explain p{color:#666666;}
	
#think_seg h2,#stuff_seg h2,#about_seg h2,#app_seg h2,#comp_seg h2,#sitemap_seg h2,#explain_seg h2{	
	margin:0;
	width:600px;
	height:39px;
	text-indent:-6000px;}
#think_seg h2{	background: url(../img/title02.png) no-repeat left top;}
#stuff_seg h2{	background: url(../img/title03.png) no-repeat left top;}
#about_seg h2{	background: url(../img/title04.png) no-repeat left top;}
#app_seg h2{	background: url(../img/title05.png) no-repeat left top;}
#comp_seg h2{	background: url(../img/title06.png) no-repeat left top;}
#sitemap_seg h2{background: url(../img/title07.png) no-repeat left top;}
#explain_seg h2{background: url(../img/title08.png) no-repeat left top;} 



.box02 {
width:47px;
height:55px;
margin:180px 0 0 80px;
float:left;
background-image:url(../img/tri.png);
background-repeat:no-repeat;
display:inline;
}




/****----think----****/
.con01{
	margin:0 0 0 20px;
	width:560px;
	float:left;}

/****----stuff----****/
.con02{
	margin:0 0 20px 20px;
	width:560px;
	float:left;
	clear:both;
}

.con02 p{
	padding:0 20px 0  5px;}

.con02 .watanabe{
	background:url(../img/stuff_saitama3.gif) no-repeat left top;
	width:250px;
	height:25px;
	text-indent:-6666px;
	float:left;
	display:inline;
	margin-bottom:10px;
	margin-right:5px;}
.con02 .saitama{
	background:url(../img/stuff_watanabe3.gif) no-repeat left top;
	width:250px;
	height:25px;
	text-indent:-6666px;
	float:left;
	margin-bottom:10px;
	display:inline;
	margin-right:5px;}

.stuff_t01,.stuff_t02,.stuff_t03,.stuff_t04,.stuff_t05{
	width:560px;
	height:25px;
	text-indent:-6000px;}
.stuff_t01{	background:url(../img/stuff_st01.gif) no-repeat left top;}
.stuff_t02{	background:url(../img/stuff_st02.gif) no-repeat left top;}
.stuff_t03{	background:url(../img/stuff_st03.gif) no-repeat left top;}
.stuff_t04{	background:url(../img/stuff_st04.gif) no-repeat left top;}
.stuff_t05{	background:url(../img/stuff_st05.gif) no-repeat left top;}

.stuff_01{
	margin:10px 0;
	background:url(../img/stuff_hori.png) no-repeat center top;
	text-indent:-6000px;
	width:560px;
	height:180px;}
	
.stuff_02{
	margin:10px 0;
	margin-top:10px;
	background:url(../img/stuff_takeuti.png) no-repeat center top;
	text-indent:-6000px;
	width:560px;
	height:180px;}
	
.stuff_03{
	margin:10px 0;
	margin-top:10px;
	background:url(../img/stuff_aoki.png) no-repeat center top;
	text-indent:-6000px;
	width:560px;
	height:180px;}

.stuff_btn{
	display:inline;
	width:100px;
	height:20px;
	float:right;}
.stuff_btn a{
	margin:30px 40px 40px 0px;
	text-indent:-6000px;
	background:url(../img/stuff_btn.gif) no-repeat left top;
	display:block;
	width:100px;
	height:20px;
}
/****----conpany----****/

.tx_center{
	text-align:center;}
	
.bold{
	font-weight:bold;}


/**********endo074020**********/

#index_seg04{
	width:580px;
	float:left;
}
.top_bnr01{
	margin-top:15px;
	background: url(../img/bar06.gif) no-repeat left top;
	width:570px;
	height:120px;}
	
.top_bnr01 a{
	text-indent:-6000px;
	display:block;
	width:570px;
	height:120px;}	

.top_bnr02{
	margin-top:15px;
	margin-left:4px;
	background: url(../img/chiba.jpg) no-repeat left top;
	width:570px;
	height:130px;}
	
.top_bnr02 a{
	text-indent:-6000px;
	display:block;
	width:570px;
	height:130px;}	

.top_bnr03{
	margin-top:15px;
	margin-left:12px;
	background: url(../img/chiba2.jpg) no-repeat left top;
	width:570px;
	height:130px;}

/*********niki070515************/

.tx_indent{
	color:#666666;
	text-indent:25px;}	

.tx_indent2{
	text-indent:25px;
	color:#666666;
	font-size:80%;}
	
.tx_indent3{
	text-indent:25px;
	margin:10px 0px 5px;
	color:#FF0000;
	font-size:120%;}	
	
.tx_indent4{
	text-indent:25px;
	color:#FF6666;	
	font-size:100%;}		

/*********stuff071220************/
.box03 {
	margin-bottom:20px;
}
.box04 {
	width:560px;
}

.link {
	display:block;
	clear:both;
	margin:0 0 10px 220px;
}

.ml30 {
	margin-left:30px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pink {
	color:#FF6699;
	font-size:15px;
	font-weight:700;
	text-align:center;
	margin:0 auto 10px;
	padding:0px;
}

.pink2 {
	color:#FF6699;
	font-weight:500;
	margin-bottom:10px;
}
.text_c01{color:#666666;}


#explain_form .tx_b{
	width:506px;
	display:inline;
	float:left;
	margin:20px 27px 5px 47px;}
#explain_form .tx_b1{
	line-height:24px;
	font-size:12px;
	clear:#ff4f00;
	background-color:#ffe0e4;
	width:506px;
	display:inline;
	float:left;
	margin:5px 27px 5px 47px;}
	
#explain_form .tx_b table{
	width:510px;
	text-align:left;
	background: #CCCCCC;
	font-size:12px;
	line-height:16px;
}
#explain_form .tx_b th{
	background:#ffe0e4;
	color: #666666;
	padding:5px;
}
#explain_form .tx_b td{
	background:#FFFFFF;
	color:#666666;
	padding:5px;
}

#explain_form .boxform{
	width: 500px;
	}



	
.ml10{margin-left:10px;}

.bn0904{
width:600px;
height:100px;
clear:both;}

.bn0904 a{
  background:url(../img/bn0904.jpg) top left no-repeat;
  width:580px;
  height:100px;
  display:block;
	text-indent:-9999px;
	margin-left:10px;
	outline:none;}
	
.bn0904 a:hover{background:url(../img/bn0904.jpg) bottom left no-repeat;}
	
a:link.co01{ color:#FF6600;}
a:visited.co01 { color:#FF6600; }
a:active { color: #FF6600;}
a:hover.co01{ color:#FF6600; border-bottom: 1px solid #FF6600;}
	
	