@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
*/

body		{ margin:0px; padding:0px; color:#000; background:#fff; font: normal normal normal 13px/2em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Verdana,Geneva,Arial,"ＭＳ ゴシック","メイリオ","Meiryo",sans-serif; }
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		{ clear:both; 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;  }



body	{ text-align:center; }
.SHEET	{ width:960px; margin:0px auto; text-align:left;  }
a:link	{ text-decoration:none; }
a:visited	{ text-decoration:none; }
a:hover	{ text-decoration:underline; }
a:active	{ text-decoration:underline; }
em	{ font-style:normal; }
strong	{ font-weight:normal; }
.MINC	{ font-family:"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }

 #PAGE a.CONTACT { width:40px; height:250px; background:#ffb6c1; margin-top: -12px; position: fixed; right: 0; top: 25%; z-index: 500; }
 #PAGE a.CONTACT img { margin-top:35px; }
  #PAGE a.CONTACT:hover { background:#8bccc0; }
  
#HEADER .H_LOGO a.CONTACT2 { width:200px; height:auto; background:#db7093; position: fixed; right:00%; top: 0; z-index: 500; text-align:center; line-height:1.7em; color:#fff; }  
#HEADER .H_LOGO a.CONTACT2:hover { background:#be0464; text-decoration:none; }

#HEADER	{ background:#8bccc0; text-align:center; }
#HEADER a.CONTACT_SP { display:none; }
#HEADER .H_LOGO	{ width:960px; float:left; margin:10px 0px 0px 0px; }
#HEADER .H_LOGO span	{ width:auto; float:left; margin:0px; font-size:11px; line-height:1.5em; }
#HEADER .H_LOGO h1	{ width:360px; float:left; clear:both; margin:0px; font-size:11px; line-height:1.5em; color:#fff; }
#HEADER .H_LOGO .navi_btn	{ display:none; }
#HEADER .H_LOGO a	 { width:167px; float:left; clear:both; margin:0px 0px 0px 396px; }
#HEADER .H_LOGO a img	{ width:167px; float:left; }
#HEADER .H_LOGO a.CONTACT2 img.ARROW { width:auto; float:none; display:inline; }
#HEADER .H_CONTACT	{ width:auto; float:right; margin:10px 0px 0px 0px; }
#HEADER .H_CONTACT .SP	{ display:none; }
#HEADER .H_CONTACT ul	{ width:auto; float:right; clear:both; }
#HEADER .H_CONTACT ul li	{ width:auto; float:left; }
#HEADER .H_CONTACT ul li a	{ width:auto; height:30px; float:left; margin:0px 0px 0px 30px; color:#231815; font-weight:bold; font-size:15px; line-height:30px; letter-spacing:0.1em; text-align:center; text-decoration:none; }
#HEADER .H_CONTACT ul li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#HEADER .H_CONTACT ul li a:visited	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#HEADER .H_CONTACT ul li a img	{ width:20px; margin:0px 5px 0px 0px; vertical-align:middle; }
#HEADER .H_CONTACT .H_TEL	{ width:auto; float:right; clear:both; margin:10px 0px 0px 0px; }
#HEADER .H_CONTACT .H_TEL span	{ width:auto; float:left; clear:none; margin:7px 10px 0px 0px; font-size:10px; line-height:1.2em; }
#HEADER .H_CONTACT .H_TEL em	{ width:auto; float:left; clear:none; margin:12px 5px 0px 0px; font-weight:bold; font-size:18px; line-height:1.2em; font-family:helvetica, arial; }
#HEADER .H_CONTACT .H_TEL strong	{ width:auto; float:left; clear:none; margin:0px; font-weight:bold; font-size:30px; line-height:1.2em; font-family:helvetica, arial; letter-spacing:0.05em; }
#HEADER #navigation	{ width:100%; height:50px; float:left; clear:both; margin:0px 0px 0px 0px; border-top:2px solid #8bccc0; }
#HEADER #navigation .SHEET	{ width:961px; overflow:visible; }
#HEADER #navigation ul	{ width:auto; height:20px; float:left; clear:both; margin:15px 0 0 0; border-left:1px solid #fff; overflow:visible; }
#HEADER #navigation ul li	{ width:136px; height:20px; float:left; clear:none; border-right:1px solid #fff; overflow:visible; text-align:center; }
#HEADER #navigation ul li.CLOSE	{ display:none; }
#HEADER #navigation ul li a	{ width:130px;  float:left; clear:none; margin:0px 0 0 3px; padding:0px 0px; color:#fff; line-height:20px; letter-spacing:0.1em; }
#HEADER #navigation ul li a:hover	{ background: #74ABA1; text-decoration:none; }
#HEADER #navigation ul li a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#HEADER #navigation ul li a strong	{ width:130px; float:left; clear:none; margin:10px 0px 0px 0px; text-align:center; font-size:13px; line-height:1.2em; letter-spacing:0.2em; }
#HEADER #navigation ul li a em	{ width:130px; float:left; clear:none; text-align:center; font-size:10px; line-height:1.2em; }
#slide_menu	{ display:none; }
#HEADER #navigation li.SP { display:none; }
#HEADER p.KANBAI { float:right; clear:none; background:#d97193; color:#fff; padding:0 30px; margin:0; }

#PAGE	{ padding-bottom:30px; background:#f3f7f6; text-align:center;  }
#PAGE .TOP	{ width:960px; float:left; margin:0; position:relative; }
#PAGE .TOP img	{ width:auto; float:right; }
#PAGE .TOP strong	{ width:960px; position:absolute; top:120px; color:#fff; font-size:20px; line-height:1.8em; letter-spacing:0.2em;margin-botom:10px; text-align:center; }
#PAGE .CONTENTS	{ width:960px; height:auto; float:left; margin:0 0 20px 0; padding-bottom:50px; background:#fff; }
#PAGE .CONTENTS h2	{ width:840px; height:auto; float:left; margin:50px 0px 0px 60px; color:#8BCCC0; font-weight:normal; font-size:25px; line-height:1.8em; letter-spacing:0.3em; text-align:center; }
#PAGE .CONTENTS h3.H3_BOX	{ width:760px; height:40px; float:left; margin:30px 0px 0px 60px; padding:10px 40px 0px 40px; background:#70c0b1; color:#fff; font-size:20px; line-height:1.5em; letter-spacing:0.1em; }
#PAGE .CONTENTS span.ALART	{ width:840px; height:auto; float:left; margin:30px 0px 0px 60px; color:#231815; font-size:11px; line-height:1.5em; }
#PAGE .CONTENTS p { width:840px; float:left; clear:none; letter-spacing:0.1em; margin:30px 0 30px 60px; text-align:center; }
#PAGE .CONTENTS .BOX { width:840px; float:left; clear:none; margin:0 0 0 60px; }
#PAGE ul.CONTACT_BANNER	{ width:1020px; float:left; clear:none; margin:20px 0px 0px 0px; }
#PAGE ul.CONTACT_BANNER li	{ width:510px; float:left; margin:0; }
#PAGE ul.CONTACT_BANNER li a	{ width:450px; height:50px; float:left; margin:0px; background:#231815; color:#fff; font-weight:bold; font-size:14px; line-height:50px; letter-spacing:0.1em; text-align:center; text-decoration:none; text-shadow: 1px 1px 3px #333; }
#PAGE ul.CONTACT_BANNER li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE ul.CONTACT_BANNER li a:visited	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE ul.CONTACT_BANNER li a img	{ margin:0px 15px 0px 0px; vertical-align:middle; }
#PAGE .F_MENU	{ width:auto; float:left; margin:50px 0px 0px 0px; border-right:1px solid #ccc; font-size:12px; line-height:1.2em; }
#PAGE .F_MENU li	{ width:auto; float:left; padding:0px 20px; border-left:1px solid #ccc; text-align:center; font-size:12px; line-height:1.2em; }
#PAGE .F_MENU li a	{ color:#666; font-size:12px; line-height:1.2em; }

#FOOTER	{ padding-bottom:10px; background:#fff; text-align:center;margin-top:15px;  }
#FOOTER a.COPY { float:left; celar:none; margin-top:10px; color:#000; }
#FOOTER a.COPY:link { text-decoration:none; color:#000; }
#FOOTER .F_LOGO	{ width:400px; float:left; margin:5px 0px 0px 0px; }
#FOOTER .F_LOGO span	{ width:auto; float:left; margin:0px; font-size:11px; line-height:1.5em; }
#FOOTER .F_LOGO a	{ width:auto; float:left; margin:0px 0px 0px 0px; }
#FOOTER .F_LOGO a img	{ width:270px; float:left; }
#FOOTER .F_CONTACT	{ width:auto; float:right; margin:5px 0px 0px 0px; }
#FOOTER .F_CONTACT .F_PRIVACY	{ width:auto; float:right; clear:both; color:#000; font-size:11px; }
#FOOTER .F_CONTACT ul	{ display:none; }
#FOOTER .F_CONTACT .F_TEL	{ width:auto; float:right; clear:both; margin:5px 0px 0px 0px; }
#FOOTER .F_CONTACT .F_TEL span	{ width:auto; float:left; clear:none; margin:7px 10px 0px 0px; font-size:10px; line-height:1.2em; }
#FOOTER .F_CONTACT .F_TEL img	{ width:36px; float:left; clear:none; margin:5px 5px 0px 10px; }
#FOOTER .F_CONTACT .F_TEL em	{ width:auto; float:left; clear:none; margin:12px 5px 0px 0px; font-weight:bold; font-size:18px; line-height:1.2em; font-family:helvetica, arial; }
#FOOTER .F_CONTACT .F_TEL strong	{ width:auto; float:left; clear:none; margin:0px; font-weight:bold; font-size:30px; line-height:1.2em; font-family:helvetica, arial; letter-spacing:0.05em; }

#PAGE ul.BANNER { width:auto; float:left; clear:none; margin:30px 0 0 0; overflow:visible; }
#PAGE ul.BANNER li { width:227px; float:left; clear:none; margin-right:17px; }
#PAGE ul.BANNER li a { width:227px; float:left; clear:none;font-weight:bold; font-size:12px; }
#PAGE ul.BANNER li a:hover { 
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */ }
#PAGE ul.BANNER li a img { width:auto; margin:0px ; float:left; clear:none; }
#PAGE ul.BANNER li a img.ARROW { width:auto; float:none; margin:20px 0 0 5px; } 
#PAGE ul.BANNER li a.BANNER_CONTACT { width:208px; float:left; clear:none; background:#ffb6c1; color:#fff; line-height:65px; font-weight:bold; font-size:15px; text-align:center; font-weight:bold; }
#PAGE ul.BANNER li p { width:100px; float:left; clear:none; font-size:20px; font-weight:bold; line-height:60px; }
#PAGE ul.BANNER li p img { width:11px; float:right; clear:none; }
#PAGE ul.BANNER_SP { display:none; }
#PAGE ul.LINK_SP { display:none; }
