@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","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"HGS明朝E","ＭＳ 明朝",serif
*/

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

/*共通*/
body	{ background:#f4f4f1; }
a	{ text-decoration:none; }
a:link	{ text-decoration:none; }
a:visited	{ text-decoration:none; }
a:hover	{ text-decoration:none; }
a:active	{ text-decoration:none; }

header	{ width:100%; height:110px; background:#fff; position:relative; }
header p	{ display:none; }
header .H1	{ width:170px; margin-left:-85px; position:absolute; top:10px; left:50%; }
header .H1 a	{ width:auto; float:left; }
header .H1 img	{ width:140px; float:left; margin-left:15px; }
header nav#navigation	{ width:920px; margin:0px auto; }
header nav#navigation ul	{ width:920px; float:left; margin-top:50px; }
header nav#navigation ul li	{ width:125px; float:left; }
header nav#navigation ul li.CLOSE	{ display:none; }
header nav#navigation ul li.H_PROGRESS	{ margin-left:170px; }
header nav#navigation ul li.H_PRIVACY	{ display:none; }
header nav#navigation ul li a	{ width:115px; float:left; margin-left:5px; text-align:center; color:#000; border-bottom:3px solid #fff; }
header nav#navigation ul li a:link	{ border-bottom:3px solid #fff; }
header nav#navigation ul li a:visited	{ border-bottom:3px solid #fff; }
header nav#navigation ul li a:hover	{ border-bottom:3px solid #000; }
header nav#navigation ul li a:active	{ border-bottom:3px solid #000; }
.sidr { display:none; position:absolute; position:fixed; top:0; height:100%; z-index: 999999; width:290px; overflow-x:hidden; overflow-y:auto; background:#000; color:#fff; }
.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:block; margin:0; border-bottom:1px solid #fff; }
.sidr ul .sidr-class-crr { background:#666; }
.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 ul li a, .sidr ul li span { 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-id-close-btn { background:none; }
#sidr-id-close-btn img { width:33px; height:33px; float:left; margin:10px 0px 0px 10px; }

footer	{ width:100%; height:auto; background:#444; }
footer .FOOTER_BODY	{ width:920px; margin:0px auto; padding:20px 0px 10px 0px; color:#fff; }
footer .FOOTER_BODY .F_LOGO	{ width:auto; float:left; vertical-align:middle; } 
footer .FOOTER_BODY .F_LOGO .SPONS	{ width:auto; float:left; padding:5px 10px; border:1px solid #fff; color:#fff; line-height:1.2em; }
footer .FOOTER_BODY .F_LOGO a	{ margin-left:10px; } 
footer .FOOTER_BODY .F_LOGO a.WILL img	{ width:175px; } 
footer .FOOTER_BODY .F_TEL	{ width:auto; float:right; vertical-align:middle; } 
footer .FOOTER_BODY .F_TEL span	{ width:auto; float:left; font-size:9px; line-height:1.2em; } 
footer .FOOTER_BODY .F_TEL strong	{ width:auto; float:left; margin-left:15px; font-weight:bold; font-size:22px; line-height:1.2em; } 
footer .FOOTER_BODY .COPY	{ width:920px; float:left; clear:both; margin-top:5px; color:#fff; font-size:11px; line-height:1.2em; }
footer .FOOTER_BODY .COPY a	{ color:#fff; }
footer .FOOTER_BODY .COPY a:hover	{ text-decoration:underline; }
footer .FOOTER_BODY .COPY a:active	{ text-decoration:underline; }

#contents	{ width:100%; }
#contents section	{ width:920px; display:block; margin:0px auto; text-align:left; }
#contents section h1	{ width:100%; float:left; display:block; margin-top:30px; padding-bottom:20px; text-align:center; }
#contents section h1 strong	{ padding:0px 20px; border-bottom:3px solid #000; font-size:16px; font-weight:bold; letter-spacing:0.2em; }
#contents section h1 span	{ width:100%; float:left; margin-top:5px; font-size:11px; }
#contents section h2	{ width:100%; float:left; display:block; padding-bottom:20px; text-align:center; }
#contents section h2 strong	{ padding:0px 20px; border-bottom:3px solid #000; font-size:16px; font-weight:bold; letter-spacing:0.2em; }
#contents section h2 span	{ width:100%; float:left; margin-top:5px; font-size:11px; }
#contents section .SHEET	{ width:780px; float:none; display:block; clear:both; margin:0px auto; padding-bottom:80px; }
#contents section .SHEET p.EX	{ width:100%; float:left; margin:0px; text-align:center; line-height:1.5em }
#contents section .SHEET p.EX em	{ color:#f00; margin-left:10px; font-style:normal; }
#contents section .SHEET p.EX a	{ color:#0064e4; margin-left:10px; }
#contents section .SHEET p.EX a:hover	{ text-decoration:underline; }
#contents section .SHEET p.EX a:active	{ text-decoration:underline; }

#contents section.F_NAVI	{ text-align:center; }
#contents section.F_NAVI a:hover	{ text-decoration:underline; }
#contents section.F_NAVI a:active	{ text-decoration:underline; }
#contents section.F_NAVI .F_MENU	{ width:auto; display:inline; margin:0px auto; border-right:1px solid #000; }
#contents section.F_NAVI .F_MENU a	{ width:auto; clear:none; padding:0px 10px; color:#000; border-left:1px solid #000; line-height:1.2em; }
#contents section.F_NAVI .PRIVACY	{ width:920px; float:left; margin:30px auto 0px auto; text-align:left; }
#contents section.F_NAVI .PRIVACY a	{ width:auto; float:left; color:#000; font-size:11px; }

#contents a.PAGETOP	{ position:fixed; bottom:20px; right:20px; z-index:100; }
#contents a.PAGETOP:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#contents a.PAGETOP:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#contents a.PAGETOP img	{ width:40px; }

@media screen and (max-width: 940px){
header	{ height:135px; }
header	p	{ width:55px; float:right; display:inline; margin-right:10px; position:fixed; top:0; right:0; z-index:100; }
header	p img	{ width:55px; float:right; display:inline; }
header .H1	{ width:180px; margin-left:-90px; position:absolute; top:10px; left:50%; }
header .H1 img	{ width:180px; margin:0px; }
header nav#navigation	{ display:none; }

footer .FOOTER_BODY	{ width:90%; }
footer .FOOTER_BODY .COPY	{ width:100%; }

#contents section	{ width:90%; }
#contents section h1	{ width:100%; }
#contents section h2	{ width:100%; }
#contents section .SHEET	{ padding-bottom:50px; }
#contents section.F_NAVI	{ display:none; }

#contents a.PAGETOP	{ display:none; }
}

@media screen and (max-width: 800px){
footer .FOOTER_BODY	{ width:90%; padding-top:10px; }
footer .FOOTER_BODY .F_LOGO	{ width:100%; height:100%; float:left; text-align:center; } 
footer .FOOTER_BODY .F_LOGO .SPONS	{ float:none; padding:0px; border:none; line-height:22px; }
footer .FOOTER_BODY .F_LOGO a.WILL img	{ width:120px; } 
footer .FOOTER_BODY .F_LOGO a.JASDAQ	{ display:none; } 
footer .FOOTER_BODY .F_TEL	{ width:100%; float:none; text-align:center; } 
footer .FOOTER_BODY .F_TEL span	{ display:none; } 
footer .FOOTER_BODY .F_TEL strong	{ float:none; margin:0px; font-size:15px; } 
footer .FOOTER_BODY .F_TEL strong a	{ color:#fff; } 
footer .FOOTER_BODY .COPY	{ width:100%; display:block; float:none; clear:both; text-align:center; }
footer .FOOTER_BODY .COPY a	{ color:#fff; }
footer .FOOTER_BODY .COPY a:hover	{ text-decoration:underline; }
footer .FOOTER_BODY .COPY a:active	{ text-decoration:underline; }

#contents section h2 strong	{ padding:0px; border:none; }
#contents section .SHEET	{ width:100%; padding-bottom:30px; }
#contents section .SHEET p.EX em	{ width:100%; float:left; margin:0px; }
#contents section .SHEET p.EX a	{ width:100%; float:left; margin:0px; }
}