@charset "UTF-8";

*{
margin:0;
padding:0;
}

body{
margin:0;
background-image:url('../img/bg.gif');
background-repeat: repeat-y;
background-color:#ffffff;
font-size:10px;
_font-size:62.5%;
line-height:2.0;
/*font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";*/
font-family: "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "細明朝体", "平成明朝", "ＭＳ Ｐ明朝";
}

h1,h2,h3,h4,h5{
margin:0;
}

img{
border:0;
padding:0px;
}

.ttl{
margin-bottom:10px;
}

br.clr{
clear:both;
}


.fnt12{font-size:1.2em;}
.fnt14{font-size:1.4em;}
.fnt15{font-size:1.5em;}
.fnt16{font-size:1.6em;}
.fnt18{font-size:1.8em;}

.fnt12b{font-size:1.2em; font-weight:700;}
.fnt14b{font-size:1.4em; font-weight:700;}

/*uy*/
.pen{
background-color:#ff0;
padding:2px;
}

.red{color:#ff6002;}
.blue{color:#0550E0;}


a:link{color:#0000ff;text-decoration:underline;}
a:visited{color:#0000ff;text-decoration:underline;}
a:hover{color:#0000ff;text-decoration:underline;}
a:active{color:#0000ff;text-decoration:underline;}

/*clearfixnbN
------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}



/*top
------------------------------------------------------------ */



#wrap{
position:relative;
margin:0px auto;
padding:0px;
width:800px;
background-image:url('../img/bg_w.gif');
min-height:100%;
}



*html div#wrap{
height:100%;
}


#container{
width:760px;
margin:0px auto;
padding:0px;

}

#lead{
width:760px;
height:28px;
background-color:#0550e0;　/*3367cc*/
margin:0px auto;
}

h1.header{
font-size:1.2em;
line-height:1;
color:#ffffff;
padding-top:8px;
padding-left:15px;
margin:0;
font-weight:normal;
}

#header{
	width:760px;
	margin:10px 0px 5px 0px;
	height: 56px;	
}

#hd_logo{
width:294px;
float:left;
padding-left: 15px;
}

#hd_right{
width:243px;
float:right;
}


#hd_link ul{
float:right;
list-style:none;
margin:0px;
padding:5px 0px 0px;
}

#hd_link li{
display:block;
float:left; 
margin-left:5px;
height:15px;
}


#top_img{
clear:both;
width:760px;
margin:0px;
padding:0px;
}



#hd_menu{
width:760px;
height:40px;
margin:auto;}

#menubar ul{
list-style-type :none;}

#menubar li{
display:inline;
padding:0px;
margin:0;
float:left;}


ul#menu{
width:210px;
margin:10px auto 20px;
padding:0px;
}

ul#menu li{
list-style:none;
margin:0px;
padding:0px;
width:210px;
height:46px;
}

ul#menu li.t{
list-style:none;
margin:0px;
padding:0px;
width:210px;
height:47px;
}

#second_img{
clear:both;
width:760px;
margin:10px 0px 0px;
padding:0px;
border-bottom:1px solid #999;
}


/*maincontent*/
#maincontent{
width:720px;
margin:0px;
padding:20px;}

#main{
	width:510px;
	float:left;}

#main_area{
	width:480px;
/*	overflow:hidden;*/
}

#contact01 img{
width:480px;
padding:0px;
margin:20px 0px 0px 20px;
}

#contact img{
width:480px;
padding:0px;
margin:20px 0px 0px 0px;
}

.main_name{
margin-top:20px;
width:260px;
height:106px;
float:right;
font-size:12px;
padding-top:5px;
}

.main_name img{
float:right;
}

.main_name2 img{
margin:5px auto 5px;}

.main_name3 img{
float:right;
}

.pagetop{
width:480px;
margin:20px 0px 0px;
text-align:right;
clear:both;
font-size:12px;
color:#000000;}


.pagetop01{
margin:20px 0px 20px 20px;
text-align:right;
clear:both;
font-size:12px;
color:#000000;
float:right;}

.main_inner p{
font-size:1.4em;
padding:5px 0px;
}


/*sub*/

#sub{
	float:right;
	width:210px;
	overflow:hidden;
	}

.sub_bnr{
margin-bottom:15px;}



.border{
clear:both;
width:760px;
height:11px;
margin:0px 0px 2px 0px;
padding:0;}

#area{
width:210px;
height:65px;
background:url(../img/area_bg1.gif) no-repeat;
margin-bottom:10px;
}

#area_inner{
padding:39px 12px 0px 56px;
font-size:10px;
line-height:10px;
}


/*--お客様の声--08/04/28追加--*/

.top_voice{
display:inline;
float:left;
width:480px;
padding:10px 0px;
clear:both;
}

.voice_h{
float:left;
width:480px;
margin-top:15px;
}

.top_voice img{
float:left;
width:126px;
padding:3px;
border:solid #999999 1px;
margin-bottom:5px;
margin-right:10px;
}


/*news*/

#news{
clear:both;
width:480px;
padding-bottom:40px;
font-size:1.2em;}

.news_h{
float:left;
width:480px;
margin-bottom:10px;}


.news_link{
width:460px;
margin-top:10px;
padding-left:10px;
}

.new{
width:460px;
border-bottom:1px dotted #ccc;
padding-bottom:2px;
margin-bottom:2px;
}

.clr{
clear:all;
}

/*map
------------------------ */

ul.map{
padding-left:20px;
font-size:1.2em;
}

/*footer*/

#footer{
clear:both;
width:760px;
padding-top:0px;
margin-top:0px;
color:#696969;
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
line-height:1.5;
}


.footer_inner{
border-top:1px solid #ccc;
width:730px;
margin:0px auto 5px;
font-size:1.2em;
padding-top:5px;
}

.footer_inner img{
float:right;
}

.footer_line{
border-top:5px solid #cfdbff;
width:760px;
height:40px;
background-color:#0550e0;
padding:0px;
margin:0px auto;
}


.footer_line_le{
float:left;
margin:0px;
padding:0px 15px 0px;
font-size:12px;
letter-spacing:1px;
line-height:37px;
color:#ffffff;}


.footer_line ul{
list-style:none;}

.footer_line li{
float:right;
margin:0px 20px 0px 0px;
padding:0px 13px 0px 0px;
list-style:none;
display:block;
background-image:url(../img/footer_b.gif);
background-repeat:no-repeat;
background-position:right;
}

.footer_line a{
font-size:10px;
letter-spacing:0.5px;
line-height:37px;
text-decoration:none;
text-align:left;}



.footer_line a:link{color:#ffffff;text-decoration:none;}
.footer_line a:visited{color:#ffffff;text-decoration:none;}
.footer_line a:hover{color:#990000;text-decoration:none;}
.footer_line a:active{color:#990000;text-decoration:none;}



/*senmon.html*/

.senmon_h{
margin-bottom:20px;}




/*about.html*/

.about_tbl{
width:450px;
border-collapse: separate;
border-spacing: 3px;
}


.about_l{
	background:#eeeeee;
	padding:7px;
	text-align:center;
	font-size:1.4em;
	width:75px;
}

.about_r{
	padding:7px;
	font-size:1.4em;
}

#about_news{
width:430px;
border:2px dotted #ccc;
padding:15px;
margin:auto;
}

.about_news_l{
float:left;
width:170px;
}

.about_news_r{
float:left;
padding-left:10px;
}



/*voice.html*/

.voice{
width:480px;
padding:10px 0px;
border-bottom:2px dotted #ccc;
clear:both;
}

.voice_l{
width:126px;
float:left;
text-align:center;
font-size:1em;
line-height:1.4;
margin:0px 20px 0px 0px;
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
}

.voice_l img{
width:126px;
padding:3px;
margin-bottom:5px;
}

.photo{
border:solid #999999 1px;
}

.voice_r{
width:326px;
float:left;
font-size:1.2em;
/*font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";*/
}

.voice_ttl{
padding-bottom:5px;
font-size:1.2em;
color:#205bd1;
}

.voice_u{
text-align:right;
margin-top:10px;}

.nextpage{
text-align:right;
font-size:1.2em;
}

.btn_voice{
/*width:168px;*/
margin:5px 0px;
}


/*staff.html*/

.staff_tbl{
padding:5px;
border-bottom:2px dotted #aaa;
}


/*.staff_tbl img{
width:180px;
padding:3px;
margin:10px;
border:solid #999999 1px;}*/


/*sitemap*/
#sitemap{
margin-left:20px;
font-size:1.4em;
}



/*jirei/html*/

.jirei{
width:480px;
padding:10px 0px;
margin-bottom:10px;
border-bottom:2px dotted #ccc;}

.jirei img{
margin:10px 0px 10px 0px;
padding:4px;
}

/*
.jirei2{
width:450px;
padding:10px 0px;
border:1px solid #ccc;
}*/


.jirei_l{
width:170px;
float:left;
}

.jirei_m{
width:35px;
height:104px;
margin:0px 12px;
float:left;
background:url(../img/jirei_arrow_33_b.gif) top left no-repeat;
}

.jirei_r{
float:left;
width:243px;
}


.jirei_ttl{
font-weight:bold;
font-size:1.6em;
padding-left:10px;
color:#000080;
}


.date{text-align:right;}


.nextpage{
text-align:right;
font-size:1.2em;
clear:both;
}

/*
.date_b{
text-align:right;
width: 170px;}


.date_a{
text-align:right;
width:275px;}
*/

.btn_more img{
padding:0px;
margin:0px;
border:none;}

.jirei h2 img{
padding:0px;
margin:0px;
border:none;
margin-top:0px;
margin-bottom:10px;}


/*contact.html*/
.frm_name{
width:100px;
}


/*rinen
------------------------ */
p.rinen{
padding-left:35px;
padding-bottom:20px;
}


.hosyo{
width:480px;
margin:0px auto 30px auto;
text-align:center;
}

.hosyo img{
margin:auto;
}

/*blog
------------------------ */
.post {
margin: 0 0 40px;
text-align: justify;
padding-top: 5px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
}

.post h2{
padding-left:15px;
border-left:6px solid #333;
margin-bottom:10px;
clear:both;
}

.post h3{
padding-left:15px;
border-left:6px solid #333;
margin-bottom:10px;
clear:both;
}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
	
.entry p{
font-size:1.2em;
line-height:1.4em;
}

.postmetadata {
color:#999;
	}

.postmetadata a{
color:#999;
	}
	
.postmetadata {
	padding-top: 5px;
	}
.postmetadata {
	clear: left;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.blognavi {
	display: block;
	text-align: center;
	padding-bottom: 60px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.menu{
width:210px;
margin:1px auto 15px;
padding:0px;
}

.menuarea{
margin:1px 10px 15px;
width:210px;
font-size:1.2em;
}

.menuarea li{
list-style:none;
}

.blogdate{
text-align:right;
font-size:1.2em;
}

#blog_img{
clear:both;
width:730px;
margin:10px auto 0px;
}



/*見積もり
------------------------ */

.estimate_tbl{
width:465px;
margin:10px auto;
}

.estimate_form{
width:480px;
border-collapse: separate;
border-spacing: 3px;
margin:10px auto;
}

.estimate_l{
background:#eeeeee;
padding:7px;
text-align:center;
font-size:1.2em;
width:100px;
}

.estimate_r{
padding:7px;
font-size:1.2em;
}

.nextpage{
text-align:right;
font-size:1.2em;
clear:both;
}


.frm_name{
width:100px;
}

.frm_mail{
width:160px;
}

.frm_tel{
width:120px;
}

.frm_adrs{
width:260px;
}


.main_inner1{
margin-bottom:20px;}

.main_inner1 p{
font-size:1.4em;
padding:5px 0px;
}

h3.ttl{
margin-bottom:10px;
clear:both;
}


/*ガイナ
------------------------ */

table.tbl,
table.tbl2{
	margin-left:10px;
	width:465px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	border-spacing:0;
	border-collapse:collapse;
}

.tbl td,
.tbl th,
.tbl2 td,
.tbl2 th{ 
	padding:5px;
	font-size:1.2em;
	line-height:1.5;
	border:1px solid #999;
	vertical-align:top;
}

.tbl td{
	background-color:#EEE;
}

.tbl th{
	background-color:#66CDAA;
	letter-spacing:0.3em;
	text-align:center;
}

.tbl2 td{
	background-color:#EEE;
}

.tbl2 th{
	background-color:#66CDAA;
	letter-spacing:0.3em;
	text-align:center;
}

#s1,
#s2,
#s3{
	width:155px;
}

#s4,
#s5,
#s6,
#s7{
	width:116px;
}

/*メディア
------------------------ */

.cap{
	float:left;
	margin-right:5px;
	width:275px;
	text-align:center;
}


