@charset "utf-8";


/*--------------------------------------------------------------
	RESET
--------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary {
  display: block;
}

ul, ol {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
  border: none;
}

img {
  vertical-align: top;
}

body {
  font-family: Meiryo, Helvetica, Arial,'Hiragino Kaku Gothic ProN',sans-serif;
  color: #333;
  line-height: 1.9;
  font-size: 80%;
}

a {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: none;
}

.clear{
	clear:both;
}


/*--------------------------------------------------------------
	header
--------------------------------------------------------------*/
#headerMain {
	width: 950px;
	margin: 0 auto;
}

#headerBox {
	width: 950px;
	float: left;
	margin: 10px 0 15px 0;
}

h1 {
	float: left;
	font-size: 11px;
	font-weight: 400;
	padding-top: 2px;	
}

#headerNav {
	float: right;	
}

#headerNav ul li {
	display: inline;
	padding-left: 10px;	
}

#headerNav a {
	padding-left: 17px;
	text-decoration: none;
	background: url(../img/ico_01_off.gif) no-repeat 1px;
}

#headerNav a:hover {
	padding-left: 17px;
	text-decoration: none;
	background: url(../img/ico_01_on.gif) no-repeat 1px;
}

#logo {
	float: left;
	padding-top: 11px;
}

#headerTel {
	float: left;
	padding: 11px 0 0 42px;
}

/*--------------------------------------------------------------
	gNav
--------------------------------------------------------------*/
#gNav {
	clear: both;
	height: 58px;
	background: url(../img/gnav_bg.gif) repeat-x;
}

#gNavMain {
	width: 950px;
	margin: 0 auto;
}

#gNavMain ul li {
	float: left;
}

/*--------------------------------------------------------------
	Visual
--------------------------------------------------------------*/

#visual {
	height: 170px;
	background: #efeeee;
}

#visualMain {
	width: 950px;
	margin: 0 auto;
	padding-top: 65px;
}

/*--------------------------------------------------------------
	topicPath
--------------------------------------------------------------*/
#topicPath {
	padding: 14px 0 18px 0;
}

#topicPathMain {
	width: 950px;
	margin: 0 auto;	
}

#topicPath ul li {
	display: inline;
	font-size: 90%;
	padding-right: 3px;
}

#topicPath a {
	text-decoration: underline;
}

#topicPath a:hover {
	text-decoration: none;
}


/*--------------------------------------------------------------
	Contents
--------------------------------------------------------------*/

#contentsContainer {/*本文のコンテナ*/
	clear:both;
	display:block;
	overflow:hidden; 
	width:920px; 
	height:auto;
	/*min-height:300px;*/
	margin:0 auto 0 auto;
	padding:0;
	}

.Block_cntsBody a:link,
.Block_cntsBody a:visited {
	color:#1B77D2;
	text-decoration:none;
}

.Block_cntsBody a:hover{
	color:#1B77D2;
	text-decoration:underline;
}

.Block_cntsBody {/*本文(ボディ)部分@中ページ*/
	display:block;
	float:left;
	width:620px; height:auto;
	margin-right:30px; _margin-right:15px;
	margin-bottom: 30px;
	}


/*--------------------------------------------------------------
	Side Bar
--------------------------------------------------------------*/
	
.Block_sideBar {/*サイドバー@中ページ*/
	display:block;
	float:left;
	width:220px; height:auto;
	margin-left:30px; _margin-left:15px;
	}

.sideBarEnd {/*共通のサイドバーエンド*/
	clear:both;
	display:block; width:190px 10px; padding:0; margin:0;
	background:url("../img/sideBar_end.gif") top repeat-x;
	}


h2#categoryTitle{
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	}
	
	h2#TitleDummy{/*ダミー*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_dummy.jpg") left top no-repeat;
	}
	
	h2#TitleAboutUs{/*当社の強み*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_aboutus.jpg") left top no-repeat;
	}
	h2#TitleRepair{/*修理*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_repair.jpg") no-repeat;
	}
	h2#TitleMaintenance{/*保守点検*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_maintenance.jpg") no-repeat;
	}
	h2#TitleAboutShutter{/*シャッターの説明*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_aboutshutter.jpg") no-repeat;
	}
	h2#TitleCompany{/*会社情報*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_company.jpg") no-repeat;
	}
	h2#TitleRecruit{/*採用情報*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_recruit.jpg") no-repeat;
	}
	h2#TitleBlog{/*ブログ*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_blog.jpg") no-repeat;
	}
	
	h2#TitleAbout{/*このサイトについて*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_about.jpg") no-repeat;
	}
	
	h2#TitleFAQ{/*FAQ*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_faq.jpg") no-repeat;
	}
	
	h2#TitleContact{/*お問い合わせ*/
	display:block; overflow:hidden;
	height:65px; width:220px;
	text-indent:-999px;
	background:url("../img_title/dttl_contact.jpg") no-repeat;
	}


.Block_sideBar ul.Sidebar_inside {
	display:block;
	width:220px;
	overflow:hidden;
	list-style:none;
	font-size:10pt; _font-size:12px;
	background-color:#ffffff;
	}
	
ul.Sidebar_inside li{
	display:block; overflow:hidden;
	width:220px; height:29px;
	margin:0; padding:0;
	background:url("../img/sideBar_LiBase.gif") no-repeat;
	}
a.localMenu:link {
	display:block; overflow:hidden;
	width:220px; _width:193px; height:28px; _height:29px;
	margin:0 0 1px 0; _margin:0 0 0 0;
	padding:3px 0 0 27px; _padding:5px 0 0 27px;
	background:url("../img/sideBar_LiBase.gif") no-repeat;
	color:#3F4C6B;
	text-decoration: none;
	}
	
a.localMenu:visited {
	display:block; overflow:hidden;
	width:220px; _width:193px; height:28px; _height:29px;
	margin:0 0 1px 0; _margin:0 0 0 0;
	padding:3px 0 0 27px; _padding:5px 0 0 27px;
	background:url("../img/sideBar_LiBase.gif") no-repeat;
	color:#3F4C6B;
	text-decoration: none;
	}
	
a.localMenu:hover {
	display:block; overflow:hidden;
	width:220px; _width:193px; height:28px; _height:29px;
	margin:0 0 1px 0; _margin:0 0 0 0;
	padding:3px 0 0 27px; _padding:5px 0 0 27px;
	background:url("../img/sideBar_LiBase.gif") -230px 0 no-repeat;
	color:#1B77D2;
	text-decoration: underline;
}
	
#localMenuNow {/*ローカルメニューの現在ページ*/
	background:url("../img/sideBar_LiBase.gif") -460px 0 no-repeat;
	}

.HRsideBar_inside {
	display:block; overflow:hidden; border:none;
	width:220px; height:9px;
	padding:0; margin:0;
	background:url("../img/sideBar_hr.gif") top repeat-x;
	border:none;
	clear:both;
	}
	
.HRsideBar_insideBlogEnd {
	display:block; overflow:hidden; border:none;
	width:220px; height:9px;
	padding:0; margin:0;
	background:url("../img/sideBar_hr_blog.gif") top repeat-x;
	border:none;
	clear:both;
	}

#bnr_Contact {/*お問い合わせ*/
	display:block; overflow:hidden;
	width:220px; height:40px;
	background:url("../img/bnr_contact.jpg") no-repeat #eeeeef;
	text-indent:-9999px;
	margin:0 0 0 0;
	}
	a#bnr_Contact:hover {
	display:block; overflow:hidden;
	width:220px; height:40px;
	background:url("../img/bnr_contact.jpg") -220px 0 #eeeeef;
	margin:0 0 0 0;
	}

#bnr_FAQinside{
	display:block; overflow:hidden;
	width:220px; height:40px;
	background:url("../img/bnr_faqInside.jpg") no-repeat 0 #eeeeef;
	text-indent:-9999px;
	margin:0 0 0 0;
	}
	
a#bnr_FAQinside:hover {
	display:block; overflow:hidden;
	width:220px; height:40px;
	background:url("../img/bnr_faqInside.jpg") -220px 0 #eeeeef;
	margin:0 0 0 0;
}

#bnr_Blog {/*ブログ*/
	display:block; overflow:hidden;
	width:220px; height:100px;
	background:url("../img_bnr/bnrSideBar_Blog.gif") no-repeat #eeeeef;
	text-indent:-9999px;
	margin:0 0 0 0;
	}
	a#bnr_Blog:hover {
	display:block; overflow:hidden;
	width:220px; height:100px;
	background:url("../img_bnr/bnrSideBar_Blog.gif") 0 -100px #eeeeef;
	margin:0 0 0 0;
	}

.SubMenuList {/*ローカルメニューのサブメニュー*/
	display:block;
	background-color:#ebebeb;
	padding:5px 5px 10px 25px;
	font-size:9pt; _font-size:10px;
	margin-bottom:1px;
	line-height:160%;
	}

/*--------------------------------------------------------------
	main
--------------------------------------------------------------*/

#mainBox {
	clear: both;
	width: 950px;
	margin: 0 auto;
}

#mainBoxMain {
	width: 950px;
	float: left;
	font-size: 110%;
	padding-bottom: 20px;
}

#mainBoxL {
	width: 680px;
	float: left;
}

#mainBoxR {
	width: 220px;
	float: right;	
}

.contactBtn {
	width: 200px;
	height: 71px;
	padding: 185px 10px 0 10px;
	margin-bottom: 30px;
	background: url(../../common/img/contact_bg.jpg) no-repeat top left;
}

.red {
	color: #d40b0b;
	font-weight: 700;
}

.big {
	font-weight: 700;
}

.small {
	font-size: 90%;
}

.pt30 {
	padding-top: 30px;	
}

.pb5 {
	padding-bottom: 5px;	
}

.pb10 {
	padding-bottom: 10px;	
}

.pb20 {
	padding-bottom: 20px;	
}

.column {
	padding-bottom: 45px;	
}

.contactBox {
	width: 680px;
	height: 106px;
	padding: 27px 0 0 333px;
	margin-bottom: 20px;
	background: url(../../common/img/btn_mail_bg.gif) no-repeat top left;	
}

.contactBox2 {
	clear:left;
	width: 300px;
	height: 75px;
	padding: 61px 0 0 320px;
	margin:0 0 20px 0;
	background: url(../../common/img/btn_mail_bg.gif) 0px 30px no-repeat;	
}

/*--------------------------------------------------------------
	pagetop
--------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 80px;
	right: 80px;
}

#pagetop a {
	text-decoration: none;
	display: block;
	border-radius: 5px;
}

#pagetop a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------
	footer
--------------------------------------------------------------*/
footer {
	clear: both;
	background: #efeeee;
}

#footerFirstBox {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

#footerFirstBox ul li {
	display: inline;
	padding-right: 10px;
}

#footerLine {
	border-bottom: #dbdbdb 1px solid;
	margin-bottom: 20px;
}

.footerIco {
	padding-left: 15px;
	background: url(../img/footer_line.gif) no-repeat left center;
}

footer a {
	color: #666;
	text-decoration: none;	
}

footer a:hover {
	color: #999;
	text-decoration: underline;	
}

.footerMainBox {
	width: 950px;
	margin: 0 auto;
}

.footerSecondBox {
	width: 950px;
	float: left;
	padding-bottom: 30px;
}

.footerBoxL {
	width: 170px;
	float: left;
}

.footerBoxR {
	width: 170px;
	float: left;
	padding-left: 25px;
}

.footerBoxTitle {
	font-weight: 700;
	border-bottom: #b9b9b9 1px dotted;
	padding-bottom: 5px;
	margin-bottom: 8px;	
}

.footerCopy {
	clear: both;
	color: #fff;
	font-size: 80%;
	padding: 10px 0 10px 0;
	background: #999;	
}

.footerCopyMain {
	width: 950px;
	margin: 0 auto;
}