/*common*/
html, body {font-size:16px;line-height:1.6;background:url("../img/bg_body.jpg") no-repeat top center;}
.fr{float:right;}
.fl{float:left;}
.p0{padding:0;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p30{padding:30px;}.p40{padding:40px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pt60{padding-top:60px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}
.m0{margin:0;}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m30{margin:30px;}.m40{margin:40px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}
.mt1{margin-top:1px;}
.navigation .navbar {background:none;}
.tar{text-align:right;}
.small{font-size:13px;}
.navbar .nav > li > a {
    padding: 0 0px 10px 0px;
}
em{font-weight:bold;font-style:normal;}
select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 200px;
}

.import2{border-bottom:2px solid #D8450B;}

.s_button {
    background: none repeat;
    border: medium none;
    margin:0;
    padding:0;
}

table select {
    width: 220px;
}

button.btn.btn-small, input.btn.btn-small[type="submit"] {
    vertical-align: top;
}

form#mailformpro input, form#mailformpro textarea,form#mailformpro select {
    font-size: 13px;
    margin-top:7px;
    padding-top: 3px;
    vertical-align: middle;
}

input[type="radio"], input[type="checkbox"] {margin:0 6px 0 3px;}

form#mailformpro input.radio_align{vertical-align:top;margin-top:4px;}
form#mailformpro input.check_align{vertical-align:top;margin-top:3px;}
.table td.nbl{padding-top:13px;}

iframe {
    width: 100%;
}

.import{color:#D8450B;}

table {
    border-collapse: collapse;
    border-top: 1px solid #CCCCCC;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size:12px;
}
table th {
    border-bottom: 1px solid #CCCCCC;
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    padding: 10px;
    text-align: center;
    width: 30%;
}
table td {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    margin: 0;
    padding: 10px 20px 10px 15px;
}
.table td{border-left:none;padding-bottom:14px;}

.bb{border-bottom:1px dotted #cccccc;padding-bottom:15px;}

.cb{clear:both;}

a.item-zoom-link {right:0;}

.topics{background:url("..//img/bg_topics.png") repeat left top;padding:20px;border:1px solid #D8E8A4;}
.topics p{margin-bottom:0;font-size:13px;}

.footer-container{background-color:#ffffff;border-top:1px solid #cccccc;}

.project-details {background-color:;}

li.span3 .project-details {}

.project-details {
    font-family:"Hiragino kaku Gothic Pro","Yu Gothic","-Meiryo",sans-serif;
    font-style: normal;font-size:13px;
   }

li.span3 .project-details{white-space: normal;}



.footer-sub {
    background: #ffffff;
    padding:0;
}
/*space*/
.gallery-post-grid li {margin-bottom:20px;}
.gallery-item{margin-top:0;}

/*font*/
html,h1, h2, h3, h4, h5{font-family:"Hiragino kaku Gothic Pro","Yu Gothic","-Meiryo",sans-serif;}
p,li,dt,dd,th,td,pre{
	-ms-line-break:strict;
	line-break:strict;
	-ms-word-break:berak-strict;
	word-break:break-strict;
	}
h1.title-bg, h2.title-bg, h3.title-bg, h4.title-bg, h5.title-bg, h6.title-bg {background:url(../img/bg_h.jpg) repeat-x bottom left;border-top:none;}


/*h*/
h1, h2, h3, h4, h5 {text-shadow:2px 2px 3px #cccccc;font-weight:bold;}
h1 {font-size:13px;line-height:100%;margin:0;padding:9px 10px;text-align:right;text-shadow:none;}
h4{color:#008842;letter-spacing:0.1em;line-height:150%;}

/*header*/
.color-bar-1{height:30px;color:#ffffff;background:#008842;}
.color-bg{background:#ffffff;/*border-bottom:1px solid #cccccc;*/}
.color-bar-2{height:0;}
.navigation .navbar {border:none;}
.logo{position:relative;}
.logo h2{
    background: url("..//img/header_logo2.png") no-repeat scroll left top;
    display: block;
    height: 0 !important;
    line-height: 150%;
    margin: 0;
    overflow: hidden;
    padding: 28px 0 0;
    }
.header_tel{text-align:right;}
header .row{margin-bottom:20px;}

/*navi*/
.logo,.navigation{margin-top:30px;}
.navbar{margin-bottom:10px;}
.navbar .nav{margin:0}
.navbar .nav a.navi_end{padding-right:0;}

/*footer*/
.footer-col p,.footer-col ul{margin-bottom:10px;font-size:14px;color:#008c43;font-size:17px;letter-spacing:0.2px}
.footer-col h5{margin-bottom:10px;margin-top:0;}


/*if*/

@media screen and (min-width : 979px){
	[class^="icon-"], [class*=" icon-"] {margin-top:3px;}
	}

@media screen and (max-width : 979px){
	.gallery-item{font-size:14px;}
	}


@media screen and (max-width : 767px){
	.header_tel{text-align:left;}
	}

@media screen and (max-width : 748px){
	.row {margin-bottom: 30px;}
	.row.header {margin-bottom: 0px;}
	}

@media screen and (max-width : 485px){
	.logo h2{position:static;background: url("..//img/header_logo2.png") no-repeat scroll center top;padding-right: 0;display:block;}
	}

@media screen and (max-width : 320px){
	.logo img {padding-right: 0;}
	h1{text-align:center;}
	.header_tel{text-align:center;}
	iframe{height:200px;}
	
	}
	
@media (min-width: 1200px){iframe{height:462px;}iframe.footer_map{height:200px;}}
@media (min-width: 980px) and (max-width: 1199px) {iframe{height:373px;}iframe.footer_map{height:200px;}}

@media print {
body {
width: 930px;
}