/*
Theme Name: Rokkoen
Theme URI: http://maxline.co.jp/
Description: Rokkoenテーマ
Version: 1.0
Author: Maxline
Author URI: http://maxline.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/* 
=============================
(C) Rokkoen
last update 1002013
=============================*/

@charset "utf-8";

/*-----------------------------------------------------------------------------
1.ブラウザのCSS初期化
2.共有スタイル
3.コンテンツ部分スタイル
4.List設定
5.フッタ
6.下層ページ


更新日 2010.2.12
-----------------------------------------------------------------------------*/

/* 1.ブラウザのデフォルトcssリセット */

h1, h2, h3, h4, h5, p, address,ul, ol, li, dl, dt, dd, table, caption, th, td, form {
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    text-align: left;
    list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間の差異をなくす */

textarea {
	font-size: 100%; 
}


/* 2.共有スタイル */

/*基本レイアウト
---------------------------------------------------- */

*{
	margin:0;
	padding:0;
}

html {
	height:100%;
	background:#2F161A  url(images/bg01.png) repeat-x;	
}

body {
	font-family: "ＭＳ Ｐゴシック", Tahoma,"Trebuchet MS", Arial, Helvetica, sans-serif, Osaka;	
	font-size:12px;	
	line-height:1.6;
	/*height:100%;*/
	
}

/*　index 背景イメージ
----------------------------------------------------------------------------　*/
/*　(indexはモニター縮小時のズレ対策でbody・container共に「topbg1」を指定)　*/

.topbg1 {
	background:url(images/top_bg_img.png) no-repeat center top;
}


/*　下層 背景イメージ　*/
.topbg2 {
	background:url(images/top_bg_img2.jpg) no-repeat center top;
}

/*　clearfix
---------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */



/*　テキスト
---------------------------------------------------- */

.txtem1 {
	margin-left: 1.0em;
	text-align: center;
	padding:0;
	margin:0;
}


/*　画像
---------------------------------------------------- */

img {
	border:0px;
	vertical-align:bottom;
}

/* img opacity(css3～) */

#contents a:hover img {
    opacity:0.7;
    filter: alpha(opacity=70);
}


/*　リンク
---------------------------------------------------- */

a {
	color: #030;
	text-decoration: none;
	outline:none;
	}	

a:hover {
	color: #060;
	text-decoration:underline;
}

/* 3.コンテンツ部分　共通　*/

/*　外枠　
---------------------------------------------------- */
#container {
	margin:0 auto;
	width:920px;	
	text-align:center;
	background-color:transparent;
	color:#FFF;
	height:100%;
	position:relative;
}



/* ヘッダ 
-------------------------------------------------------- */
#header { 
	margin: 0 auto;
	width:910px;
    height:140px;
}

/* ■index　ナビ位置調整／header／headinner */

#headinner { 
	margin-top:225px;
	width:910px;
}


/* h1　大見出しテキスト */
#header h1 {
	width:910px;
	height:98px;
	padding:3px 0 0 15px;
	color:#FFF;
	font-size:10px;
	text-align: left;
	}

/* h2 タイトルロゴ */
#header h2 {
	position:absolute;
	top:24px;
	left:5px;
	width:285px;
	text-indent:-9999px;
}

#header h2 a {
	width:284px;
	height:66px;
	display:block;
	background: url(images/common_logo.jpg) no-repeat;
}

/* telバナー位置 */
#header b {
	position:absolute;
	top:24px;
	left:622px;
	width:285px;
	height:66px;
	background: url(images/) no-repeat;
	text-indent:-9999px;
}




/* トップメニュー　w150px × h30px × 6
---------------------------------------------------- */

#hednav {
	width:900px;
	height:30px;
	margin:0 auto;
	}

#hednav ul {
	list-style:none;
	padding:0;
	margin:0;	
}
#hednav li {
	float:left;
	text-indent:-9999px;
}
#hednav li a {
	text-decoration:none;
	display:block;
	width:150px;
	height:30px;
}


/* hednav オフ */

#nav01 a {
	background: url(images/common_topnav.jpg) no-repeat 0 0;
}
#nav02 a {
	background:url(images/common_topnav.jpg) no-repeat -150px 0;
}
#nav03 a {
	background:url(images/common_topnav.jpg) no-repeat -300px 0;
}
#nav04 a {
	background:url(images/common_topnav.jpg) no-repeat -450px 0;
}
#nav05 a {
	background:url(images/common_topnav.jpg) no-repeat -600px 0;
}
#nav06 a {
	background:url(images/common_topnav.jpg) no-repeat -750px 0;
}

	
/* hednav オン */

#nav01 a:hover {
	background:url(images/common_topnav.jpg) no-repeat 0 -30px;
}
#nav02 a:hover {
	background:url(images/common_topnav.jpg) no-repeat -150px -30px;
}
#nav03 a:hover {
	background:url(images/common_topnav.jpg) no-repeat -300px -30px;
}
#nav04 a:hover {
	background:url(images/common_topnav.jpg) no-repeat -450px -30px;
}
#nav05 a:hover {
	background:url(images/common_topnav.jpg) no-repeat -600px -30px;
}
#nav06 a:hover {
	background:url(images/common_topnav.jpg) no-repeat -750px -30px;
}


/* コンテンツ 枠
---------------------------------------------------- */

#contents {
	clear:both;
	margin: 10px auto;
	width:900px;
	height:auto;
	background-color:transparent;
	overflow:hidden;
}


/* メインコンテンツ右側の外枠　上・中・下に背景画像
---------------------------------------------------- */

#main {
	float:right;
	margin:10px auto 0 auto;	
	width:675px;
	background:url(images/common_main_bg1.gif) no-repeat 0 0 ;	
}

#maincenter {
	margin:10px auto 0px auto;	
	width:675px;
	background:url(images/common_main_bg2.gif) repeat-y;		
	overflow:hidden;
}

#mainbottom {
	clear:both;
	margin:0 auto;	
	width:675px;
	background:url(images/common_main_bg3.gif) no-repeat left bottom;
	color:#666;
	padding:30px 0;
}


/* index　メイン-写真
---------------------------------------------------- */

/* index　写真枠
---------------------------------------------------- */

.mainbox1, .mainbox2 {
	clear:both;
	width:645px;
	margin:0 auto;
	padding:20px 0 0 0;
	color:#333;
}

.mainbox1 p, .mainbox_l p  {
	padding:10px 5px 0 5px;
}

/* index　各メーカー・ビフォーアフター　／mainbox1
---------------------------------------------------- */

.mainbox_l {
	width:320px;
	float:left;
	padding:5px 0 10px 2px;
	overflow:hidden;
}




/* index  新着情報、イベント情報、最新施工実績　枠
---------------------------------------------------- */

.events, .worksinfo, .worksphto, .whatsNew {
	clear:both;
	height:auto;
	margin:0 auto;
}
.events, .worksinfo, .whatsNew {
	width:645px;
	padding:10px 0 15px 0;	
}

.worksphoto {
	width:645px;
	padding:0;	
}

/* index　写真の背景装飾
---------------------------------------------------- */
.events img, .worksinfo img {
	padding:2px;
	background-color:#FFF;
	border:solid 1px #2F161A;
}


/* index  イベント情報・施工実績・新着情報タイトルと見出し(h3、h4)
-------------------------------------------------------------------*/

.events h3, .worksinfo h3, .whatsNew h3,
.events h4, .worksinfo h4 {
	margin:10px auto;
	width:645px;
}
.events h3, .worksinfo h3, .whatsNew h3 {
	text-indent:-9999px;	
	height:30px;
	display:block;
}
.events h4, .worksinfo h4 {	
	width:630px;
	padding: 0 0 0 15px;
	height:auto;	
}


.events h3 {
	background:url(images/events_title.jpg) no-repeat;
}
.worksinfo h3 {
	background: url(images/works_title.jpg) no-repeat;
}
.whatsNew h3 {
	background:url(images/whatsnew_title.jpg) no-repeat;
}

.events h4 {
	background:url(images/common_title_h4.jpg) no-repeat;
	font-weight:bold;
}


/* index 新着情報　 定義リスト
---------------------------------------------------- */

.newsbox {
	clear:both;
	width: 610px;
	margin: 0 auto;
	padding:5px 10px 0 5px;	
	overflow:hidden;
	border-bottom:1px dotted #FFF;
	color:#333;
}

.newsbox dl {
	width:610px;
    padding:0 0 0 5px;	
	background: url(images/common_side_ya.gif) no-repeat 0 8px;
    }

.newsbox dt, .newsbox dd {
	line-height:1.4;
	padding:3px 0 3px 8px;
}

.newsbox dt {
	float:left;
	width:130px;
	font-weight: bold;
	font-size: 100%;
	color: #F60;
}

.newsbox dd {
	margin-left:130px;
}

.newsbox a {
	text-decoration:underline;
	outline:none;
	color: #333;	
	}	

.newsbox a:hover {
	text-decoration:none;
	color: #060;
}

/* index  イベント情報　写真＋テキスト
---------------------------------------------------- */

.box2f_l {
	width:200px;
	float:left;
	margin-left:1px;
	display:inline;
	overflow:hidden;
}
.box2f_r {
	width:428px;
	float:left;
	color:#333;
	padding:5px;
	text-align:left;
}



/* index 施工実績　3並び設定
---------------------------------------------------- */

/*　外Box */

.box3f {
	width:200px;
	float:left;
	padding:0 9px 0 5px;
	color:#630;
}

/*　box3f／上段　外box　(写真) */

.box3f_up {
	width:184px;
	padding:2px;
	overflow:hidden;
}

/*　box3f／下段　外box　(テキスト) */

.box3f_down {
	width:180px;
	padding:3px 0 5px 6px;
	text-align:left;	
}
.box3f_down p {
	text-align:justify;
	text-justify: distribute;
}


/*　box3f／box3f_down／　タイトル＋テキスト */

.box3f h4 {
	width:190px;
	padding-top:2px;
	padding-left:5px;

}
.box3f h4 a {
	text-decoration:none;
	color:#F60;
	font-weight:bold;
}
.box3f h4 a:hover {
	text-decoration: underline;
}




/* サイドメニュー　左側の外枠
---------------------------------------------------- */
#side_nav {
	float:left;
	width:208px;
	margin:10px auto;
}
#side_nav h3 {
	text-indent:-9999px;
	display:block;
}


/* サイドメニュー内　メニュー枠 */

#sidenavi1 {
	margin:0 auto;
	width:208px;	
	text-indent:-9999px;
	height:425px;
	background:url(images/common_side1_bg.jpg) no-repeat 0 top;
}

#side_contact {
	margin:15px auto 0px;
	width:200px;
	height:157px;
	background:url(images/side_contact_bg.jpg) no-repeat 0 0;
	padding-top:5px;
}

#side_navbox2 {
	margin:15px auto 0px;
	width:200px;
	background:url(images/side_navbox2_bg_top.gif) no-repeat center top;
	overflow:hidden;
	padding-top:5px;
}
#side_navbox2_btm {
	margin:0 auto 20px;
	width:200px;
	height:5px;
	background:url(images/side_navbox2_bg_bottom.gif) no-repeat center bottom;
}


#side_greeting {
	margin:0px auto 15px;
	width:200px;
	background:url(images/side_greeting_bottom.jpg) no-repeat center bottom;
	text-align:center;
	padding:0px 5px 10px;
}

#side_greeting #inner{
	margin:0px auto;
	width:200px;
	background:url(images/side_greeting_top.jpg) no-repeat center 0;
	padding-top:10px;
}

#side_greeting #inner h3 {
	text-indent:-9999px;
	width:162px;
	height18px;
	background:url(images/side_greeting_title.gif) no-repeat 0 0;
	margin:0px auto 5px;
}

#side_greeting #inner p {
	text-align:left;
	color:#666;
	font-size:11px;
	background:#FFF;
	padding:4px;
	width:170px;
	margin:5px auto 0px;
}
#side_greeting #inner p span {
	color:#630;
	font-size:11px;
	font-weight:bold;
	display:block;
	text-align:right;
	padding-top:5px;
}
#side_greeting #inner p span em {
	font-size:13px;
	font-style:normal;
}

#sidenavi1 h3,
#side_navbox2 h3,
#side_contact h3 {
	text-indent:-9999px;
	height:20px ;
	padding-bottom:5px;
}


#side_navbox2 h3 {
	margin-top:15px;
	margin-bottom:10px;
}

#side_navbox2 h3 {
	background:url(images/common_side_info.png) no-repeat 0 0;
	width:180px;
	margin:0px auto 5px;
}

#side_contact h3 {
	background:url(images/common_side_contact.png) no-repeat;
	width:180px;
	margin:5px auto 0px;
}

#side_contact h4 {
	text-indent:-9999px;
	height:110px ;
	padding-bottom:5px;
	width:180px;
	margin:0px auto;
}
#side_contact h4 a {
	width:180px;
	height:110px;
	display:block;
	background:url(images/common_side_contact2.gif) no-repeat;
}


/* サイドメニュー内　バナー枠 */

.side_banner {
	margin:30px auto;
	width:200px;
	background:url(images/common_side_line.gif) no-repeat ;
	padding:20px 0 0 0;
}
.side_banner img {
	margin:0 0 8px 0;
}


/* メニュー1のナビ設定 (sidenavi1)
---------------------------------------------------- */

#sidenavi1 ul {
	width:170px;
	margin: 0 auto;
	list-style:none;
	padding:0;
}

#sidenavi1 li {
	list-style-type:none;
}
#sidenavi1 li a {
	text-decoration:none;
	display:block;
	width:170px;
	height:31px;
}

/* navi 1 オフ */

#sidenavi1 li#s1navi01 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 0;
}
#sidenavi1 li#s1navi02 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -31px;
}
#sidenavi1 li#s1navi03 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -62px;
}
#sidenavi1 li#s1navi04 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -93px;
}
#sidenavi1 li#s1navi05 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -124px;
}
#sidenavi1 li#s1navi06 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -155px;
}
#sidenavi1 li#s1navi07 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -186px;
}
#sidenavi1 li#s1navi08 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -217px;
}
#sidenavi1 li#s1navi09 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -248px;
}
#sidenavi1 li#s1navi10 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -279px;
}
#sidenavi1 li#s1navi11 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -310px;
}
#sidenavi1 li#s1navi12 a {
	background:url(images/common_sidenavi1.gif) no-repeat 0 -341px;
}

/* navi 1 オン */

#sidenavi1 li#s1navi01 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px 0;
}
#sidenavi1 li#s1navi02 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -31px;
}
#sidenavi1 li#s1navi03 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -62px;
}
#sidenavi1 li#s1navi04 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -93px;
}
#sidenavi1 li#s1navi05 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -124px;
}
#sidenavi1 li#s1navi06 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -155px;
}
#sidenavi1 li#s1navi07 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -186px;
}
#sidenavi1 li#s1navi08 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -217px;
}
#sidenavi1 li#s1navi09 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -248px;
}
#sidenavi1 li#s1navi10 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -279px;
}
#sidenavi1 li#s1navi11 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -310px;
}
#sidenavi1 li#s1navi12 a:hover {
	background:url(images/common_sidenavi1.gif) no-repeat -170px -341px;
}


/* メニュー2のリスト設定 (side_navbox2)
---------------------------------------------------- */

#side_navbox2 ul {
	width:170px;
	margin: 0 auto 5px;
	padding:5px;
	background-color:#FFF;
}

#side_navbox2 li {
	padding:3px 3px 5px 35px;	
	background: url(images/common_side_ya.gif) no-repeat 18px 10px;
	margin-left:2px;
}

#side_navbox2 a {
	color: #030;
	text-decoration:underline;
}
#side_navbox2 a:hover {
	color: #060;
	text-decoration: none;
}





	
/* 4.リスト(mainボトムのリスト・パンくずリスト)共通
---------------------------------------------------- */

/* mainbottom／footlist */

#footlist, #toplist {
	margin:0 auto;
	color:#333;
	font-size:x-small;
}

#footlist li, #toplist li {
	display: inline;
	padding:0 5px;
	border-style: solid;
	border-width: 0 0 0 thin;	
}

/*　フッタ リスト */

#footlist {
	height:auto;
	padding-top:25px;
	padding-right:5px;	
}
#footlist li a {
	padding-left:5px;
	color: #030;
}
#footlist ul {
	text-align: center;
}


/*　下層頁パンくずリスト
---------------------------------------------------- */

#toplist {
	width:645px;
	height:auto;
	padding-top:3px;
	/*text-align:right;*/	
}

#toplist ul {
	text-align:right;
}

#toplist a {
	padding-left:5px;
	color: #030;	
}

#footlist ul li:first-child, #toplist ul li:first-child {
	border-style:none;
}





/* 5.フッタ　共通・下部に固定
---------------------------------------------------- */

#footer {
	clear:both;
	width:100%;
	height:261px;
	margin:0px auto;
	padding:0px;
	line-height:1.2;	
	color:#FFF;
	font-size:10px;
	background:url(images/footer_bg.jpg) repeat-x left top;
}

#footer h3.footer_txt {
	text-align:center;
	margin:0px auto;
	padding:19px 0px 10px;
}


#footer ul.footer_link01 {
	width:auto;
	margin:0px auto;
	padding:10px 0px 5px;
	display:block;
	text-align:center;
	font-size:12px;
	background:#E4DBBC;
}

#footer ul.footer_link02 {
	width:auto;
	margin:0px auto;
	padding:0px 0px 10px;
	display:block;
	text-align:center;
	font-size:12px;
	background:#E4DBBC;
}

#footer ul li:first-child{
	display:inline;
	border-left:#030 1px solid;
	padding:0px 5px;
}

#footer ul li{
	display:inline;
	border-right:#030 1px solid;
	padding:0px 5px;
}


#footer_logo {
	width:500px;
	margin:20px auto 0px;
	padding-left:130px;
	display:block;
}

#footer_logo img {
	width:213px;
	padding:10px;
	float:left;
}
#footer_logo p.txt {
	width:243px;
	padding:12px;
	float:left;
	line-height:1.6;
}
#footer_logo p.txt span.name {
	font-weight:bold;
	font-size:14px;
}

#copyright {
	text-align:center;
	padding-top:5px;
}




/* トップへ戻るバナー 
---------------------------------------------------- */
#backbox {
	clear:both;
	width:645px;
	margin:10px auto;
}
.banner_top {
	text-indent:-9999px;
	padding-bottom: 50px;
}
.banner_top a {
	display:block;
	width:160px;
	height:30px;
	background:url(images/common_top_ban1.gif) no-repeat right bottom;
	margin-left:470px;
}
.banner_top a:hover {
	background:url(images/common_top_ban1_o.gif) no-repeat right bottom;

}



/* 下層　外枠(font可変・画像でのカラム落ち防止)
---------------------------------------------------- */
.pagebox1, .pagebox2 {
	clear:both;
	width:645px;
	height:auto;
	margin:0 auto;
	font-size:small;
	overflow:hidden;
	color:#333;
}
.pagebox1 {
	padding-top:7px;
	padding-left:17px;
	padding-bottom:8px;
}

.pagebox1 p {
	padding:15px 10px 0 15px;
}


/* 下層ページ・写真の背景装飾
---------------------------------------------------- */
.pagebox1 img, .pagebox2 img, .ba_box img {
	padding:4px;
	background-color:#FFF;
	border:solid 1px #300;
}


/* 6.下層P  タイトル外枠
---------------------------------------------------- */


/* 下層P・ページタイトル-1、見出し-2 */

#title1, #title2, #title3, #title4, #title5, #title6, #title7, #title8 {
	margin:0 auto;
	width:645px;
	height:30px;
	text-indent:-9999px;
	display:block;
}

/* 施工実績頁のタイトル */
#title1 {
	background:url(images/works_title.jpg) no-repeat center top;	
}

/* 各メーカー商品のタイトル */
#title2 {
	background:url(images/maker_title.jpg) no-repeat center top;	
}

/* よくある質問のタイトル */
#title3 {
	background:url(images/faq_title.jpg) no-repeat center top;	
}

/* ビフォーアフターのタイトル */
#title4 {
	background:url(images/beforeafter_title.jpg) no-repeat center top;	
}

/* スタッフ紹介のタイトル */
#title5 {
	background:url(images/staff_title.jpg) no-repeat center top;	
}

/* イベント情報のタイトル */
#title6 {
	background:url(images/event_title.jpg) no-repeat center top;	
}

/*　仕事の流れのタイトル */
#title7 {
	background:url(images/worksflow_title.jpg) no-repeat center top;
}
/* 除雪排雪 */
#title8 {
	background:url(images/snow_title.jpg) no-repeat center top;
}

#title9 {
	background:url(images/service_title.jpg) no-repeat center top;
}

/* 100304 vamp-add start */

.titleLead{
margin:0 auto;
width:645px;
height:30px;
text-indent:-9999px;
display:block}

#title10 {
background:url(images/company_title.jpg) no-repeat center top;	
}

#title11 {
background:url(images/privacy_title.jpg) no-repeat center top;	
}

#title12 {
background:url(images/law_title.jpg) no-repeat center top;	
}

#title13 {
background:url(images/exhibition_title.jpg) no-repeat center top;	
}

#title14 {
background:url(images/sitemap_title.jpg) no-repeat center top;	
}
#title15 {
background:url(images/contact_title.jpg) no-repeat center top;	
}

#title16 {
background:url(images/fee_title.jpg) no-repeat center top;	
}

/* 100304 vamp-add end */


/* 各ページタイトル-2　見出し
---------------------------------------------------- */
.pagebox1 h4 {
	height:auto;
	font-weight:bold;
	font-size:small;
	background:url(images/common_title_h4c.gif) no-repeat;
	margin:8px auto 15px auto;
}

.pagebox1 h4 {
	padding: 3px 0 3px 18px;
	font-weight:bold;
	font-size: small;
	color:#FFF;
	font-size:110%;
	
}


/* 施工実績、各メーカー商品　
---------------------------------------------------- */
/* 詳細ページ　pagebox1／
---------------------------------------------------- */

/* 外box　m (img+txt並)、 L 、L2(img+txt並)  */

.box_m, .box_L, .box_L2, .box_Llist {
	clear:both;
	width: 630px;
	margin: 5px auto;
	overflow:hidden;
}
.box_L2 {
	border-bottom:1px #dcdcdc dotted;
}

/* box mサイズ　(img＋txt並)　
---------------------------------------------------- */
.box_m {
	padding:15px 10px 10px 12px;
}
.box_m img {
	float:left;
    margin-right: 1.5em;
}

.box_L {
	padding:15px 0 0 15px;	
}

/* Lightbox用　
---------------------------------------------------- */
.box_Light {
	padding:15px 0 0 15px;	
}

/*　大サイズ写真の枠 */
.box_LL {
	clear:both;
	width: 605px;
	margin: 3px auto 5px auto;
	overflow:hidden;
	padding:15px 0 0 0;	
}

.box_L a {
	font-weight:bold;
	text-decoration:underline;
}

.box_L img, .box_L2 img {
    margin-left:5px;
}
.box_L p{
	padding:10px 10px 10px 12px;
}

.box_LL p, .box_L2 p {
	padding:10px 20px 5px 20px;	
}


/* 施工実績・製品情報　box_L／中サイズ×2・フロート用ボックス 
-------------------------------------------------------------- */

.box_left01 {
	width:295px;
	float:left;
	padding-left:10px;
	overflow:hidden;
}

.box_txt01 {
	clear:both;
}


/* 施工実績・製品情報 　box_L／小サイズ×3・フロート用ボックス 
-------------------------------------------------------------- */
/*　Box */
.box_left02 {
	width:200px;
	float:left;
	padding-left:3px;
	overflow:hidden;
}

.box_left02 p {
	background: white;
	font-size: 12px;
	line-height: 120%;
	margin: 0px 3px 5px 7px;
}

.box_txt02 {
	clear:both;
	padding-left:10px;
}


/*　カテゴリ名 */
.box_left02 h4 {
	width:188px;
	margin:5px 0 2px 6px;
	font-weight:bold;
	background:url(images/common_title_h4.jpg) no-repeat;
	padding:2px 0 0 5px;
}

.box_left02 h4 a {
	color:#FFF;
}

/*　詳しくはこちらボタン */
.box_left02 h5 {
	 text-indent:-9999px;
	 width:122px;
	 height:30px;
}
.box_left02 h5 a {
	 background: url(images/works_h5.gif) no-repeat;
	 display:block;
	 width:122px;
	 height:30px;
	 /*margin:15px 0 20px 75px;*/
	 margin:0px 0 20px 75px;
	 /margin:0px 0 10px 40px;
	 _margin:5px 0 20px 75px;
 }
.box_left02 h5 a:hover {
	 background: url(images/works_h5_o.gif) no-repeat;
}



/* 施工実績・製品情報　一覧はこちら～のボタン */

.box_m h5 a {
	clear:both;
	 background: url(images/common_bn01.gif) no-repeat;
	 text-indent:-9999px;
	 display:block;
	 width:122px;
	 height:32px;
	 margin-top:20px;
	 margin-left:500px;
 }
.box_m h5 a:hover {
	 background: url(images/common_bn01_o.gif) no-repeat;
}


/*　施工実績詳細　pagebox1／写真＋テキスト 
---------------------------------------------------------------- */
.box_L3 {
	clear:both;
	width: 590px;
	margin:10px auto;
	overflow:hidden;
	border:1px dotted #633;
}

/* 施工実績・お客様の声 */
.box_L3 h4 {
	height:30px;
	background:url(images/works_voice.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	margin: 0 0 10px 0;
}

/* 右-テキストbox */
.box_Lleft {
	width:280px;
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	overflow:hidden;
}



/* 施工実績・製品情報 　h5 関連の～を見る・問い合わせ　ボタン 
------------------------------------------------------------ */

.w_btB, .w_btB2, .w_btC {
	width:610px;
	text-indent:-9999px;
}

/* 関連の施工実績を見る */
.w_btB {
	background:url(images/works_button1.jpg) no-repeat;
	height:30px;
	margin: 10px auto 0 auto;	
}

/* 関連のアイテムを見る */
.w_btB2 {
	background:url(images/maker_button1.jpg) no-repeat;
	height:30px;
	margin: 10px auto 0 auto;	
}

/* お問い合わせはこちら */
.w_btC a {
	background:url(images/works_button2.gif) no-repeat;
	width:310px;
	height:60px;
	display:block;
	margin:0 0 25px 180px;
}
.w_btC a:hover {
	background:url(images/works_button2_o.gif) no-repeat;
}




/* ビフォーアフター 一覧  pagebox1／(テキスト＋写真×2)　
--------------------------------------------------------*/
.ba_box {
	clear:both;
	width:630px;
	margin:0 auto;
	padding:8px 0 0 10px;
	overflow:hidden;
	font-size:small;
}

.ba_box p {
	padding:3px 0 0 10px;
}


/* ボックス  左テキストbox */

.ba_boxp {
	width:140px;
	float:left;
}

/* 写真＋背景矢印の外ボックス */
.ba_photoboxb1 {
	margin:0;		
}

/* ボックス_l 中央box 背景にbefore画像 */
.ba_box_l {
	width:250px;
	float:left;
	background:url(images/before_yaji.jpg) no-repeat center top;
}
.ba_box_l img {
	margin-top:55px;
	margin-right:30px;
}

/* ボックス_r  右側box 背景にafter画像 */
.ba_box_r {
	width:230px;
	float:left;
	background:url(images/beforeafter_txt_after.gif) no-repeat 5px bottom;
}
.ba_box_r img {
	margin-bottom:30px;
}

/* bottom  一覧はこちらリンク */

.ba_box h5 {
	clear:both;
	text-indent:-9999px;
	width:122px;
	height:50px;	
	margin-left:485px;
	padding-top:20px;
}
.ba_box h5 a {
	background: url(images/works_h5b.gif) no-repeat;
	display:block;
	width:122px;
	height:30px;	
}
.ba_box h5 a:hover {
	 background: url(images/works_h5b_o.gif) no-repeat;
}



/* ビフォーアフター詳細ページ　pagebox1／
----------------------------------------------------------*/

.ba_box1, .ba_box1bg {
	float:left;
	width:300px;
	overflow:hidden;
}

/* お客様の要望 　ba_box／ドット枠＋テキスト
-----------------------------------------------------------*/
/* タイトル画像(w300 BG上部) */

.ba_box1bg {
	border:1px dotted #966;
	margin:0 0 5px 15px;
	display:inline;
	background:url(images/ba_voice1.jpg) no-repeat;	
}
.ba_box1bg p {
	padding:0 8px 8px 8px;
}

/* お客様の要望 */
.ba_box1bg h5 {
	width:300px;
	margin:0;
	padding-left:10px;
	text-indent:-9999px;
}
.ba_box1bg h5 {
	padding-top:2px;
}
	
	


/* ビフォーアフター お客様の要望・右写真と矢印 */

.ba_box1b  {	
	width:280px;
	float: right;
	padding-top:5px;
	overflow:hidden;
}

/* BEFORE 写真下のマージン */

.ba_b1bup {
        margin-bottom:10px;	
}

.ba_b1bdown {
	background:url(images/before_yaji_y.jpg) no-repeat center bottom;
	height:41px;
	text-indent:-9999px;
}

/* 大写真用ボックス-afterの背景 */
.ba_box1_z {
	background:url(images/beforeafter_txt_after.gif) no-repeat 25px 15px;
}

.ba_box1_z p {
	padding:10px 30px;
}

/*after 写真表示のマージン */
.ba_box1_z img {
        margin-top:45px;
}





/* ビフォーアフター詳細　pagebox1／中写真＋矢印＋中写真 
-------------------------------------------------------*/

/* beforeafter左 ・写真  */

.ba_boxM600 {
	clear:both;
	width:600px;
	margin:5px auto;
	padding:15px 0 0 10px;
	overflow:hidden;
	font-size:small;
}

.ba_box2a p, .ba_box2b p {
	padding: 5px 7px;
}


.ba_box2a, .ba_box2b, .ba_box2c {
	float: left;
	overflow:hidden;	
}

/* ba 左 */
.ba_box2a {
	width:270px;
}

/* ba 右 */
.ba_box2b {
	width:282px;
}

/* ba 中　矢印 */
.ba_box2c {
	width:43px;
	height:250px;
	background: url(images/before_yaji_x.jpg) no-repeat 0 90px;
	text-indent:-9999px;
}



/*　ビフォーアフター詳細、イベント情報　pagebox1／写真＋テキスト 
---------------------------------------------------------------- */
.box_L4, .box_L5 {
	clear:both;
	width: 590px;
	margin:10px auto;
	overflow:hidden;
	border:1px dotted #633;
	padding-bottom:10px;
}

.box_L4 h4, .box_L5 h4 {
	display:block;
	margin: 0 0 10px 0;
}


/* BAお客様の感想　タイトル */
.box_L4 h4 {
	background:url(images/ba_voice2.jpg) no-repeat;
	text-indent:-9999px;
	height:30px;	
}

/* イベント情報　タイトル */
.box_L5 h4 {
	background:url(images/common_title_h4b.gif) no-repeat;
}

/* BAお客様の感想、イベント情報・テキストと写真 */

.box_L4 img, .box_L5 img {
	/*float:left;*/
	margin:10px 15px 10px 8px;
	display:inline;
}
.box_L4 p, .box_L5 p {
	padding:10px;
}



/* スタッフ一覧　box_L(width 630px)／小サイズ×3・フロート用ボックス 
--------------------------------------------------------------------------- */
/*　Box */

.box_left_c {
	width:200px;
	float:left;
	padding-left:3px;
	overflow:hidden;
}
.box_left_c p {
	text-align:left;	
}

/*　clickボタン */
.box_left_c h5 {
	 text-indent:-9999px;
	 width:88px;
	 height:22px;
	 margin:5px auto;
}

.box_left_c h5 a {
	 background: url(images/staff_click.gif) no-repeat;
	 display:block;
	 width:88px;
	 height:22px;
 }
 
.box_left_c h5 a:hover {
	 background: url(images/staff_click_o.gif) no-repeat;
}




/*　スタッフ紹介　テキスト欄／box_LL(width 605px)
-----------------------------------------------------*/
.staff_box {
	clear:both;
	width: 580px;
	/*background-color: #666;*/
	margin: 10px auto;
	padding:5px 5px 15px 5px;
	text-align:left;
	/*background:url(images/staff_bg1.jpg) repeat;*/
}

.staff_deta {
	clear:both;
	width: 560px;
	margin:5px auto;
	padding:5px;
	border-bottom:1px dashed #999;	
}

.staff_deta dl {
	width:560px;
    padding: 0;	
}

.staff_deta dt, .staff_deta dd {
	line-height:1.4;
	padding:3px 5px 5px 15px;
}

.staff_deta dt {
	float:left;
	width:135px;
	font-weight: bold;
	font-size: 100%;
	color: #300;
	border-left: 1px solid #603;
	letter-spacing: 0.5em;
}

.staff_deta dt.style2 {	
	float:none;
	width:auto;
	font-weight: bold;
	font-size: 100%;
	color: #300;
	border-left: 1px solid #603;
	border-bottom:1px dotted #603;
	letter-spacing: 0;
	font-size:90%;
}
.staff_deta dd img {
	border:0;
	background:none;
}
.staff_deta dd {
	margin-left:135px;
	padding-top:10px;
	border-left:1px dotted #999;
}
.staff_deta dd.style2 {
	margin:0;
	border:none;
}


/* FAQ 一覧頁(pagebox1／faq_h_f)　詳細頁(pagebox1／faq_h)　
----------------------------------------------------------*/

.faq_h_f, .faq_h {
	clear:both;
	width: 610px;
	margin:25px auto;
	padding:0 0 5px 0;
	text-align:left;
	font-size:small;
}

/* FAQ詳細 枠　*/
.faq_h {
	border-left:1px solid #C66;
	border-right:1px solid #C66;
	border-bottom:1px solid #C66;	
}

.faq_h_f h4, .faq_h h4 {
	font-size: small;
	font-weight: bold;
	padding:5px 0 5px 35px;
	background:url(images/faq_h4a.gif) no-repeat;
	margin:0 0 10px 0;	
}

.faq_box {
	clear:both;
	width:590px;
	margin:0 auto;
	text-indent:2.0em;
	margin-bottom:20px;
}

/* FAQ リスト */

.faq_box ul,
.faq_box li {
	margin:0;
	padding:0;
	list-style:none;
}
	
.faq_box li {
	display:block;
	background:url(images/faq_2.gif) no-repeat 5px 5px;
	padding:5px 5px 5px 10px;
}
.faq_box li a {
	text-decoration:underline;
}

/*--------------------------------------------------------------------
各カテゴリページのサムネイルリスト　共通
--------------------------------------------------------------------*/

#common_thumnail_list {
	margin:0 auto;
	padding:20px 0;
	_padding:10px 0;
	width:645px;
}
#common_thumnail_list .list_box {
	background-color:#FFFFFF;
	float:left;
	margin:0 12px 20px;
	_margin:0 10px 10px;
	padding:5px;
	width:180px;
}

#common_thumnail_list .list_box p.img {
	border:1px solid #CCCCCC;
	margin:0 auto 0;
	padding:6px;
	_padding:3px;
}
#common_thumnail_list .list_box .thum_txt {
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
	padding:6px;
	text-align:center;
}

#common_thumnail_list .list_box .thum_txt a{
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
}

/*--最下層アンダーリンク--*/

.back {
	width:300px;
	float:left;
	text-align:left;
	margin:0px 10px 40px 15px;
	_margin:0px 5px 40px 10px;
	}

.next {
	width:300px;
	float:right;
	clear:right;
	text-align:right;
	margin:0px 15px 40px 0px;
	_margin:0px 5px 40px 0px;
}

/*　展示場案内
-----------------------------------------------*/

#title13{margin-bottom:20px}

.exhibition{
margin-left:15px;
width:615px}

.exhibition p{
margin:0 0 20px;
padding:0}

.exhibition ul.photoBox:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.exhibition ul.photoBox{display:inline-block;margin:0 0 10px}

/*\*/
*html .exhibition ul.photoBox{height:1%}
.exhibition ul.photoBox{display:block}
/**/

.exhibition ul.photoBox li{
float:left;
margin:0 0 10px 10px;
width:190px}

.exhibition ul.photoBox li.l{margin-left:0}

.exhibition ul.photoBox li img{
background:none;
padding:0}


.exhibition dl{margin:0 0 20px}
.exhibition dl dt{
font-size:120%;
font-weight:bold}

.exhibition #map_canvas{
height:250px;
width:100%}

/*　会社概要
-----------------------------------------------*/

#title10{margin-bottom:20px}

.company{
margin-left:15px;
width:615px}

.company dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.company dl{display:inline-block;}

/*\*/
*html .company dl{height:1%}
.company dl{display:block}
/**/

.company dl{
background:url(images/comapny_table_bg.gif) repeat-y;
border-bottom:#666 1px solid;
width:615px}

.company dl.first{border-top:#666 1px solid}

.company dl dt{
color:#fff;
display:block;
float:left;
font-weight:bold;
padding:5px 0;
text-align:center;
width:120px}

.company dl dd{
display:block;
float:right;
margin:0 0 0 10px;
padding:5px 0;
width:480px}

.company dl dd dl{background:none;border-bottom:none;width:auto}
.company dl dd dl dt,
.company dl dd dl dd{
color:#333;
float:none;
padding:0;
width:auto}

.company dl dd ul li{
background:url(images/common_icon_001.gif) no-repeat 0 5px;
padding:0 0 0 10px}

.company dl dd dl dt{
font-weight:normal;
text-align:left}

.company dl dd dl dd{margin-left:10px}

.company dl dd dl dd ul li{
font-size:80%;
display:inline}

/*　仕事の流れ
-----------------------------------------------*/
#title7{
margin-bottom:17px}

.works_flow img{
padding:0;
border-style:none}

.works_flow p{padding:0}

.works_flow .flow_box1{margin-bottom:20px}

.works_flow .flow_box2{margin-bottom:20px}

.works_flow .flow_box3{margin-bottom:20px}

.works_flow .flow_mainimg{
margin-bottom:20px;
width:615px;}

.works_flow .flow_mainimg img{
padding:0;
border-style:none}

.works_flow .flow_box1{margin:0 auto 20px}

.works_flow h4{
background:url(images/worksflow_h4bg.jpg) no-repeat scroll 0 0;
margin:5px 0 2px 0px;
padding:9px 0 9px 15px;
}

.works_flow .h4bg{
margin-bottom:20px;
width:600px}

.works_flow .h4bg span{margin-right:25px}

.works_flow .flow_cont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.works_flow .flow_cont{
display:inline-block;
width:615px;
}

/*\*/
*html .works_flow .flow_cont{height:1%}
.works_flow .flow_cont{display:block}
/**/
.works_flow .flow_left01{
float:left;
margin:0 20px;
width:225px;
}

.works_flow .flow_right01{
float:right;
padding:0;
margin-top:0;
margin-right:20px;	
width:320px;
}

.works_flow .flow_left01 img{
padding:0;
border-style:none;
}

.works_flow .flow_right01 img{
padding:0;
border-style:none;
}

.works_flow .flow_left02{
float:left;
padding:0;
margin:0 20px;
width:328px;
}

.works_flow .flow_right02{
float:right;
margin-top:0;
margin-right:20px;	
width:225px;
}

.works_flow .flow_left02 img{
padding:0;
border-style:none;
}

.works_flow .flow_right02 img{
padding:0;
border-style:none;
}
.works_flow .cont_list:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.works_flow .cont_list{
display:inline-block;
padding:0 125px 20px 20px}

/*\*/
*html .works_flow .cont_list{height:1%}
.works_flow .cont_list{display:block}
/**/
.works_flow .le{
float:left;
width:225px
}

.works_flow .ri{
float:right;
width:225px
}
.works_flow .come{
padding-left:20px;}

/*　除雪排雪
-----------------------------------------------*/

h3#title8{margin-bottom:20px}

.snow img{
padding:0;
border-style:none;
}

.snow p,
.snow ul{
padding:0;
margin:0 0 20px}

.snow .inner{
margin:0 15px 20px 0;
width:625px}

.snow .cont_list:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.snow .cont_list{
display:inline-block;
}

/*\*/
*html .snow .cont_list{height:1%}
.snow .cont_list{display:block}
/**/

.snow .le{
float:left;
margin-right:20px;
width:240px
}

.snow .ri{
float:left;
width:240px
}

.snow .sectionH4 .inner{
margin:0 0 10px 20px;
width:575px}

* html .snow .sectionH4 .inner{margin:0 0 10px -10px}
*:first-child+html .snow .sectionH4 .inner{margin:0 0 10px -10px}

.snow .sectionH4 .inner h5{
font-size:120%;
color:#78413D;
font-weight:bold;
border-left:#78413D 6px solid;
margin:0 0 20px;
padding:0 0 0 10px}


.snow .sectionH4 .discount:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.snow .sectionH4 .discount{
border-top:#666 1px solid;
border-right:#666 1px solid;
display:inline-block;
margin:0 1px 20px 0}

/*\*/
*html .snow .sectionH4 .discount{height:1%}
.snow .sectionH4 .discount{display:block}
/**/

.snow .sectionH4 .discount dl{
float:left;
text-align:center;
width:191px}

.snow .sectionH4 .discount dl dt{
background:#9b544e;
border-bottom:#666 1px solid;
border-left:#666 1px solid;
color:#fff;
font-weight:bold;
padding:5px 10px;
text-align:center}

.snow .sectionH4 .discount dl dd{
background:#fff;
border-bottom:#666 1px solid;
border-left:#666 1px solid;
padding:5px 10px;
text-align:center}

.snow .sectionH4 dl.tanpatsu:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.snow .sectionH4 dl.tanpatsu{display:inline-block;}

/*\*/
*html .snow .sectionH4 dl.tanpatsu{height:1%}
.snow .sectionH4 dl.tanpatsu{display:block}
/**/

.snow .sectionH4 dl.tanpatsu{
background:url(images/snow_tanpatsu_bg.gif) repeat-y;
border:#666 1px solid;
margin:0 0 40px}

.snow .sectionH4 dl.tanpatsu dt{
display:block;
text-align:center;
padding:5px 0;
color:#fff;
font-weight:bold;
float:left;
width:190px}

.snow .sectionH4 dl.tanpatsu dd{
display:block;
text-align:center;
font-size:120%;
padding:5px 0;
float:left;
width:380px}

.snow .sectionH4 dl.tanpatsu dd span{font-size:80%}

.snow .contact{
width:349px;
margin:0 auto;
text-align:center}

.snow .contact a{
background:url(images/snow_contact_bg.jpg) no-repeat;
width:349px;
height:63px;
overflow:hidden;
text-indent:-10000px;
display:block}

.snow .contact a:hover{background:url(images/snow_contact_bg.jpg) no-repeat 0 -63px}

/*　個人情報	
-----------------------------------------------*/

.privacy h4{
margin-left:0;
width:600px}

.privacy p{
width:620px;
padding:0;
margin:0 0 20px}

/*　サービス内容	
-----------------------------------------------*/

.service h4{
margin-left:0;
width:600px}

.service p{
padding:0;
margin:0 0 20px}

.service ul.photo:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.service ul.photo{
display:inline-block;
margin:0 0 20px}

/*\*/
*html .service ul.photo{height:1%}
.service ul.photo{display:block}
/**/

.service ul.photo li{
float:left;
margin:0 0 0 20px;
width:190px}

.service ul.photo li img{padding:0}
.service ul.photo li.l{margin:0}

/*　サービス内容	
-----------------------------------------------*/
.law{
margin-left:15px;
width:615px}

.law dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.law dl{display:inline-block;}

/*\*/
*html .law dl{height:1%}
.law dl{display:block}
/**/

.law dl{
background:url(images/comapny_table_bg.gif) repeat-y;
border-bottom:#666 1px solid;
width:615px}

.law dl.first{border-top:#666 1px solid}

.law dl dt{
color:#fff;
display:block;
float:left;
font-weight:bold;
padding:5px 0;
text-align:center;
width:120px}

.law dl dd{
display:block;
float:right;
margin:0 0 0 10px;
padding:5px 0;
width:480px}

/*　料金について
-----------------------------------------------*/

#title16{margin-bottom:20px}

.fee{
margin-right:30px;
width:615px}

.fee p{
padding:0;
margin:0 0 20px}

.fee h4{
background:url(images/fee_h4_bg.jpg) repeat-y;
display:table;
padding:0}

* html .fee h4{height:1%}

.fee h4 span{display:table-cell}

*:first-child+html .fee h4 span{
display:inline;
vertical-align:middle;
zoom:1}

* html .fee h4 span{
display:block;
float:left}

.fee h4 span.plan{
background:#2f161a;
text-align:left;
padding:5px 10px;
vertical-align:middle;
width:645px}

.fee h4 span.cont{
padding:5px 10px;
text-align:center;
vertical-align:middle;
width:288px}


.fee .section{
border:#C9B778 1px solid;
margin:0 0 10px;
padding:25px}

.fee .section2{
text-align:center;
margin-bottom:20px;}

.fee .section dl dt:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.fee .section dl dt{
display:inline-block;
margin:0 0 20px}

/*\*/
*html .fee .section dl dt{height:1%}
.fee .section dl dt{display:block}
/**/

.fee .section dl dt ul li{
float:left;
margin:0 0 0 20px}

.fee .section dl dt ul li.first{margin:0}

.fee .note{
color:#bca658;
font-size:80%}



#map_canvas {
	width:610px;
	height:300px;
	margin:0 auto;
	color:#000;
}

/*--フッターバナーリンク20100628追加--*/

#footer_banner {
	width:920px;
	margin:0 auto;
	text-align:center;
}

#footer_banner img {
	margin:2px;
}

.side_banner .side_banner_box {
	border:1px #FAFAD2 solid;
	padding:10px;
	margin-bottom:10px;
}

.side_banner .side_banner_box p {
	width:135px;
	margin:0 auto;
}

/*　カンナ物置
-----------------------------------------------*/
.clear {
	clear:both;
}
h3#canna_title {
	width:645px;
	margin:0 auto 10px auto;
}
#canna {
	width:620px;
	margin:0 auto;
	color:#666;
	text-align:left;
}

#canna .topimg {
	text-align:center;
}

#canna .box {
	border:1px dotted #999;
	background:#FFF;
	padding:5px;
	margin:0;
}
#canna .box2 {
	padding:10px;
}
#canna h4 {
	font-weight:bold;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	background:#960;
	padding:5px;
	margin:5px auto;
	background:url(images/common_title_h4c.gif) 0 0;
}

#canna h4.title1 {
	color:#F9C;
	font-size:12px;
	color:#C60;
	background:none;
}

#canna .style1 {
	color:#F90;
}

ul#canna_menu {
	margin:15px 0 0 0;
	padding:0;
	list-style-type:none;
}
ul#canna_menu li {
	float:left;
	margin:5px 13px;
	_margin:5px 10px;
}
ul#canna_menu li a {
	display:block;
	width:180px;
	height:29px;
	background:url(images/canna_buttom.jpg) 0 0 no-repeat;
	padding-top:6px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
ul#canna_menu li a:hover {
	color:#F90;
}

#canna .box3 {
	width:500px;
	margin:10px auto;
	background:url(images/canna_boxback02.jpg) bottom center no-repeat;
	text-align:center;
	padding:0 0 25px 0;
	clear:both;
}
#canna .box3 h5 {
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#666;
}
#canna .box3 .textbox {
	margin:10px;
	text-align:left;
}
#canna .box3 .textbox strong {
	display:block;
	color:#F60;
	font-weight:bold;
	font-size:16px;
	border-bottom:1px dotted #CCC;
}

#canna .box3 .boxin {
	clear:both;
}
#canna .box3 .boxin .boxcell {
	width:160px;
	float:left;
	margin-left:2px;
	padding:2px;
	text-align:center;
}
#canna .box3 .boxin .boxcell .imgbox {
	text-align:center;
}
#canna .box3 .boxin .boxcell .title {
	color:#F60;
}
#canna .box3 .boxin .boxcell .text {
	text-align:left;
	padding:0 5px;
}

#canna .box3 .stext {
	text-align:left;
	margin:10px;
}
#canna .box3 .stext strong {
	color:#F30;
}
#canna .box3 .stext p {
	margin:10px 0;
}
#canna .box3 table {
	margin:5px 10px;
}
#canna .box3 td,
#canna .box3 th {
	text-align:left;
}
#canna .box3 th {
	color:#F60;
	padding-top:10px;
}
#canna .box3 td span.price {
	color:#F00;
}
#side_canna {
	margin-top:10px;
}

/*----staffページ集成20110322----*/
.staffbox {
	text-align:left;
	padding-bottom:10px;
	border-bottom:2px dotted #FFF;
	clear:both;
	margin-bottom:15px;
}
.staffbox .staffbox_left {
	width:190px;
	padding:0 10px 0 10px;
	margin:5px 10px 10px 0;
	text-align:center;
	float:left;
}
.staffbox .staffbox_left .profile_btn {
	width:150px;
	margin:10px auto;
}
.staffbox .staffbox_left .profile_btn img {
	border:none;
	padding:0;
}
.staffbox .staffbox_right {
	float:left;
	margin-top:5px;
	width:420px;
}
.staffbox .staffbox_right .line {
	padding:5px;
	border:1px dotted #960;
	background:#FFF;
	margin-bottom:5px;
	width:400px;
	display:block;
	clear:both;
}
.staffbox .staffbox_right .line span {
	width:35px;
	display:block;
	float:left;
	margin-right:5px;
	font-weight:bold;
	float:left;
}
.staffbox .staffbox_right .line img {
	border:0;
	background:none;
}
.staffbox .staffbox_right .line .text {
	width:350px;
	display:block;
	float:left;
	border-left:1px dotted #960;
	padding-left:5px;
}

/*----施工実績詳細[デザインのポイント](20111027追加)----*/

.box_dpoint {
	padding-bottom:10px;
}

.box_dpoint_pic {
	width:280px;
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	overflow:hidden;
}