@charset "shift_jis";
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	line-height: 200%;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background : #ffffff url(img/bg.gif) repeat-y center center;
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
p {
	padding:0px 10px 5px 5px;
}
ul{
	list-style-type: none;
}
a:link {
	color: #c0c0c0;
}

a:visited {
	color: #c0c0c0;
}

a:hover {
	color: #0000ff;
	text-decoration: none;
}
img {
	border: none;
	vertical-align: bottom;
}
.imgR {

	float: right;

	margin: 0 10px 5px 0;

}


.imgL {

	float: left;

	margin: 0 10px 10px 0;

}

.imgC {

	float: center;

	margin: 0 10px 10px 0;

}
.imgM {

	margin: 15px 0;

}
.center{
	text-align:center;
}
div.waku {
  margin: 10px 10px;
  background-color:#EBEBEB;
  padding:5px 5px;
  border: solid 1px #dcdcdc;
}
div.waku1 {
  margin: 10px 10px;
  background-color:#ffffff;
  padding:5px 5px;
  border: solid 1px #dedede;
}
div.waku1 p{
	font-size:10px;
	color:#666;
}
.right{
	text-align:right;
}
/*HP本体の枠。ここは基本的に変更しないように。
------------------------------------------------------------------*/
#contns {
	text-align: left;
	width: 835px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
}


/*ヘッダー。メイン画像が入っている所。
------------------------------------------------------------------*/
#header {
	background: url(img/main_img.jpg) no-repeat left top;
	height: 124px;
	position: relative;
}
/*ヘッダー。トップページへのリンク画像。
------------------------------------------------------------------*/
#header span {

	float: left;

	width: 329px;

	margin-bottom: 20px;

	padding-top: 50px;

	padding-left: 20px
}

/*ヘッダー。メールへのリンク画像。
------------------------------------------------------------------*/
#header address {

	float: right;

	margin: 15px 0 5px 0;

	padding: 5px 15px 0 0;

}


/*ヘッダー内のh1タグの設定。
------------------------------------------------------------------*/
#header h1 {
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	left: 20px;
	top: 4px;
	width: 800px;
	font-weight: normal;
}
/*新メインメニューの設定。
------------------------------------------------------------------*/
.menu {
	width: 100%;
	height: 43px;
	background: #FFF url("img/menu-bg.gif") top left repeat-x;
	font-size: 0.8em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.menu li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	}
.menu li a {
	height: 43px;
	color: #4169e1;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
	}
.menu li a:hover {
	color: #777;
	}
.menu li a.current{
	color: #FFF;
	background: #FFF url("img/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
	}
/*新縦型メニューの設定。
------------------------------------------------------------------*/
.menu1{
margin-top:10px;
padding:0;
width:229px;
list-style:none;
background:rgb(255,255,255);
}
.menu1 li{
padding:0;
margin:0 0 1px 0;
height:40px;
display:block;
}
.menu1 li a{
text-align:left;
height:40px;
padding:0px 25px;
color:rgb(255,255,255);
display:block;
background:url('img/Menu.png') 0px 0px no-repeat;
text-decoration:none;
outline:none;
}
.menu1 li a:hover{
background:url('img/Menu.png') 0px -40px no-repeat;
color:rgb(255,255,255);
}
.menu1 li a.active, .menu1 li a.active:hover{
background:url('img/Menu.png') 0px -80px no-repeat;
color:rgb(255,255,255);
}
.menu1 li a span{
line-height:40px;
}
/*コンテンツ。文章が入る２列部分の背景をここで設定。
------------------------------------------------------------------*/
#contents {
	background: url(img/contents_bg.gif) repeat-y left;
	padding-top: 20px;
}


/*メインコンテンツ。（左側）
------------------------------------------------------------------*/
#main {
	float: left;
	width: 570px;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}
#main p {
	padding-right: 10px;
	padding-left: 10px;
}
/*指アイコンの部分
------------------------------------------------------------------*/
#main p.dot{
	height: 30px;
	padding-left: 25px;
	font-size: 16px;
	font-weight:bold;
}
/*ファイルの部分
------------------------------------------------------------------*/
#main p.file{   
	background: url("img/file.gif") no-repeat left top;
	height: 30px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
	padding-top:5px;
	margin-top:10px;
}
/*青のスモールアイコンの部分
------------------------------------------------------------------*/
#main p.arrow{
	height: 12px;
	padding-left:20px;
	margin:15px 0px;
}
/*ホットアイコンの部分
------------------------------------------------------------------*/
#main p.hot{
	padding-top:10px;
	height: 30px;
	padding-left: 25px;
	font-size: 20px;
	font-weight:bold;
}
/*アップアイコンの部分
------------------------------------------------------------------*/
#main p.up{
	height: 30px;
	margin-top:10px;
	padding:5px 0px 5px 30px;
	font-size: 20px;
	font-weight:bold;
}
/*ビックリアイコンの部分
------------------------------------------------------------------*/
#main p.caution{   
	background: url("img/caution.gif") no-repeat left top;
	height: 31px;
	padding-left: 36px;
	font-size: 20px;
	font-weight:bold;
}
/*電話機アイコンの部分
------------------------------------------------------------------*/
#main p.phone{   
	background: url("img/phone.gif") no-repeat left center;
	height: 20px;
	padding-left: 35px;
	font-size: 20px;
}
/*流れ１〜９までの部分
------------------------------------------------------------------*/
#main p.no1{   
	background: url("img/no1.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no2{   
	background: url("img/no2.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no3{   
	background: url("img/no3.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no4{   
	background: url("img/no4.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no5{   
	background: url("img/no5.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no6{   
	background: url("img/no6.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no7{   
	background: url("img/no7.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no8{   
	background: url("img/no8.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no9{   
	background: url("img/no9.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
#main p.no10{   
	background: url("img/no10.gif") no-repeat left center;
	height: 21px;
	padding-left: 35px;
	font-size: 20px;
	font-weight:bold;
}
/*緑の数字１〜５までの部分
------------------------------------------------------------------*/
#main p.gno1{   
	background: url("img/gno1.gif") no-repeat left center;
	height: 21px;
	padding: 5px 0px 5px 35px;
	font-size: 20px;
	color: #8b0000;
}
#main p.gno2{   
	background: url("img/gno2.gif") no-repeat left center;
	height: 21px;
	padding: 5px 0px 5px 35px;
	font-size: 20px;
	color: #8b0000;
}
#main p.gno3{   
	background: url("img/gno3.gif") no-repeat left center;
	height: 21px;
	padding: 5px 0px 5px 35px;
	font-size: 20px;
	color: #8b0000;
}
#main p.gno4{   
	background: url("img/gno4.gif") no-repeat left center;
	height: 21px;
	padding: 5px 0px 5px 35px;
	font-size: 20px;
	color: #8b0000;
}
#main p.gno5{   
	background: url("img/gno5.gif") no-repeat left center;
	height: 21px;
	padding: 5px 0px 5px 35px;
	font-size: 20px;
	color: #8b0000;
}
#main p.gno6{   
	background: url("img/gno6.gif") no-repeat left center;
	height: 21px;
	padding: 5px 0px 5px 35px;
	font-size: 20px;
	color: #8b0000;
}
/*色の部分
------------------------------------------------------------------*/
#main span.red{
	color: red;
	font-weight:bold;
}
#main span.blue{
	color: #000080;
	font-weight:bold;
}
#main span.green{
	color: #006400;
	font-weight:bold;
	font-size: 17px;
}
#main span.ore{
	color: #ffa500;
	font-weight:bold;
}
#main span.blak{
	font-weight:bold;
}
#main span.ttl{
	font-size:13px;
	color:#4682b4;
	font-weight:bold;
}
#main h2 {
	margin: 0 0 1em;
	background: url(img/midashibak.gif);
	padding: 3px 15px;
	font-size: 15px;
	color: #ff6633;
}
/*エリアリンクのテーブル
------------------------------------------------------------------*/
.arearink table {
width: 100%;
border: 0px #000000 solid;
border-collapse: separate;
background-color: #D3D3D3;
}

.arearink td {
border: 1px #ffffff solid;
background-color: #a9a9a9;
text-align: center;
}
.arearink td a{
	color: #ffffff;
}

.arearink td a:visited {
	color: #ffffff;
}

.arearink td a:hover {
	text-decoration: none;
}
/*料金テーブルの部分
------------------------------------------------------------------*/
#main table.box2 {

	width: 95%;

	margin: 20px;
}


#main table.box2 th {

	font-weight: normal;

	vertical-align: center;

	width: 100px;

	padding: 5px 10px 12px 2px;

	background: url(img/bg_table_th.gif) no-repeat right bottom;

	color: #666;

}


#main table.box2 td {

	padding: 5px 10px 12px 10px;

	background: url(img/bg_table_td.gif) repeat-x right bottom;

	color: #000000;
}


/*SiteMapの部分
------------------------------------------------------------------*/
#main ul#map li {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background: url(img/home.gif) no-repeat 0 4px;
	line-height: 160%;
}
#main ul#map li ul {
	background: url(img/ic_bk.gif) no-repeat 17px 0;　// ul の背景に点線の画像を設定
}
#main ul#map li ul.category li {
	background: url(img/tree.gif) no-repeat 1px -283px;　// 長さ 300px あるのでマイナスで位置調整
}
#main ul#map li ul.page li {
	background: url(img/tree.gif) no-repeat 1px -283px;
}

/*調査エリアの部分
------------------------------------------------------------------*/
.area blockquote	{
	background: url(img/conma.gif) no-repeat 2% 6%;
	padding: 10px 20px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	color: #696969;
}
.area blockquote a{
	color: #696969;
}

.area blockquote a:visited {
	color: #696969;
}

.area blockquote a:hover {
	text-decoration: none;
}
/*トップごあいさつの部分
------------------------------------------------------------------*/
.aisatuttl {
	font-size:16px; 
	font-weight:bold; 
	color:#ff6347;
	padding:0 10px;
	margin-top:10px;
}
.aisatu {
	border-width:3px;
	border-color:#4682b4;
	border-style:double;
	padding:0 10px 5px 10px;
	margin-bottom:15px;
}
.aisatu p {
	font-size:12px;
	color:#4682b4;
}
/*サブコンテンツ。（右側）
------------------------------------------------------------------*/
#sub {
	float: right;
	width: 229px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: -7px;
	color: #666666;
}
#sub h3 {
	border: 3px double #ffffff;
	background: #00008b;
	font-size: 100%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #FFFFFF;
}
#sublink {
	margin: 0px;
	padding: 5px 10px 10px 10px;
	list-style : none outside url(none);
}
#sublink li {
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
	background: #ffffff;
}
/*リンク*/
#sublink a:link, #sublink a:visited {
	display: block;
	color: #333333;
	padding: 10px;
	font-weight:bold;
}
#sublink a:hover, #sublink a:active {
	background: #333333;
	display: block;
	color: #ffffff;
	padding: 10px;
}

/*TOPICS部分。
------------------------------------------------------------------*/
ul#topics {
	padding: 0px 12px 20px 8px;
}
#topics li {
	border-bottom: 1px dotted #CCCCCC;
	text-indent: -1em;
	padding-left: 1em;
}
#topics li a{
	color: #0000ff;
}

#topics li a:visited {
	color: #0000ff;
}

#topics li a:hover {
	text-decoration: none;
}
/*調査事例部分。
------------------------------------------------------------------*/
#arrow-risut {   
	margin:10px 0;   
	padding:0;   
}   
#arrow-risut ul {   
	margin:0 0 0 10px;   
	padding:0;   
	list-style:none; /* リストマーク非表示 */  
}   
#arrow-risut li {   
	margin:0;   
	padding: 10px 0 10px 30px; /* 背景画像があるため、左余白をあける */  
	background-image:url("img/arrowristo.gif"); /* 背景画像を指定 */  
	background-position:left center; /* 背景画像を「左中央」に表示 */  
	background-repeat:no-repeat; /* 背景画像を繰り返して表示しない */  
}
#arrow-risut li.answer {   
	margin:0;   
	padding: 0px 0 10px 30px; /* 背景画像があるため、左余白をあける */  
	background-image:url("img/answer.gif"); /* 背景画像を指定 */  
	background-position:left top; /* 背景画像を「左中央」に表示 */  
	background-repeat:no-repeat; /* 背景画像を繰り返して表示しない */  
}
/*フッター。コピーライトや著作部分。
------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 835px;
	text-align: center;
	background: #999999 url(img/footer.gif) no-repeat bottom;
	height: 80px;
	padding-top: 10px;
	color: #393939;
}
#footer #flink li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	text-align:center;
}
#footer #flink li+li {
	border-left:1px solid #393939;
}
#footer #flink a {
	color: #393939;
	text-decoration:none;
}

/*clearfix（※ここは変更しない）
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }