@charset "utf-8";

/*
Theme Name: sakabou.jp
Theme URI: http://www.sakabou.jp
Author: 坂戸防災株式会社
Author URI: http://www.sakabou.jp
Description: 坂戸防災株式会社
Version: 1.0
*/

/*------------------------------------------------------------------------
設定リスト
--------------------------------------------------------------------------
共通
コンテナ
ラッパー
ヘッダー
グローバルナビ
	ドロップダウン
パンくず
キービジュアル
カラム
	2カラム
	3カラム
	2/3カラム
	4カラム
	5カラム
	2/5カラム
	3/5カラム
コンテンツ
	ページ共通レイアウト 
	親ページ共通レイアウト
	ページ別レイアウト（共通モジュール）
	ページ別レイアウト（メインイメージ）
	ページ別レイアウト（ホーム）
	ページ別レイアウト
テーブル
Google マップ
サブメニュー
サブコンテンツ
ページ上部下部へ
フッター
メールフォーム
404
ユーティリティ
ie8
ie9
------------------------------------------------------------------------*/



/*------------------------------------------------------------------------
◆共通
------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #1F1F1F;
}

html{
	background: #FFFFFF;
	-webkit-text-size-adjust: 100%;
	height: 100%;
}

body{
	width: auto;
	height: 100%;
	font: 85%/1.8 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Verdana,Geneva,Helvetica,Arial,sans-serif;
	margin: 0 auto;
	z-index: 0;
	zoom: 1;
	word-break: normal;
}

a{
	color: #27a052;
	outline: none;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

a:hover{
	text-decoration: none;
}

img{
	border: none;
	width: 100%;
	vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6,p,ol,hr{
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
        display: block;
}


ol li{
	margin-left: 21px;
	margin-bottom: 0;
}

ul li{
	list-style-type: none;
}

table{
	border-collapse: collapse;
	text-align: center;
}

small{
	display: block;
	text-align: center;
}

input{
	padding: 0;
}

input,
select,
textarea{
	font:90%/1.618 Verdana, sans-serif;
	border: 1px solid #ddd;
	padding: 3px;
	color: #333333;
	background: #FaFaFa;
	outline: 0;
	font-size: 100%;
}

input:focus,
textarea:focus,
select:focus{
	border: 1px solid #27A052;
	margin: 0;
}

input[type="submit"],
input[type="radio"],
input[type="range"]{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	margin:1px;
}

input[type="submit"]:focus,
input[type="radio"]:focus,
input[type="range"]:focus{
	border: 1px solid #efefef;
}

input[type="file"]{
	border: none !important;
}

strong{
	font-weight: bold;
}

abbr{
	color: inherit;
	font-weight: bold;
}

hr{
	border: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #999999;
	height: 2em;
	margin-bottom:4em;
}

i{
	color: #FFFFFF;
}

.lead{
	margin-top: 2em !important;
}

.endelement{
	margin-bottom: 0 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #999;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	margin-left: 0em !important;
	margin-right: 0em !important;
}


/*------------------------------------------------------------------------
◆コンテナ
------------------------------------------------------------------------*/
#header_container{
	width:100%;
	background: #FFFFFF;
	position: relative;
	z-index: 99999;
	box-shadow: 0px 0px 6px 0px #aaabac;
	-webkit-box-shadow: 0px 0px 5px 0 #aaabac;
	-moz-box-shadow: 0px 0px 5px 0 #aaabac;
	position:relative;

}

#header_container:after{
	content:"";
	display:block;
	clear:both;
}

#header_container.fix{
	position: fixed;
	top:0;
}

#header_container.fix #header_wrap{
	display:none;
}

#nav_container{
	float: right;
}

#bread_crumb_container{
	background: #efefef;
}

#contents_container{
	background: #fff;
}

#footer_container{
	clear:both;
	overflow:hidden;
}


/*------------------------------------------------------------------------
◆ラッパー
------------------------------------------------------------------------*/
#contents_wrap{
	clear: both;
	width: 984px;
	margin: 24px auto;
	font-size: 110%;
}

#contents_wrap:after{
	clear: both;
	content: "";
	display: block;
}

#contents_wrap h1 {
	font-size: 180%;
	line-height: 140%;
	padding: 0;
	color: #fff;
	font-weight: normal;
	text-shadow: 0 1px 0 #FFFFFF;
}

#contents_wrap h2 {
	/*font-size: 128%;*/
	font-size: 108%;
	line-height:120%;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 8px;
	/*color: #27a052;*/
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	padding: 8px 16px;
/*
	color: #333;
	background-color: #E2E2E2;
	background-color: #aaa63d;
*/
	color: #333;
	/*background-color: #dad458;*/
	/*background-color: #eae579;*/
	background-color: #f0ed5f;
	text-shadow: none;
}

/*
#contents_wrap h2:before {
	content: url(http://www.sakabou.jp/css/images/common/h_catch02.png);
	vertical-align: -2px;
	margin-right: 8px;
}
*/

#contents_wrap h3 {
	font-size: 16px;
	line-height: 130%;
	padding: 4px 0px;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	font-weight: bold;
	color: #333;
	border-bottom: 1px dotted #999;
}

#contents_wrap h4{
	font-size: 100%;
	line-height: 130%;
	margin-top: 0;
	margin-bottom: 4px;
	font-weight: bold;
	color: #333 !important;
	background: none !important;
}

#contents_wrap h5,
#contents_wrap h6 {
	font-size: 105%;
	margin-bottom: 0.5em;
	font-weight: bold !important;
}

#contents_wrap p,
#contents_wrap ul,
#contents_wrap ol,
#contents_wrap dl,
#contents_wrap table{
	margin-bottom:1.6em;
}

#contents_wrap dd{
	margin-bottom: 0;
}

#contents_wrap a.box:hover{
	background:#F4F4F4 !important;
}

#contents_wrap a.box:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



#contents_wrap h1 + .column_wrap{
	margin-bottom:1.6em;
}

#contents_wrap h2 + .column_wrap{
	margin-top: 1em;
}

#contents_wrap h3 + .column_wrap{
	margin-top: 1em;
}

#contents_wrap .column_wrap > div > h2 {
	margin-top: 0.8em;
}

#contents_wrap h1 + h2{
	/*margin-top:2em;*/
	margin-top:1.6em;
}

#contents_wrap h2 + h3{
	/*margin-top:2em;*/
	margin-top:1.6em;
}

#contents_wrap h1 + table{
	margin-top: 2.3em;
}

#contents_wrap table + h2{
	margin-top: 2.3em;
}

#contents_wrap i{
	color: #333;
}


#article_wrap{
	width: 72%;
	float:left;
	min-height: 400px;
	z-index:999999;
	font-size:92%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#article_wrap ifreme{
	z-index:3;
	width:100%;
}


#sub_wrap{
	width: 26%;
	float: right;
	margin-left: 1.95%;
	font-size:90%;
	line-height:160%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

#article_wrap .section{
	margin-bottom: 24px;
}

#article_wrap .section:after{
	clear: both;
	content: "";
	display: block;
}

#article_wrap .section .section_wrap{
	margin: 0 auto;
}

#article_wrap .section .section_wrap h2:first-child{
	margin-top: 0 !important;
}


/*------------------------------------------------------------------------
◆ヘッダー
------------------------------------------------------------------------*/
#header_wrap{
	margin: 0 auto;
	width: 984px;
}

#header_wrap p#desc {
	position: absolute;
	top: 4px;
	font-size: 80%;
}

#header_wrap h1{
	float: left;
	padding: 16px 0;
	line-height: 0;
	margin-right: 16px;
	margin-top: 19px;
}

#header_wrap h1 a{
	text-decoration:none;
}

#header_right{
	float:right;
	text-align:right;
	margin:0;
	width: 70%;
}

#header_tel {
	float: right;
}

#header_tel a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/*------------------------------------------------------------------------
◆グローバルナビ
------------------------------------------------------------------------*/
#nav_wrap{
	clear: both;
	width:100%;
	margin: 8px auto;
}

#nav_wrap .children{
	display:none;
}

#nav_wrap ul li{
	display: inline;
}

#nav_wrap ul li a {
	display: inline-block;
	width: 108px;
	height: 32px;
	border-right:1px solid #d3d3d3;
	background:#FFFFFF;
	color: #333;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}

#nav_wrap ul li:first-child a{
	border-left:1px solid #d3d3d3;
}

#nav_wrap ul li a:hover{
	background: #27a052;
	color:#fff;
}

/* 現在の場所 */
.home #nav_wrap ul li:nth-child(1) a,
.home #nav_wrap ul li:nth-child(1) a,
.home #nav_wrap ul li:nth-child(1) a,
.home #nav_wrap ul li:nth-child(1) a,
.home #nav_wrap ul li:nth-child(1) a{
	background: #27a052;
	color:#fff;
}



/* ドロップダウン
------------------------------------------------------------------------*/
#gnavi li{
	float: left;
	line-height: 0;	
}

/* 子ページ */
#gnavi > li > ul.sub-menu{
	display: none;
}

#gnavi ul.sub-menu li{
	width:100%;
}

#gnavi ul.sub-menu li a{
	display: block;
	background:#27A052;
	height: auto;
	min-width: 160px;
	padding: 4px 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px dotted #fff;
	border-right:none;
	border-bottom: none;
	border-left:none;
	text-align:left;
	color:#FFFFFF;
	font-weight:normal;
	text-shadow: none;
	line-height:200%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;

}

#gnavi ul.sub-menu li a:hover{
	display: block;
	background:#004871;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#gnavi ul.sub-menu li:first-child a{
	border-top: none;
}

/* 孫ページ */
#gnavi ul.sub-menu ul.sub-menu {
	width: 100% !important;
	position: relative !important;
}

#gnavi ul.sub-menu ul.sub-menu a{
	padding-left:2em;
}

#gnavi ul.sub-menu ul.sub-menu a:before{
	content:"-";
	float:left;
	display:block;
	font-weight:normal;
	margin-right:0.5em;
}

/* ひ孫ページ */
#gnavi ul.sub-menu ul.sub-menu ul.sub-menu a{
	padding-left:4em;
}

#gnavi ul.sub-menu a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#gnavi:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.home #gnavi li:nth-child(1) a,
.company #gnavi li:nth-child(2) a,
.fire #gnavi li:nth-child(3) a,
.safety #gnavi li:nth-child(4) a,
.yudaku #gnavi li:nth-child(5) a{
	background: #27a052;
	color: #fff;
}


/*------------------------------------------------------------------------
◆パンくず
------------------------------------------------------------------------*/
.bread_crumb{
	width: 984px;
	margin: 0px auto;
	padding: 8px 0;
	text-align: left;
	font-size: 80%;
	overflow: hidden;
}

.bread_crumb a:hover{
	text-decoration:none;
	border-bottom:none !important;
}

.bread_crumb li{
	float:left;
}

.bread_crumb li:before{
	content:">";
	margin:0 1em;
}

.bread_crumb li:first-child:before{
	content:none;
}

.bread_crumb .current{}


/*------------------------------------------------------------------------
◆キービジュアル
------------------------------------------------------------------------*/
#keyvisual_wrap{
	width:auto;
	text-align:center;
	margin:0 auto;
}


/*--------------------------------------------------------------------------
◆カラム
--------------------------------------------------------------------------*/
.section_wrap p.column2{
	width:100%;
	column-count:2;
	-webkit-column-count:2;
	-moz-column-count:2;
	column-gap: 60px;
	-moz-column-gap: 60px;
	-webkit-column-gap: 60px;
}

.column_wrap{
	clear:both;
	margin-top: 2em;
	width: 100%;
	margin: 2em auto;
}

.column_wrap + .column_wrap{
	margin-top: 0em;
}

.column_wrap:first-of-type{
	margin-top:0em;
}

.column_wrap:after{
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	/*visibility: hidden;*/
}

p + .column_wrap{
	margin-top: 2em !important;
}

.column_wrap img{
	width:100%;
}

.column_wrap h1{
	clear:both;
}

.column_wrap h3{
	clear:both;
	margin-top: 0 !important;
}
.column_wrap > h3{
	margin-top: 16px !important;
}

.column_wrap + hr{
	height: 0;
}

.column_wrap > dl{
	margin-bottom: 0 !important;
}

.column_wrap > dl > dt{
	font-weight: bold;
	color: #27a052;
}

.column_wrap .box{
	background:#FFFFFF;
	border: 1px solid #27A052;
	overflow:hidden;
	padding: 1.5%;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.column_wrap .box p{
	margin-bottom:0 !important;
}

.column_wrap .column_left{
	float:left;
}

.column_wrap .column_center{
	float:left;
}

.column_wrap .column_right{
	float:right;
}


/* 2カラム
----------------------------------------------------------------*/
.column2{
	width:47.5%;
}

.column2.box{
	width:49%;
}

.column2_left h1,
.column2_right h1{
	font-size: 140%;
}

.column2_left h2,
.column2_right h2{
	font-size: 100%;
}

.column2_left h3,
.column2_right h3{
	font-size: 100%;
}


/* 3カラム
----------------------------------------------------------------*/
.column3{
	width:31.3333333333333%;
}

.column3.column_center{
	margin:0 3%;
}

.column3.box{
	width:32.6666666666666%;
}

.column3.column_center.box{
	margin:0 1%;
}

.column3 h1{
	font-size: 140%;
}

.column3 h2 {
	font-size: 100%;
}

.column3 h3 {
	font-size: 100%;
	margin-bottom: 0.81em !important;
}


/* 2/3カラム
----------------------------------------------------------------*/
.column3_2{
	width: 65.6%;
}

.column3_2.box{
	width:65.5%;
}

.column3_2:last-of-type{
	margin-bottom:0 !important;
}

/* 4カラム
----------------------------------------------------------------*/
.column4{
	width: 22.75%;
}

.column4.column_center_left{
	float:left;
	margin:0 0 0 3%;
}

.column4.column_center_right{
	float:left;
	margin:0 3%;
}


/* 3/4カラム
----------------------------------------------------------------*/
.column4_3{
	width: 73%
}

.column4_3 .column_wrap{
	width: 100%;
}


/* 5カラム
----------------------------------------------------------------*/
.column5{
	width: 18%;
	margin-left:2.5%;
}

.column5 *{
	font-size:95%;
}

.column5.column_left{
	margin-left:0;
}

.column5.column_center_left{
	float:left;
}

.column5.column_center{
	float:left;
}

.column5.column_center_right{
	float:left;
}

/* 2/5カラム
----------------------------------------------------------------*/
.column5_2{
	width: 37%
}

/* 3/5カラム
----------------------------------------------------------------*/
.column5_3{
	width: 56.5%
}

.column5_3 .column3{
	width: 32%;
}

.column5_3 .column3.column_center{
	margin:0 2%;
}


/*------------------------------------------------------------------------
◆コンテンツ
------------------------------------------------------------------------*/
#article_wrap img{
	width:100%;
	height:auto;
}

#article_wrap > h1{
	margin-top: 0.3em;
	margin-bottom: 1.1em;
}

#article_wrap ol {
}

#article_wrap ol li {
}

#article_wrap ul.catch li:before{
	content :url(../images/common/catch_list.png);
	margin-right: 0.2em;
}

#article_wrap ul.catch li.free{
	background-color: #d21414;
	color: #fff;
	font-weight: bold;
    width: 132px;
	text-align: center;
    border-radius: 16px;
}

#article_wrap ul.catch li.free:before{
	content: "";
}

#article_wrap ul.catch.problem li,
#article_wrap ul.catch.suit li{
	background: #FFF;
	margin-bottom: 0.6em;
	padding: 10px 15px 10px 15px;
}

#article_wrap ul.catch.problem li:before,
#article_wrap ul.catch.suit li:before,
#article_wrap ul.catch.keyword li:before{
	display:block;
	content: '\e804';
	color:#27A052;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.5em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
}

#article_wrap ul.catch.keyword{
	border: 1px solid #ddd;
	padding: 15px 5px 10px;
}

#article_wrap ul.catch.keyword li{
	background: #FFF;
	margin-bottom: 0;
	padding: 0px 15px 5px 15px;
}

#article_wrap .notes{
	clear:both;
	font-size: 85%;
}

#article_wrap ul.notes li{
	margin-left:1.5em;
	text-indent:-1.3em;
}

#article_wrap strong{
	font-size:100%;
}

/* ページ共通レイアウト 
------------------------------------------------------------------------*/
.page #article_wrap .section.mainimage h1{
	font-size: 216%;
	font-weight: normal;
	line-height: 1;
	border:none !important;
}

.page #article_wrap .section.mainimage h1:after{
	display:none;
}

.page #article_wrap .section.mainimage h1 + p{
	margin-top: -4px;
}

.page #article_wrap .section.mainimage p{
	font-size: 100%;
}

.page #article_wrap h1{
	margin-bottom: 0.81em !important;
	border-bottom: 4px solid #27A052;
}

.page #article_wrap h1:after{
	display:block;
	content:"";
	border-bottom: 4px solid #aaa;
	width: 22%;
	position: relative;
	top: 4px;
}

#article_wrap ul.nocatch li{
	background:none;
	padding-left:0;
}

.page #article_wrap iframe{/* youtube想定 */
	width:100%;
}



/* 親ページ共通レイアウト
------------------------------------------------------------------------*/
.page-parent article ul.box li{
	display: inline;
	font-size: 0;
}

.page-parent article ul.box a{
	display: block;
	float: left;
	width: 31.2%;
	height: auto;
	margin-top: 3.675%;
	font-size:14.5px;
	overflow:hidden;
	color:#333;
	text-decoration:none;
	background:#FFFFFF;
	box-shadow: 0px 1px 2px 0px #aaabac;
	-webkit-box-shadow: 0px 0px 2px 0 #aaabac;
	-moz-box-shadow: 0px 0px 2px 0 #aaabac;
	position:relative;

}

.page-parent article ul.box a.nolink{
	cursor: default;
}

.page-parent article ul.box a.nolink:hover img{
	opacity: 1 !important;
}

.page-parent article ul.box li:nth-child(1) a,
.page-parent article ul.box li:nth-child(2) a,
.page-parent article ul.box li:nth-child(3) a{
	margin-top:0px;
}

.page-parent article ul.box li a{
	margin-left: 3.2%;
}

.page-parent article ul.box li a.col2{
	width: 65.6%;
}

.page-parent article ul.box li:nth-child(3n+1) a{
	margin-left: 0;
}

.page-parent article ul.box li h3.category{
	font-size: 94% !important;
	padding: 8px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	background-color: #27A052;
	color: #fff !important;
	text-align: center !important;
}

.page-parent #article_wrap ul.box a:hover{
	background: #F9F9F9 !important;
}

.page-parent #article_wrap ul.box a:hover img{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}


/* ページ別レイアウト（共通モジュール）
------------------------------------------------------------------------*/
#article_wrap .flow{
	margin: 24px auto;
	background: #F5F5F5;
	padding: 24px;
}

#article_wrap dl.flow{
	margin-top: 24px;
	padding-top: 32px;
}

#article_wrap .flow dt{
	color: #27A052;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	text-align: center;
	padding: 4px 16px;
	margin: 0px auto;
	width: 88%;
	position: relative;
	z-index: 2;
}

#article_wrap .flow dd{
	background: #fff;
	overflow: hidden;
	padding: 48px 16px 8px;
	margin-top: 8px;
	margin-top: -40px;
	position: relative;
	z-index: 1;
	text-align: center;
	border: 1px solid #ccc;
}

#article_wrap .flow li{
	background: #fff;
	overflow: hidden;
	padding: 8px 16px 8px;
	margin-top: 8px;
	position: relative;
	z-index: 1;
	text-align: center;
	border: 1px solid #ccc;
}

#article_wrap .flow li:first-child{
	margin-top: 0px;
}

#article_wrap .flow .arrow{
	background: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 20px 0 20px;
	border-color: #27A052 transparent transparent transparent;
	overflow: hidden;
	padding: 0;
	margin: 8px auto 12px;
	position: relative;
	z-index: 1;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#article_wrap .flow li.arrow{
	margin: 8px auto;
}

#article_wrap .alignleft{
	width: 33%;
	float: left;
	margin-right: 3%;
}

#article_wrap .alignright{
	width: 33%;
	float: right;
	margin-left: 3%;
}



/* ページ別レイアウト（メインイメージ）
------------------------------------------------------------------------*/
#article_wrap h1.mainimage{
	display: table;
	width: 100%;
	margin-top: 0;
	padding: 8px 16px;
	font-size: 140%;
	background: #27A052;
	box-sizing: border-box;
}

#article_wrap h1.mainimage .va{
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

/* ページ別レイアウト（ホーム）
------------------------------------------------------------------------*/
.home #contents_container{
	background: none;
}

.home #article_wrap{
	width: 100%;
	float: none;
}

.home #article_wrap .section{
}

.home #keyvisual_container{
	background: #efefef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px 0;
}

.home #keyvisual_wrap{
	background: url(http://www.sakabou.jp/css/images/home/copybox.png) no-repeat left center;
	background: #333;
	width:984px;
	height:320px;
}

/* サービス */
.home #article_wrap ul.service{
	list-style-type:none !important;
	margin-bottom:0 !important;
}

.home #article_wrap ul.service li{
	display: inline;
}

.home #article_wrap ul.service li a{
	display: inline-block;
	width: 31.2%;
	margin-left: 2.712%;
	box-shadow: 0px 1px 2px 0px #aaabac;
	-webkit-box-shadow: 0px 0px 2px 0 #aaabac;
	-moz-box-shadow: 0px 0px 2px 0 #aaabac;
	box-sizing: border-box;
	overflow: hidden;
	text-decoration: none;
	background: #fff;
	vertical-align: top;
}

.home #article_wrap ul.service li:first-child a{
	margin-left: 0;
}

.home #article_wrap ul.service a:hover{
	background: #F9F9F9 !important;
}

.home #article_wrap ul.service a:hover img{
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.home #article_wrap ul.service .category{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 0px;
	line-height: 16px;
	white-space: nowrap;
	background-color: #27A052;
	color: #fff;
	text-shadow: none;
	text-align: center;

}

.home #article_wrap ul.service .desc{
	display:block;
	margin-top: 16px;
	padding: 0 16px;
	font-size: 96%;
	line-height: 1.6;
}

.home #article_wrap ul.service .desc ul{
	margin-bottom: 0px !important;
}

.home #article_wrap ul.service .desc li{
	display: block;
}

.home #article_wrap ul.service .detail{
	display:block;
	padding: 0 16px 16px;
	color: #27a052;
	text-align: right;
	text-decoration: underline;
	font-size: 96%;
	line-height: 1.6;
}

.home #article_wrap ul.service a:hover .detail{
	text-decoration: none;
}

.home #article_wrap .message{
	display:block;
	border: 8px solid #eee;
	padding: 16px;
}

.home #article_wrap h2.news{
	font-size: 108%;
    line-height: 120%;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 8px;
    padding: 8px 16px;
    text-shadow: none;
}

/* ページ別レイアウト
------------------------------------------------------------------------*/

/* 会社概要 */
.page-gaiyou td *{
	margin-bottom:0 !important;
}

.page-gaiyou td dl ul li:before{
	content:"-";
	float:left;
	margin-right: 0.5em;
}

/* 沿革 */
.page-history dl {
	border-bottom: 1px dotted #999;
	padding-bottom: 0.8em;
}

.page-history dt {
	font-weight: bold;
	margin-top: 0.8em !important;
	padding-top: 0.8em;
	border-top: 1px dotted #999;
}

.page-history dd {
	padding-left: 8em;
	margin-bottom: 0 !important;
}

.page-history dt + dd{
	margin-top: -1.8em;
}

.page-history dd .month {
	display: block;
	float: left;
}

.page-history dd .cnt {
	display: block;
	padding-left: 14%;
}

/* 当社取扱い消火器 */
.page-fire-extinguisher h3 {
	background-color: #999;
	background-color: #ffe1fa;
	color: #333 !important;
	padding: 4px 16px !important;
	border-bottom: none !important;
}

.page-fire-extinguisher .product {
	overflow: hidden;
	margin-bottom: 0 !important;
	line-height: 140%;
}

.page-fire-extinguisher .product_name{
	color:#EE0000;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 0.4em;
}

.page-fire-extinguisher .product_img{
	width:60% !important;
	float: left;
}

.page-fire-extinguisher .product .price span{
	font-size: 80%;
}

.page-fire-extinguisher .installation {
	overflow: hidden;
}

.page-fire-extinguisher .installation dt,
.page-fire-extinguisher .installation dd{
	border-bottom: 1px solid #fff;
	padding: 0 4px;
}

.page-fire-extinguisher .installation dt{
	background-color: #999;
	color: #fff;
}

.page-fire-extinguisher .installation dd{
	margin-bottom: 0 !important;
	background-color: #eee;
	font-size: 96%;
}

/* 消防設備点検 */
.page-fire-fighting-equipment-inspection .column4 img{
	border: 1px solid #ccc;
}

.page-fire-fighting-equipment-inspection .column3{
	width: 28% !important;
}

.page-fire-fighting-equipment-inspection .column3.column_center {
	margin: 0 8% !important;
}

.page-fire-fighting-equipment-work .red_copy{
	font-size: 22px;
	color: #EE0000;
	margin-left: 0.5em;
}

.page-fire-fighting-equipment-work .blue_copy{
	font-size: 88%;
	color: #2a27a0;
}

/* 事故処理、納入実績 */
.page-accident-processing-delivery-record dl {
	border-bottom: 1px dotted #999;
	padding-bottom: 0.8em;
}

.page-accident-processing-delivery-record dt {
	font-weight: bold;
	margin-top: 0.8em !important;
	padding-top: 0.8em;
	border-top: 1px dotted #999;
	clear: both;
}

.page-accident-processing-delivery-record dd {
	padding-left: 6em;
	margin-bottom: 0 !important;
	clear: both;
	overflow: hidden;
}

.page-accident-processing-delivery-record dt + dd{
	margin-top: -1.8em;
}

.page-accident-processing-delivery-record dd .month {
	display: block;
	float: left;
	width: 4em;
}

.page-accident-processing-delivery-record dd .cnt {
	display: block;
	float: left;
	width: 34%;
}

.page-accident-processing-delivery-record dd .cnt2 {
	display: block;
	width: 55%;
	float: right;
}

.page-accident-processing-delivery-record dd .cnt2 .cat1,
.page-accident-processing-delivery-record dd .cnt2 .cat2{
	display: inline-block;
	padding: 0px 4px;
    margin-right: 8px;
	font-size: 92%;
	color: #fff;
}

.page-accident-processing-delivery-record dd .cnt2 .cat1{
	background: #aaa63d;
}

.page-accident-processing-delivery-record dd .cnt2 .cat2{
	background: #2f27a0;
}

/* 油濁防除資材 */
.page-oil-pollution-control-agents table th {
	width: auto;
	background-color: #EFEFEF;
}

.page-oil-pollution-control-agents table td {
	white-space: nowrap;
}

.page-oil-pollution-control-agents table th,
.page-oil-pollution-control-agents table td{
	padding: 8px;
	text-align: left;
}
/* 油濁防除資材 */
.page-accident-response-photos .column_wrap p{
	text-align: left;
	margin-bottom:0 !important;
}

.page-accident-response-photos #contents_wrap .column_wrap + h2{
	margin-top: 56px;
}

/* お問い合わせ */
.page-contact p.tel {
	font-size: 140%;
	font-weight: bold;
}

/*------------------------------------------------------------------------
◆テーブル
------------------------------------------------------------------------*/
table{
	width:100%;
	line-height:160%;
	margin:0 auto;
	border-top: 1px solid #ddd;
}

table th,
table td{
	border-bottom: 1px solid #ddd;
	padding: 8px 0;
}

table th{
	color: #333333;
	font-weight: bold;
	width: 29%;
}

table td{
	text-align: left;
	background: #FFFFFF;
}

table tbody th{
	text-align:left;
}

table td *{
	margin-bottom:1em !important;
}

table td ul.catch{
	margin-bottom:0em !important;
}

table td ul.catch li{
	margin-bottom:0.4em !important;
}

table td ul.catch li:last-of-type{
	margin-bottom:0em !important;
}

table td ul.catch br{
	display:none !important;
}


/*------------------------------------------------------------------------
◆Google マップ
------------------------------------------------------------------------*/
#map_canvas01,
#map_canvas02,
#map_canvas03{
	width: 100%;
	height: 300px;
	margin: 0;
	border: 1px solid #E2E2E2;
}

#gmapwrap{
	padding: 8px;
	overflow: hidden;
	font-size: 90%;
}

#gmapwrap strong{
	color:#27A052;
	white-space:nowrap;
}

#gmapwrap p{
	margin-bottom:0;
	overflow: hidden;
}

#gmapwrap span{
	display: block;
	line-height: 140%;
	font-size: 100%;
	white-space: nowrap;
}

.gmaplink{
	font-size:60%;
	text-align:center;
}

.gm-style .gm-style-iw.gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div{
	line-height:1.5;
}

#map_canvas > div > div:nth-child(1) > div > div:nth-child(3) > div:nth-child(3) > div > div.gm-style-iw > div {
	overflow: hidden !important;
}

#googlemap + p{
	font-size: 80%;
	text-align: center;
	margin-top: 4px;
}

/*------------------------------------------------------------------------
◆サブメニュー
------------------------------------------------------------------------*/
#sidenav ul{
	font-size: 100%;
}

#sidenav li a{
	display: block;
	color: #333333;
	border:1px solid #E2E2E2;
	border-top: none;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 10px 1em;
}

#sidenav li a:hover{
	background: #27a052;
	color: #FFFFFF;
}

#sidenav li a:before{
	content: url(../images/common/catch.png);
	margin-right: 8px;
}

#sidenav li a:hover:before{
	content: url(../images/common/catch_white.png);
	margin-right: 8px;
}

#sidenav li:first-child a{
	border-top: 1px solid #E2E2E2;
}

/* 現在のページ company */
/*.page-company#sidenav li:nth-child(1) > a,*/
.page-message #sidenav li:nth-child(1) > a,
.page-gaiyou #sidenav li:nth-child(2) > a,
.page-history #sidenav li:nth-child(3) > a,
.page-access #sidenav li:nth-child(4) > a{
	background: #27a052;
	color: #FFFFFF;
}

/*.page-company #sidenav li:nth-child(1) > a:before,*/
.page-message #sidenav li:nth-child(1) > a:before,
.page-gaiyou #sidenav li:nth-child(2) > a:before,
.page-history #sidenav li:nth-child(3) > a:before,
.page-access #sidenav li:nth-child(4) > a:before{
	content: url(../images/common/catch_white.png);
	margin-right: 8px;
}

/* 現在のページ fire */
.page-fire #sidenav li:nth-child(1) > a,
.page-discarded-fire-extinguisher #sidenav li:nth-child(2) > a,
.page-fire-extinguisher #sidenav li:nth-child(3) > a,
.page-fire-fighting-equipment-inspection #sidenav li:nth-child(4) > a,
.page-fire-fighting-equipment-work #sidenav li:nth-child(5) > a{
	background: #27a052;
	color: #FFFFFF;
}

.page-fire #sidenav li:nth-child(1) > a:before,
.page-discarded-fire-extinguisher #sidenav li:nth-child(2) > a:before,
.page-fire-extinguisher #sidenav li:nth-child(3) > a:before,
.page-fire-fighting-equipment-inspection #sidenav li:nth-child(4) > a:before,
.page-fire-fighting-equipment-work #sidenav li:nth-child(5) > a:before{
	content: url(../images/common/catch_white.png);
	margin-right: 8px;
}

/* 現在のページ safety */
.page-safety #sidenav li:nth-child(1) > a,
.page-traffic-safety-facility #sidenav li:nth-child(2) > a,
.page-road-sign #sidenav li:nth-child(3) > a,
.page-road-compartment-line #sidenav li:nth-child(4) > a,
.page-design-label #sidenav li:nth-child(5) > a{
	background: #27a052;
	color: #FFFFFF;
}

.page-safety #sidenav li:nth-child(1) > a:before,
.page-traffic-safety-facility #sidenav li:nth-child(2) > a:before,
.page-road-sign #sidenav li:nth-child(3) > a:before,
.page-road-compartment-line #sidenav li:nth-child(4) > a:before,
.page-design-label #sidenav li:nth-child(5) > a:before{
	content: url(../images/common/catch_white.png);
	margin-right: 8px;
}

/* 現在のページ yudaku */
.page-yudaku #sidenav li:nth-child(1) > a,
.page-oil-pollution-control-agents #sidenav li:nth-child(2) > a,
.page-oil-spill-processing #sidenav li:nth-child(3) > a,
.page-accident-processing-delivery-record #sidenav li:nth-child(4) > a,
.page-accident-response-photos #sidenav li:nth-child(5) > a,
.page-water-quality-accident-training #sidenav li:nth-child(6) > a{
	background: #27a052;
	color: #FFFFFF;
}

.page-yudaku #sidenav li:nth-child(1) > a:before,
.page-oil-pollution-control-agents #sidenav li:nth-child(2) > a:before,
.page-oil-spill-processing #sidenav li:nth-child(3) > a:before,
.page-accident-processing-delivery-record #sidenav li:nth-child(4) > a:before,
.page-accident-response-photos #sidenav li:nth-child(5) > a:before,
.page-water-quality-accident-training #sidenav li:nth-child(6) > a:before{
	content: url(../images/common/catch_white.png);
	margin-right: 8px;
}

/* 孫ページ */
#sidenav ul.sub-menu ul li a:before{
	content: "-";
	display: block;
	float: left;
	margin-right: 0.5em;
}

#sidenav ul.sub-menu ul li a{
	padding-left: 1.5em !important;
}

#sidenav ul.sub-menu ul ul li a{
	padding-left: 3em !important;
}

/* ひ孫ページ */
#sidenav ul.sub-menu ul.sub-menu{
	display: none;
}

/* 今いる階層内のひ孫ページのみ表示 */
#sidenav li.current-menu-ancestor li.current-menu-ancestor ul.sub-menu,
#sidenav li.current-menu-ancestor li.current-menu-ancestor ul.sub-menu li ul.sub-menu,
#sidenav li.current-menu-parent li.menu-parent-item.current-menu-item ul.sub-menu,
#sidenav li.current-post-ancestor li.current-post-ancestor ul.sub-menu,
#sidenav li.current-post-ancestor li.current-post-ancestor ul.sub-menu li ul.sub-menu,
#sidenav li.current-menu-item{
	display: block;
}

/* 親ページ */
#sidenav > li.menu-parent-item.current-menu-item > a,
#sidenav > li.menu-parent-item > a{
	border-top: 1px solid #E2E2E2 !important;
	font-size: 105%;
	color: #27A052;
	font-weight: bold;
}

#sidenav > li.menu-parent-item.current-menu-item > a{
	color: #FFF;
}

#sidenav > li.menu-parent-item.current-menu-item > a:hover,
#sidenav > li.menu-parent-item > a:hover{
	border-top:1px solid #27A052 !important;
	color: #FFF;
}



/*--------------------------------------------------------------------------
◆サブコンテンツ
--------------------------------------------------------------------------*/
#sub_wrap div.post_wrap.no_post,
#sub_wrap div.event_wrap.no_event{
	padding: 10px 1em;
}

#sub_wrap h2{
	font-size: 128%;
	padding: 0;
	margin-top: 24px;
}

#sub_wrap h2:before{
	display:none !important;
}

#sub_wrap h2.widget_title:first-child{
	margin-top: 6px;
}

#sidebar_widget{
	border: 1px solid #E2E2E2;
	width:47.5%;
	float:right;
}

#sidebar_widget p{
	margin-bottom: 0em;
}

#sidebar_widget ul{
	margin-bottom: 0em;
}

#sidebar_widget p.list a{
	display:block;
	float:right;
	font-size:90%;
	background:#FFF;
	padding: 11px 15px;
	text-decoration:none;
}

#sidebar_widget p.list a:hover{
	background-color: #EDEDED !important;
}

#sidebar_widget ul{
	clear: both;
}

#sidebar_widget li{
	background:none;
	padding: 0;
}

#sidebar_widget li:first-child a{
	border-top: 1px dotted #d9d9d9;
}

#sidebar_widget li a{
	display:block;
	background:#FFF;
	padding: 10px 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px dotted #d9d9d9;
	text-decoration:none;
}

#sidebar_widget li a:hover{
	background:#e5e5e5;
}

#sidebar_widget li:last-child a{
	border-bottom: none;
}

#sidebar_widget .limit{
	font-size:75%;
}

aside{
	width: 980px;
	margin: 40px auto;
	background: #fff;
}


/*--------------------------------------------------------------------------
◆ページ上部下部へ
--------------------------------------------------------------------------*/
#pagenavi {
	display:none;
	position: fixed;
	bottom: 4%;
	right: 4%;
	margin-bottom:0;
	z-index:9999;
}

#pagenavi li{
	background:none;
	padding-left:0 !important;
}

#pagenavi a{
	display: block;
	width: 40px;
	height: 40px;
	background:url(../images/common/pagetop.png) no-repeat center center;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#pagenavi a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#pagenavi i.icon-up-dir-1,
#pagenavi i.icon-down-dir-2{
	font-size:180%;
}

#pagetop a .icon-up-open:before{
	display:block;
	font-size:100%;
	color:#FFFFFF;
}


/*------------------------------------------------------------------------
◆フッター
------------------------------------------------------------------------*/
#footer_top_wrap{
	margin: 0 auto;
	width: 984px;
	overflow: hidden;
	font-size: 88%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#footer_top_wrap h1{
	width: 108px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#footer_top_wrap h1 {
	width:108px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#footer_top_wrap h1 a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#footer_top_wrap ul li{
	line-height: 150%;
	margin-top: 0.3em;
	color: #fff;
}

#footer_top_wrap ul li:first-child{
	margin-top: 0;
}

#footer_top_wrap ul li:before{
/*
	content:"-";
	margin-right:5px;
	color: #FFF !important;
*/
}

#footer_top_wrap ul a{
	text-decoration:none;
	white-space:nowrap;
	color: #fff !important;
	font-weight: normal;
}

#footer_top_wrap ul a:hover{
	text-decoration:underline;
	color:#fff !important;
}

#footer_top_wrap > div{
	float: left;
	width: 31.2%;
	vertical-align: top;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#footer_top_wrap > div ul li:nth-child(1){
	font-size: 116%;
	font-weight: bold;
}

#footer_top_wrap a[target="_blank"]:after{
	content: url(http://www.sakabou.jp/css/images/common/icon_outbound.png);
	margin-left: 4px;
}

#footerright{
	float: right !important;
	text-align:right;
	display: table;
	height: 96px;
}

#footerright .va{
	display: table-cell;
	vertical-align: middle;
}

#footerright img{
	width: auto;
}

#footerright p{
	color:#fff !important;
}


/* フッター最下部 */
#footer_container .section.footer_top{
	background:#27a052;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align:top;
}

#footer_container .section.footer_bottom{
	background: #197c3c;
	width:auto;
	padding: 8px 0;
	overflow: hidden;
	color:#333;
}

#footer_bottom_wrap{
	width: 984px;
	margin: 0 auto;
	font-size: 80%;
}

#footer_bottom_wrap > *{
	color: #fff;
}

#footer_bottom_wrap ul{
	float: left;
	width: 50%;
}

#footer_bottom_wrap li{
	float:left;
	color: #fff;
}

#footer_bottom_wrap li a{
	text-decoration:none;
	color: #fff;
}

#footer_bottom_wrap li a:hover{
	text-decoration:underline;
}

#footer_bottom_wrap li:before{
	content: '|';
	margin-right:10px;
	margin-left:10px;
}

#footer_bottom_wrap li:first-child:before{
	display:none;
}

#footer_bottom_wrap #copyright{
	float: right;
	width: auto;
	margin: 0 auto;
	text-align: right;
	font-style: normal;
}


/*--------------------------------------------------------------------------
◆メールフォーム
--------------------------------------------------------------------------*/
.short{
	width:30%;
}

.middle{
	width:50%;
	min-width: 290px;
}

.long{
	width:100%;
}

textarea{
	line-height:150%;
}

form input[type="submit"] {
	background: #27A052;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 8px 55px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;

}

form input[type="submit"]:hover {
	background: #26BD5C;
}

form input[type="button"] {
	background: #efefef;
	color: #333;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 8px 55px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font:90%/1.8 "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;

}

form input[type="button"]:hover {
	border: 1px solid #27A052;
}

form p{
	font-size:100%;
}

form table{
	margin-top:2em;
}

form table tbody{
	border-top:1px solid #ddd;
}

form table th,
form table td{
	border:none;
	border-bottom:1px solid #ddd;
	padding: 8px 0px;
}

form table th *,
form table td *{
	margin-bottom:0em !important;
}

form table th{
	background:none;
	padding-right:2em;
	position: relative;
}

form table td{
	background:none;
}

form table td ul{
	margin-bottom:0;
}

form table td ul li{
	background:none;
	padding-left: 2em;
	padding-top: 0.3em;
	font-size:90%;
}

form table td ul li:first-child{
	padding-top: 0em;
}

form .fax{
	margin-left:0;
}

form .require{
	font-weight: normal;
	font-size: 80%;
	line-height: 160%;
	color: #fff;
	background: #C82128;
	padding: 0px 4px;
	margin: 2px 0;
	position: absolute;
	right: 16px;
}

form .option{
	font-weight: normal;
	font-size: 80%;
	line-height: 160%;
	color: #fff;
	background: #777;
	padding: 0px 4px;
	margin: 2px 0;
	position: absolute;
	right: 16px;
}

form label input[type="checkbox"] {
	margin-right: 0.2em;
}

.form_error *{
	color: #EA1919 !important;
}

form input.short[type="text"] {
	width: 30%;
	min-width: 200px;
}

form textarea.long{
	width:100%;
	box-sizing:border-box;
}

form .formbutton{
	text-align: center;
}

/*--------------------------------------------------------------------------
◆ユーティリティ
--------------------------------------------------------------------------*/
.space{
	margin-top:5em !important;
}

.require,
.required{
	color:#C82128;
}

.ex{
	margin-left:10px;
	font-size:85%;
}

.red{
	color:#EE0000;
}

.sma_pc{
	clear:both;
	text-align:center;
	margin:0 auto;
}

span.catch{
	color:#E27F68;
}


.boxlink a:hover{
	text-decoration:none !important;
}

.hover {
	cursor: pointer;
	background-color: #EDEDED !important;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	background:#FFFFFF;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.accent{
	background:#FFF;
	padding:20px;
	border:1px solid #DDDDDD;
}

.caption{
	display: block;
	font-size:90% !important;
	text-align:center;
}

p + p.caption{
	font-size:90% !important;
	text-align:center;
	margin-top: -1.5em;
}

.tel{
	display: inline;
}

.fax{
	display: inline;
	margin-left: 1em;
}

a.button{
	background: #27A052;
	color: #FFFFFF;
	padding: 11px 40px;
	text-align: center;
	text-decoration: none;
	font-size: 90%;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;

}

a.button:hover {
	background: #EEEEEE;
	color: #333333;
	padding-top: 13px;
	padding-bottom: 11px;
	text-decoration: none;
}

.newmark{
	color: #BC0300;
	font-size: 96%;
	font-weight: bold;
	margin-left: 8px;
	white-space: nowrap;
}

.limit{
	background: #BC0300;
	color: #FFF;
	font-size: 80%;
	padding: 0.2em 1em;
	margin-left: 1em;
	white-space:nowrap;
}

.pdf{
	background: url(http://www.sakabou.jp/css/images/common/pdficon_small.png) no-repeat left 50%;
	padding-left: 25px;
}

.mobileimglink + a{
	display:block;
	text-align: center;
	font-size:80%;
	margin-bottom: 1.6em;
}

.right{
	text-align: right;
}

.bold{
	font-weight: bold;
}


/*--------------------------------------------------------------------------
◆ie8
--------------------------------------------------------------------------*/
html.ie8 #user .wp-caption-text{
	font-size:70%;
}

html.ie8 #gnavi ul.sub-menu li a{
	display:none;
}

html.ie8 #nav_wrap ul li.current-menu-item > a:after,
html.ie8 #nav_wrap ul li.current-menu-ancestor > a:after{
	display:none;
}

html.ie8 #nav_wrap ul li.current-menu-item > a:after,
html.ie8 #nav_wrap ul li.current-menu-ancestor > a:after,
html.ie8 #nav_wrap ul li.current-post-ancestor > a:after,
html.ie8 #nav_wrap ul li.current-page-ancestor > a:after,
html.ie8 #nav_wrap ul li.current-page-ancestor > a:after{
	display:none;
}

html.ie8 .gallery-columns-3 .gallery-item {
	width: 31.3% !important;
}

html.ie8 #article_wrap .bt_form input[type="submit"]:hover{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

/*--------------------------------------------------------------------------
◆ie9
--------------------------------------------------------------------------*/
/* 角丸用にfilterを解除 */
html.ie9 #article_wrap .bt_form input[type="submit"]{
	-webkit-border-radius: 0px\9;
	-moz-border-radius: 0px\9;
	border-radius: 0px\9;
}

/* 角丸用にfilterを解除 */
html.ie9 #sub_wrap input[type="submit"]{
	-webkit-border-radius: 0px\9;
	-moz-border-radius: 0px\9;
	border-radius: 0px\9;
}

html.ie9 #article_wrap .bt_form input[type="submit"]:hover{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}