@charset "shift_jis";
/* --------------------------------------------------------------------------------
 青山物産｜お客様シート【バインダーバージョン】｜共通
-------------------------------------------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, span, label, fieldset, legend {
	margin:0;
	padding:0;
	line-height:1.4;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-size:15px;
	font-weight:400;
	color:#666;
}
ol, ul {
	list-style-type:none;
}
img {
	border:0;
	vertical-align:bottom;
}
html {
	height:100%;
	overflow:hidden;
}
body {
	-webkit-text-size-adjust:none;
	line-height:1.5;
	background:url(../img/wood_bg.png) repeat;
	padding:10px;
}
a {
	-webkit-tap-highlight-color:rgba(2, 109, 236, 0.9);
}
legend {
	font-size:16px;
	width:100%;
	border:0;
	padding:0px 5px;
	margin-left:-10px;
	border-bottom:1px dotted #999;
}
fieldset {
	font-size:16px;
	width:84%;
	border:0;
	margin:0 auto;
	padding:10px 10px 10px 30px;
	overflow:hidden;
}
/* インプットハック */
input {
	line-height:30px;
}
/* ボタンボックス初期スタイル */
input[type="checkbox"], input[type="radio"] {
	height:20px;
	width:20px;
}
/* テキストボックス初期スタイル */
input[type="text"], input[type="tel"], input[type="number"], input[type="email"] {
	font-size:18px;
	padding:2px 5px;
	height:26px;
	line-height:26px;
	border:0;
	-webkit-border-radius:0;
	background:url(../img/input_bg.png) repeat;
}
/* テキストエリア初期スタイル */
textarea {
	font-size:16px;
	padding:2px;
	height:26px;
	line-height:26px;
	border:0;
	-webkit-border-radius:0;
	background:url(../img/input_bg.png) repeat;
}
select {
	width:300px;
	height:30px;
	font-size:18px;
}
label {
	height:30px;
	font-size:16px;
	margin-right:10px;
}
/* --------------------------------------------------------------------------------
 STYLE SELECT
-------------------------------------------------------------------------------- */
div#header {
	width:90%;
	height:85px;
	margin:0 auto;
	position:relative;
	-webkit-border-image:url(../img/header_bg1.png) 0 30 / 0px 30px stretch;
}
p#holder {
	margin:0 auto;
	width:283px;
	height:88px;
}
div#header p.backhome {
	position:absolute;
	top:12px;
	left:0;
}
div#header p.backhome a {
	display:block;
	color:#333;
	font-size:14px;
	font-weight:400;
	padding:5px 20px;
	text-decoration:none;
	-webkit-transform:rotate(40deg);
	-webkit-box-shadow:rgba(50, 50, 50, 0.5) -1px 1px 3px 0;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgb(255, 255, 0)), color-stop(1, rgb(189, 189, 83)));
}
p.caution {
	text-align:right;
	font-size:13px;
	color:#F30;
	font-weight:700;
	padding:0 35px 0 0;
}
/* ----------------------------------------------------------------------------------------------------
 CONTENT
---------------------------------------------------------------------------------------------------- */
div#content {
	width:90%;
	margin:0 auto;
	overflow:hidden;
	-webkit-border-image:url(../img/main_bg.png) 0 30 / 0px 30px stretch;
}
div#content h1 {
	text-align:center;
	font-size:26px;
	font-weight:700;
	color:#000;
	width:90%;
	padding:0 0 0 5px;
	margin:0 auto;
	border-bottom:3px solid #666;
}
div#content p.sub_title {
	text-align:center;
	font-size:13px;
	font-weight:700;
	color:#999;
	padding:5px 0 0;
}
/* ----------------------------------------------------------------------------------------------------
 SECTION
---------------------------------------------------------------------------------------------------- */
div.section h2 {
	text-align:left;
	font-size:24px;
	font-weight:700;
	color:#333;
	width:90%;
	padding:0 0 0 5px;
	margin:20px auto 10px;
	border-bottom:1px solid #666;
	position:relative;
}
div.section h2 span {
	position:absolute;
	top:10px;
	right:5px;
	text-align:right;
	font-size:13px;
	font-weight:700;
	color:#F30;
	width:100%;
}
/* ヘルプテキスト */
p.attention {
	font-size:14px;
	color:#B44;
}
/* スペーサー */
span.box_space1 {
	padding-left:10px;
}
span.box_space2 {
	padding-left:5px;
}
.default {
	color:#999;
}
/*------------------------------------------------------
 SUBMIT BOX
------------------------------------------------------*/
div#submitBox {
	text-align:center;
	padding:10px;
}
div#submitBox p.cookie {
	padding:15px 0 5px;
}
/*------------------------------------------------------
 FOOT TEXT
------------------------------------------------------*/
p.title, p.foot_txt1 {
	font-size:13px;
	color:#666;
	text-align:center;
}
p.title {
	font-weight:700;
}
/*------------------------------------------------------
 FOOTER
------------------------------------------------------*/
div#footer {
	width:90%;
	height:100px;
	margin:0 auto;
	font-size:13px;
	-webkit-border-image:url(../img/footer_bg1.png) 0 30 / 0px 30px stretch;
	position:relative;
}
div#footer p.backhome {
	position:absolute;
	top:0;
	right:-10px;
}
div#footer p.backhome a {
	display:block;
	color:#333;
	font-size:14px;
	font-weight:400;
	padding:5px 30px;
	text-decoration:none;
	-webkit-transform:rotate(-5deg);
	-webkit-box-shadow:rgba(50, 50, 50, 0.5) 1px -1px 3px 0;
	background-image:-webkit-gradient(linear, left top, right top, color-stop(1, rgb(255, 255, 0)), color-stop(0, rgb(189, 189, 83)));
}
/*------------------------------------------------------
 汎用スタイル
------------------------------------------------------*/
input.txt1 {
	width:300px;
}
input.txt2 {
	width:100px;
}
input.txt3 {
	width:500px;
}
input.txt4 {
	width:200px;
}
input.num1 {
	width:100px;
}
input.num2 {
	width:150px;
}
textarea.area1 {
	width:99%;
	height:60px;
}
textarea.area2 {
	width:99%;
	height:100px;
}
select.short {
	width:150px;
}
select.midium {
	width:250px;
}
/* 必須マーク */
span.must {
	color:#F30;
	font-weight:700;
	padding-left:2px;
}
/* 忍者 */
.hidden {
	display:none;
}

/*------------------------------------------------------
 フリップ検索メニュー【検索メニュー条件絞り】
------------------------------------------------------*/
/* メニューopen style */
.flip-open {
	display:block!important;
	-webkit-animation-name:flip-open;
	-webkit-animation-duration:0.3s;
	position:relative;
/*	-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1.0);*/
}
/* アニメーション */
@-webkit-keyframes flip-open {
0% {
-webkit-transform:translateX(50%) scale(0.0);
opacity:0;
}
100% {
-webkit-transform:translateX(0%) scale(1.0);
opacity:1;
}
}
/* メニューclose style */
.flip-close {
/*	display:block !important;*/
	-webkit-animation-name:flip-close;
	-webkit-animation-duration:0.3s;
}
/* アニメーション */
@-webkit-keyframes flip-close {
 0% {
 -webkit-transform:translateX(0%) scale(1.0);
 opacity:1;
}
 100% {
 -webkit-transform:translateX(-50%) scale(0.0);
 opacity:0;
}
}
#obj {
	position:relative;
	overflow:hidden;
	height:100%;
}
#obj #white {
	position:absolute;
	top:0;
	left:30px;
	width:90%;
	height:100%;
	background:#FFF;
	z-index:99999;
	display:none;
}