@charset "UTF-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd, 
table, caption, th, td, form, img {
	margin: 0;
	padding: 0;
}
ul, ol, li {
	list-style: none;
}
img {
	border: none;
	vertical-align:bottom;
}
a:focus {
	outline: none;


/* 画像指定 */
}
.i1 {
	float: left;１
	margin-top: 5px;
	margin-right: 20px;
}
.i2 {
	float: right;
	margin: 5px 5px 10px 10px;
}
body {
-webkit-text-size-adjust: 100%;


/*************************
*	共通要素
*************************/

/* base */
}
html {
	
}

body {
	color: #FFF;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	line-height: 180%;
}

h2 {
	font-size: 150%; /* 12px → 18px */
}
h3 {
	font-size: 116.7%;
	color: #FFF;
}


h4 {
	font-size: 14px;
	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 18px;
	margin-bottom: 10px;
}


/* hr */
hr {
	visibility: hidden;
	clear:both;
}
/* リンク */
a:link {
	color: #FFF;
}
a:visited {
color:#FFF;
}
a:hover {
color:#B4B4B4;
}


/* 一覧画像用_内側border */
.b_outer {
	overflow: hidden;
}
.b_inner {
	position: absolute;
	top: 0px;
	left: 0px;
}
.out100 {
	width: 100px;
	height: 100px;
	layout-grid-line: 100px;
}
.in100 {
	width: 98px;
	height: 98px;
}
.out70 {
	width: 70px;
	height: 70px;
	layout-grid-line: 70px;
}
.in70 {
	width: 68px;
	height: 68px;
}
.b_black {
	border: solid 1px #000;
}
.b_gray {
	border: solid 1px #efefef;
}
.centermiddle {
	display: table-cell;
	text-align: center;
	vertical-align: middle;



/*++++++++++++++++++++++++
+	ページレイアウト
+++++++++++++++++++++++++*/
}
#page {
	width: auto;
	margin: 0 auto;
	background-color: #000;
}
.gs_menu {
	height: 200px;
	width: 250px;
	position: absolute;
	margin-top: 490px;
	margin-left: 210px;
}
.gs_menu2 {
	height: 200px;
	width: 350px;
	position: absolute;
	margin-top: 450px;
	margin-left: 300px;
}
.gs_menu_fax {
height: 200px;
	width: 350px;
	position: absolute;
	margin-top: 350px;
	margin-left: 300px;
}
#header {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
#container {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	background-image: url(../image/top_bg.jpg);
	background-repeat: no-repeat;
}
#container_form {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	background-image: url(../image/form_bg.jpg);
	background-repeat: no-repeat;
}
.main {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
.column {
	margin-bottom: 5px;
	clear: both;
}
.column_text {
	width: 805px;
	margin-bottom: 10px;
	clear: both;
	float: left;
	text-align: right;
	margin-right: 15px;
}
.column_text2 {
	width: 780px;
	margin-bottom: 10px;
	clear: both;
	float: left;
	text-align: right;
	margin-right: 40px;
}
.text_box {
	width: 778px;
	margin-bottom: 10px;
	clear: both;
	float: left;
	text-align: left;
	margin-left: 42px;
}
.column_form {
	width: 760px;
	margin-bottom: 10px;
	clear: both;
	float: left;
	margin-right: 80px;
	margin-top: 100px;
	margin-left: 80px;
}
.column_ftext {
	width: 760px;
	clear: both;
	float: left;
	text-align: right;
	margin-top: 10px;
}
.column_center {
	width: 760px;
	margin-bottom: 10px;
	clear: both;
	float: left;
	margin-top: 10px;
	text-align: center;
}
.column_co {
	width: 726px;
	float: left;
	text-align: left;
	margin-right: 47px;
	margin-left: 47px;
}
.co_text {
	width: auto;
	float: left;
	text-align: left;
	margin-top: 17px;
	margin-bottom: 17px;
	font-size: 16px;
	color: #FFF;
	line-height: 25px;
}
.co_text2 {
	width: auto;
	float: left;
	text-align: left;
	font-size: 16px;
	color: #FFF;
	line-height: 25px;
}
.form_column {
	clear: both;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	width: auto;
}
.form_column_box {
	clear: both;
	float: left;
	width: auto;
	margin-left: 10px;
}
.column_box {
 clear: both;
}
.global_menu {
	clear: both;
	float: left;
	width: 278px;
	height: 206px;
	margin-left: 590px;
	margin-top: 34px;
	margin-right: 54px;
}
#pro_header {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/pro_header.png);
	background-repeat: no-repeat;
}
.pro_main {
	width: 820px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 100px;
	float: left;
}
#pro_container {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	background-image: url(../image/pro_bg.jpg);
	background-repeat: repeatt;	
}
.pro_column {
	margin-bottom: 5px;
	clear: both;
	float: left;
	width: 920px;
	margin-right: 50px;
	margin-left: 50px;	
}
.pro_center {
	width: 820px;
	clear: both;
	float: left;
	text-align: center;
	margin-bottom: 22px;
}
.pro_text {
	float: right;
	width: 560px;
	font-size: 14px;
	line-height: 22px;
	margin-left: 130px;
	margin-right: 130px;
}
#co_container {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	background-image: url(../image/co_bg.jpg);
	background-repeat: no-repeat;
}
.co_main {
	width: 820px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 100px;
	float: left;

}
.fax_column {
	margin-bottom: 5px;
	clear: both;
	float: left;
	width: 920px;
	margin-right: 50px;
	margin-left: 50px;	

}
#fax_container {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	background-image: url(../image/fax_bg.jpg);
	background-repeat: no-repeat;
}
.fax_main {
	width: 820px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 100px;
	float: left;
}
.fax_text {
	width: 720px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 50px;
	float: left;
	color: #FFF;
	text-align: center;
	font-size: 13px;
}
.fax_box {
	width: 720px;
	margin-right: 50px;
	margin-left: 50px;
	text-align: center;
	margin-top: 10px;
	font-size: 13px;
	color: #FFF;
	float: left;
	margin-bottom: 50px;
}
#his_container {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	background-image: url(../image/history_bg.jpg);
	background-repeat: no-repeat;
}
.his_box {
	margin-bottom: 5px;
	clear: both;
	float: left;
	width: 230px;
	margin-right: 30px;
	margin-left: 140px;
}
.his_text {
	margin-bottom: 60px;
	float: right;
	width: 280px;
	margin-right: 140px;
	font-size: 13px;
	line-height: 22px;
}
#sh_container {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	background-image: url(../image/shop_bg.jpg);
	background-repeat: no-repeat;
}
.sh_text {
	float: right;
	width: 420px;
	font-size: 13px;
	line-height: 22px;
	margin-left: 280px;
	margin-right: 120px;
	margin-bottom: 25px;
}
#age_page {
	width: 100%;
	height: 100%;
	background-color: #000;
}
#age_container {
	width: 920px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #000;
	background-repeat: no-repeat;
}
.age_menu {
	height: 400px;
	width: 400px;
	margin-top: 288px;
	margin-left: 250px;
	left: 176px;
	float: left;
	clear: both;
}
.copy_text {
	width: 720px;
	clear: both;
	float: left;
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 30px;
	font-size: 13px;


/*++++++++++++++++++++++++
+	footer
+++++++++++++++++++++++++*/
}
#footer {
	height: 95px;
	width: 920px;
	clear: both;
	margin-top: 45px;
	float: left;	


/*++++++++++++++++++++++++
+	ページタイトル(H1)
+++++++++++++++++++++++++*/
}
#container h1 {
	width: 100%;
	height: 50px;
	position: relative;
	background: url(../images/common/bg_h1title_center.png) repeat-x;
}
#container h1 img {
	position:absolute;
	left: 0px;
	padding: 6px 0px 6px 20px;
	background: url(../images/common/bg_h1title_left.png) no-repeat;


/*++++++++++++++++++++++++
+	page top
+++++++++++++++++++++++++*/
}
#pagetop {
	height: 30px;
	width: 120px;
	margin-left: 700px;
	margin-bottom: 5px;


/*++++++++++++++++++++++++
+	text
+++++++++++++++++++++++++*/
}
#form_text {
	height: auto;
	width: auto;
	text-align: left;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
}
