@charset "utf-8";

/*resset
************************************/
body,h1,dl{margin:0;padding:0;}

.list_no_style{margin: 0;padding: 0;list-style: none;}

.bg_red{background: red;}
.red{color: red;}

.info{color: #999;font-size: small;}

.clearfix{zoom:1;}
.clearfix:after{content:"";display: block;clear: both;height: 0;}

.btn_outer{text-align: center;}
.btn{text-decoration: none;padding: 15px 30px;border-radius:3px;box-shadow:1px 1px 2px #ccc;}

a{color: #000;text-decoration: underline;}
a:hover,a:active{color: #b00;}
a:hover img{opacity:.9;}
a:active,a:focus{outline:none;}
.btn:active,.btn:focus{outline:none;}
.col3 a{text-decoration: none;}
.col3 a:hover{opacity: .9;box-shadow:1px 1px 3px #000;}


.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}


/*base
************************************/
body{line-height:0;}
#wrap{line-height: 1.4;}
header,footer,#content{width: 980px;margin: 0 auto;}
#side{width: 320px;float: left;}
#main{width: 640px;float: right;}
#content{padding-bottom: 50px;}
section{margin-bottom: 40px;}

/*heading
************************************/

h2{padding: 15px 10px 15px 55px;font-size: 20px;margin-bottom: 20px;}
#main h2{border-bottom: dotted 1px #ccc;}
#side h2{color: #fff;}

h2.side_area{background:#000 url(../img/side_area.png) no-repeat 10px center;/*margin-top: 0;*/}
h2.side_category{background:#000 url(../img/side_area.png) no-repeat 10px center;}
h2.main_newlist{background: url(../img/main_newlist.png) no-repeat left center;/*margin-top: 0;*/}
h2.main_news{background: url(../img/main_news.png) no-repeat left center;}

h2.main_pickup{background: #000;padding: 0;color: #fff;border-bottom: 0;}
h2.main_pickup span{padding: 15px 10px 15px 10px;display: inline-block;margin-right: 10px;}


/*header
************************************/

#header_outer{height: 400px;background: #fdfdfd url(../img/header.png) no-repeat center;
border-bottom: solid 20px #000;}

#logo:hover{opacity:1;}

/*main
************************************/

.col3{width: 200px;margin-left: 20px;float: left;}
.col3:first-child{margin-left: 0;}

.newlist_thumb{position: relative;}
.newlist_category{position: absolute;top: 0;left: 10px;color: #fff;display: inline-block;padding: 5px 15px;
box-shadow:1px 1px 3px 0 rgba(0,0,0,.3);}
.newlist_category.frame{background: #d79a53;}
.newlist_category.facility{background: #2b72ba;}
.newlist_category.finish{background: #7cba2b;}

h3.newlist_company{font-size: 16px;font-weight: bold;padding-bottom: 5px;border-bottom: dotted 1px #666;}
.newlist_desc{height: 4em;overflow: hidden;margin-bottom: 20px;}

ul.newlist_tag{padding: 0;margin: 0;}
ul.newlist_tag li{list-style: none;display: inline-block;background: #000;padding: 5px 10px;color: #fff;margin-bottom: 5px;}
ul.newlist_tag li.area{background: red;padding: 5px;}

dl.main_news_list dt{padding: 10px;color: #fff;display:block;width: 18%;float: left;box-sizing:border-box;text-align: center;
border-right: solid 1px rgba(0,0,0,.1);}
dl.main_news_list dt.news_media{background: #61c8b8;}
dl.main_news_list dt.news_info{background: #c86185;}
dl.main_news_list dt.news_up{background: #8dc861;}
dl.main_news_list dd{padding: 10px;margin-bottom: 10px;background: #eee;width: 82%;float: left;box-sizing:border-box;}

.pickup_thumb{position: relative;margin-top: 30px;}
.pickup_label{position: absolute;z-index: 10;top: -20px;left: 10px;}
.pickup_company{position: absolute;top: -25px;right: 0px;font-size: 14px;margin:0;font-weight: bold;}

/*footer
************************************/

#footer_outer{background: #000;color: #fff;text-align: center;}
footer{padding: 30px;position: relative;}

.footernav{position: absolute;top: -60px;right:0;}
.footernav .btn{padding: 10px 20px;border-radius:3px;box-shadow:none;border:0;font-size: 13px;}
.footernav .backtohome{background:#000 url(../img/icon_backtohome.png) no-repeat 10px center;padding-left: 55px;}
.footernav .pagetop{background:#000 url(../img/icon_pagetop.png) no-repeat 10px center;padding-left: 55px;}
.footernav .btn:hover{margin-top: -10px;}


/*side
************************************/

.side_inquiry{padding-top: 10px;border-top: 20px #000 solid;}
.btn_inquiry{display: block; background: #f00;color: #fff;text-decoration: none;padding: 25px 15px;text-align: center;
box-shadow:1px 1px 3px #ccc; border-bottom: solid 1px #d00;border-radius:5px;
font-size: 20px;font-family: "メイリオ",Meiryo,sans-serif;}


.btn_inquiry:hover{background: #333;border-bottom: solid 1px #000;text-decoration: none;color: #fff;}

.area_list dt{display: inline-block;width: 23%;}
.area_list dd{display: inline-block;width: 75%;float: right;}

.category_list li{background: url(../img/arrow_red.png) no-repeat left center;padding-left: 30px;}


/*★common subpage
************************************/




/*area
************************************/

h2.area_list{background: url(../img/main_newlist.png) no-repeat left center;/*margin-top: 0;*/}

/*category
************************************/

h2.category_list{background: url(../img/main_newlist.png) no-repeat left center;/*margin-top: 0;*/}


/*detail
************************************/
.detail #main h1{margin-top: 20px;margin-bottom: 20px;}

h2.detail_concept{background: url(../img/detail/icon_concept.png) no-repeat left center;}
h2.detail_kodawari{background: url(../img/detail/icon_kodawari.png) no-repeat left center;}
h2.detail_casestudy{background: url(../img/detail/icon_casestudy.png) no-repeat left center;}
h2.detail_price{background: url(../img/detail/icon_price.png) no-repeat left center;}
h2.detail_president{background: url(../img/detail/icon_president.png) no-repeat left center;}
h2.detail_staff{background: url(../img/detail/icon_staff.png) no-repeat left center;}
h2.detail_company{background: url(../img/detail/icon_company.png) no-repeat left center;}

.detail_header{position: relative;}
.detail_header .newlist_category{
	position: static;color: #fff;display: inline-block;padding: 5px 10px;
box-shadow:none;font-size: 18px;vertical-align: middle;margin-right: 15px;}
.detail .newlist_tag{margin-top: 10px;}
.col3-2{width: 420px;float: right;box-sizing:border-box;}
.col3-2 h3{margin-top: 0;}

.detail_tab{margin-top: 40px;}
.detail_price .price{color: red;font-weight: bold;background: #eee;}

.detail table th{background: #333;color: #fff;}
.detail table th.price{background: red;color: #fff;}

/*contact
************************************/

h2.contact{background: url(../img/icon_contact.png) no-repeat left center;}

.tbl_contact th{text-align: center;vertical-align: middle !important;width: 30%;}
.tbl_contact td{width: 70%;}

button[type=submit]{background: #f00;padding: 15px 40px;border: solid 1px #d00;box-shadow:1px 1px 2px #ccc;}

input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px;
	font-weight: normal;
}
input:-moz-placeholder {
    color: #ccc;
    font-size: 14px;
	font-weight: normal;
}
#back_btn{
	text-decoration: none;
	display: inline-block;border:solid 1px #333;
padding:11px 30px;
margin:0 20px 20px 0;
font-size:140%;
font-weight: bold;
text-shadow:2px 2px 1px rgba(0,0,0,.3);
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;
background: #666;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}