@charset "UTF-8";

/*-----------------------------------------------

 CSSファイル名：common.css
 制作日時・制作者：2010/07/22 作成者　鶴田
 メモ：（特になければ記載の必要なし）

-------------------------------------------------*/

/*-----------------------
リセット＆基本情報
-----------------------*/

*{
	margin: 0;
	padding: 0;
}
body{
	color: #333;
	font-size: 85%;
	line-height: 1.8;
	font-family:
	verdana,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"Osaka",
	"ＭＳ Ｐゴシック",
	"MS PGothic",
	sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
ul,li,dl,dt,dd {
	list-style: none;
}
img {
	border: 0px;
	vertical-align:top;
}
table{
	border-collapse:collapse;
}
noscript{
	text-align:;center
}
/*-----------------------
レイアウト
-----------------------*/
/*   wrap   */
#wrap{
	width:100%;
}

/*   ヘッダー   */
#head{
	width:100%;
	border-bottom:1px solid #ccc;
}
#head .catch{
	width:930px;
	text-align:right;
	margin:0px auto;
}
#head div{
	width:930px;
	margin:0px auto;
	_zoom:1;
	overflow:hidden;
}
#head div .logo{
	display:inline;
	float:left;
}
#head div .tel{
	display:inline;
	float:right;
}

/*   メインイメージ   */
#img{
	width:930px;
	height:283px;
	margin:0px auto;
}

/*   メニュー   */
#menu{
	width:100%;
	background-color:#e3f2d3;
}
#menu ul{
	width:930px;
	margin:0px auto;
	_zoom:1;
	overflow:hidden;

}


#menu li{
		height: 50px;
		width: auto;
		float: left;
		margin: 0;
		padding: 0;
	}
		#menu li a{
			display: block;
			text-indent: -9999px;
			height: 100%;
		}
			#menu-item-23 a{ /* ホーム */
				width: 184px;
				background: url(../images/menu_home.gif) no-repeat 0 0;
			}
			#menu-item-26 a{ /* お知らせ */
				width: 185px;
				background: url(../images/menu_info.gif) no-repeat 0 0;
			}
			#menu-item-66 a{ /* サービス */
				width: 187px;
				background: url(../images/menu_service.gif) no-repeat 0 0;
			}
			#menu-item-22 a{ /* 会社概要 */
				width: 185px;
				background: url(../images/menu_kaisya.gif) no-repeat 0 0;
			}
			#menu-item-21 a{ /* お問い合わせ */
				width: 189px;
				background: url(../images/menu_contact.gif) no-repeat 0 0;
			}
			
			
				#menu li a:hover{background-position: 0 -50px;}
				#menu .current-menu-item a,
				#menu .current-menu-item a:hover{
					background-position: 0 100%;
				}
				
				.home #menu-item-23 a,
				.home #menu-item-23 a:hover,
				.info #menu-item-26 a,
				.info #menu-item-26 a:hover,
				.service #menu-item-66 a,
				.service #menu-item-66 a:hover,
				.page-id-2 #menu-item-22 a,
				.page-id-2 #menu-item-22 a:hover,
				.contact #menu-item-21 a,
				.contact #menu-item-21 a:hover,
				.category #menu-item-194 a,
				.category #menu-item-194 a:hover{ /* bodyクラスがつくけど、一個一個めんどくさい ... X( */
					background-position: 0 100% !important;
				}

h1 {
	font-size:160% !important;
	color:#6cb030;
	border-bottom:1px dashed #ccc;
	border-left:5px solid #6cb030;
	margin-bottom:20px;
	padding-left:10px;
}

h2 {
	font-size:160%;
	color:#6cb030;
	border-bottom:2px solid #6cb030;
	margin-bottom:20px;
}
section {
	margin-bottom:40px;
}

#contents{
	width:930px;
	_zoom:1;
	overflow:hidden;
	margin:10px auto;
}
#main{
	width:640px;
	display:inline;
	float:left;
}
#sub{
	width:250px;
	display:inline;
	float:right;

}
#sub ul li{
	margin-bottom: 15px;
}
#main .box {
	margin-bottom:20px;
	background:url("../images/box_back.gif") no-repeat scroll left bottom transparent;
	padding:20px  10px 10px;
	_zoom:1;
	overflow:hidden;
}

#main .title{
	background-image:url("../images/sicon_midashi.gif");
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left: 0px;
	vertical-align: top;
}
#main .link{
	background-image:url("../images/icon_link.gif");
	background-repeat:no-repeat;
	background-position:0 8px;
	padding-left: 12px;
	vertical-align: top;
	text-align: left;
	float:right;
	display:inline;
}
.sekou {
	margin-bottom:20px;
}
.sekou tr {
	vertical-align: top;
}
.sekou td {
	padding:5px;
}
.fb-like-box {
	margin-bottom:10px;
}
div.fb_iframe_widget,
div.fb_iframe_widget iframe[style],
div.fb_iframe_widget span {
width: 100% !important;
max-width: 250px;
}
/*   フッター   */
#foot{
	width:100%;
	padding-bottom:5px;
	background: url(../images/back_footer.gif) repeat-x top left;
	background-color:#6eb92b;
}

#foot p{
	width:930px;
	padding-top:10px;
	margin:0px auto;
	text-align:right;
	color:#fff;
}
#foot a {
	color:#fff;
	text-decoration:none;
}
#foot .f_navi {
	text-align:center;
	width:930px;
	height:30px;
	margin:0 auto;
}
.f_navi li {
	float:left;
	display:inline;
	padding:0 15px;
	margin-top:13px;
	border-left:1px solid #fff;
}
.f_navi li:first-child {
	border:none;
}
#foot .page-top{
	width:930px;
	margin:0px auto;
	padding:20px 0 0 0;
}
#foot .page-top a{
	width:151px;
	display:block;
	margin-left:auto;
}
.menu-main_navi-container a {
	color:#fff;
	text-decoration:none;
}

/*   パンくず   */
.pankuzu {
	margin:0 10px 20px;
}
/*   ページの先頭へ   */
.gotop {
	background-image:url("../images/icon_gotop.gif");
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left: 16px;
	width:10em;
	vertical-align: top;
	margin-bottom:30px;
	margin-left: auto;

}
/*   他の企業バナー   */
.bnr2 {
	margin-top:15px;
	padding-top:15px;
	border-top:1px dashed #c1c1c1;
}
/*--------------------
404
--------------------*/
.not-img{
	margin:70px 0 40px;
}

.not-p-text{
margin-left:10px;
}




/*--------------------
グローバルナビ6つに変更
--------------------*/

#menu-item-517 a{ /* ホーム */
	width: 155px;
	background: url(../images/menu6_home.png) no-repeat 0 0;
}
#menu-item-519 a{ /* お知らせ */
	width: 155px;
	background: url(../images/menu6_info.png) no-repeat 0 0;
}
#menu-item-518 a{ /* サービス */
	width: 155px;
	background: url(../images/menu6_service.png) no-repeat 0 0;
}
#menu-item-522 a{ /* お客様の声 */
	width: 155px;
	background: url(../images/menu6_voice.png) no-repeat 0 0;
}
#menu-item-520 a{ /* 会社概要 */
	width: 155px;
	background: url(../images/menu6_kaisya.png) no-repeat 0 0;
}
#menu-item-521 a{ /* お問い合わせ */
	width: 155px;
	background: url(../images/menu6_contact.png) no-repeat 0 0;
}
.home #menu-item-517 a,
.home #menu-item-517 a:hover,
.info #menu-item-519 a,
.info #menu-item-519 a:hover,
.service #menu-item-518 a,
.service #menu-item-518 a:hover,
.page-id-2 #menu-item-520 a,
.page-id-2 #menu-item-520 a:hover,
.page-id-513 #menu-item-522 a,
.page-id-513 #menu-item-522 a:hover,
.contact #menu-item-521 a,
.contact #menu-item-521 a:hover,
.category #menu-item-194 a,
.category #menu-item-194 a:hover{ /* bodyクラスがつくけど、一個一個めんどくさい ... X( */
	background-position: 0 100% !important;
}