@charset "UTF-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////// 共通項目 ////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*--------- ClearFix(使うときは最上段の要素に使用) ---------*/
.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 */

/*--------- DIV[IE6にのみ警告表示] ------------------------*/
div#IE6caution {
	clear:both;
	width:800px;
	padding:10px 10px;
	background-color:#FC9493;
	color:#663333;
	}
div#IE6caution p {
	font-size:1.4em;
	line-height:140%;
	}
/*--------- p[P要素の基本設定]------------------------*/
body p {
	font-size:1.2em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif;/*基本フォント*/
	}

/*--------- a[リンク要素の基本設定]------------------------*/
body a {
	color:#0000FF;
	}
body a:visited {
	color:#5555BB;
	}
body a:hover {
	color:#FF7700;
	}
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////// HEADER //////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*---------- DIV[H1/H2] ------------------------------*/
#header0 .h1h2 {
	width:830px;
	height:26px;
	margin:0 auto;
	background-color:#330779;
	}

/*---------- H1[会社名] ------------------------------*/
#header0 h1 {
	float:left;
	text-align:left;
	width:300px;
	height:26px;
	margin:0;
	padding-left:10px;
	line-height:26px;
	font-size:1.2em;
	letter-spacing:0.2em;
	color:#EEEEEE;
	}
/*---------- H2[住所] ------------------------------*/
#header0 h2 {
	float:right;
	text-align:right;
	width:400px;
	height:26px;
	margin:0;
	padding-right:10px;
	line-height:26px;
	font-size:1.2em;
	letter-spacing:0.2em;
	color:#DFDFDF;
	}
/*---------- H3[] ------------------------------*/
#header0 div.h3 {
	float:right;
	width:470px;
	height:178px;
	margin:0;
	padding-right:34px;
	}
#header0 div.h3 ul {
	width:470px;
	height:178px;
	padding-top:14px;
	}
#header0 div.h3 li {
	float:right;
	list-style-type:none;
	width:283px;
	height:178px;/*103*/
	}
#header0 div.h3 li img {
	border:0;
	}
#header0 div.h3 li.cont{
	background:url(../_item/banner_cont_h.png) no-repeat;
	}
#header0 div.h3 li a{
	display:block;
	width:283px;
	height:103px;
	}
#header0 div.h3 li a:hover {
	background-color:transparent;
	}
#header0 div.h3 li a:hover img {
	visibility:hidden;
	}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////// SIDE ////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*---------- DIV[メニューボタンhover] ------------------------------*/
ul#sidemenu {
	margin:auto;
	padding: 0;
	list-style-type: none;
	}
/* -- ＬＩ要素全般設定 */
ul#sidemenu li {
	list-style-type: none;
	text-indent: -9999px;
	width: 210px;
	height: 50px;
	margin:auto;
	margin-top:2px;
	margin-right:0;
	}
/* -- ＬＩ要素個別設定【マウスオーバー時の画像】 */
ul#sidemenu li.home {
	background: url(../_item/button_top_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.about {
	background: url(../_item/button_about_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.access {
	background: url(../_item/button_access_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.blog {
	background: url(../_item/button_blog_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.contact {
	background: url(../_item/button_contact_ho.png) no-repeat -210px 0;
	}
/* -- Ａ要素全般設定 */
ul#sidemenu li a {
	text-decoration: none;
	display: block;
	width: 210px;
	height: 50px;
	}
/* -- Ａ要素個別設定【最初の画像】 */
ul#sidemenu li.home a {
	background: url(../_item/button_top_ho.png) no-repeat 0 0;
	}
ul#sidemenu li.about a {
	background: url(../_item/button_about_ho.png) no-repeat 0 0;
	}
ul#sidemenu li.access a {
	background: url(../_item/button_access_ho.png) no-repeat 0 0;
	}
ul#sidemenu li.blog a {
	background: url(../_item/button_blog_ho.png) no-repeat 0 0;
	}
ul#sidemenu li.contact a {
	background: url(../_item/button_contact_ho.png) no-repeat 0 0;
	}
/* -- ＬＩ要素個別設定【現在地の画像】 */
ul#sidemenu li.home_n {
	background: url(../_item/button_top_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.about_n {
	background: url(../_item/button_about_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.access_n {
	background: url(../_item/button_access_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.blog_n {
	background: url(../_item/button_blog_ho.png) no-repeat -210px 0;
	}
ul#sidemenu li.contact_n {
	background: url(../_item/button_contact_ho.png) no-repeat -210px 0;
	}
/* -- HOVER要素全般設定 */
ul#sidemenu li a:hover {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	}
	
/*---------- DIV[葉山カードhover] ------------------------------*/
div.hayama {
	clear:both;
	width:158px;
	height:95px;
	margin:0 auto;
	margin-right:0;
	text-align:right;
	}
div.hayama ul {
	width:158px;
	height:95px;
	margin:0 auto;
	margin-top:2px;
	}
div.hayama li {
	clear:both;
	list-style-type:none;
	width:158px;
	height:95px;
	}
div.hayama li img {
	border:0;
	}
div.hayama li.cont{
	background:url(../_item/banner_hayama_h.png) no-repeat;
	}
div.hayama li a{
	display:block;
	width:158px;
	height:95px;
	}
div.hayama li a:hover {
	background-color:transparent;
	}
div.hayama li a:hover img {
	visibility:hidden;
	}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// MAIN(LEFT) /////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*------------------------------------------------------*/
/*---------- ■トップページ専用 ------------------------*/
/*------------------------------------------------------*/
/*--------- h3[見出し] -----------------------*/
#left0 h3 {
	height:24px;
	text-align:left;
	line-height:24px;
	text-indent:10px;
	letter-spacing:0.2em;
	font-size:1.6em;
	font-family:monospace;
	border-left:2px solid #0000BB;
	}
/*--------- DIV[基本] -----------------------*/
div#left0 {
	padding:10px;
	}
/*--------- P[基本] -----------------------*/
div#left0 p {
	text-align:left;
	font-size:1.4em;
	line-height:140%;
	}

/*------------------------------------------------------*/
/*---------- ■会社概要ページ --------------------------*/
/*------------------------------------------------------*/
/*---------- LIST -----------------------*/
#left0 ul.about {
	list-style-type:none;
	width:460px;
	margin:0 auto;
	}
#left0 ul.about li {
	float:left;
	line-height:32px;
	border:1px dotted #999999;
	border-bottom:none;
	}	
#left0 ul.about li.L {
	clear:both;
	display:block;
	width:110px;
	padding-left:10px;
	font-size:1.3em;
	font-weight:bolder;
	text-align:left;
	background-color:#EEEEEE;
	}
#left0 ul.about li.R {
	float:left;
	display:block;
	width:320px;
	padding-left:10px;
	font-size:1.3em;
	text-align:left;
	border-left:none;
	}
/*------------------------------------------------------*/
/*---------- ■サイトマップページ --------------------------*/
/*------------------------------------------------------*/
/*---------- LIST[サイトマップ] -----------------------*/
#left0 ul.sitemap {
	list-style-type:none;
	width:460px;
	margin:0 auto;
	}
#left0 ul.sitemap li {
	line-height:20px;
	border-left:4px solid #FF7700;
	text-align:left;
	font-size:1.4em;
	}	
#left0 ul.sitemap li.A {
	font-size:1.4em;
	text-indent:12px;
	line-height:180%;
	}
#left0 ul.sitemap li.B {
	width:90%;
	margin-left:30px;
	font-size:1.3em;
	border-left:none;
	border-bottom:1px solid #CFCFCF;
	line-height:200%;
	text-indent:10px;
	}


/*////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////// BOTTOM /////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*--------- List[ボトムメニュー] -----------------------*/
#bottom0 ul.menu {
	width:800px;/*ボーダー分の幅*/
	height:30px;
	margin:0 auto;
	list-style-type:none;
	text-align:left;
	}
#bottom0 ul.menu li {
	display:inline-block;
	height:30px;
	width:263px;
	margin:auto;
	margin-top:6px;
	line-height:30px;
	text-align:left;
	_display:inline;
	_zoom:1;
	}
/*--------- DIV[テキストブロック] -----------------------*/
#bottom0 div.text {
	float:left;
	width:259px;
	height:134px;
	padding-top:6px;
	padding-left:14px;
	border-right:1px solid #DADADA;
	}
/*-- [営業案内]ブロック */
#bottom0 ul.menu2 {
	list-style-type:none;
	text-align:left;
	font-size:1.3em;
	line-height:200%;
	font-weight:bolder;
	}
#bottom0 ul.menu2 li {
	text-align:left;
	color:#494949;
	}
/*---------- DIV[葉山カードhover] ------------------------------*/
div.hayama {
	clear:both;
	width:158px;
	height:95px;
	margin:0 auto;
	text-align:right;
	}
div.hayama ul {
	width:158px;
	height:95px;
	margin:0 auto;
	margin-top:2px;
	}
div.hayama li {
	clear:both;
	list-style-type:none;
	width:158px;
	height:95px;
	}
div.hayama li img {
	border:0;
	}
div.hayama li.cont{
	background:url(../_item/banner_hayama_h.png) no-repeat;
	}
div.hayama li a{
	display:block;
	width:158px;
	height:95px;
	}
div.hayama li a:hover {
	background-color:transparent;
	}
div.hayama li a:hover img {
	visibility:hidden;
	}



/*////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////// FOOTER //////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////*/
/*--------- DIV[Copyright用] ---------------------------*/
div.copyright {
	clear:both;
	height:28px;
	text-align:right;
	background-color:#FFFFFF;
	}
div.copyright span {
	line-height:28px;
	font-size:1.3em;
	font-weight:bolder;
	font-family:sans-serif;
	letter-spacing:0;
	color:#898989;
	}
div.copyright span a {
	color:#8888FF;
	}
div.copyright span a:visited {
	color:#8888FF;
	}
div.copyright span a:hover {
	color:#FF9900;
	}
