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


*{
	margin:0;
	padding: 0;
}
p, h1, h2      ,h3,h4,ul{
	margin: 0px;
	padding: 0px;
	display: block;
}
h4     {
	font-size: 14px;
	font-weight: bold;
}


p {
	display:block
}


body {
	background-image: url(images/body_background.jpg);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #58595B;
}

strong {
	font-weight: normal;
}


.clear {
	clear: both;
}

.mbttom5 {
	margin-bottom: 5px;
	display: block;
}

.mbttom15 {
	margin-bottom: 15px;
	display: block;
}

.mbttom20 {
	margin-bottom: 20px;
	display: block;
}



.grey14 {
	font-size: 14px;
	color: #58595B;
	line-height: 22px;
}
.red12 {
	font-weight: bold;
	color: #F00;
	font-size: 12px;
}
.orange12{
	color: #F60;
	font-size: 12px;
}


.orange14{
	color: #F60;
	font-size: 14px;
}

.blue12{
	color: #00A0EA;
}

.contR_wrap{
	width: 690px;
	margin-bottom: 30px;
	padding-left: 15px;
}
.contR_wrap2{
	width: 675px;
	padding-left: 30px;
	padding-bottom: 45px;
}
.box01   {
	width: 690px;
	margin-bottom: 25px;
	display: block;
}
.box02   {
	width: 665px;
	margin-bottom: 25px;
	display: block;
	padding-left: 25px;
}
.box03   {
	width: 675px;
	margin-bottom: 25px;
	display: block;
}


#container {
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	width: 950px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 160%;
	background-image: url(images/container_background.jpg);
	background-repeat: repeat-y;
	color: #58595B;
	letter-spacing: 0.15em;
}


/* ▼共通　ヘッダー部分　*/

#header {
	width: 950px;
	background-image: url(images/head_background.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#headerL {
	width: 406px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#headerR {
	width: 544px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #33B3ED;
	background-image: url(images/cl_top_header_parts.jpg);
	background-repeat: no-repeat;
}

#header .topcopy {
	width: 935px;
	height: 20px;
	padding-left: 15px;
	font-size: 12px;
}

#otoiawaseL {
	width: 265px;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#otoiawaseL p{
	font-size: 12px;
	font-weight: bold;
}


#otoiawaseR {
	float:left
}

#topicpath {
	margin: 0;
	width: 240px;
	float: right;
}

#topicpath li {
	float: left;
	margin-right: 15px;
}

#topicpath #home a{
	background-image: url(images/head_pass_home.jpg);
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 100px;
}

#topicpath #home a:hover {
	background-image:url(images/head_pass_home_hover.jpg)
}


#topicpath #contact a{
	background-image: url(images/head_pass_otoiawase.jpg);
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 100px;
}

#topicpath #contact a:hover {
	background-image:url(images/head_pass_otoiawase_hover.jpg)
}



/* ▼共通　contentswrap　*/


#contentswrap {
	width: 950px;
	margin-bottom: 70px;
}


/* ▼共通　サイドメニューのラップ　*/

#contL {
	float: left;
	width: 190px;
	padding-left: 20px;
}

/* ▼共通　contLエリア内　*/

#btn_contact a {
	background-image: url(images/btn_contact.jpg);
	text-indent: -9999px;
	display: block;
	height: 120px;
	width: 190px;
}
#btn_contact a:hover {
	background-image:url(images/btn_contact_hover.jpg);
	text-decoration: none;
}
#btn_message a {
	background-image: url(images/btn_message.jpg);
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 190px;
}
#btn_message a:hover {
	background-image:url(images/btn_message_hover.jpg)
}

#btn_machine a {
	background-image: url(images/btn_machine_off.jpg);
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 190px;
}
#btn_machine a:hover {
	background-image:url(images/btn_machine_on.jpg)
}

#btn_goods a {
	background-image: url(images/btn_goods_off.jpg);
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 190px;
}
#btn_goods a:hover {
	background-image:url(images/btn_goods_on.jpg)
}

#btn_pack a {
	background-image: url(images/bnr_pack.jpg);
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 190px;
}
#btn_pack a:hover {
	/*background-image:url(images/bnr_pack.jpg)*/
	opacity: 0.8;
	filter: alpha(opacity=80);

}

#btn_link a{
	background-image: url(images/btn_link.jpg);
	text-indent: -9999px;
	display: block;
	height: 47px;
	width: 190px;
}
#btn_link a:hover {
	background-image:url(images/btn_link_hover.jpg)
}
#menulist {
	width: 190px;
	background-image: url(images/s_navi_line.jpg);
	background-repeat: repeat-y;
	font-size: 12px;
	letter-spacing: 0.1em;
}
#menulist ul {
	padding-top: 10px;
	padding-left: 15px;
}

#menulist li {
	margin-bottom: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #02A0E7;
	padding-left: 7px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#menulist a {
	color: #58595B;
}
#menulist a:hover{
	color: #02A0E7;
	padding-left: 5px;
}


/* ▼共通　メインコンテンツのラップ　*/

#contR {
	width: 705px;
	float: left;
	margin-left: 15px;
}


/* ▼共通　フッター部分　*/

#footarea {
	width: 950px;
}
#copyright {
	height: 35px;
	width: 950px;
	background-image: url(images/copyright_background.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#copyright p{
	height: 20px;
	width: 325px;
	float: right;
	color: #FFF;
	font-size: 10px;
	letter-spacing: 0.1em;
}


#foot_navi {
	width: 950px;
	background-image: url(images/foot-background.jpg);
	background-repeat: repeat-y;
	display: block;
	padding-right: 40px;
	padding-left: 40px;
}
#foot_navi a:hover {
	color: #02A0E7;
}


/* ▼共通　ページのトップへNavi　*/

.goto_pagetop {
	float: right;
	margin-bottom: 15px;
}
.goto_pagetop a{
	background-image: url(images/goto_pagetop_01.jpg);
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 125px;

}

.goto_pagetop a:hover{
	background-image: url(images/goto_pagetop_02.jpg);
}



/* ▼TOPページ　メインエリア　上部分　*/


#mainarea {
	width: 950px;
	margin-bottom: 20px;
}


#mainL {
	width: 478px;
	float: left;
}


#mainL_top {
	background-image: url(images/main_background01.jpg);
	padding-left: 113px;
	height: 97px;
}


#mainL_top a {
	text-indent: -9999px;
	display: block;
	height: 28px;
	width: 327px;
	background-image: url(images/main_btn.jpg);
}


#mainL_top a:hover {
	background-image: url(images/main_btn_hover.jpg);
}

#mainL_bottom {
	width: 478px;
}

#mainL p {
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 10px;

}

#mainR {
	width: 472px;
	float: right;
}

#headerFlash{
	margin:0 0 0 1px;
}

/* ▼TOPページ　メインエリア　小見出しh3　*/


.top_h3  {
	width: 705px;
	background-image: url(images/top_titlebar.jpg);
	background-repeat: no-repeat;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 3px;
	padding-left: 20px;
	margin-bottom: 20px;
}
/* ▼TOPページ　info */
.mark {
	float: left;
}
.info p {
	display: block;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #F7921E;
	width: 550px;
}

/* ▼TOPページ　#topics */

#topics .tp_area {
	background-image: url(images/top_topic_backimg.jpg);
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:35px;
	width: 670px;
}

/*#topics .tp_area .photo{
	width: 140px;
	height: 105px;
	float: left;
	margin-left: 30px;
	margin-right: 15px;
}*/

#topics .tp_area .topibox {
	width: 615px;
	/*float: left;*/
}

#topics .tp_area .topibox p a,#topics .tp_area .topibox .M_B_10 span.M_B_10 a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58595B;
}

#topics .tp_area .topibox p.M_B_10 a {
	border:none;
}



#topics .tp_area .topibox p a:hover {
	color: #02A0E7;
	border-bottom-color: #02A0E7;
	}

#topics .tp_area .box p a img{
vertical-align: middle;
}


/* ▼TOPページ　システム概要 */

#sistem{
	width: 705px;
	margin-bottom: 45px;
}

#sisL {
	float: left;
	width: 345px;
	margin-right: 15px;
}


#sistem .textbox01 {
	width: 315px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#sistem .textbox02 {
	margin-bottom: 15px;
	margin-left: 15px;
	width: 310px;
	padding-right: 5px;
}


#sisR {
	float: left;
	width: 345px;
}

/* ▼TOPページ　サポート */

#support .box01 .img {
	margin-right: 15px;
	float: left;
}
#support .textbox01  {
	width: 524px;
	float: left;
	padding-top: 30px;
}
#support .textbox02  {
	float: left;
	width: 344px;
	padding-top: 20px;
	padding-left: 20px;
	background-image: url(images/top_jigyou_background.jpg);
	background-repeat: no-repeat;
}

#support .sis_imgs {
	margin-right: 15px;
	margin-bottom: 15px;
}


/* ▼TOPページ　実績 */

#jisseki .textbox  {
	float: left;
	width: 329px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 15px;
}

#jisseki .jissekiimg {
	height: 110px;
	width: 142px;
	margin: 0 15px 10px 0;
	background-image: url(images/jisseki_imgframe.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	float: left;
}




/* ▼TOPページ　メインエリア内　お問い合わせ　*/

.main_contactinfo {
	float: left;
	width: 338px;
	font-weight: bold;
}
.otoiawase_btn  {
	width: 352px;
	float: left;
}

.otoiawase_btn a {
	background-image: url(images/btn_contact02_a.jpg);
	text-indent: -9999px;
	display: block;
	height: 56px;
	width: 352px;
}
.otoiawase_btn a:hover {
	background-image:url(images/btn_contact02_hover.jpg)
}





/* ▼土地情報 */

#Land_information {
	width: 705px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	margin-bottom: 45px;
}

#Land_information A:hover{
	color:#F63;
}

.Landinfo_L {
	width: 160px;
	margin-right: 15px;
	float: left;
}
.Landinfo_R {
	width: 530px;
	float: left;
}


.Landinfo_R p span {
	font-weight: bold;
}

/* ▼ご検討の方へのページ　*/

#message_textbox p {
	margin-bottom: 30px;
}

.mesg_box {
	width: 675px;
}
.mesg_boxR {
	float: right;
	width: 259px;
}
.mesg_boxR a{
	text-indent: -9999px;
	display: block;
	height: 34px;
	width: 103px;
	background-image: url(images/shop_image_vew00.jpg);
	float: right;
}
.mesg_boxR a:hover {
	background-image:url(images/shop_image_vew01.jpg)
}
.mesg_boxL {
	float: left;
	width: 401px;
	padding-right: 15px;
}


/* ▼お問い合わせページ　　運営会社　*/
.co_textbox   {
	width: 662px;
	margin-bottom: 15px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #02A0E7;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.co_L {
	float: left;
	width: 200px;
}
.co_R {
	float: left;
	width: 462px;
}
a .cameraicon {
	vertical-align:middle

}


/* ▼店舗工事請負についてのページ　*/

#about_const .textarea{
	margin-bottom: 25px;
	}


#about_const .hl_01{
	width: 675px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	background-color: #F8F8FA;
	padding-bottom: 10px;
}

#about_const h3 p{
	font-size: 16px;
	width: 300px;
	margin-left: 15px;
	}

#about_const .group{
	width: 660px;
	margin-bottom: 45px;
	}
#about_const .group .set{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}

#about_const .group .title{
	float: left;
	width: 345px;
	min-height:98px;
	height:auto !important;
	height:98px;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFBA8C;
	padding-left: 10px;
	margin-right: 15px;
	color: #F60;
	font-size: 14px;
}

#about_const .group .title .comment{
	font-weight: normal;
	font-size: 12px;
	color: #58595B;
	}

#about_const .title a{
	font-size: 12px;
	}

#about_const .title a:hover{
	color: #02A0E7;
	}


#about_const .group .photo{
	float: left;
	width: 285px;
	margin-bottom: 10px;
}
#about_const .group .photo img{
	float: right;
	margin-left: 2px;
}
/* link */
#link{
	margin:0 0 45px 0;
	padding:0 30px;
}
#link .example-col{
	background:url(../images/contact/cl_privacy_img.jpg) no-repeat 0 0;
	margin:20px 0;
	padding:4px 0 0 50px;
}
#link h4{
	height:26px;
}
#link p{
	margin:10px 0;
}
body #link a.ex{
	text-decoration:underline;
}
body #link a.ex:hover{
	text-decoration:none;
}

/* form */
body #frm_contact{
	background:url(images/contact/cl_contact_backimg02.jpg) repeat-y 0 0;
	width:560px;
	margin:0;
}

#link .msg{
	display:none;
}

#link .choice_msg{
	color:#F6921D;
	font-weight:bold;
}

#link img{
	padding:0 0 0 0;
	vertical-align:middle;
}

body #link #frm_contact th{
	width:200px;
}

/* detail */
.todetail-right{
	text-align:right;
	margin:10px 0 0 0;
}
.todetail-left{
	margin:10px 0 0 0;
}
body .todetail-right a,
body .todetail-left a{
	border-bottom:1px solid #58595B;
}
body .todetail-right a:hover,
body .todetail-left a:hover{
	color:#02a0e7;
	border-bottom:1px solid #02a0e7;
}
#detail{
	padding:0 20px 0 30px;
}
#detail .col{
	clear:both;
	float:left;
	width:655px;
	margin:0 0 30px 0;
}
#detail dl{
	width:345px;
}
#detail dt{
	padding:0 0 10px 0;
}
#detail dd{
	padding:0 0 10px 15px;
}
#detail .col-process{
	clear:both;
	float:left;
	width:625px;
	display:inline;
	background:url(../images/indent.jpg) no-repeat 0 0;
	border-bottom:1px dotted #ccc;
	margin:10px 0 10px 0;
	padding:0 0 0 30px;
}
#detail .process-left{
	float:left;
	width:500px;
}
#detail h3{
	color:#00A0EA;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}
#detail .tex_2{
	margin:10px 0;
}
#detail .col-process img{
	padding:0 0 10px 0;
}
/* float */
.col-left{
	float:left;
}
.col-right{
	float:right;
}
.img-left{
	float:left;
	margin:0 40px 0 0;
}
.img-right{
	float:right;
	margin:0 0 0 40px;
}

.topi_box{
	position:relative;
	border-bottom:1px dotted #ccc;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
.topi_box .photo{
	float:left;
}
.topi_box .topi_box_R{
	float:right;
	width:375px;
	padding:0 0 0 10px;
}
.topi_box h3{
	border-left:6px solid #00A0EA;
	margin:0 0 10px 0;
	padding:0 0 0 3px;
}
.topi_box_R .shousai li{
	float:left;
	padding:0 5px 5px 0;
}
.topi_box_R .bihin{
	background:#F60;
	padding:2px;
	color:#fff;
	display:inline;
}
.topi_link{
	position:absolute;
	right:0;
	bottom:20px;
}

.C:after{  
	content:".";  
	display:block;  
	height:0;  
	clear:both;  
	visibility:hidden;  
}  
.C{
	display:inline-block;
}  
/* HIdes from IE-mac */  
*html .C{
	height:1%;
}  
.C{
	display:block;
}  
/* End hide from IE-mac */

.M_B_10{
	margin-bottom:10px;
}