@charset "utf-8";
/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
@font-face{
	font-family:arwfont;
	src:
	url("arw/arw.eot?") format('eot'),
	url("arw/arw.ttf") format('truetype'),
	url("arw/arw.woff") format('woff');
}
html{height: auto;}
body#pagetop{
	background: -moz-linear-gradient(top, #fefdfd 0%, #E1D9C6 20%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefdfd 0%,#E1D9C6 20%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefdfd 0%,#E1D9C6 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
}

div#container {
	box-shadow:0 0 7px 4px #ABA599;
/*	background: url("../images/back_center.png") repeat-y scroll center top;*/
	margin: 0 auto;
}
#main {clear: both;}


div#container,
#header .content,
#main .content,
#footer .content .free {
	max-width: 1000px;
	width: 100%;
}
.v_img{
	width: auto;
	height: auto;
	max-width: 100%;
}

/*******************************
 ヘッダー
*******************************/
/*******************************
 自由ヘッダー
*******************************/
#header .free {
	border-bottom: 1px solid #ffffff;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	overflow: hidden;
}
#header h1 {
	font-size: 14px;
	font-weight: normal;
	text-align:right;
	padding-right: 1em;
}

#h_wrapper{
	background-color: #f3f3f3;
	display: table;
	width: 100%;
}
#h_wrapper > *{
	display: table-cell;
	vertical-align: middle;
}
#h_wrapper .h_logo img{
	padding-left:20px;
	display: inline;
	vertical-align: bottom;
}
#h_wrapper .h_btn{width: 60px;}
/*******************************
 フッター
*******************************/
#footer {
	height: 73px;  /* footerの高さ（ ★1＋★2 ）分指定する*/
	margin-top: 40px;
}
#main .space{padding-bottom:113px; /* footerの高さ（★1＋★2）分指定する */}
/*******************************
 自由フッター
*******************************/
#footer .free {max-width: 1000px;}
.scroll_pagetop {
	bottom: 6%;
	clear: both;
	float: right;
	position: fixed;
	right: 2%;
	text-align: right;
}
.scroll_pagetop a {
	display: block;
}
.scroll_pagetop a img {
	opacity: .60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: .60;
	-moz-opacity: .60;
	height: auto;
	width: 50px;
}
.scroll_pagetop a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;	
}
.footer {
	background-color: #A6A6A6;
	height: 73px;
	padding: 0 20px;
	color: #ffffff;
	font-size: 10px;
	text-align: right;
}
#footer .free .footer a {
	color: #ffffff  !important;
}
.copyright {
	padding-top: 20px;
}
@media screen and (max-width: 768px){
	
	#header h1 {
		text-align:center;
		padding:1em;
	}
	#h_wrapper .h_logo {text-align: center;}
	#h_wrapper .h_logo img{
		height: 18px;
		padding-left: 38px;
		vertical-align: middle;
	}
	#h_wrapper .h_btn {
		width: 38px;
	}
	.h_btn img {
		width: 38px;
		height: 38px;
	}
}