@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*	memo
font-family（字体）
ゴシック→"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif
明朝→"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body		{ margin:0px; padding:0px; color:#4F4F4F; font: normal normal normal 12px/2em 'century gothic', arial, 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ'; }
a		{ outline:0px none #fff; background-repeat:no-repeat; }
a span,a strong,a em,a small,a img	{ cursor:pointer; }
br		{ letter-spacing:0px; }
div		{ position:relative; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; border:0px solid #000; }
hr		{ clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; border:0px solid #000; }
form		{ margin:0px; padding:0px; }
select		{ cursor:hand; cursor:pointer; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
ul,ol		{ margin:0px; padding:0px; }
li		{ margin:0px; padding:0px; display:block; list-style:none outside none; }
li img		{ vertical-align:top;margin:0px;padding:0px; }
li a img		{ vertical-align:top;margin:0px;padding:0px; }
dl		{ float:left; display:inline; width:100%; margin:0px; padding:0px; }
dt		{ clear:both; float:left; display:block; width:15%; margin:0px; padding:0px; }
dd		{ clear:none; float:left; display:block; width:85%; margin:0px; padding:0px;  }
table		{ border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; }
td,th		{ margin:0px; padding:2px; font: normal normal normal 13px/2em 'century gothic', arial, 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ'; }
strong,em		{ font-weight:normal; font-style:normal; }

/*共通*/
body	{ width:100%; text-align:center; color:#1f4253; background:#f3f4f5; }
.SHEET	{ width:1100px; margin:0 auto; text-align:left; font-size:12px; }
.CONTENTS	{ width:1100px; background:#fff; margin:0 auto; padding-bottom:50px; }
a	{ text-decoration:none; }
img.PAGE_TOP { width:100%; margin:0 0 0px 0; }
.navi_btn	{ display:none; }
h1.PC { display:block; }
h1.SP { display:none; }
h2	{ width:100%; float:left; margin:60px 0 20px 0px; font-size:28px; line-height:1.2em; text-align:center; color:#1f4253; letter-spacing:0.1em ; }
h2 span { font-size:12px; letter-spacing:0.1em; color:#1f4253; }
h3 { width:100%; text-align:center; font-size:17px; margin:50px 0 20px 0; float:left; clear:none; letter-spacing:0.1em; }
.CONTENTS p { letter-spacing:0.1em; }

/*パン屑*/
ul.BREAD { width:1100px; margin:10px auto 10px auto; text-align:left; font-size:11px; display:block; }
ul.BREAD li { float:left; clear:none; margin-right:10px; color:#606366; }
ul.BREAD li a:link { color:#606366; }
ul.BREAD li a:visited { color:#606366; }
ul.BREAD li a:hover { color:#606366; text-decoration:underline; }
ul.BREAD li a:active { color:#606366; }

/*問い合せボタン*/
a.btn {
width:30%; height:40px; float:left; clear:none; margin:50px 0 0 35%; line-height:40px; color:#fff; letter-spacing:0.1em;
background-color: rgb(102, 102, 102);
background-image: -moz-linear-gradient(
  top,
  rgb(138, 138, 138)    0,
  rgb(102, 102, 102)  50%,
  rgb( 36,  36,  36)  50%,
  rgb(  0,   0,   0) 100%
);
background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(  0, rgb(138, 138, 138)),
  color-stop(0.5, rgb(102, 102, 102)),
  color-stop(0.5, rgb( 36,  36,  36)),
  color-stop(1.0, rgb(  0,   0,   0))
);}
a.btn:hover { opacity:0.7; }




/*ヘッダー*/
#HEADER	{ width:100%; margin:0px 0; background:#fff; padding:15px 0 20px 0; position:relative; }
#HEADER .DIV_LOGO { width:320px; float:left; clear:none; }
#HEADER .DIV_LOGO img.LOGO { float:left; clear:none; margin:0 10px 0 0; }
#HEADER .DIV_LOGO span { font-size:12px; color:#1f4253; margin:20px 0 0 0; line-height:1.2em; }
#HEADER .DIV_LOGO strong { font-size:14px; color:#1f4253; margin:5px 0 0 0; float:left; clear:none; font-weight:bold; line-height:1.2em; }
#HEADER li.MENU M_TOP { display:none; }
#HEADER h1	{ width:70%; float:left; color:#000; }
#HEADER h1 em	{ float:left; margin:0px 0 10px 0; font-size:10px; line-height:1.5em; color:#1f4253;  }
#HEADER h1 strong	{ float:left; font-size:32px; line-height:1.5em; }
#HEADER h1 img	{ float:right; margin:0 0 0 10px; }
#HEADER ul.H_CONTACT	{ width:29%; height:100px; float:right; text-align:right; }
#HEADER ul.H_CONTACT li.LI_LONG { width:100%; float:left; clear:none; margin-top:5px; }
#HEADER ul.H_CONTACT li.LI_LONG a.A_BLOG { float:right; clear:none; margin-right:10px; }
#HEADER ul.H_CONTACT li.TOP { float:left; clear:both; }
#HEADER ul.H_CONTACT li.TOP a { float:left; clear:both; color:#000; margin-top:0; }
#HEADER ul.H_CONTACT li.TOP a:ink { text-decoration:none; }
#HEADER ul.H_CONTACT li.TOP a:hover { text-decoration:underline; }
#HEADER ul.H_CONTACT li	{ float:right; }
#HEADER ul.H_CONTACT li.TEL	{ float:right; }
#HEADER ul.H_CONTACT li a	{ float:left; margin:10px 0 0 0; color:#ff0; }
#HEADER ul.H_CONTACT li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#HEADER ul.H_CONTACT li a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#HEADER ul.H_CONTACT li a	 img.ARROW	{ width:5px; float:left; margin:15px 10px 15px 0; }
#HEADER ul.H_CONTACT li a em	{ float:left; font-size:10px; line-height:1.2em; }
#HEADER ul.H_CONTACT li a strong	{ width:100%; float:left; font-size:20px; line-height:1.2em; }
#HEADER ul.H_CONTACT li.TEL em	{ width:30px; height:30px; float:left; margin:10px 10px 0 0; background:#fff; border-radius:50%; }
#HEADER ul.H_CONTACT li.TEL strong	{ float:left; color:#1f4253; font-size:22px; line-height:1.2em; margin-top:10px; }
#HEADER ul.H_CONTACT li.TEL a	{ display:none; }
#HEADER ul.H_CONTACT li a.A_CONTACT { color:#1f4253; padding:0 10px; margin:10px 0 0 10px; letter-spacing:0.1em; float:right; clear:none; }
#HEADER ul.H_CONTACT li a.A_CONTACT em { width:32px; height:32px; margin:-5px 5px 0 0; background:#1f4253; border-radius:50%; }
#HEADER ul.H_CONTACT li a.A_CONTACT em img { width:16px; float:left; margin:11px 0 0 8px; }
#HEADER ul.H_CONTACT li a.A_CONTACT:hover { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#HEADER ul.H_CONTACT li a.A_CONTACT:active { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }



#navigation	{ width:100%; float:right; margin:0; border-bottom:1px solid #ccc; overflow:visible; position:absolute; z-index:10;  color:#000; opacity:none; top:120px; background:#fff; }
#navigation ul	{ width:100%; display:inline; margin:0; text-align:center; }
#navigation ul li	{ width:auto; float:none; margin:0 0 -2px 0; display:inline-block; color:#1f4253; text-align:center; vertical-align:middle; font-size:12px; line-height:2.5em; }
#navigation ul li.CLOSE	{ display:none; }
#navigation ul li.M_RE	{ display:none; }
#navigation ul li.MENU a	{ width:auto; float:left; margin:2px 0 0 0; padding:0 20px 3px 20px; color:#1f4253; text-align:center; font-size:12px; letter-spacing:0.1em; }
#navigation ul li.MENU a:link { color:#1f4253; }
#navigation ul li.MENU a:visited { color:#1f4253; }
#navigation ul li.MENU a:hover { padding-bottom:0; border-bottom:3px solid #c7b361; }
#navigation ul li.MENU a:active { padding-bottom:0; border-bottom:3px solid #c7b361; }
#navigation ul li.MENU a strong	{ width:109px; float:left; }
#navigation ul li.MENU M_HOME { display:none;}
#navigation ul li.LI_SP { display:none; }


#slide_menu	{ display:none; }

#TOP	{ width:960px; float:left; margin:20px 0 0 0; text-align:center; color:#fff; position:relative; }
#TOP .TEXT	{ position:absolute; bottom:0; left:0; }
#TOP strong	{ width:480px; float:left; margin:120px 0 0 0; font-size:25px; line-height:1.5em; letter-spacing:0.1em; }
#TOP em	{ width:480px; float:left; margin:0; font-size:14px; line-height:1.5em; }

a.A_BLOG_SP { display:none; }

ul.CONTACT	{ float:left; margin:50px 0 0 0; border:3px solid #fff; border-left:none; }
ul.CONTACT li	{ width:316px; float:left; border-left:3px solid #fff; color:#fff; text-align:center; }
ul.CONTACT li a	{ width:316px; float:left; color:#fff; text-align:center; }
ul.CONTACT li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
ul.CONTACT li a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
ul.CONTACT li em	{ width:60px; height:60px; float:left; margin:30px 0 0 128px; background:#fff; border-radius:50%; text-align:center; }
ul.CONTACT li strong	{ width:316px; float:left; margin:30px 0 0 0; font-size:25px; line-height:1.2em; letter-spacing:0.1em; }
ul.CONTACT li strong img	{ width:5px; margin:0 20px 0 0; vertical-align:middle; }
ul.CONTACT li span	{ width:316px; float:left; margin:5px 0 0 0; padding-bottom:30px; font-size:12px; line-height:1.2em; }

.SHEET #YOKOKU	{ float:left; margin:20px 0; color:#948063; line-height:1.5em; }

/*フッター*/
#FOOTER	{ width:100%; margin:0px 0 0 0; padding:20px 0; background:#fff;  border-top:1px solid #ccc; }
#FOOTER strong	{ float:left; font-size:27px; line-height:1.5em; }
#FOOTER a	{ color:#1f4253; font-size:12px; line-height:1.5em; padding:0 10px; }
#FOOTER a:hover	{ text-decoration:underline; }
#FOOTER a:active	{ text-decoration:underline; }
#FOOTER span	{ float:right; margin-left:100px; font-size:12px; line-height:1.5em; }

#FOOTER ul { float:left; clear:none; }
#FOOTER ul li { float:left; clear:none; vertical-align:middle; color:#1f4253; }
div.CONTENTS p.P_CON	{ width:820px; float:left; margin:50px 0 0 70px; font-size:13px; line-height:2em; }
#FOOTER ul li a { color:#1f4253; }
#FOOTER .DIV_SP { display:none; }

div.CONTENTS .FORMBOX{ width:820px; float:left; margin:50px 0 0 70px; padding-bottom:50px; font-size:13px; line-height:2em; }
div.CONTENTS .FORM{ width:820px; float:left; }

div.CONTENTS .MAIL	{ width:778px; float:left; border:1px solid #bbb; margin:0; padding:20px 20px 50px 20px; }
div.CONTENTS .TEXT span	{ color:#ff0000; }
div.CONTENTS .TEXT hr	{ border-bottom:1px solid #bbb; }

div.CONTENTS input.SEND	{ cursor:pointer; width:300px; height:40px; margin:20px 0px 0px 260px; padding:0; background:#f90; border:none; color:#fff; font-size:15px; }
div.CONTENTS input.SEND:hover	{ background:#fb0; }
div.CONTENTS input.SEND:visited	{ background:#fb0; }
div.CONTENTS input.BACK	{ cursor:pointer; width:300px; height:40px; margin:20px 0px 0px 100px; padding:0; background:#666; border:none; color:#fff; font-size:15px; }
div.CONTENTS input.BACK:hover	{ background:#999; }
div.CONTENTS input.BACK:active	{ background:#999; }
div.CONTENTS input.GO	{ cursor:pointer; width:300px; height:40px; margin:20px 0px 0px 20px; padding:0; background:#f90; border:none; color:#fff; font-size:15px; }
div.CONTENTS input.GO:hover	{ background:#fb0; }
div.CONTENTS input.GO:active	{ background:#fb0; }
div.CONTENTS a.SEND	{ cursor:pointer; width:300px; height:40px; display:block; margin:20px 0px 0px 240px; background:#000; border:none; color:#fff; font-size:15px; text-decoration:none; text-align:center; line-height:40px; }
div.CONTENTS a.SEND:link	{ color:#fff; background:#666; text-decoration:none; }
div.CONTENTS a.SEND:visited	{ color:#fff; background:#666; text-decoration:none; }
div.CONTENTS a.SEND:hover	{ color:#fff; background:#999; text-decoration:none; }
div.CONTENTS a.SEND:active	{ color:#fff; background:#999; text-decoration:none; }
div.CONTENTS a.SEND_SP	{ display:none; }
div.CONTENTS input.SEND_SP	{ display:none; }

div.CONTENTS .PRIVACY_NOTE { border:1px solid #666666; clear:both; font-size:10px; height:200px; line-height:1.8em; margin:20px auto 5px auto; overflow-x:hidden; overflow-y:scroll; padding:10px; width:auto; text-align:left; }

div.CONTENTS table	{ margin:0px auto 0px auto; width:820px; text-align:left; }
div.CONTENTS table tr	{ border-bottom:2px solid #fff; }
div.CONTENTS table th	{ background:#ccc; width:15%; padding:5px 10px; color:#000; }
div.CONTENTS table th em	{ float:right; margin:5px 0 0 0; padding:2px 5px; background:#f90; color:#fff; font-size:11px; line-height:1.2em; }
div.CONTENTS table td	{ padding:5px 10px; }
div.CONTENTS table td.INPUT	{ width:50%; text-align:left;background:#eee;color:#000; }
div.CONTENTS table td.INPUT strong	{ float:left; margin-top:10px; text-align:left; font-weight:bold; }
div.CONTENTS table td.INPUT input	{ width:250px; }
div.CONTENTS table td.INPUT input.CHECK	{ width:auto; }
div.CONTENTS table td.INPUT textarea	{ width:450px; height:100px; font-size:12px; }
div.CONTENTS table td.PS	{ background:#ccc; color:#1c0a00; width:25%; }

div.CONTENTS .P_MARK	{ margin:30px 0px 0px 0px; width:200px; float:right; background:url(http://www.wills.co.jp/format/img/pmark.png) no-repeat; }
div.CONTENTS .P_MARK p	{ width:130px; margin:10px 0px 10px 70px; font-size:10px; line-height:1.5em; text-align:left; }




/* ---------- 以下がエフェクトに関するcssです。 ---------- */

.fadein {
	opacity : 0.1;
	transform : translate(0px, 100px);
	transition : all 500ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}




#animation {
margin: 50px 0;
font-size: 40px;
font-weight: bold;
color: #ff0000;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


















@media screen and (max-width: 640px){
/*以下スマホ*/
#PAGE { padding-bottom: 0px;  }
h1.PC { display:none; }
h1.SP { width:100%; float:left; clear:none; line-height:1.7em; display:block; }
.SHEET	{ width:100%; }
img.PAGE_TOP { width:100%; margin:0 0 0px 0; }
ul.BREAD { display:none; }

#HEADER	{ width:100%; margin:0px 0; background:#fff; padding:5px 0 20px 0; position:relative; }
#HEADER .DIV_LOGO span { font-size:12px; color:#1f4253; margin:10px 0 0 0; float:left; clear:none; line-height:1.2em; }
#HEADER .DIV_LOGO strong { width:100%; float:left; clear:both; font-size:12px; color:#1f4253; margin:5px 0 0 0px; font-weight:bold; }


.navi_btn	{ width:45px; display:inline; background:#000; color:#fff; position:fixed; top:0; right:0px; z-index:250; }
.navi_btn img	{ width:25px; float:left; margin:10px 0 5px 10px; }
.navi_btn span	{ width:100%; float:left; text-align:center; font-size:10px; line-height:1.2em; }

#HEADER	{ width:100%; height:auto; padding-bottom:0px; margin:0 0 0px 0; position:relative; }
#HEADER h1	{ width:100%; height:auto; margin:0 0 0 0%; }
#HEADER h1 em	{ width:96%; float:left; margin:10px 0 10px 2%; font-size:10px; line-height:1.7em; }
#HEADER h1 strong	{ float:left; font-size:16px; line-height:1.5em; }
#HEADER h1 img	{ width:45px; margin:5px 0 0 0; }
#HEADER ul.H_CONTACT	{ width:100%; height:50px; display:inline; position:fixed; bottom:0; left:0; z-index:200; }
#HEADER ul.H_CONTACT li	{ width:50%; }
#HEADER ul.H_CONTACT li a	{ width:100%; height:50px; float:left; text-align:center; line-height:50px; }
#HEADER ul.H_CONTACT li.LI_LONG{ display:none; }
#HEADER ul.H_CONTACT li.TEL strong	{ display:none; }
#HEADER ul.H_CONTACT li.TEL a	{ margin:0; display:inline; background:#cad4dc; color:#1f4253; font-size:20px; }
#HEADER ul.H_CONTACT li a.A_CONTACT{ margin:0; padding:0; background:#1f4253; color:#fff; font-weight:bold; font-size:15px; }
#HEADER ul.H_CONTACT li a.A_CONTACT em{ float:none; margin:0; vertical-align:middle; }
#HEADER ul.H_CONTACT li a.A_CONTACT em img{ float:none; margin:0 10px 0 0; vertical-align:middle; }
#HEADER li.MENU M_TOP { display:block; }


#HEADER .DIV_LOGO { width:85%; height:auto; float:left; clear:none; margin:0px 0 0 2%; }
#HEADER .DIV_LOGO img.LOGO { width:80px; float:left; clear:none; }


#navigation	{ display:none; }
#slide_menu	{ display:none; }

#TOP	{ width:100%; }
#TOP .PHOTO	{ width:50%; }
#TOP .TEXT	{ width:100%; }
#TOP strong	{ width:50%; margin:25px 0 0 0; font-size:16px; line-height:1.5em; letter-spacing:0.1em; }
#TOP em	{ width:50%; float:left; margin:0; font-size:14px; line-height:1.5em; }

.CONTENTS	{ width:100%; padding:20px 0; }

ul.CONTACT	{ width:95%; margin:50px 0 0 2.5%; border:none; }
ul.CONTACT li	{ width:100%; margin:0 0 10px 0; border-left:none; text-align:center; }
ul.CONTACT li a	{ width:100%; text-align:center; background:#f90; }
ul.CONTACT li em	{ display:none; }
ul.CONTACT li strong	{ width:100%; margin:5px 0 0 0; font-size:18px; line-height:1.2em; letter-spacing:0.1em; }
ul.CONTACT li strong img	{ width:5px; margin:0 10px 0 0; }
ul.CONTACT li span	{ width:100%; margin:5px 0 0 0; padding-bottom:5px; }
ul.CONTACT li strong a	{ width:auto; float:none; background:none; }

.SHEET #YOKOKU	{ width:95%; display:inline; margin:20px 0 20px 2.5%; font-size:11px; line-height:1.2em; }
#YOKOKU em	{ margin:0 10px 25px 0; padding:3px 10px; font-size:11px; }

#FOOTER	{ width:100%; padding:10px 0 60px 0; }
#FOOTER strong	{ margin:0 0 0 2.5%; font-size:15px; line-height:1.5em; }
#FOOTER a	{ margin:0 2.5% 0 0; clear:both; }
#FOOTER span	{ width:95%; float:right; margin:0 2.5% 0 0; font-size:10px; line-height:1.5em; text-align:center; }
#FOOTER .DIV_SP { width:100%; display:block; }
#FOOTER .DIV_SP a.A_CONTACT { width:90%; float:left; clear:none; border: 2px solid #1f4253; text-align:center; margin:0 0 10px 4%; padding:10px 0; text-align:center; }
#FOOTER .DIV_SP a.A_CONTACT span { width:auto; float:left; clear:none; color:#1f4253; font-size:14px; font-weight:bold; margin:0 0 0 34%;}
#FOOTER .DIV_SP a.A_CONTACT img { width:5px; margin:5px 31% 0 10px; float:right; clear:none; }

.CONTENTS { width:96%; float:left; clear:none; margin:0 0 0 2%; }
h2	{ width:100%; margin:0 0 30px 0%; font-size:15px; line-height:1.2em; background:#a6b7bf; margin:0; padding:15px 0; color:#fff; }
h2 span { font-size:12px; letter-spacing:0.1em; line-height:20px; color:#fff; }
.CONTENTS h3 { width:100%; text-align:center; font-size:14px; margin:50px 0 20px 0; float:left; clear:none; letter-spacing:0.1em; border-bottom:1px solid #ccc; }
.CONTENTS p { width:100%; float:left; clear:none; line-height:1.7em; }



div.CONTENTS .FORMBOX{ width:95%; margin:20px 0 0 2.5%; padding-bottom:50px; font-size:13px; line-height:2em; }
div.CONTENTS .FORM{ width:100%; }

div.CONTENTS .MAIL	{ width:89%; padding:20px 5% 50px 5%; }
div.CONTENTS .TEXT span	{ color:#ff0000; }
div.CONTENTS .TEXT hr	{ border-bottom:1px solid #bbb; }

div.CONTENTS input.SEND	{ cursor:pointer; width:95%; height:40px; margin:20px 0px 0px 2.5%; padding:0; background:#f90; border:none; color:#fff; font-size:15px; }
div.CONTENTS input.SEND:hover	{ background:#fb0; }
div.CONTENTS input.SEND:visited	{ background:#fb0; }
div.CONTENTS input.BACK	{ cursor:pointer; width:95%; height:40px; margin:20px 0px 0px 2.5%; padding:0; background:#666; border:none; color:#fff; font-size:15px; }
div.CONTENTS input.BACK:hover	{ background:#999; }
div.CONTENTS input.BACK:active	{ background:#999; }
div.CONTENTS input.GO	{ cursor:pointer; width:95%; height:40px; margin:20px 0px 0px 2.5%; padding:0; background:#f90; border:none; color:#fff; font-size:15px; }
div.CONTENTS input.GO:hover	{ background:#fb0; }
div.CONTENTS input.GO:active	{ background:#fb0; }
div.CONTENTS a.SEND	{ cursor:pointer; width:95%; height:40px; display:block; margin:20px 0px 0px 2.5%; background:#000; border:none; color:#fff; font-size:15px; text-decoration:none; text-align:center; line-height:40px; }
div.CONTENTS a.SEND:link	{ color:#fff; background:#666; text-decoration:none; }
div.CONTENTS a.SEND:visited	{ color:#fff; background:#666; text-decoration:none; }
div.CONTENTS a.SEND:hover	{ color:#fff; background:#999; text-decoration:none; }
div.CONTENTS a.SEND:active	{ color:#fff; background:#999; text-decoration:none; }
div.CONTENTS a.SEND_SP	{ display:none; }
div.CONTENTS input.SEND_SP	{ display:inline; }
div.CONTENTS input[type="button"],input[type="submit"] { -webkit-appearance: none; }

div.CONTENTS .PRIVACY_NOTE { border:1px solid #666666; clear:both; font-size:10px; height:auto; line-height:1.8em; margin:20px auto 5px auto; overflow-x:hidden; overflow-y:scroll; padding:10px; width:auto; text-align:left; }

div.CONTENTS table	{ margin:0px auto 0px auto; width:100%; text-align:left; }
div.CONTENTS table tr	{ border-bottom:2px solid #fff; }
div.CONTENTS table th	{ background:#ccc; width:25%; padding:5px 10px; color:#000; }
div.CONTENTS table th em	{ float:right; clear:both; margin:5px 0 0 0; padding:2px 5px; background:#f90; color:#fff; font-size:11px; line-height:1.2em; }
div.CONTENTS table td	{ padding:5px 10px; }
div.CONTENTS table td span.RES	{ width:100%; float:left; margin:0 0 5px 0; }
div.CONTENTS table td.INPUT	{ width:50%; text-align:left;background:#eee;color:#000; font-size:13px; }
div.CONTENTS table td.INPUT strong	{ float:left; margin-top:10px; text-align:left; font-weight:bold; }
div.CONTENTS table td.INPUT input	{ width:90%; height:20px; font-size:13px; }
div.CONTENTS table td.INPUT input.OTHER	{ width:80%; height:20px; font-size:13px; }
div.CONTENTS table td.INPUT input.CHECK	{ width:20px; height:20px; }
div.CONTENTS table td.INPUT textarea	{ width:90%; height:100px; font-size:12px; }
div.CONTENTS table td.PS	{ background:#ccc; color:#1c0a00; width:25%; }

div.CONTENTS .P_MARK	{ margin:30px 0px 0px 0px; width:200px; float:right; background:url(http://www.wills.co.jp/format/img/pmark.png) no-repeat; }
div.CONTENTS .P_MARK p	{ width:130px; margin:10px 0px 10px 70px; font-size:10px; line-height:1.5em; text-align:left; }


#slide_menu	{ display:none; }
.sidr { display:none; position:absolute; position:fixed; top:0; right:0; height:100%; z-index: 999999; width:290px; overflow-x:hidden; overflow-y:auto; background:#1d0700; color:#fff; z-index:500; }
.sidr .sidr-inner { padding:0 0 15px 0; }
.sidr.right { left: auto; right: -290px; }
.sidr p { font-size:13px; margin: 0 0 12px 0; }
.sidr p a { color:rgba(51,51,51,0.9); }
.sidr>p { margin-left:15px; margin-right:15px }
.sidr + ul { display:block; padding:0; border-top:1px solid #fff }
.sidr ul li { height:50px; display:none; margin:0; border-bottom:1px solid #fff; }
.sidr ul li.sidr-class-MENU { display:block; }
.sidr ul li.sidr-class-CLOSE { display:block; }
.sidr ul li.sidr-class-M_RE { display:block; background:#f90; }
.sidr ul .sidr-class-crr { background:#666; }
.sidr.LI_SP { display:block; }
.sidr li a:after { display:inline-block; content:attr(data-label); line-height:50px; }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top:none; }
.sidr a { display:block; text-decoration:none; color:#fff; height:50px !important; line-height:50px; width:100% !important; background:url(../img/bgMenu.png) no-repeat 90% 50%; background-size: 11px 18px; text-align:center; }
.sidr strong { display:none; }
#sidr-id-close-btn { background:none; }
#sidr-id-close-btn img { width:33px; height:33px; float:left; display:block; margin:10px 0px 0px 10px; }


/*フッター*/
#FOOTER { border-top:1px solid #ccc; padding-top:10px; background:#a6b7bf; color:#fff; }
#FOOTER	ul { width:100%; float:left; clear:none; border-right:1px solid #606366; margin:0 0 10px 0; }
#FOOTER	ul li { width:50%; float:left; clear:none; border:none; text-align:center; }
#FOOTER	ul li a { width:100%; text-align:center; color:#fff; }


/*問い合せボタン*/
a.btn {
width:96%; height:40px; float:left; clear:none; margin:50px 0 0 2%; line-height:40px; color:#fff; letter-spacing:0.1em;
background-color: rgb(102, 102, 102);
background-image: -moz-linear-gradient(
  top,
  rgb(138, 138, 138)    0,
  rgb(102, 102, 102)  50%,
  rgb( 36,  36,  36)  50%,
  rgb(  0,   0,   0) 100%
);
background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(  0, rgb(138, 138, 138)),
  color-stop(0.5, rgb(102, 102, 102)),
  color-stop(0.5, rgb( 36,  36,  36)),
  color-stop(1.0, rgb(  0,   0,   0))
  -webkit-appearance: none;
);}
a.btn:hover { opacity:0.7; }


#PAGE a.A_BLOG_SP { width:90%; float:left; clear:none; display:block; margin:0 0 20px 5%; }
#PAGE a.A_BLOG_SP img { width:100%; float:left; clear:none; }











}