@charset "UTF-8";
/* CSS Document */

/*------------------------
/ 全体
/ wrapper
/ header
/ container
  ∟contents
/ footer
------------------------*/

/*
--------------------------------------------*/
* {
	font-family:メイリオ,"MS UI Gothic";
	/*font-family:"MS UI Gothic";*/
}
p {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 1px;
}
.space {
	padding-top: 22px;
}
h1 {
	font-size: 11px;
	line-height: 17px;
	color: #6E6E6E;
	font-weight: normal;
}
hr {
	display: none;
}
.clear {
	clear: both;
}


/*
ラッパー
--------------------------------------------*/
#wrapper {
	width: 100%;
	background: url(../image/body_bg.gif) repeat;
}


/*
ヘッダー
--------------------------------------------*/
#header {
	width: 100%;
	height: 95px;
	background: url(../image/header_bg.gif) repeat-x;
}
#header img {
	border: 0;
}
#header .header_contents {
	width: 890px;
	height: 95px;
}
/*
ディスクリプション
-------------------------*/
#header .header_contents .description {
	float: left;
	text-align: left;
	width: 545px;
	padding: 10px 0 0 0;
}
#header .header_contents .description p {
	font-size: 11px;
	line-height: 17px;
	color: #6E6E6E;
}
/*
サブメニュー
-------------------------*/
#header .header_contents .sub_menu {
	float: right;
	/*width: 324px;*/
	/*padding: 0 0 0 131px;*/
}
#header .header_contents .sub_menu ul li {
	float: left;
	padding: 2px 1px 0 0;
}
#header .header_contents .sub_menu ul li img {
	vertical-align: text-bottom;
}
/*
会社ロゴ
-------------------------*/
#header .header_contents .header_left {
	float: left;
	text-align: left;
	/*width: 566px;*/
	width: 435px;
	/*height: 95px;*/
	height: 65px;
}
#header .header_contents .header_left .logo img {
	clear: both;
	vertical-align: text-bottom;
	margin: 5px 0 0 1px;
}
/*
お問い合わせ先・ブログバナー
-------------------------*/
#header .header_contents .header_right {
	float: right;
	/*width: 324px;*/
	width: 455px;
	/*height: 95px;*/
	height: 65px;
}
#header .header_contents .header_right .header_banner {
	clear: both;
	padding: 7px 3px 0 0;
}
*:first-child+html #header .header_contents .header_right .header_banner {
	padding: 3px 3px 0 0;
}
#header .header_contents .header_right .header_banner ul li {
	float: right;
	padding: 0 0 0 9px;
}
#header .header_contents .header_right .header_banner ul li img {
	vertical-align: text-top;
}
#header .header_contents .header_right .header_banner ul .tel_number {
	padding: 0 0 0 0;
}


/*
ページイメージ
--------------------------------------------*/
#page_img_area {
	clear: both;
	width: 100%;
	background: url(../image/page_img_bg.gif) repeat;
}
#page_img_area p {
	display: none;
}


/*
メニュー
--------------------------------------------*/
#menu_area {
	width: 100%;
	height: 40px;
	background: url(../image/menu_area_bg.gif) repeat-x;
}
#menu_area #menu {
	width: 894px;
	height: 40px;
	/*background-image: url(../image/menu.gif) no-repeat;*/
}
#menu_area #menu ul {
	width: 894px;
}
#menu_area #menu ul li {
	float: left;
	width: 111px;
}
#menu_area #menu ul #nav1 {
	width: 114px;
}
#menu_area #menu ul #nav8 {
	width: 114px;
}
#menu_area #menu ul li a span {
	display: none;
}
#menu_area #menu ul li a {
	display: block;
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height/**/:40px;
	padding-top:40px;
	background-image: url(../image/menu.gif);
}
#nav1 a { background-position: 0px 0; }
#nav2 a{ background-position: -114px 0; }
#nav3 a{ background-position: -225px 0; }
#nav4 a{ background-position: -336px 0; }
#nav5 a{ background-position: -447px 0; }
#nav6 a{ background-position: -558px 0; }
#nav7 a{ background-position: -669px 0; }
#nav8 a{ background-position: -780px 0; }

#nav1 a.stay{ background-position: 0 -40px; }
#nav2 a.stay{ background-position: -114px -40px; }
#nav3 a.stay{ background-position: -225px -40px; }
#nav4 a.stay{ background-position: -336px -40px; }
#nav5 a.stay{ background-position: -447px -40px; }
#nav6 a.stay{ background-position: -558px -40px; }
#nav7 a.stay{ background-position: -669px -40px; }
#nav8 a.stay{ background-position: -780px -40px; }

#nav1 a:hover{ background-position: 0 -40px; }
#nav2 a:hover{ background-position: -114px -40px; }
#nav3 a:hover{ background-position: -225px -40px; }
#nav4 a:hover{ background-position: -336px -40px; }
#nav5 a:hover{ background-position: -447px -40px; }
#nav6 a:hover{ background-position: -558px -40px; }
#nav7 a:hover{ background-position: -669px -40px; }
#nav8 a:hover{ background-position: -780px -40px; }


/*
コンテナー
--------------------------------------------*/
#container {
	width: 100%;
}
/*
コンテンツ
-------------------------*/
#container #contents_top {
	width: 100%;
	height: 32px;
	background: url(../image/body_topbg.gif) repeat-x;
}
#container #contents_top img {
	vertical-align: text-bottom;
}
#container #contents {
	/*width: 894px;*/
	width: 830px;
	padding: 0 32px 0 32px;
	background: url(../image/contents_bg.gif) center repeat-y;
}
/*
メインコンテンツ
-------------------------*/
#container #contents .main_conts {
	float: left;
	text-align: left;
	/*width: 650px;*/
	width: 618px;
}
/*
サブコンテンツ
-------------------------*/
#container #contents .sub_conts {
	float: right;
	text-align: right;
	/*width: 240px;*/
	width: 208px;
}
#container #contents .sub_conts img {
	border: 0;
	vertical-align: text-bottom;
}
/*
Blogバナー
---------*/
#container #contents .sub_conts .blog_banner {
	clear: both;
	margin: 0 0 8px 0;
}
#container #contents .sub_conts .blog_banner img {
	vertical-align: text-bottom;
}
/*---------------------------------------------
#container #contents .sub_conts .blog_banner a {
	float: right;
	display: block;
	width: 192px;
	height: 72px;
	margin: 0 0 18px 0;
}
---------------------------------------------*/
/*
会社案内バナー
---------*/
#container #contents .sub_conts .comp_banner {
	clear: both;
	width: 171px;
	float: right;
	text-align: left;
	padding: 10px 10px 5px 10px;
	/*margin: 0 0 18px 0;*/
	margin: 18px 0 18px 0;
	border: 1px solid #CCCCCC;
	background-color: #FCFCFC;
}
#container #contents .sub_conts .comp_banner .title {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 4px 0;
}
#container #contents .sub_conts .comp_banner p {
	font-size: 10px;
	line-height: 17px;
}
#container #contents .sub_conts .comp_banner .president {
	text-align: right;
	padding: 14px 0 0 0;
}
/*
関連サイトバナー
---------*/
#container #contents .sub_conts .banner {
	clear: both;
}
#container #contents .sub_conts .banner img {
	vertical-align: text-bottom;
}
#container #contents .sub_conts .banner ul li {
	margin: 0 0 8px 0; 
}
/*
コンテンツボトム（フロート解除）
-------------------------*/
#container #contents .contents_bottom {
	clear: both;
	height:1px;
	padding: 40px 0 0 0;
}
#container #contents .contents_bottom img {
	vertical-align: text-bottom;
}


/*
フッター
--------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	height: 170px;
}
#footer .go_top {
	width: 894px;
	height: 26px;
	text-align: right;
	background: url(../image/contents_bg.gif) center repeat-y;
}
#footer .go_top p {
	font-size: 11px;
	line-height: 17px;
	margin: 0 40px 10px 0;
}
#footer .footer_bg {
	width: 100%;
	height: 144px;
	background: url(../image/footer_bg.gif) repeat-x;
}
#footer .footer_bg .f_contents {
	width: 890px;
}
#footer .f_contents .footer_menu {
	float: left;
	width: 630px;
	text-align: left;
}
/*
#footer .f_contents .footer_menu p {
	font-size: 11px;
	line-height: 17px;
	color: #6D6D6D;
	padding: 20px 0 0 5px;
}
*/
#footer .f_contents .footer_menu ul {
	clear: both;
	padding: 20px 0 0 5px;
}
#footer .f_contents .footer_menu .ul_second {
	clear: both;
	padding: 5px 0 0 5px;
}
#footer .f_contents .footer_menu ul li {
	float: left;
	font-size: 11px;
	line-height: 14px;/*IE6.IE7*/
	color: #6D6D6D;
	padding: 0 15px 0 15px;
	border-right: 1px solid #6D6D6D;
}
#footer .f_contents .footer_menu ul .li_start {
	padding: 0 15px 0 5px;
}
#footer .f_contents .footer_menu ul .li_end {
	border-right: 0;
}
#footer .f_contents .footer_menu a {
	color: #6D6D6D;
}
#footer .f_contents .notice {
	clear: both;
	height: 34px;
	padding: 15px 0 0 20px;
}
#footer .f_contents .qr_code {
	/*width:260px;*/
	width: 240px;
	float: right;
	padding: 15px 0 0 20px;
}
#footer .f_contents .qr_code img {
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #A5AAAA;
	vertical-align: text-bottom;
}
#footer .f_contents .copyright {
	clear: both;
	width: 890px;
	text-align: left;
}
#footer .f_contents .copyright p {
	font-size: 9px;
	color: #6D6D6D;
	line-height: 9px;
	/*padding: 25px 0 0 5px;*/
	padding: 0 0 0 5px;
}