@charset "UTF-8";

/* ---------------------------------------------------
common
--------------------------------------------------- */
html{ 
	overflow-y:scroll;
}

body{ 
	text-align:center;
}


/* #wrapper
----------------------- */
#wrapper{
	width:100%;
	text-align:left;
}

/* #contents
----------------------- */
#contents img{
	width:100%;
	height:auto;
}

/* #menu
----------------------- */
#menu{
	width:100%;
	background:#70B92C;
	padding:10px 0;
	position:absolute;
	z-index:99999;
	overflow:hidden;
	display:none;
	opacity:1;
}

.btnClose{
	width:100%;
	float:right;
	position:relative;
	z-index:99999;
}

.btnClose img{
	width:50px;
	height:auto;
	position:absolute;
	right:0;
	top:0;
}

.list{
	margin-top:20px;
	overflow:hidden;
}

.list li a{
	width:100%;
	float:left;
	padding:20px;
	position:relative;
	display:block;
	font-size:17px;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color:#fff;
	border-bottom:dotted 1px #ffffff;
}

.list li.w100 a{
	width:100%;
	padding:20px 5px;
	text-align:center;
	font-size:13px;
}

.close{
	width:100%;
	display:block;
	text-align:center;
}

.close img{
	width:40px;
	height:auto; 
}


/* #header
----------------------- */
#header{
	width:100%;
	height:60px;
	position:relative;
	top:0;
	z-index:99;
	border-bottom:1px solid #e9eae9;
}

#header img{
	width:auto;
	height:57px;
}

#header #menu01{
	position:absolute;
	top:0;
	right:0;
}


/* footer
----------------------- */
.pagetop{
	width:157px;
	margin:0 auto;
	padding:10px;
	background:#70B92C;
	background-size:auto 35px;
	background-position:99% 20%;
	display:block;
	border:1px solid #70B92C;
	text-align:center;
	color:#ffffff!important;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:12px;
	font-weight:bold;
}

footer{
	width:100%;
	margin-top:20px;
	margin-bottom:18%;
	text-align:center;
	border-top:1px solid #d1cfcf;
}

/* .foot_address
----------------------- */
.footer_btn img{
	margin-bottom:10px;
}
.foot_address{
	width:100%;
	overflow:hidden;
	text-align:left;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.foot_address_inner{
	padding:15px;
	background:#ffffff;
	overflow:hidden;
	border-bottom:1px solid #d1cfcf;
}

.name{
	font-size:15px;
}

.address,.tel{
	display:block;
	font-size:12px;
	font-style:normal;
}

.inner01{
	padding:10px;
}

#copyright{
	font-size:10px;
	line-height:15px;
}

footer img{
	width:100%;
	height:auto;
}


/* h
----------------------- */

.h1_title{
	margin:20px 0;
	padding:0 20px;
	text-align:center;
	color:#a9272d;
	font-size:17px;
	font-weight:bold;
}

.h2_title{
	margin-bottom:10px;
	padding-left:5px;
	border-left:5px #a9272d solid;
}

.h3_title{
	background:#AE846D;
	margin-bottom:20px;
	padding:10px;
	color:#ffffff;
}


/* 背景
----------------------- */
.bg_g{
	background:#eee !important;
}

/* !btn
----------------------- */
.btnWhite:hover,
.btnRed:hover,
.btnGreen:hover,
.btn_gu:hover,
.btn_gr:hover,
.btn_wr:hover,
.pagetop:hover
{
    text-decoration : none;
}

.btn_wl{
	width:100%;
	margin-bottom:10px;
	padding:10px;
	background:#fff url(/sp/img/ico_arrow1.png) no-repeat;
	background-size:auto 35px;
	background-position:0% 20%;
	border:solid 1px #a9272d;
	text-align:center;
	color:#a9272d !important;
	font-size:12px;
	font-weight:bold;
}








.btn_tel{
	float : left;
	width : 100%;
	margin-bottom : 10px;
	padding : 10px;
	text-align : center;
	color : #fff!important;
	font-size : 12px;
	font-weight : bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background : #007e65 url(http://www.montsaintmichel.jp/asset/img/common/ico_tel.png) no-repeat;
	background-size:auto 20px;
	background-position : 15% 50%;
}


.btnWhite{
	display : block;
	background : #fff;
	padding : 10px;
	text-align : center;
	border : solid 1px #007e65;
	color : #007e65!important;
	font-size : 12px;
	font-weight : bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.btnRed{
	display : block;
	background : #d4284d;
	padding : 10px;
	text-align : center;
	color : #fff!important;
	font-size : 12px;
	font-weight : bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.btn_gr{
	float : left;
	width : 100%;
	margin-bottom : 10px;
	padding : 10px;
	text-align : center;
	color : #fff!important;
	font-size : 12px;
	font-weight : bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background : #007e65 url(http://www.montsaintmichel.jp/asset/img/common/ico_yajirushi07sp.png) no-repeat;
	background-size:auto 35px;
	background-position : 99% 20%;
}
.btn_wu{
	float : left;
	width : 100%;
	border : solid 1px #007e65;
	margin-bottom : 10px;
	padding : 10px;
	text-align : center;
	color : #007e65!important;
	font-size : 12px;
	font-weight : bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background : #fff url(http://www.montsaintmichel.jp/asset/img/common/ico_yajirushi08sp.png) no-repeat;
	background-size:auto 35px;
	background-position : 0% 20%;
}




/* ---------------------------------------------------
top
--------------------------------------------------- */
/* .news
----------------------- */
.news{
	width:100%;
	padding:0px 10px 30px;
	border-top:1px solid #e9eae9;
	border-bottom:1px solid #e9eae9;
	background:#ffffff;
	overflow:hidden;
}

.news h2{
	width:70%;
	margin:10px 0 10px 0;
}

.news table{
	width:100%;
}

.news table th{
	width:100%;
	vertical-align:text-top !important;
	padding:5px 5px 0px 5px;
}

.news table td{
	width:90%;
	color:#bc9e65;
	vertical-align:text-top !important;
	padding:5px;
}

.top_logo{
	padding:20px 10px;
}


/* ---------------------------------------------------
会社概要
--------------------------------------------------- */
.company{
	width:100%;
	margin-bottom:20px;
	padding:20px 0px;
	overflow:hidden;
}
.greeting{
	width:100%;
	padding:10px;
}


.greet_photo{
	margin:0 0px 10px 10px;
}

.name{
	margin:20px 0 0;
	text-align:right;
}

.about{
	width:100%;
	padding:10px;
}

.about_bg{
	background:#ebe9e9;
}

.about table td{
	padding:10px;
	vertical-align:text-top !important;
	border-top:1px solid #595757;
}


.r_border{
	border-right:1px solid #595757;
}

.b_border{
	border-bottom:1px solid #595757;
}



/* ---------------------------------------------------
給油
--------------------------------------------------- */
.oilstation{
	width:100%;
	margin-bottom:20px;
	padding:20px 0px;
	overflow:hidden;
}
.station{
	width:100%;
	padding:10px;
}

.w65per{
	width:65% !important;
}

/* ---------------------------------------------------
ポリシー
--------------------------------------------------- */
.privacy{
	width:100%;
	margin-bottom:20px;
	padding:20px 0px;
	overflow:hidden;
}
.policy{
	width:100%;
	padding:10px;
}


/* ---------------------------------------------------
サービス
--------------------------------------------------- */
.service{
	width:100%;
	margin-bottom:20px;
	padding:20px 0px;
	overflow:hidden;
}

.service_list{
	width:100%;
	padding:10px;
}


.service_photo{
	margin:0 0px 10px 10px;
}

.service h2{
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
}

.service_link{
	margin-bottom:20px;
	font-size:12px;
	text-align:right;
	color:#88B83D;
}

.service_link a:link{
	text-decoration:none;
	color:#88b83d;
}

.service_link a:visited{
	text-decoration:none;
	color:#88b83d;
}

.service_link a:hover{
	text-decoration:underline;
	color:#88b83d;
}

/* ---------------------------------------------------
求人
--------------------------------------------------- */
.recruit{
	width:100%;
	margin-bottom:20px;
	padding:20px 0px;
	overflow:hidden;
}
.recruit_list{
	width:100%;
	padding:10px;
}
.b_t{
	border-top:1px solid #595757;
}

.b_b{
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.b_b2{
	border-bottom:1px solid #595757;
}


.recruit_bg{
	background:#ebe9e9;
}

.recruit_bg2{
	background:#e7e9e4;
}

.recruit_bg3{
	background:#f1f3ef;
}


.recruit table td{
	margin:0 0 1px 0;
	padding:10px;
	vertical-align:text-top !important;
}

.recruit a:link{
	text-decoration:none;
	color:#88b83d;
}

.recruit a:visited{
	text-decoration:none;
	color:#88b83d;
}

.recruit a:hover{
	text-decoration:underline;
	color:#88b83d;
}

.t_bg{
	padding:3px 10px;
	background:#595757;
	color:#fff;
	font-size:11px;
	border-radius:5px;        /* CSS3草案 */  
    -webkit-border-radius:5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:5px;   /* Firefox用 */
}



/* ---------------------------------------------------
お問い合わせ
--------------------------------------------------- */
.contact{
	width:100%;
	margin-bottom:20px;
	padding:20px 0px;
	overflow:hidden;
}
.contact_form{
	padding:10px;
}

.contact_form table th{
	border:1px solid #595757;
	padding:15px;
	background:#f1f3ef;
}

.contact_form table td{
	border:1px solid #595757;
	padding:10px;
	vertical-align:text-top !important;
}

.hissu{
	color:#ff0000;
	font-weight:bold;
}

.td_bg{
	background:#e8e9e8;
}

.contact_form a:link{
	text-decoration:none;
	color:#88b83d;
}

.contact_form a:visited{
	text-decoration:none;
	color:#88b83d;
}

.contact_form a:hover{
	text-decoration:underline;
	color:#88b83d;
}