@charset "utf-8";
/*//////////////////////////////////////////////////////////////
	ページ共通スタイル（common.css）
//////////////////////////////////////////////////////////////*/
html {
	margin:0px;
	padding:0px;
}
.renderSwitcher {
	display: none;
}

body {
	margin:0px;
	padding:0px;
	font:14px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	border:none;
}

figure {
	display:block;
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5, h6,
table, tr, td, th,
ol, ul, li, dl, dt, dd,
p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:100%;
	list-style:none;
}

/*====================================
	レイアウト
=====================================*/
.viewFrame {
    /* 最大幅をつけて PC でも見やすくする */
    margin-left:auto;
    margin-right:auto;
/* 
	width:320px;
*/
}

.frame {
	padding:1.0em;
}

/*====================================
	header
=====================================*/
header {
	width:100%;
}
header div{
	padding:1.0em;
}

/* ロゴ */
header div h1 a {
	width:130px;
	height:0px;
	padding-top:44px;
	display:block;
	overflow:hidden;
	background:url(../images/common/logo.png) 0 0 no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	-webkit-background-size:contain;
	float:left;
}

/* TELボタン・MENUボタン */
header div #h-button{
	width:98px;
	float:right;
}
header div #h-button li{
	width:44px;
	height:44px;
	float:left;
	margin-right:10px;
}
header div #h-button li:last-child{
	margin-right:0;
}
header div #h-button #h-tel a{
	width:44px;
	height:0px;
	padding-top:44px;
	display:block;
	overflow:hidden;
	background:url(../images/common/tel-button.png) no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	-webkit-background-size:contain;
}

header div #h-button #h-menu a{
	width:44px;
	height:0px;
	padding-top:44px;
	display:block;
	overflow:hidden;
	background:url(../images/common/menu-button.png) no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	-webkit-background-size:contain;
}

/* マーキー */
header #ticker{
	color:#218B65;
	background:#EDF0D1;
	padding:0;
	white-space:nowrap !important;
	overflow:hidden !important;
}

header #ticker #marquee div{width: 100% !important;}

/* =========================================================
	contents
========================================================= */
#contents {
	width:100%;
}

/* =========================================================
	container
========================================================= */
#container {
	min-height:200px;
	background:#FFF;
	padding:1.0em;
	border:2px solid #F08200;
	margin:1.0em;
}

/* =========================================================
	gotop
========================================================= */
#gotop {
	padding:0.8em 1.0em;
	background:#D5EADB;
}
#gotop p{
	width:140px;
	float:right;
}
#gotop p a{
	width:140px;
	height:0;
	padding-top:14px;
	display:block;
	overflow:hidden;
	background:url(../images/common/gotop.png) no-repeat;
	background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	-webkit-background-size:contain;
}

/* =========================================================
	footer
========================================================= */
footer{
	width:100%;
}

/* Youtube */
footer #youtube {
	padding:1.0em;
	background-color: #218b65;
}

footer #youtube .text{
	color:#FFF;
	text-align:center;
	margin-bottom:1.0em;
}
footer #youtube .button a{
	color:#FFF;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:1.0em;
	border:1px solid #FFF;
	position:relative;
}
footer #youtube .button a:before{
}
footer #youtube .button a:after{
	display: block;
	content: "";
	position: absolute;
	top: 40%;
	right: 1.0em;
	width: 7px;
	height: 7px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
footer #member {
	padding:1.0em;
	background-color: #27b683;
}

footer #member .text{
	color:#FFF;
	text-align:center;
	margin-bottom:1.0em;
}
footer #member .button a{
	color:#FFF;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:1.0em;
	border:1px solid #FFF;
	position:relative;
}
footer #member .button a:before{
}
footer #member .button a:after{
	display: block;
	content: "";
	position: absolute;
	top: 40%;
	right: 1.0em;
	width: 7px;
	height: 7px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 会社情報 */
footer #f-info {
	padding:1.0em;
}
footer #f-info dt{
	color:#007130;
	font-size:105%;
	font-weight:bolder;
}
footer #f-info dd:last-child{
	margin-top:0.5em;
}

/* お問い合わせボタン・アクセスボタン */
footer #f-button{
	padding:0 1.0em 1.0em 1.0em;
}
footer #f-button li{
	width:47.5%;
	float:left;
	margin-right:5%;
}
footer #f-button li:last-child{
	margin-right:0;
}
footer #f-button li a img{
	width:100%;
	height:auto;
	display:block;
}

/* 閲覧端末 */
footer #view{
	padding:0.8em 1.0em;
	background:#EDF0D1;
}
footer #view p{
	text-align:center;
}

	footer #view p a:link,
	footer #view p a:visited,
	footer #view p a:active{
		color:#007130;
		text-decoration:underline;
		outline:none;
	}
	footer #view p a:hover{
		color:#007130;
		text-decoration:none;
		outline:none;
	}


/* =========================================================
	フォント・タイトル・見出し
========================================================= */

.red {color:#FF0000;}

/* ページタイトル */
#page-title {
	color:#FFF;
	font-size:120%;
	font-weight:bolder;
	background:#218B65;
	padding:0.8em 1.0em;
}

/* 見出し1 */
.headline {
	line-height:45px;
	color:#F08200;
	font-size:120%;
	font-weight:bolder;
	background:url(../images/common/icon.png) 1.0em center no-repeat;
	background-size:25px 22px;
	-moz-background-size:25px 22px;
	-ms-background-size:25px 22px;
	-o-background-size:25px 22px;
	-webkit-background-size:25px 22px;
	padding:0 1.0em 0 3.0em;
	border-bottom:7px solid #F08200;
}
.headline span{
	font-size:90%;
	font-weight:normal;
	float:right;
}

/* 見出し2 */
.headline2 {
	color:#218B65;
	font-size:110%;
	font-weight:bolder;
	padding:0.8em 1.0em;
	border-top:2px solid #218B65;
	border-bottom:5px solid #218B65;
}

/* 表01 */
.list01 {}

	.list01 dt,
	.list01 dd {
		padding: 0.5em;
	}
	
	.list01 dt {
		background-color:#beddc9;
	}

	.list01 dt:first-child {
		-moz-border-radius:6px 6px 0 0;
		-ms-border-radius:6px 6px 0 0;
		-o-border-radius:6px 6px 0 0;
		-webkit-border-radius:6px 6px 0 0;
		border-radius:6px 6px 0 0;
	}

	.list01 dd {
		background-color: #f4f4f4;
	}
	
	.list01 dd:last-child {
		-moz-border-radius:0 0 6px 6px;
		-ms-border-radius:0 0 6px 6px;
		-o-border-radius:0 0 6px 6px;
		-webkit-border-radius:0 0 6px 6px;
		border-radius:0 0 6px 6px;
	}

/*====================================
	clearfix
=====================================*/
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}