/* style.css */
* {margin:0; padding:0;line-height:140%; font-family:"ＭＳ ゴシック";}
body {
text-align:center; font-size:12px;
}
/*	背景の横連続画像は24x400px 横25pxから削った
	確認の際、拡大するにはDWを用いると良い */
#whitearea {
	width:770px;
	overflow:hidden;
	background:#FFF;
	margin:auto;
	height: auto;/*	余白を含む白いエリア */
}
#contentsarea {
	width:750px;
	overflow:hidden;
	background:transparent;
	margin:auto;
	height: auto;/*	実際のコンテンツ 中のエリア */
}
#header {
width:100%; height:96px; overflow:hidden; text-align:left;
}
#header .logo {
float:left; display:block; width:300px; height:75px; overflow:hidden;
position:relative; top:5px; left:22px; background:transparent;
}

/*	（とりあえず）背景画像はHTML側から呼ぶ
	CSSに依存すると相対位置がずれてしまうため */

#middle {
width:740px; overflow:hidden;
height:auto; !important
background:transparent; margin:auto;
}

#side {
	width:180px;
	height:500px;
	overflow:hidden;
	float:left;
	padding:4px 0 0 0;
	background:#666;
}

#side2 {
	width:180px;
	height:700px;
	overflow:hidden;
	float:left;
	padding:4px 0 0 0;
	background:#666;
}

#side img,#side a{
display:block;float:left;
}

#main {
	width:560px;
	overflow:hidden;
	float:left;
	padding:4px 0 0 0;
	text-align:left;
	height: auto;
}

.weinding550 {
	width:550px;
	height:auto;
	margin:0 0 0 10px;
	overflow:hidden;
	background:transparent;
}

.weinding540 {
	width:540px;
	height:auto;
	margin:0 0 0 20px;
	overflow:hidden;
	background:transparent;
}

.weinding540 a {text-decoration:none; color:#067bd7;}
.weinding540 a:visited {text-decoration:none; color:#056ac6;}
.weinding540 a:hover {text-decoration:underline; color:#178ce8;}
.weinding540 a:active {text-decoration:underline; color:#178ce8;}

.weinding530 {
width:530px; margin:0 5px 0 25px; overflow:hidden; 
background:transparent;
}

.weinding550 .title {display:block; margin:0 0 20px 0;}

.totop {width:100px !important; float:right; overflow:hidden; margin:25px 5px 28px 0; background:#666; }
.totop a {font-size:10px; color:#06C; text-decoration:none; padding:0 15px 0 0;  display:block; text-align:right}
.totop a:visited {color:#1AD;}
.totop a:hover {color:#39F;}

#footer_navi {
	width:750px;
	height:34px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
}
#footer_navi p{
color:#333; font-size:10px;
position:relative; top:10px; left:6px;
}
#footer_navi a{color:#168E61;}
#footer_navi a:visited{color:#057D50;}
#footer_navi a:hover{color:#79D5A7;}

#footer {
	width:750px;
	height:60px;
	overflow:hidden;
	margin-right: auto;
	margin-left: auto;
}

.block {display:block;}
.fll {float:left;}
.flr {float:right;}

/* リストに画像をつける 例外 */
/* Featureページで使用 */
.tdnone {float:right; margin:0 10px 0 0;}

.tdnone li {
width:275px; margin:0 0 15px 0px;
border-bottom:dashed 1px #333; list-style-type:none;
}
.tdnone li.except {
position:relative; top:-10px;
border-bottom:none; font-size:10px;
}

.tdnone a {
text-decoration:none; padding:0 0 0 15px; color:#067bd7;
background:url(../img/listhead.gif) no-repeat left center;
}
.tdnone a:visited { color:#056AC6; }
.tdnone a:hover { text-decoration:underline; color:#178CE7; }

.maptitle {
border-left:4px #F60 solid; clear:both;
padding:0 0 0 10px; margin:5px 0 0 0;
font-weight:bold; font-size:1.2em; color:#333;
}
.mapdesc {margin:8px 0 0 0; clear:both;}
.mapdesc .photo {display:block; float:left; width:235px;}
.mapdesc .right {width:260px; background:transparent; overflow:hidden; float:left; margin:2px 0 0 20px;}
.mapdesc .right img {overflow:hidden; float:left; margin:15px 0 0 0 ;}
.mapdesc strong {color:#369;}

#office_upper { margin:8px 25px 10px 10px; font-size:1.0em; line-height:140%; overflow:hidden;}

#office_upper a {
background:url(../img/linklist.gif) no-repeat left center;   text-decoration:none; color:#369;
display:block; float:left;
margin:0 0 0 10px; padding:0 0 0 15px;
}
#office_upper a:visited {color:#258;}
#office_upper a:hover {color:#58B; text-decoration:underline;}

.officebox { width:540px; margin:0 0 10px 20px; overflow:hidden; background:transparent;}
.officebox img {display:block;}
.officebox p {width:330px; overflow:hidden; margin:5px 0 0 0; color:#333;}

.office_object {height:600px;width:550px; margin:0 0 0 10px; overflow:hidden; background:transparent;}
.office_object object{ position:relative; top:0px; left:10px;}

.weinding540 p#privacy { color:#444;line-height:140%;}
.weinding540 p#privacy span {display:block; margin:5px 0 25px 18px; padding:0 15px 0 0; color:#444;}

#topbox {
	margin:30px 0;
	clear:both;
}

.outline img {display:block; padding:5px 0 10px 0;}


/* トップページのトピックス */
#topics {
	width:550px;
	margin:15px 0 30px;
	clear:both;
	background-color:#EEF4DD;
	border-bottom:1px solid #B8D693;
	padding-bottom: 5px;
}
#topics p {
	background-color:#EEF4DD;
	font-size:12px;
	line-height:18px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 20px;
	padding-left: 20px;
}
#topics img {
	padding:0 0 0 0;
}
#topics a:link {
	color:#056AC6;
	text-decoration: none;
}
#topics a:visited {
	color:#056AC6;
	text-decoration: none;
}
#topics a:hover {
	text-decoration:underline; color:#178CE7;
}
.dot {font-size:9px; padding:0 10px 0 0;　color:#CC0B0D;}

/* 開業支援 */

#contact {
	width:400px;
	height:80px;
	margin:30px auto 0px;
	padding:15px 18px 10px;
    background:url(../img/back_support_03.jpg) center top no-repeat;
	border:none;
	color:#666666;
}.clear {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#topbox img {
	border: 1px solid #C3C3C3;
}
.ind {
	text-indent: -18px;
	padding-left: -18px;
	margin-bottom: 10px;
}

/* 採用情報 */

#contact2 {
	width:425px;
	height:100px;
	margin:0px auto 10px;
	padding:10px 0 15px 18px;
	background:url(../img/back_support_04.jpg) center top no-repeat;
	border:none;
	color:#666666;
}

.impos{
	float:right;
	margin:20px 15px 20px 0;
}

.impos2{
	float:right;
	margin:40px 20px 0 0;
}
.impos3 {
	float: left;
	margin-top: 4px;
	margin-left: 0px;
}