@charset "utf-8";
/*
-----------------------------------------------
web site: 
copyright(C) WORKS
All rights reserved.
-----------------------------------------------*/

body {
	margin:0 auto; padding:0;
	background-color:#FFFFFF;
	font-size:medium;
	color:#000000;
	text-align:center;
}

h1 {
	margin:0; padding:0;
	width:900px; height:16px;
	font-size:83%;
	color:#666666;
	font-weight:normal;
	text-align:left;
}

h2 {
	margin:0 auto; padding:0;
	font-size:83%;
}
p, ul, li, dl, dt, dd {
	margin:0 auto; padding:0;
}
img { border:none;}

#wrapper {
	margin:0 auto; padding:0;
	width:100%;
	text-align:center;
	background:url(../img/base/bk.gif) no-repeat top center;
}

/* -------------------------------------------------*/
/* ヘッダ */
#header {
	margin:0 auto;
	width:900px;
	text-align:center;
}
/* ロゴ部分 */
#head_logo {
	float:left;
	margin:0 auto;
	width:255px; height:65px;
	background:url(../img/base/head_logo.gif) no-repeat left top;
}

/* ロゴ横バナー */
#head_bn01{
	float:left;
	margin:0;
	width:275px; height:65px;
}

/* ロゴ右部分 */
#head_r {
	float:right;
	margin:0;
	width:365px; height:65px;
}
#head_r ul{
	margin:0; padding:0;
	list-style:none;
	width:365px; height:25px;
	background:url(../img/base/head_link_bk.gif) no-repeat;
}
#head_r li{
	float:left;
	width:auto;
	margin:2px 3px 0 3px;
	height:21px;
}
#privacy {
	margin:0px 0px 0px 7px;
	width:137px; height:21px;
	background:url(../img/base/head_link01.gif) no-repeat top;
}
#sitemap {
	width:103px; height:21px;
	background:url(../img/base/head_link02.gif) no-repeat top;
}
#contact {
	width:94px; height:21px;
	background:url(../img/base/head_link03.gif) no-repeat top;
}

/* -------------------------------------------------*/
/* グローバルナビ */
#global {
	margin:0 auto; padding:0;
	width:900px; height:60px;
	list-style:none;
}
#global li{
	float:left;
	margin:0;
	width:100px; height:60px;
}
#global li a{
	display:block;
	width:100px; height:60px;
}
#gl_01 {
	width:100px; height:60px;
	background:url(../img/base/main_01.gif) no-repeat top;
}
#gl_02 {
	width:100px; height:60px;
	background:url(../img/base/main_02.gif) no-repeat top;
}
#gl_03 {
	width:100px; height:60px;
	background:url(../img/base/main_03.gif) no-repeat top;
}
#gl_04 {
	width:100px; height:60px;
	background:url(../img/base/main_04.gif) no-repeat top;
}
#gl_05 {
	width:100px; height:60px;
	background:url(../img/base/main_05.gif) no-repeat top;
}
#gl_06 {
	width:100px; height:60px;
	background:url(../img/base/main_06.gif) no-repeat top;
}
#gl_07 {
	width:100px; height:60px;
	background:url(../img/base/main_07.gif) no-repeat top;
}
#gl_08 {
	width:100px; height:60px;
	background:url(../img/base/main_08.gif) no-repeat top;
}
#gl_09 {
	width:100px; height:60px;
	background:url(../img/base/main_09.gif) no-repeat top;
}

/* -------------------------------------------------*/
/* メインコンテンツ */
#box {
	margin:0 auto; padding:0 0 20px 0;
	width:900px;
	background:url(../img/base/side_bar.gif) repeat-y 20px 0px;
}
#box:after{
	content:"";
	display:block;
	clear:both;
}
/* コンテンツ */
#cont {
	float:right;
	margin:0 0 0 10px;
	width:700px;
}
#cont695 {
	float:right;
	margin:0 0 0 15px;
	width:695px;
}
#cont690 {
	float:right;
	margin:0 0 0 20px;
	width:690px;
}
#cont_glnv {
	float:right;
	margin:0 0 0 25px;
	width:685px;
}

/* パンくず */
#pan1_695 {
	margin:10px 0 0 0;
	width:695px; height:25px; line-height:25px;
	font-size:12px;
	background-color:#000000;
	color:#cccccc;
	background:url(../img/base/title1_pan.jpg) no-repeat;
	text-align:right;
}
#pan1_695 span{
	padding-right:18px;
}
#pan1_695 a{
	color:#EEEEEE;
	text-decoration:none;
}
#pan1_695 a:hover{
	color:#FF9900;
}


#pan2 {
	margin:10px 0 0 0;
	width:auto; height:20px; line-height:20px;
	font-size:12px;
	text-align:right;
}
#pan2 a{
	color:#333333;
	text-decoration:none;
}
#pan2 a:hover{
	color:#FF6600;
	text-decoration:underline;
}

#pan_glnv {
	margin:10px 0 0 0;
	width:685px; height:20px; line-height:20px;
	font-size:12px;
	text-align:right;
}
#pan_glnv a{
	color:#333333;
	text-decoration:none;
}
#pan_glnv a:hover{
	color:#FF6600;
	text-decoration:underline;
}

/* グロナビのタブ */
.glnv_tab {
	margin:30px auto 0 auto;
	width:685px; height:45px;
	text-align:left;
}
.glnv_tab ul{
	margin:0 0 0 115px;
	list-style:none;
}
.glnv_tab li{
	float:left;
	margin:0 4px 0 0;
	width:110px; height:45px;
	font-size:12px;
	font-weight:bold;
	color:#663300;
	line-height:1.3em;
}
.glnv_tab li p{
	margin:0; padding:9px 3px 0 3px;
	width:104px; height:36px;
	background:url(../img/base/glnv_tab3.gif) no-repeat left top;
	text-align:center;
}
.glnv_tab li a{
	display:block;
	margin:0; padding:10px 3px 0 3px;
	width:104px; height:35px;
	background:url(../img/base/glnv_tab1.gif) no-repeat left top;
	text-align:center;
	color:#fefefe;
}
.glnv_tab li a:hover{
	background:url(../img/base/glnv_tab2.gif) no-repeat left top;
	text-decoration: none;
	color:#FFFF33;
}
.glnv_tab:after{
	content:"";
	display:block;
	clear:both;
}

/* グロナビのタブ（下の部分） */
.glnv_tabU {
	margin:0px auto 0 auto;
	width:685px; height:45px;
	text-align:left;
}
.glnv_tabU ul{
	margin:0 0 0 115px;
	list-style:none;
}
.glnv_tabU li{
	float:left;
	margin:0 4px 0 0;
	width:110px; height:45px;
	font-size:12px;
	font-weight:bold;
	color:#663300;
	line-height:1.2em;
}
.glnv_tabU li p{
	margin:0; padding:9px 3px 0 3px;
	width:104px; height:36px;
	background:url(../img/base/glnv_tabU3.gif) no-repeat left top;
	text-align:center;
}
.glnv_tabU li a{
	display:block;
	margin:0; padding:6px 3px 0 3px;
	width:104px; height:39px;
	background:url(../img/base/glnv_tabU1.gif) no-repeat left top;
	text-align:center;
	color:#fefefe;
}
.glnv_tabU li a:hover{
	background:url(../img/base/glnv_tabU2.gif) no-repeat left top;
	text-decoration: none;
	color:#FFFF33;
}
.glnv_tabU:after{
	content:"";
	display:block;
	clear:both;
}
 /* グロナビタブのページトップ */
#glnv_pagetop {
	margin:30px auto 0 auto;
	width:auto;
	text-align:right;
}
#glnv_pagetop img{
	padding:3px;
}

/*--------------新！*/


/* グロナビのタブ */
.glnv_Titab {
	margin:25px auto 0 auto;
	width:685px; height:75px;
	text-align:left;
}
.glnv_Titab ul{
	margin:0px 0 0 5px; padding:0; padding-top:33px;
	width:680px;
	list-style:none;
}
.glnv_Titab li{
	float:left;
	margin:0 5px 0 0;
	width:130px; height:42px;
	font-size:12px;
	font-weight:bold;
	color:#663300;
	line-height:1.1em;
}
.glnv_Titab li p{
	margin:0; padding:10px 3px 0 3px;
	width:124px; height:32px;
	background:url(../img/base/glnv_tab_a.gif) no-repeat left top;
	text-align:center;
}
.glnv_Titab li a{
	display:block;
	margin:0; padding:12px 3px 0 3px;
	width:124px; height:30px;
	background:url(../img/base/glnv_tab_b.gif) no-repeat left bottom;
	text-align:center;
	text-decoration:none;
	color:#666666;
}
.glnv_Titab li a:hover{
	background:url(../img/base/glnv_tab_c.gif) no-repeat left bottom;
	text-decoration:underline;
	color:#FF9900;
}
.glnv_Titab:after{
	content:"";
	display:block;
	clear:both;
}


/* グロナビのタブ（下） */
.glnv_Titab2 {
	margin:0px auto 0 auto;
	width:685px; height:42px;
	text-align:left;
	background:url(../img/base/glnv_tab2_bk.gif) no-repeat top;
}
.glnv_Titab2 ul{
	margin:0px 0 0 5px; padding:0;
	width:680px;
	list-style:none;
}
.glnv_Titab2 li{
	float:left;
	margin:0 5px 0 0;
	width:130px; height:42px;
	font-size:12px;
	font-weight:bold;
	color:#663300;
	line-height:1.1em;
}
.glnv_Titab2 li p{
	margin:0; padding:4px 3px 0 3px;
	width:124px; height:38px;
	background:url(../img/base/glnv_tab2_a.gif) no-repeat left top;
	text-align:center;
}
.glnv_Titab2 li a{
	display:block;
	margin:0; padding:5px 3px 0 3px;
	width:124px; height:37px;
	background:url(../img/base/glnv_tab2_b.gif) no-repeat left top;
	text-align:center;
	text-decoration:none;
	color:#666666;
}
.glnv_Titab2 li a:hover{
	background:url(../img/base/glnv_tab2_c.gif) no-repeat left top;
	text-decoration:underline;
	color:#FF9900;
}
.glnv_Titab2:after{
	content:"";
	display:block;
	clear:both;
}

/* 次へ */

.glnv_next {
	margin:0px auto 0 auto; padding:20px 0 0 0;
	width:665px; height:50px;
	background-color:#FFFFFF;
}
.glnv_next img{
	padding:0 10px;
}

/*------------------------新！*/



/* 施工例とか価格表へリンクするバナー部分 */
#glnv_bn {
	margin:20px auto 0 auto;
	width:auto;
}
#glnv_bn ul{
	margin:0 auto; padding:0;
	list-style:none;
}
#glnv_bn li{
	float:left;
	margin:5px;
	width:322px; height:72px;
}
#glnv_bn:after{
	content:"";
	display:block;
	clear:both;
}

/* 施工例とか価格表へリンクするバナー部分 */
#glnv_bn2 {
	margin:20px auto 0 auto;
	width:670px;
}
#glnv_bn2 ul{
	margin:0 auto; padding:0;
	list-style:none;
}
#glnv_bn2 li{
	float:left;
	margin:5px;
	width:322px; height:72px;
}
#glnv_bn2:after{
	content:"";
	display:block;
	clear:both;
}

/* -------------------------------------------------*/
/* サイド */
#side {
	float:left;
	margin:10px auto 0 0; padding:0 0 4px 0;
	width:190px;
	background:url(../img/base/side_bk.gif) repeat-y;
	text-align:center;
}
#side ul{
	margin:0px auto 0 auto; padding:0 0 10px 0;
	width:178px;
	list-style:none;
	border:#CCCCCC solid 2px;
	background-color:#FFFFFF;
	text-align:left;
	font-size:83%;
}
#side li{
	margin:0; padding:8px 0 7px 10px;
	width:auto; line-height:120%;
	border-bottom:#999999 dotted 1px;
}
#side ul a{
	color:#111111;
	text-decoration:none;
}
#side ul a:hover{
	color:#FF6600;
	background-color:#FEF2C5;
}
.side_1 li{background:url(../img/base/side_icon01.gif) no-repeat center;}
.side_2 li{background:url(../img/base/side_icon02.gif) no-repeat center;}

/*

#side li{
	margin:0; padding:0 0 0 10px;
	width:auto; height:30px; line-height:30px;
}
#side ul a{
	color:#111111;
	text-decoration:none;
}
#side ul a:hover{
	color:#FF6600;
	background-color:#FEF2C5;
}
.side_1 li{background:url(../img/base/side_icon1.gif) no-repeat center;}
.side_2 li{background:url(../img/base/side_icon2.gif) no-repeat center;}

*/


/* -------------------------------------------------*/
/* ページトップ */
.pagetop01 {
	margin:30px auto 0 auto;
	width:685px;
	text-align:right;
	border-bottom:#666666 solid 1px;
}
.pagetop01 img{
	padding:3px;
}

/* -------------------------------------------------*/
/* フッター */
#footer {
	margin:0 auto; padding:0;
	width:900px; height:108px;
	background-color:#000000;
	background:url(../img/base/footer_bk.jpg) no-repeat top;
	color:#FFFFFF;
	font-size:83%;
}
#footer p {
	margin:15px auto 0 auto;
	width:auto;
}
#footer p a{
	padding-left:10px; padding-right:10px;
	color:#EEEEEE;
}
#footer p a:hover{
	color:#FF9900;
	text-decoration:none;
}
#footerB{
	margin:0px 15px 0 15px; padding-top:15px;
	width:auto; min-height:25px;
	background:url(../img/base/footer_bn.jpg) no-repeat 0px 14px;
	text-align:left;
	line-height:1.3em;
}
#footerB span{
	display:block;
	padding-left:110px;
	
	color:#99ff00;
	padding-top:3px;
}
#footerB a{
	color:#99ff00;
	text-decoration:none;
}
#footerB a:hover{
	color:#999999;
	background-color:#000000;
}

/* -------------------------------------------------*/
/* フッター営業エリア */
#aria {
	margin:15px auto;
	width:900px;
	text-align:left;
	color:#666666;
	font-size:83%;
	line-height:1.3em;
}



/* -------------------------------------------------*/
/* 工事中 */
#koji_mainImg {
	margin:15px auto 0 auto;
	width:900px;
}
#koji_mainImg ul{
	margin:0; padding:0;
	list-style:none;
	width:900px; height:118px;
	background:url(../img/base/kouji_bk.jpg) no-repeat;
}
#koji_mainImg li{
	float:left;
	margin:10px 0px auto 10px;
	width:212px; height:99px;
}

/* -------------------------------------------------*/
/* フッターサイトマップ */
#fsm {
	margin:0 auto; padding-bottom:30px;
	width:900px;
	text-align:left;
	font-size:10px;
}
#fsm table{
	margin:0;
	width:100%;
}
#fsm td{
	vertical-align:top;
}
#fsm p{
	margin:0; padding:2px 5px;
	background-color:#EEEEEE;
	color:#666666;
}
#fsm a{
	color:#666666;
	text-decoration:none;
}
#fsm a:hover{
	color:#0066CC;
	text-decoration:underline;
}
#fsm dl{
	margin:0 auto; padding-bottom:15px;
}
#fsm dt{
	margin:7px 0 3px 0; padding-left:14px;
	background:url(../img/base/fsm_icon01.gif) no-repeat left top;
}
#fsm dd{
	margin:7px 20px 3px 10px; padding-left:11px;
	background:url(../img/base/fsm_icon02.gif) no-repeat left top;
	border-bottom:#999999 dotted 1px;
}
	


/* テキスト　文言 */
.p_txtcmt01{
	margin:20px auto 0 auto; padding:15px 20px;
	width:600px;
	text-align:left;
	font-size:90%;
	line-height:1.3em;
	border:#CCCCCC solid 2px;
}

/* テキスト　文言 */
.p_txtcmt02{
	margin:20px auto 0 auto; padding:15px 20px;
	width:650px;
	text-align:left;
	font-size:83%;
	line-height:1.3em;
	border:#CCCCCC solid 2px;
}













/* -------------------------------------------------*/
.clear { clear:both;}
.mg_t03 { margin-top:3px;}
.mg_t04 { margin-top:4px;}
.mg_t05 { margin-top:5px;}
.mg_t06 { margin-top:6px;}
.mg_t07 { margin-top:7px;}
.mg_t08 { margin-top:8px;}
.mg_t09 { margin-top:9px;}
.mg_t10 { margin-top:10px;}
.mg_t15 { margin-top:15px;}
.mg_t20 { margin-top:20px;}
.mg_t25 { margin-top:25px;}
.mg_t30 { margin-top:30px;}
.mg_b01 { margin-bottom:1px;}
.mg_b02 { margin-bottom:2px;}
.mg_b03 { margin-bottom:3px;}
.mg_b04 { margin-bottom:4px;}
.mg_b05 { margin-bottom:5px;}
.mg_b06 { margin-bottom:6px;}
.mg_b07 { margin-bottom:7px;}
.mg_b08 { margin-bottom:8px;}
.mg_b09 { margin-bottom:9px;}
.mg_b10 { margin-bottom:10px;}
.mg_b15 { margin-bottom:15px;}
.mg_b20 { margin-bottom:20px;}
.mg_b25 { margin-bottom:25px;}
.mg_b30 { margin-bottom:30px;}
.mg_r05 { margin-right:5px;}
.pd_t05 { padding-top:5px;}
.pd_t10 { padding-top:10px;}
.pd_t15 { padding-top:15px;}
.pd_t20 { padding-top:20px;}
.pd_t30 { padding-top:30px;}
.pd_b05 { padding-bottom:5px;}
.pd_b10 { padding-bottom:10px;}
.pd_b15 { padding-bottom:15px;}
.pd_b20 { padding-bottom:20px;}
.pd_b30 { padding-bottom:30px;}
.pd_r04 { padding-right:4px;}
.pd_r05 { padding-right:5px;}
.pd_l10 { padding-left:10px;}

.txt_R { width:auto; text-align:right; }
.txt_L { width:auto; text-align:left; }
.txt_C { width:auto; text-align:center; }
.meiryo{font-family:"角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}