﻿@charset "UTF-8";

/* CSS Document */

/* =========================================================
 ホームだけのレイアウト
========================================================= */

/* div#bodyの中身
--------------------------------------------------------- */
body {
	background: url(../../images/bg_w_home.jpg) repeat-x left top;
}

div#wrapper {
	background: url(../../images/bg_h_home.jpg) no-repeat center 100px;
}


/* div#header_homeの中身
--------------------------------------------------------- */
div#header_home {
	margin: 0 auto;
	width: 1020px;
	position: relative;
	height: 450px;
}

div#header_home h1 {
	position: absolute;
	left: 38px;
	top: 0;
	z-index: 1;
}

div#header_home p#copy {
	position: absolute;
	left: 332px;
	top: 46px;
}

div#header_home p#contact {
	position: absolute;
	right: 40px;
	top: 27px;
}

div#header_home p#main_img {
	position: absolute;
	left: 0;
	top: 100px;
}

div#header_home ul {
	position: absolute;
	left: 40px;
	top: 380px;
}

div#header_home ul li {
	float: left;
}





/* div#mainの中身
--------------------------------------------------------- */
div#main {
}






/* div#homeの中身
--------------------------------------------------------- */
div#home h3 {
	margin: 0 0 .8em;
}

div#home a:visited {/* 訪問済みのリンク */
	color: #333;
}




/* div#newsの中身
--------------------------------------------------------- */
div#news {
}

div#cci_news h4,
div#area_news h4 {
	margin: 0;
}

div#cci_news dl,
div#area_news dl {
	height: 165px;
	overflow: auto;
	border-bottom: #999 2px solid;
}





div#cci_news {
	width: 339px;
	float: left;
}

div#cci_news dl dt {
	margin: 0;
	padding: .8em 0 .8em 22px;
	background: url(../../images/arrow_b.png) no-repeat 10px .9em;
}

div#cci_news dl dd {
	margin: -2.8em 0 0 0;
	padding: .8em 1em .8em 8.5em;
	border-bottom: #CCC 1px solid;
}






div#area_news {
	width: 339px;
	float: right;
}

div#area_news dl dt {
	margin: 0;
	padding: .8em 0 .8em 10px;
}

div#area_news dl dt span {
	margin: 0 .3em 0 0;
	padding: .2em .5em;
	color: #FFF;
	font-size: 93%;
}

div#area_news dl dt.ichinoseki span {
	background: #D59;
}

div#area_news dl dt.hanaizumi span {
	background: #5DD;
}

div#area_news dl dt.daitou span {
	background: #59D;
}

div#area_news dl dt.senmaya span {
	background: #D5D;
}

div#area_news dl dt.higashiyama span {
	background: #5D5;
}

div#area_news dl dt.murone span {
	background: #5D9;
}

div#area_news dl dt.kawasaki span {
	background: #95D;
}

div#area_news dl dt.fujisawa span {
	background: #57D;
}

div#area_news dl dd {
	margin: -2.8em 0 0 0;
	padding: .8em 1em .8em 10.5em;
	border-bottom: #CCC 1px solid;
}






/* div#infoの中身
--------------------------------------------------------- */
div#info {
	margin: 0 0 2em;
	padding: 0;
	width: 698px;
	clear: both;
	background: url(../../images/bg_info.png) no-repeat left bottom;
}

div#info h6 {
	margin: 0 0 .5em;
	font-weight: bold;
	font-size: 116%;
	color: #333;
}

div#info h6 span {
	font-size: 77%;
}

div#info ul {
	margin: 0;
}

div#info ul li {
	padding: 0 0 .5em 0;
	list-style: none;
}

div#info ul li a {
	padding: 0 0 0 12px;
	background: url(../../images/arrow_a.png) no-repeat left .2em;
}

div#info div#about {
	padding: 0 10px;
	width: 170px;
	float: left;
}

div#info div#consult {
	padding: 0 10px;
	width: 180px;
	float: left;
}

div#info div#area {
	padding: 0 10px;
	width: 288px;
	float: left;
}



/* IE6以外が読み込みます
html > body div#content p {
}
*/
/* IE6以下だけ読み込みます
p  {
	_background: #222;
}
*/
/* IE6以下だけ読み込みます
* html p {
}
*/
/* Firefoxだけ読み込みます
p, x:-moz-any-link {
}
*/




div#info div#area p {
	margin: -45px 0 0 0;
	padding: 0;
	width: 288px;
	height: 209px;
	background: url(../../images/area_bg.png) no-repeat left top;
	position: relative;
}

div#info div#area p img {
	position: absolute;
}

div#info div#area p img#ichinoseki {
	left: 87px;
	top: 111px;
}

div#info div#area p img#hanaizumi {
	left: 123px;
	top: 178px;
}

div#info div#area p img#daitou {
	left: 212px;
	top: 50px;
}


div#info div#area p img#senmaya {
	left: 213px;
	top: 107px;
}

div#info div#area p img#higashiyama {
	left: 140px;
	top: 58px;
}

div#info div#area p img#murone {
	left: 243px;
	top: 129px;
}

div#info div#area p img#kawasaki {
	left: 159px;
	top: 134px;
}

div#info div#area p img#fujisawa {
	left: 194px;
	top: 170px;
}



/* div#secondaryの中身
--------------------------------------------------------- */
div#secondary {
}




/* div#outsideの中身
--------------------------------------------------------- */
div#outside {
	padding: 14px;
	border: #DDD 1px solid;
	background: #F6F6F6;
	width: 910px;
	clear: both;
}

div#outside p {
	padding: 5px 0;
}

div#outside p a {
	padding: 5px;
}

div#outside p a img {
}

























