@charset "utf-8";
/*//////////  初期化  //////////*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,h7,
form,fieldset,input,textarea,
p,th,td {margin: 0; padding:0; text-decoration:none; font-style:normal;}
#wrapper #contents #company {
	margin: 0 auto;
	text-align: center;
}



/*//////////  基本設定  //////////*/
a:link, a:visited {color:#595959; }
a:hover, a:active {color:#999999; }
img {border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0;}
.pc {display:inherit;}
.tab {display:none;}
.sp {display:none;}

/*//////////  テキスト設定  //////////*/
.bold {font-weight: bold;}
.red {color:#FF0000;}
.p {margin-bottom:1em;}
.small {font-size: x-small;}

/*//////////  テーブル設定  //////////*/
th {font-style:normal; font-weight:normal; text-align:left;}
td, th {vertical-align:top;}

/*//////////  リスト設定  //////////*/
ul {list-style-position:outside;}
ol {list-style-position:outside;}
li {list-style:none;}

/*//////////  配置設定  //////////*/
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.under{position:absolute; bottom:0;}
.froatLeft {float:left;}
.froatRight {float:right;}
.pulloutLeft {display:inline; float:left; margin-right:20px;}
.pulloutRight {display:inline; float:right; margin-left:20px;}
.clear {clear:both;}
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.line{ width:80%; height:3px; border-bottom:5px solid #666666;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mb05em {margin-bottom:0.5em !important;}
.mb1em {margin-bottom:1em !important;}
.mb2em {margin-bottom:2em !important;}
.mb3em {margin-bottom:3em !important;}
.mb4em {margin-bottom:4em !important;}
.mb5em {margin-bottom:5em !important;}
.mt0 {margin-top:0 !important;}
.mt05em {margin-top:0.5em !important;}
.mt1em {margin-top:1em !important;}
.mt2em {margin-top:2em !important;}
.mt3em {margin-top:3em !important;}
.mt4em {margin-top:4em !important;}
.mt5px{margin-top:5px !important;}
.mt15px{margin-top:15px !important;}
.mt30px{margin-top:30px !important;}
.pl1em {padding-left:1em !important;}
.pl2px {padding-left:2px !important;}

/*//////////  全ページ共通設定  //////////*/
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial,Helvetica,sans-serif;
	font-size: 12.5px;
	line-height: 1.7em;
	color: #585555;
	background-color: #FFFFFF;
	text-align: center;
	width: 100%;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
#wrapper a img:hover {opacity:0.8; filter:alpha(opacity=80);}
#contents::after {clear:both; content:"."; display:block; height:0; visibility:hidden;}



/*//////////  コンテンツ設定  //////////*/

#contents #topimg {
	min-height: 30em;
	background-image: url(../images/top/topback.jpg);
	padding-top: 10em;
	padding-right: auto;
	padding-left: auto;
	padding-bottom: 0;
	text-align: center;
}
#contents #topimg img {
	width: auto;
	margin: 0 auto;
	height: auto;
}
#contents #topimg .copy01{min-width:120px; width:auto; height:auto; min-height:20px; padding-top:30px;}
#contents #topimg .photo01{
	min-width: 100px;
	width: 90%;
	text-align: center;
	margin: 10px auto 0 auto;
}


#contents #btn {width:95%; margin:0 auto; margin-bottom:20px; }
#contents #btn a{ background:#fff; display: inline-block; width:289px; height:335px;}
#contents #btn img {float:left; margin-right:5px;}
#contents #btn img a:hover {opacity:0.9; filter:alpha(opacity=90); }


/*//////////  グーグルマップ用  //////////*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;

}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 90%;
}


/*//////////  フッター設定  //////////*/
footer #footer {width:100%; color:#353333; text-align:center; border-top:2px solid #d7d8cf; padding-top:2px; margin-top:30px; font-size:0.8em;}
footer #pageTop a:link,
footer #pageTop a:visited {-ms-filter:"alpha(opacity=80)"; -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
footer #pageTop a:hover{text-decoration:none; -ms-filter:"alpha(opacity=50)"; -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
footer #pageTop .page-top{position:fixed; bottom:16px; right:5%;}

/*//////////  レスポンシブ設定  //////////*/
@media screen and (max-width:960px){
.pc {display:none;}
.tab {display:inherit;}

body {line-height:1.6em;}
#wrapper {width:96%; padding:0 1%;}

#contents #topimg {
	min-height: 15em;
	padding-top: 5em;}
#contents #topimg img {width:100%; height:auto; text-align:center;}
#contents #btn {width:80%; margin:0 auto;}
#contents #btn img {float:none; margin:10 auto;}
footer #pageTop .page-top{right:2%;}

}

@media screen and (max-width:700px){
.pc {display:none;}
.tab {display:none;}
.sp {display:inherit;}

#wrapper {width:100%; padding:0 2%;}



#contents #btn {width:80%; margin:0 auto;}
#contents #btn img {float:none; margin:10 auto; width:80%; height:80%;}

.ggmap{
	text-align:center;
}


}