/* セルバ共通 CSS Document */

@charset "UTF-8";

* {
	margin:0;
	padding:0;
/*	line-height:1.0;*/
	font-weight: normal;
    letter-spacing:0;
/*	vertical-align:top;*/
	-webkit-text-size-adjust: none;
}

html{
	margin:0;
	padding:0;
	height:100%;
    font-size:13px;
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:'メイリオ',Meiryo,sans-serif;
}

img{
	border:0;
}

dl,
ul{
	list-style:none;
}

hr {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

/*font-size*/
.fs12 {
    font-size: 12px !important;
}
.fs13 {
    font-size: 13px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs15 {
    font-size: 15px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs17 {
    font-size: 17px !important;
}
.fs18 {
    font-size: 18px !important;
}
/*bold*/
.bold {
    font-weight: bold;
}

/*margin-bottom*/
.mb0 {
    margin-bottom: 0px !important;
}
.mb1 {
    margin-bottom: 1px !important;
}
.mb2 {
    margin-bottom: 2px !important;
}
.mb3 {
    margin-bottom: 3px !important;
}
.mb4 {
    margin-bottom: 4px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb6 {
    margin-bottom: 6px !important;
}
.mb7 {
    margin-bottom: 7px !important;
}
.mb8 {
    margin-bottom: 8px !important;
}
.mb9 {
    margin-bottom: 9px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb11 {
    margin-bottom: 11px !important;
}
.mb12 {
    margin-bottom: 12px !important;
}
.mb13 {
    margin-bottom: 13px !important;
}
.mb14 {
    margin-bottom: 14px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
/*margin-top*/
.mt0 {
    margin-top: 0px !important;
}
.mt1 {
    margin-top: 1px !important;
}
.mt2 {
    margin-top: 2px !important;
}
.mt3 {
    margin-top: 3px !important;
}
.mt4 {
    margin-top: 4px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt6 {
    margin-top: 6px !important;
}
.mt7 {
    margin-top: 7px !important;
}
.mt8 {
    margin-top: 8px !important;
}
.mt9 {
    margin-top: 9px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt11 {
    margin-top: 11px !important;
}
.mt12 {
    margin-top: 12px !important;
}
.mt13 {
    margin-top: 13px !important;
}
.mt14 {
    margin-top: 14px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
/*padding-bottom*/
.pb0 {
    padding-bottom: 0px !important;
}
.pb1 {
    padding-bottom: 1px !important;
}
.pb2 {
    padding-bottom: 2px !important;
}
.pb3 {
    padding-bottom: 3px !important;
}
.pb4 {
    padding-bottom: 4px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb6 {
    padding-bottom: 6px !important;
}
.pb7 {
    padding-bottom: 7px !important;
}
.pb8 {
    padding-bottom: 8px !important;
}
.pb9 {
    padding-bottom: 9px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb11 {
    padding-bottom: 11px !important;
}
.pb12 {
    padding-bottom: 12px !important;
}
.pb13 {
    padding-bottom: 13px !important;
}
.pb14 {
    padding-bottom: 14px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb25 {
    padding-bottom: 25px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
/*padding-top*/
.pt0 {
    padding-top: 0px !important;
}
.pt1 {
    padding-top: 1px !important;
}
.pt2 {
    padding-top: 2px !important;
}
.pt3 {
    padding-top: 3px !important;
}
.pt4 {
    padding-top: 4px !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt6 {
    padding-top: 6px !important;
}
.pt7 {
    padding-top: 7px !important;
}
.pt8 {
    padding-top: 8px !important;
}
.pt9 {
    padding-top: 9px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt11 {
    padding-top: 11px !important;
}
.pt12 {
    padding-top: 12px !important;
}
.pt13 {
    padding-top: 13px !important;
}
.pt14 {
    padding-top: 14px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt25 {
    padding-top: 25px !important;
}
.pt30 {
    padding-top: 30px !important;
}
/*padding-left*/
.pl5 {
    padding-left: 5px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl25 {
    padding-left: 25px !important;
}
.pl30 {
    padding-left: 30px !important;
}
/*padding-right*/
.pr5 {
    padding-right: 5px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr25 {
    padding-right: 25px !important;
}
.pr30 {
    padding-right: 30px !important;
}
/*margin-left*/
.ml5 {
    margin-left: 5px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml250 {
    margin-left: 250px !important;
}
/*margin-right*/
.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mr30 {
    margin-right: 30px !important;
}
/*padding*/
.p1 {
    padding: 1px !important;
}
.p2 {
    padding: 2px !important;
}
.p3 {
    padding: 3px !important;
}
.p4 {
    padding: 4px !important;
}
.p5 {
    padding: 5px !important;
}
.p6 {
    padding: 6px !important;
}
.p7 {
    padding: 7px !important;
}
.p8 {
    padding: 8px !important;
}
.p9 {
    padding: 9px !important;
}
.p10 {
    padding: 10px !important;
}
.p15 {
    padding: 15px !important;
}
.p20 {
    padding: 20px !important;
}

/* text-align */
.alignCenter {
    text-align: center !important;
}
.alignLeft {
    text-align: left !important;
}
.alignRight {
    text-align: right !important;
}
/* float */
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
/* display */
.dispInlineBlock {
    display: inline-block;
}
.dispInline {
    display: inline;
}
.dispBlock {
    display: block;
}
.dispNone {
    display: none;
}

div#header_inner,
ul#globalnavi_inner,
div#contents_inner,
div#footer_inner{
	width:960px;
	/*height:100%;*/
	margin:0 auto;
}

div#contents_inner {
    overflow:hidden;	
}

.clear{
clear:both;
}

/* clearfix */
.clearfix {
    min-height: 1%;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.btn_contact{
text-align:center;
margin:30px auto;
}

.center {
    text-align:center;	
}

/* ------- float解除 -------- */
div#contents:after,
div#header ul:after,
ul#news_banner:after,
div#contents_right h3:after,
div#contents_left:after,
dl#news_release:after,
dl#mobile_service:after,
ul#service_list:after,
div#facebook_area ul:after,
dl#info_selva:after{
	display:block;
	clear:both;
	content:"";
	height:0;
}
/* ---- リンク --- */
a:hover img{
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}


/* ----- グローバルナビ ------*/

div#globalnavi{
	clear:both;
	width:960px;
	height:40px;
	margin:10px auto 5px;
}

img#img-globalnavi{
	width:960px;
}

ul#globalnavi_inner{
	position:absolute;
	width:960px;
}

ul#globalnavi_inner li{
	float:left;
	width:136px;
	height:33px;
}

ul#globalnavi_inner li a{
	width:136px;
}

ul#globalnavi_inner li a img{
	position:relative;
	height:33px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

ul#globalnavi_inner li a:hover img{
	position:relative;
	width:137px;
	height:40px;
	margin-top:-7px;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	/*border-right:1px solid #cccccc;*/
}

ul#globalnavi_inner li a:hover{
	position:relative;
	margin-left:-1px;
	width:137px;
}

ul#globalnavi_inner li#home,
ul#globalnavi_inner li#home a,
ul#globalnavi_inner li#home a:hover img{
	width:144px;
	margin-left:0;
}

/* ------ドロップダウンメニュー ----- */

#subnavi{
	float:left;
	margin:7px 0 0 65px;
	padding: 0;
	border-left:1px solid #cccccc;
	position:relative;
	z-index:100;
}

#subnavi li{
	float: left;
	list-style: none;
	font: 13px Tahoma, Arial;
}

#subnavi li a{
	display: block;
	/*background: #324143;*/
	padding:0 12px;
	text-decoration: none;
	border-right: 1px solid white;
	width:auto;
	color: #EAFFED;
	white-space: nowrap;
	border-right:1px solid #cccccc;
}

#subnavi li a:hover{
	/*background: #ff2200;*/
}
		
#subnavi li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	border-top: 1px solid white;
}
		
#subnavi li ul li{
	float: none;
	display: inline;
}
			
#subnavi li ul li a{
	width: auto;
	padding:10px;
	/*background: #A9C251;*/
	background:#5b5b5b;
	color: #ffffff;
	border-bottom:1px solid #6b6b6b;
}
			
#subnavi li ul li a:hover{
	background: #6b6b6b;
}

#contact_header{
float:left;
display:block;
margin-left:15px;
}

/* -------- コンテナ ---------- */

div#container{
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
}

/*パンくず*/

ul#pankuzu{
	clear:both;
	height:13px;
	margin-bottom:15px;
	font-size:12px;
}

ul#pankuzu li{
	float:left;
	padding-right:10px;
	line-height:12px;
}

ul#pankuzu li a{
	padding-right:10px;
	color:#415e1e;
	line-height:12px;
}

ul#pankuzu li a:hover{
	color:#7bad3e;
}

/* -------- ヘッダ ---------- */

div#header{
	/*position:relative;*/
	width:100%;
	height:auto;
	padding-top:5px;
	border-top:3px solid #000000;
}

div#header_inner{

}

div#header h1{
	width:auto;
	height:73px;
	margin:35px 0 0;
}

div#header_inner div{
	width:960px;
	position:absolute;
	margin:-106px 0 0;
}

div#header_inner div h2{
	float:left;
	height:30px;
	line-height:30px;
	font-size:10px;
}

div#header_inner div ul#sns{
	float:right;
}

div#header_inner div ul#sns li{
	float:left;
	display:inline;
	margin-left:10px;
}

div#header_inner div p{
	clear:both;
	position:absolute;
	top:45px;
	right:0;
	text-align:right;
}

div#header_inner div p img{
	margin-left:15px;
}

div#header_inner div p strong{
	display:block;
	line-height:25px;
}

/* ------- スライダー ------ */
/*
ul#slide {
	position:relative;
	height:250px;
	top:0;
	right:0;
	margin:0;
	padding:0;
	list-style:none;
	z-index:1;
}

ul#slide li {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
}
*/
ul#button{
	/*
	position:relative;
	left:33px;
	top:143px;
	*/
	float:right;
	width:auto;
	height:7px;
	margin:10px 0 0;
	padding-right:3px;
	text-align:center;
}

ul#button li{
	float:left;
	display:inline;
	width:48px;
	height:3px;
	padding-top:1px;
	margin-left:8px;
	border:0;
}

ul#button li a,
ul#button li img{
	clear:both;
	display:block;
}

ul#button li.op30 a{
	width:48px;
	height:3px;
	padding:0;
	line-height:3px;
	font-size:3px;
	border:1px solid #b7b7b7;
}

ul#button li.op30 a img{
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

ul#button li.op100 a {
	width:48px;
	height:3px;
	padding:0;
	line-height:3px;
	font-size:3px;
	border:1px solid #b7b7b7;
	background-color:#666666;
}

ul#button li.op100 a:hover{
	width:48px;
	height:3px;
	padding:0;
	line-height:3px;
	font-size:3px;
	border:1px solid #b7b7b7;
	background-color:#666666;
}


ul#button li.op100 a img{
	position:relative;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

ul#button li.op30 a:hover img{
	position:relative;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

div#promo {
    width: 960px;
    height: 280px;
	overflow:hidden
}

ul#slide {
    width: 960px;
    height: 250px;
    overflow: hidden;
}

div.bx-pager {
    float:right;	
	height:7px;
	margin:10px 0 0;
}

div.bx-pager a{
	float:left;
	display:block;
	overflow:hidden;
	text-indent:-100px;
	width:48px;
	height:3px;
	padding:0;
	line-height:3px;
	font-size:3px;
	border:1px solid #b7b7b7;
	margin-left:8px;
}

div.bx-pager a.pager-active {
	width:48px;
	height:3px;
	padding:0;
	line-height:3px;
	font-size:3px;
	border:1px solid #b7b7b7;
	background-color:#666666;
}

div.bx-pager a:hover{
	width:48px;
	height:3px;
	padding:0;
	line-height:3px;
	font-size:3px;
	border:1px solid #b7b7b7;
	background-color:#666666;
}

a.bx-prev,a.bx-next {
    display:none;
	visibility:hidden;	
}

/* ----- コンテンツ ----- */

div#contents{
	padding-bottom:10px;
}

h3#main_image{
	width:960px;
	height:100px;
	margin-bottom:15px;
	border-bottom:2px solid #cccccc;
}

/* ----- コンテンツ・左 ----- */

div#contents_left{
	float:left;
	width:250px;
}

div#contents_left ul#banner{
	margin-bottom:20px;
}

div#contents_left ul#banner li{
	margin-bottom:5px;
}

div#contents_left h3{
	border-bottom:2px solid #000000;
}

div#contents_left h4 a{
	font-size:12px;
	color:#545454;
}

div#contents_left h4 a:hover{
	font-size:12px;
	color:#909090;
}

dl#mobile_service,
dl#mobile_result{
	padding:10px 0 20px;
}

dl#mobile_service dt,
dl#mobile_result dt{
	width:auto;
	padding-left:15px;
	line-height:30px;
	font-size:12px;
	color:#545454;
	background: url(../images/common/icn_arrow.gif) no-repeat center left;
	text-decoration:underline;
	cursor:pointer;
}

dl#mobile_service dt:hover,
dl#mobile_result dt:hover{
	text-decoration:none;
}

dl#mobile_service dd,
dl#mobile_result dd{
	overflow:hidden;
}

dl#mobile_service dd ul{
	padding-top:15px;
	border-top:1px solid #eeeeee;
}

dl#mobile_service dd ul li{
	/*position:relative;*/
	width:180px;
	margin-bottom:25px;
	padding:0 0 15px 70px;
	line-height:14px;
	font-size:11px;
	color:#545454;
	font-family:"ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3";
	border-bottom:1px solid #eeeeee;
}

dl#mobile_service dd ul li img{
	margin-left:-70px;
}

dl#mobile_service dd ul li strong{
	display:block;
	margin-top:-56px;
	line-height:14px;
	font-size:11px;
	font-weight:bolder;
	color:#545454;
	font-family:"ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3";
}

dl#mobile_result ul{
}

dl#mobile_result ul li{
	height:auto;
	padding:10px 0;
}

dl#mobile_result ul li.closeup{
	background:#eeeeee;
}

dl#mobile_result ul li a,
dl#mobile_result ul li span,
dl#mobile_result ul li strong,
dl#mobile_result ul li img{
	display:block;
	width:200px;
	margin:0 auto;
	line-height:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3";
}

dl#mobile_result ul li strong{
	margin-bottom:5px;
}


/* ----- コンテンツ・右 ----- */

div#contents_right{
	clear:both;
	float:right;
	width:700px;
}

div#contents_right h3{
	clear:both;
	margin-bottom:20px;
	border-bottom:2px solid #000000;
}

div#contents_right{
	position:relative;
}

div#contents_right dl{
	width:auto;
	margin:0 13px 0 10px;
}

div#contents_right dt{
	margin-bottom:3px;
	line-height:18px;
	font-size:14px;
	font-weight:bolder;
	color:#006a33;
}

div#contents_right dt.sub_title{
	line-height:18px;
	font-size:12px;
	color:#999933;
}

div#contents_right dd{
	line-height:18px;
	font-size:12px;
	margin-bottom:25px;
}


/* -------- フッタ ---------- */

div#footer{
	position:relative;
	bottom:0;
	width:100%;
	height:488px;
	margin:0 auto;
	padding-top:15px;
	border-top:2px solid #666666;
	overflow:hidden;
}

address{
	position:relative;
	bottom:0;
	width:100%;
	height:52px;
	clear:both;
	border-top:2px solid #666666;
	text-align:center;
	font-size:12px;
	line-height:52px;
	font-style:normal;
}

div#footer_inner{
	width:960px;
}

ul#footer_navi{
	float:right;
	margin-bottom:20px;
}

ul#footer_navi li{
	float:left;
	display:inline;
	margin-left:7px;
}

ul#footer_navi li a{
	line-height:14px;
	font-size:12px;
	color:#47651f;
}

ul#footer_navi li a:hover{
	color:#7bad3e;
}

div#footer_inner dl{
	float:left;
	display:inline;
	width:226px;
	margin-right:13px;
}

div#footer_inner dl dt{
	margin-bottom:5px;
	padding-top:20px;
}

div#footer_inner dl dd{
	margin-bottom:5px;
}

div#footer_inner dl dd a{
	clear:both;
	margin-left:10px;
	font-size:10px;
	line-height:18px;
	color:#47651f;
}

div#footer_inner dl dd a:hover{
	color:#7bad3e;
}

div#footer_inner dl#info_selva{
	clear:both;
	float:none;
	display:block;
	width:960px;
	margin:0 0 10px;
}

div#footer_inner dl#info_selva #footer_logo{
	float:left;
	display:block;
	width:69px;
	height:91px;
    margin-bottom: 0;
	padding-right:14px;
	background:#ffffff;
}
div#footer_inner dl#info_selva #footer_logo a {
    margin-left: 0; 
}

div#footer_inner dl#info_selva dt{
	position:relative;
	width:862px;
	padding:5px 15px 7px 0px;
	line-height:18px;
	font-size:13px;
	color:#333333;
	border-bottom:1px solid #cccccc;
	float:left;
}

div#footer_inner dl#info_selva dt strong{
	display:block;
	line-height:18px;
	font-size:13px;
	font-weight:normal;
	color:#545454;
}

div#footer_inner dl#info_selva dd{
	width:862px;
	margin-bottom:20px;
	padding:7px 15px 0 0px;
	line-height:18px;
	font-size:13px;
	color:#333333;
	float:left;
}


a#attention_website{
	margin:0 15px;
}

a#attention_website:hover img{
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

div.contact p {
    font-size:12px;
	line-height:140%;
}

div.contact td {
    font-size:12px;
}

@media screen and (max-width: 767px){
	
}