@charset "utf-8";
html {
	background:url(../../img/bg_repeat.jpg) repeat-x;
	margin: 0;
	padding: 0;
}
body {
	background:url(../../img/bg.jpg) no-repeat center 0px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 14px;
	color: #231815;
	margin: 0;
	padding: 0;
}

img {
	border:0px;
}

h1, h2, h3, p { margin:0px;padding:0px; }

.clear { clear:both; }

.mg10t { margin-top:10px; }
.mg20t { margin-top:20px; }
.mg30t { margin-top:30px; }

.mg5r { margin-right:5px; }
.mg10r { margin-right:10px; }
.mg15r { margin-right:15px; }

.mg6l { margin-left:6px; }
.mg10l { margin-left:10px; }

.mg5b { margin-bottom:5px; }
.mg10b { margin-bottom:10px; }
.mg15b { margin-bottom:15px; }
.mg20b { margin-bottom:20px; }
.mg30b { margin-bottom:30px; }
.mg40b { margin-bottom:40px; }
.mg50b { margin-bottom:50px; }


.fs10 { font-size:10px; }


.fc01 { color:#0000ff; }
.fc02 { color:#1f1813; }
.fc03 { color:#000000; }

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

/* header_container */
div#header_container {
	width:950px;
	height:90px;
	margin:0 auto;
}
div#header_container h1 {
	padding:23px 0px 0px 25px;
	font-size:12px;
	font-weight:normal;
	color:#203153;
}
div#header_container h1 img {
	margin-right:27px;
	vertical-align:middle;
}
ul.menu_area {
	list-style:none;
	margin:0px;
	padding:20px 0px 20px 0px;
}
ul.menu_area li {
	float:left;
}


/* content_container */
div#content_container {
	background:url(../../img/content_bg_h.gif) #fff000 0px 0px no-repeat;
	width:950px;
	margin:0 auto;
}

div#vi_area {
	padding:0px 20px 0px 20px;
}

.block_illust_relative {
	position: relative;
}

div#block_box {
	background:url(../../img/block_frame_bg.gif) repeat-y;
	width:916px;
	margin:0 auto;
}

div#block_box02 {
	width:909px;
	margin:0 auto;
}


/* **************************************************************
                          忘れない/知らせる
******************************************************************/

div#block_box p.block_illust01 { position: absolute;top:-7px;left:-5px;margin:0px;padding:0px; }
div#block_box h2.block1_title {
	margin:18px 0px 0px 75px;
}
div#block_box div.block_content {
	margin:21px 23px 23px 23px;
}
table.calender_area {
	background:#d1d1d1;
	float:left;
	margin-right:10px;
}
p.googlecalender_link {
	padding:3px 3px 13px 3px ;
	border-bottom:1px #d4d4d4 dotted;
}
p.googlecalender_link img {
	margin-left:10px;
	vertical-align:middle;
}
p.ical_link {
	padding:13px 3px 3px 3px ;
}
p.ical_link img {
	margin-left:10px;
	vertical-align:middle;
}
table.social_area {
	background:#d1d1d1;
	float:left;
}
.social_btn {
	margin:0 auto;
	width:;200px;
	padding:21px 0px;
}
.social_btn .facebook {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
	width: 100px;
}
.social_btn .googleplus {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline;
	width: 90px;
}
.social_btn .mixi {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline;
	width: 100px;
}
.social_btn .twitter {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline;
	width: 120px;
}


/* ----------cm_block---------- */
div#block_box h2.cm_block_title {
	margin:33px 0px 31px 80px;
}
div#block_box p.cm_block_illust01 { position: absolute;top:-5px;left:0px;margin:0px;padding:0px; }
div.cm_youtube_area01 {
	margin-bottom:23px;
}
/* ----------cm_block---------- */


/* **************************************************************
                          工事情報
******************************************************************/

div#block_box h2.block2_title {
	margin:33px 0px 0px 80px;
}
div#block_box p.block_illust02 { position: absolute;top:-33px;left:20px;margin:0px;padding:0px; }
div#block_box div.block2_content {
	margin:31px 23px 5px 29px;
}
div.block2_content .text_area {
	width:640px;
	margin-right:19px;
	margin-bottom:31px;
	float:left;
	line-height:28px;
	font-size:14px;
}
div.block2_content .text_area p {
	margin:10px 0px 0px 2px;
}
div.block2_content .photo_area {
	width:205px;
	margin-bottom:31px;
	float:left;
}
div.block2_content .photo_area p {
	margin:5px;
	text-align:center;
}
div.block2_content .text_area2 {
	width:604px;
	margin-top:12px;
	margin-left:20px;
	float:left;
	line-height:28px;
	font-size:14px;
	margin-bottom:px;
}
div.block2_content .text_area2 p {
	margin:10px 0px 0px 2px;
}
div.block2_content .photo_area2 {
	width:240px;
	float:left;
}
div.block2_content .photo_area2 p {
	margin:5px;
	text-align:center;
}

div.block2_content .text_area3 {
	width:640px;
	margin-top:23px;
	margin-right:19px;
	float:left;
	line-height:28px;
	font-size:14px;
}
div.block2_content .text_area3 p {
	margin:10px 0px 0px 2px;
}
div.block2_content .photo_area3 {
	width:205px;
	float:left;
}
div.block2_content .photo_area3 p {
	margin:5px;
	text-align:center;
}


/* **************************************************************
                          工事実施
******************************************************************/

div#block_box p.block_illust03 { position: absolute;top:-3px;left:20px;margin:0px;padding:0px; }

div#block_box div.block3_content {
	margin:31px 23px 5px 31px;
}

div.block3_content .box01 {
	width:870px;
	line-height:28px;
	font-size:14px;
	margin:0 auto 50px;
}

div.block3_content .box01 h3 {
	margin:0 0 10px;
}

div.block3_content .box01 p {
	width:740px;
	margin:10px 0 0;
}


div.block3_content .box01 table {
	width:870px;
}

div.block3_content .bg01  {
	width:870px;
	background:url(../img/block_illust02.png) 780px 0 no-repeat;
	}

div.block3_content .bg02  {
	width:870px;
	background:url(../img/block_illust03.png)  750px 75px no-repeat;
	}

div.block3_content .bg03  {
	width:870px;
	background:url(../img/block_illust04.png) 750px 10px no-repeat;
	}



/* **************************************************************
                          その他
******************************************************************/

div#block_box h2.block6_title {
	margin:30px 0px 0px 128px;
}
div#block_box p.block_illust06 { position: absolute;top:-7px;left:17px;margin:0px;padding:0px; }
div#block_box div.block6_content {
	margin:26px 23px 23px 23px;
}
div.block6_content .left_area {
	width:610px;
	margin-right:20px;
	float:left;
}
div.block6_content .right_area {
	width:240px;
	margin-top:6px;
	text-align:center;
	float:left;
}
div.block6_content .right_area strong {
	width:240px;
	color:#054ee4;
}

.other_list1 {
	float:left;
	width:295px;
	margin-right:20px;
}
.other_list1 img {
	margin-right:12px;
	float:left;
}
.other_list1 p {
	margin-top:6px;
	line-height:18px;
	font-size:12px;
}
.other_list1 p strong {
	color:#054ee4;
}

.other_list2 {
	float:left;
	width:295px;
}
.other_list2 img {
	margin-right:12px;
	float:left;
}
.other_list2 p {
	margin-top:6px;
	line-height:18px;
	font-size:12px;
}
.other_list2 p strong {
	color:#054ee4;
}





/* footer_container */
div#footer_container {
	width:950px;
	padding-top:20px;
	padding-bottom:23px;
	margin:0 auto;
	text-align:center;
}
div#footer_container .footer_navi_area {
	font-size:10px;
	margin-top:65px;
}
div#footer_container .footer_navi_area a {
	color:#655d5b;
}
div#footer_container .footer_navi_area img {
	vertical-align:middle;
}



div#copyright_area {
	background:#f0f0f0;
	text-align:center;
}


div.toppage_btn {
	width:888px;
	margin:0 auto;
	padding:8px 0px 18px 0px;
	text-align:right;
}

div.vi_left {
	width:650px;
	float:left;
}
div.vi_right {
	padding:30px 0px 0px 0px;
	width:260px;
	float:right;
}

/* ----------none google map---------- */
#map_canvas {
	background:url('../img/block3_googlemap01.gif');
}
/* ----------none google map---------- */


/* ----------　for vertical lines -----*/
span.tate-cho{
    display:block;
    -moz-transform: matrix(0, 1, 1, 0, 0, 0);
    -webkit-transform: matrix(0, 1, 1, 0, 0, 0);
    -o-transform: matrix(0, 1, 1, 0, 0, 0);
}