@charset "Shift_JIS";
/* ===================================================================
CSS information
 style info :  ƒŠƒZƒbƒg‹y‚Ñbody‰ŠúÝ’è
=================================================================== */
/* reset */
html {
	overflow-y: scroll;
	zoom: 1;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,span,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
ol,ul,li {
	list-style-type: none;
}

input,textarea { font-size: 12px; }

/* default */
body {
	background: #fff;
	color: #28201c;
	font-size: 77%;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	line-height: 1.6;
	
	
color: #222;
font-family: "ŸàƒSƒVƒbƒN‘Ì",YuGothic,"ŸàƒSƒVƒbƒN","Yu Gothic","Hiragino Kaku Gothic ProN","ƒqƒ‰ƒMƒmŠpƒS ProN","Hiragino Kaku Gothic Pro",Meiryo,ƒƒCƒŠƒI,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
-webkit-font-kerning: normal;
font-kerning: normal;

font-weight: 500;
letter-spacing: .03em;
	
	
}
* html body {	/* for IF6 */
	font-family: "‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
}

html>/**/body {
  font-size: 12px; /* Except IE */
}

a:link,
a:visited { color: #ae5516; text-decoration: none; }
a:active,
a:hover { color: #b28850; text-decoration: none; }


/* Clear Fix */
.clearfix { /zoom : 1; }
.clearfix:after { content: ''; display: block; clear: both; }


/* ===================================================================
CSS information
 style info :  ƒXƒ^ƒCƒ‹Ý’è
=================================================================== */

html,body { height: 100%; }

body { 
	background: url(../img/bg-pattern-1.png) center 0;
}

#wrapper {
	width: 561px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -30px;*/
	margin: 0 auto 0px;
}

#header { 
	position: relative; width: 561px; height: 110px; 
background:  url(../img/header_bg.jpg) no-repeat center; }
#header h1 {
	display:none;
}
#header h2 {
	position: absolute;
	left: 0px; bottom: 0px;
}


#header2018 {
	padding: 20px 0;
	background: #ff000;
	
}

#header2018 .header2018__logo{
	width: 190px;
	margin: 0 auto;

}


#header2018 .icon-logo{
	width: 190px;
	height: 48px;
	color: #ff0000;
	
}

#header2018 h2{
	color: #fff;
	font-weight: bold;
	background: #b28850;
	text-align: center;
	font-size: 120%;
	margin-top: 20px;
	padding: 3px 20px;
}

#container { 
	width: 465px;
	padding: 0 48px 1px 48px;
	margin: 0 auto;

}
#container p.txt { margin-top: 20px; }

#container div#entry { margin-top: 40px; }

#container div#entry dt {
	float: left;
	width: 10em;
	margin-right: -10em;
	clear: both;
	display: inline;
	color: #b28850;
}
#container div#entry dd { margin-left: 10em; padding-bottom: 23px; }
#container div#entry dd.mailc { margin-left: 10em; padding-bottom: 46px; }
#container div#entry dl {
	border-bottom: 1px solid #cdb16a;
	
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}
#container div#entry dl::after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	_zoom: 1;	
}


#container div#entry dd input,
#container div#entry dd select { vertical-align: middle; }

#container div#entry dl li { line-height: 1.8; }
#container div#entry dl li input { margin-right: 3px; }

#container div#entry dd .stxt01 { font-size: 80%; padding-top: 3px; padding-left: 1em; text-indent: -1em; color: #71695f; }
#container div#entry dd .stxt { font-size: 80%; padding-left: 1em; text-indent: -1em; color: #71695f; }
#container div#entry dd ul { height: 1%; }
#container div#entry dd ul:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	_zoom: 1;	
}
#container div#entry dd.mail input { width: 330px; /width: 325px; }
#container div#entry dd.tel input { width: 330px; /width: 325px; }
#container div#entry dd.contact textarea { width: 330px; /width: 325px; resize: none; }

#container div#entry dd.name01 li,
#container div#entry dd.name02 li { float: left; }

#container div#entry dd.name01 li.txt01,
#container div#entry dd.name02 li.txt01 { width: 30px; /width: 28px; }

#container div#entry dd.name01 li.txt02,
#container div#entry dd.name02 li.txt02 { width: 30px; padding-left: 14px; text-align: right; }

#container div#entry dd.name01 li.txt01 span,
#container div#entry dd.name02 li.txt01 span { display: block; width: 32px; /width: 30px; text-align: left; }
#container div#entry dd.name01 li.txt02 span,
#container div#entry dd.name02 li.txt02 span { display: block; width: 30px; text-align: left; }

#container div#entry dd.name01 li.input01,
#container div#entry dd.name02 li.input01 { width: 131px; /width: 130px; text-align: left; }
#container div#entry dd.name01 li.input02,
#container div#entry dd.name02 li.input02 { width: 130px; /width: 129px; text-align: right; }

#container div#entry dd.name01 li input,
#container div#entry dd.name02 li input { width: 122px; margin: 0 !important; }


#container div#entry p.txt { margin: 45px 0 20px; }

#container div#entry dd.sex span { margin: 0 20px 0 3px; }

#container div#entry dd.address ul { margin-bottom: -15px; }
#container div#entry dd.address li { margin-bottom: 15px; }

#container div#entry dd.address li.post { overflow: hidden; zoom: 1; }
#container div#entry dd.address li.post input { margin-left: 10px; width: 120px; }
#container div#entry dd.address li.pref select { width: 120px; margin-left: 7px; }
#container div#entry dd.address li span.txt01 { display: block; line-height: 1.4; }
#container div#entry dd.address li span.txt02 { display: block; line-height: 1.4; margin-top: -5px; }

#container div#entry dd.address li.address01 input { width: 330px; /width: 325px; }

#container div#entry dd.tel input { width: 330px; /width: 325px; }

#container div#entry dd.job input { width: 330px; /width: 325px; }

#container div#entry p.btn { display: block; margin: 48px 0 49px; padding-left: 144px; }
#container div#entry p.btn a.send {
	display: block;
	float: left;
	width: 90px;
	margin-right: 12px;
	background: url(../img/btn_confirm_form_on.gif) no-repeat;
}
#container div#entry p.btn a.reset {
	display: block;
	float: left;
	width: 90px;
	background: url(../img/btn_reset_form_on.gif) no-repeat;
}

#container p.btnSend { display: block; width: 90px; margin: 48px auto 49px; text-align: center; }
#container p.btnSend a.send {
	display: block;
	width: 90px;
	background: url(../img/btn_send_form_on.gif) no-repeat;
}


#container p.btnCommon { display: block; width: 90px; margin: 115px auto 49px; text-align: center; }
#container p.btnCommon a.close {
	display: block;
	width: 90px;
	background: url(../img/btn_close_form_on.gif) no-repeat;
}
#container p.btnCommon a.back {
	display: block;
	width: 90px;
	background: url(../img/btn_back_form_on.gif) no-repeat;
}

#container p.error,
#container p.thanks { padding-top: 45px; }
#container p.error { color: #b28850; line-height: 2; }

#container p.txtLink {
	margin: 20px 0 100px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cdb16a;
}
#container p.txtLink a { padding-left: 8px; background: url(../img/icon_link_form.gif) no-repeat left; }



#footer, .push {
	height: 30px; /* .push must be the same height as .footer */
}


#footer {
	width: 561px;
	margin: 0 auto;
	height: 25px;
	border-bottom: 5px solid #666;
}

#footer #white { margin-left: -10px !important; }

#footer .pagetop {
	border-bottom: 3px solid #666;
	display: block;
	overflow: hidden;
	padding-bottom: 10px;



}

#footer .pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
	float: right
}

#footer .pagetop a:before{
position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 9px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: url(../img/icon-up.svg) no-repeat;
    background-size: contain;
    content: "";
}


#footer a .hanatsubaki{
	width: 100%;
	height: 100%;
	fill: #b28850;
    fill-opacity: .4;
    stroke: #b28850;
    stroke-width: 4px;
	
}
