@charset "UTF-8";
/*@import url("second.css");*/



/* ＝＝＝＝＝＝＝＝＝＝資料請求・見学予約 ＝＝＝＝＝＝＝＝＝＝＝＝*/


/*横のリンク「初めてのお客様へ」 #side
--------------*/
div#side {
	padding-top: 5px;
}
div#side ul.side_menu {
	width: 199px;
	height: auto;
	background: url(../image/top/side_menu_bg.gif) left bottom no-repeat;
	padding-bottom: 8px;
	margin-top: 10px;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
	float: left;
}
div#side ul.side_menu li:after {
	display: block;
	height: 0;
	content: "";
	clear: both;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
}

div#side ul.side_menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 181px;
}
div#side ul.side_menu li.menu1 a {
	height: 36px;
	background: url(../image/top/side_menu1.gif) top left no-repeat;
}

div#side ul.side_menu li.menu2 a {
	height: 33px;
	background: url(../image/top/side_menu2.gif) top left no-repeat;
}
div#side ul.side_menu li.menu3 a {
	height: 36px;
	background: url(../image/top/side_menu3.gif) top left no-repeat;
}
div#side ul.side_menu li.menu4 a {
	height: 54px;
	background: url(../image/top/side_menu4.gif) top left no-repeat;
}
div#side ul.side_menu li.menu5 a {
	height: 35px;
	background: url(../image/top/side_menu5.gif) top left no-repeat;
}
div#side ul.side_menu li.title {
	padding: 0;
	display: block;
	width: 199px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/top/side_menu.gif) top left no-repeat;
}
div#side ul.side_menu li a {
	float: left;
}
div#side ul.side_menu li a:hover {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/*フォントカラー
--------------*/
div{
	color:#40474D;
}
/*各ページタイトルエリア
----------------------------------*/
/*h2タイトル
--------------*/
div#header div.h2 h2{
	background-image: url(../image/request_index_h2.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 941px;
}
/*h3タイトル
--------------*/
h3.h3_01,
h3.h3_02,
h3.h3_03,
h3.h3_04{
	width: 604px;
	height: 30px;
	margin:0;
	padding:0 0 20px 0;
	text-indent:-9999px;
	clear:both;
}
h3.h3_01{
	background-image: url(../image/request_privacy_h3_01.gif);
	background-repeat: no-repeat;
}
h3.h3_02{
	background:url("../image/privacy_title01.jpg") no-repeat scroll 0 0 transparent;
}
h3.h3_03{
	background:url("../image/privacy_title02.jpg") no-repeat scroll 0 0 transparent;
}
h3.h3_04{
	background-image: url(../image/flow_03_subtitle.jpg);
	background-repeat: no-repeat;
}
h3.h3_in_01,
h3.h3_in_02,
h3.h3_in_03,
h3.h3_in_04{
	width: 640px;
	height: 30px;
	margin:0;
	padding:0 0 20px 0;
	text-indent:-9999px;
	clear:both;
}
h3.h3_in_01{
	background-image: url(../image/request_index_h3_01.gif);
	background-repeat: no-repeat;
}
h3.h3_in_02{
	background:url("../image/privacy_title01.jpg") no-repeat scroll 0 0 transparent;
}
h3.h3_in_03{
	background:url("../image/privacy_title02.jpg") no-repeat scroll 0 0 transparent;
}
h3.h3_in_04{
	background-image: url(../image/request_index_h3_04.gif);
	background-repeat: no-repeat;
}
/*ページトップ文章
--------------*/
p.top_text{
	width:640px;
	margin:0 0 30px 30px;
	font-size:93%;
	line-height:2.0em;
}
/*--------------------------------------------------------------------
(index.html)
(内容確認 index)
--------------------------------------------------------------------*/
p.banner_index{
	width: 640px;
	height: 50px;
	margin: 0 0 0 25px;
	background-image: url(../image/flow01.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
ul.p_p{
	margin-top:20px;
	margin-right:0;
	margin-bottom:30px;
	margin-left:230px;
}
ul.p_p li form#p_p{
	margin:0 0 10px 20px;
}
ul.p_p li form#p_p input{
	margin:0 5px 0 0;
}
ul.p_p li.btn,
ul.p_p li.btn a{
	background-image: url(../image/flow_01_buttan.jpg);
	background-repeat: no-repeat;
	width:252px;
	height:50px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
ul.p_p li.btn a:hover{
	background-image: url(../image/flow_01_buttan2.jpg);
	background-repeat: no-repeat;
}
div#area02{
	width:640px;
	margin:20px 0 0 25px;
	padding:30px 0 0 0;
	font-size:93%;
}
div#area02 ul.box_top{
	list-style-type: none;
	width:640px;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	margin-bottom: 10px;
}
div#area02 ul.box_top li{
	float:left;
	list-style-type:none;
	width:141px;
	margin-right:13px;
	padding-bottom:50px;
}
div#area02 ul.box_top li img{
	margin-bottom:10px;
	border:2px solid #EEEEEE;
}
div#area02 ul.box_top li label input{
	margin-right:10px;
}
div#area02 ul.box01{
	list-style-type: none;
	width:640px;
	height:auto;
	padding-left:20px;
	margin-bottom:15px;
	border-bottom:#D2DEE6 solid 1px;
}
div#area02 ul.box01 li{
	float:left;
	list-style-type:none;
	width:141px;
	margin-right:13px;
	padding-bottom:30px;
	line-height:1.9em;
}
div#area02 ul.box01 li img{
	margin-bottom:5px;

}
div#area02 ul.box01 li span{
	background: #37338A;
	color: #fff;
	font-size: 85%;
	padding: 3px 4px 1px;
	vertical-align: middle;
}
div#area02 ul.box01 li div.clear{
	border-top:#D2DEE6 dashed 1px;
	margin-top:10px;
	padding-top:10px;
}
div#area02 ul.box01 li div.clear label input{
	margin-right:10px;
}
div#area02 p.btn_right01,
div#area02 p.btn_right01 a{
	clear:both;
	background-image: url(../image/request_index_btn02.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 196px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:right;
	margin:0 0 25px 0;
}
div#area02 p.btn_right01 a:hover{
	background-image: url(../image/request_index_btn02_on.jpg);
	background-repeat: no-repeat;
}
div#area02 p.btn_right02,
div#area02 p.btn_right02 a{
	clear:both;
	background-image: url(../image/request_index_btn03.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 196px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:right;
	margin:0 0 5px 0;
}
div#area02 p.btn_right02 a:hover{
	background-image: url(../image/request_index_btn03_on.jpg);
	background-repeat: no-repeat;
}

div#area02 p.comment_right01 {
	clear: both;
	text-align: right;
	color: #c00;
	font-size: 93%;
	margin: 5px 0px 20px 35px;
}

div#p_p_text{
	clear:both;
	width:640px;
	margin-left:25px;
	border:solid 1px #D2DEE6;
}
div#p_p_text ul{
	list-style-type:none;
	height:150px;
	overflow:auto;
	line-height:1.9em;
	padding:15px;
	background: #f8f9fa;
}
div#p_p_text ul li{
	margin-bottom: 20px;
	line-height: 1.4;
}
div#p_p_text ul li h4{
	margin-bottom: 10px;
	font-size: 115%;
	margin: 0;
}
/*--------------------------------------------------------------------
(privacy.html)
(個人情報入力  privacy)
--------------------------------------------------------------------*/
p.banner_privacy{
	width: 640px;
	height: 50px;
	margin: 0 0 0 25px;
	text-indent:-9999px;
	background-image: url(../image/request_privacy_banner01.jpg);
	background-repeat: no-repeat;
}
/*div#area01{
	width:620px;
	border: 1px solid #e2eaf0;
	margin:20px 0 20px 25px;
	padding:18px 0 18px 18px;
	font-size:93%;
}
div#area01 ul.box01{
	list-style-type: none;
	width:620px;
}
div#area01 ul.box01 li{
	float:left;
	list-style-type:none;
	width:141px;
	margin-right:13px;
	padding-bottom:30px;
	line-height:1.9em;
}
div#area01 ul.box01 li img{
	margin-bottom:5px;
	border: 2px solid #eee;
}
div#area01 ul.box01 li span{
	background: #1f868f;
	color: #fff;
	font-size: 93%;
	padding: 3px 4px 1px;
	vertical-align: middle;
}*/
p.req{
	clear:both;
	margin:20px 50px 0 0;
	padding:0;
	text-align:right;
	color:#EF5233;
}
/* 入力フォーム */
/*
table.form{
	width:640px;
	border: 1px solid #e2eaf0;
	margin:0 0 20px 25px;
	padding:18px 0 18px 18px;
	font-size:93%;
	clear:both;
}
table.form label input ,
table.form label span {
	vertical-align: middle;
}
table.form tr th.left{
	width:150px;
	font-weight:normal;
	padding:10px;
	background-color:#5A7389;
	color:#FFF;
	text-align:left;
}
table.form th.right{
	font-weight:normal;
	padding:10px;
	background-color:#5A7389;
	color:#FFF;
	text-align:left;
}
table.form tr.blue{
	background-color:#FDFEFE;
}
table.form tr.beige{
	background-color:#F4F1EA;
}
table.form tr td{
	padding:10px 0 10px 10px;
}
table.form tr td span.kome{
	color:#EF5233;
	margin-left:5px;
}
table.form tr th.colspan{
	background-color:#54A1AF;
	color:#FFF;
	padding:10px;
	font-weight:normal;
	text-align:left;
}
table.form td.name label input{
	width:150px;
	height:auto;
	margin:5px 5px 5px 0;
}
table.form td.age input{
	margin:5px 5px 5px 10px;
}
table.form td.mail label input{
	width:200px;
	height:18px;
	margin:5px 5px 5px 0;
}
table.form td.zip label{
	float:left;
}
table.form td.zip label input{
	width:40px;
	height:18px;
	margin:5px;
}
table.form td.zip input.add{
	width:350px;
}
table.form td.zip div#auto{
	background-image: url(../image/request_privacy_btn04.jpg);
	background-repeat: no-repeat;
	width:83px;
	height:20px;
	float:left;
	padding:0;
	margin:5px 0 0 5px;
}
table.form td.zip div#auto a{
	width:83px;
	height:20px;
	text-indent:-9999px;
	display:block;
}
table.form td.zip div#auto a:hover{
	background-image: url(../image/request_privacy_btn04_on.jpg);
	background-repeat: no-repeat;
}
table.form td.zip{
	clear:both;
}
table.form td.zip select{
	clear: both;
	display: block;
	width:100px;
	height:auto;
	margin:10px 0;
}
table.form td.magazin input{
	margin:5px 5px 0 10px;
}

table.form tr td.td01{
	border-right: 1px dashed #B6C3CB;
}
table.form tr td.td02{
	width:520px;
}
table.form tr td.td02 div.time {
	margin: 5px 0;
}

table.form tr td.td02 div.time option {
	text-align: right;
	padding: 1px 3px;
}
table.form td.td02 label.ampm input {
	margin: 5px;
	vertical-align: middle;
}
table.form td.td02 label.ampm span {
	vertical-align: middle;
}

table.form tr th.other{
	background-color:#9DA3A5;
	color:#FFF;
	padding:10px;
	font-weight:normal;
	text-align:left;
}
table.form td.other textarea{
	width:594px;
	margin:10px 8px;
	height:100px;
	overflow: hidden;
	padding: 3px;
}

table.form tr th.other2{
	background-color:#9DA3A5;
	color:#FFF;
	padding:10px;
	font-weight:normal;
	text-align:left;
}
table.form td.other2 textarea{
	width:400px;
	margin:10px 8px;
	height:100px;
	overflow: hidden;
	padding: 3px;
}
*/

ul.button_under {
	margin: 28px 0 40px 220px;
	height: auto;
}
ul.button_under li {
	float: left;
	margin-right: 15px;
}
ul.button_under li.back ,
ul.button_under li.back a {
	display: block;
	width: 133px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/btn_return.jpg) top left no-repeat;
}
ul.button_under li.back a:hover {
	background: url(../image/btn_return2.jpg) top left no-repeat;
}
ul.button_under li.check ,
ul.button_under li.check a {
	display: block;
	width: 152px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/request_privacy_btn03.jpg) top left no-repeat;
}
ul.button_under li.check a:hover {
	background: url(../image/request_privacy_btn03_on.jpg) top left no-repeat;
}
ul.button_under li.submit ,
ul.button_under li.submit a {
	display: block;
	width: 223px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/flow_03_buttan.jpg) top left no-repeat;
}
ul.button_under li.submit a:hover {
	background: url(../image/flow_03_buttan2.jpg) top left no-repeat;
}
ul.button_under li. ,
ul.button_under li. a {
	display: block;
	width: 212px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../image/flow_03_buttan.jpg) top left no-repeat;
}
ul.button_under li. a:hover {
	background: url(../image/flow_03_buttan2.jpg) top left no-repeat;
}

ul.button_check {
	margin-left: 190px;
}

/*--------------------------------------------------------------------
(confirmaiton.html)
(お申し込み完了  completion)
--------------------------------------------------------------------*/
p.banner_confirmation{
	width: 640px;
	height: 50px;
	margin: 0 0 0 25px;
	text-indent:-9999px;
	background-image: url(../image/flow03.gif);
	background-repeat: no-repeat;
}
p#comp{
	margin:100px 250px;
}

/*--------------------------------------------------------------------
(completion.html)
(お申し込み完了  completion)
--------------------------------------------------------------------*/
p.banner_completion{
	width: 640px;
	height: 50px;
	margin: 0 0 0 25px;
	text-indent:-9999px;
	background-image: url(../image/flow04.gif);
	background-repeat: no-repeat;
}
p#comp{
	margin:100px 250px;
}