@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","メイリオ","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 13px/2em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
strong	{ font-weight:normal; }
em	{ font-style:normal; }



body	{ width:100%; background:#000; text-align:center; }
#ALL	{ width:1040px; margin:0 auto; position:relative; }

#NAVI	{ width:200px; float:left; margin:20px 0; }
#NAVI .TITLE	{ width:200px; float:left; margin:20px 0; }
#NAVI ul	{ width:200px; float:left; }
#NAVI ul li	{ width:200px; float:left; margin:20px 0; }
#NAVI ul li a	{ width:120px; float:left; margin:0 50px 0 45px; color:#fff; text-decoration:none; line-height:1.2em; }
#NAVI ul li a:hover	{ text-decoration:underline; }
#NAVI ul li a:active	{ text-decoration:underline; }
#NAVI ul li a em	{ width:12px; height:12px; float:left; margin:0 5px 0 0; background:#000; border-radius:50%; }

#MAIN	{ width:840px; float:right; background:#fff; }
#MAIN ul.LINK	{ width:740px; float:left; margin:50px 0 0 50px; text-align:left; }
#MAIN ul.LINK li	{ width:280px; height:45px; float:left; }
#MAIN ul.LINK li.PREV	{ float:left; }
#MAIN ul.LINK li.NEXT	{ float:right; }
#MAIN ul.LINK li a	{ width:280px; height:45px; float:left; color:#000; text-decoration:none; text-align:center; line-height:45px; }
#MAIN ul.LINK li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#MAIN ul.LINK li a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#MAIN ul.LINK li.PREV a	{ background:url(../img/prev.png) no-repeat; }
#MAIN ul.LINK li.NEXT a	{ background:url(../img/next.png) no-repeat; }

#MAIN .COPYRIGHT	{ width:740px; float:left; margin:50px 0 30px 50px; padding:20px 0 0 0; border-top:1px solid #ccc; }

#MAIN h1	{ width:840px; float:left; margin:0 0 30px 0; }
#MAIN h2	{ width:734px; height:60px; float:left; margin:20px 0 0 50px; font-weight:bold; font-size:22px; line-height:60px; }
#MAIN p	{ width:740px; float:left; margin:20px 0 0 50px; text-align:left; }
#MAIN p strong	{ width:740px; float:left; font-weight:bold; font-size:15px; line-height:2em; }
#MAIN p a	{ color:#0af; }
#MAIN p a:hover	{ text-decoration:none; }
#MAIN p a:active	{ text-decoration:none; }

#MAIN ul.TOP_LIST	{ width:740px; float:left; margin:50px 0 0 50px; text-align:left; }
#MAIN ul.TOP_LIST li	{ width:740px; float:left; margin:0 0 50px 0; }
#MAIN ul.TOP_LIST li img	{ width:auto; float:left; }
#MAIN ul.TOP_LIST li p	{ width:440px; float:right; margin:0; }
#MAIN ul.TOP_LIST li a	{ width:180px; height:45px; float:left; margin:10px 0 0 40px; background:url(../img/list_bg.png) no-repeat; color:#000; text-decoration:none; text-align:center; line-height:45px; }
#MAIN ul.TOP_LIST li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#MAIN ul.TOP_LIST li a:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }


@media screen and (max-width: 740px){
/*以下スマホ*/

#ALL	{ width:100%; }

#NAVI	{ width:94%; margin:20px 3%;  }
#NAVI .TITLE	{ width:30%; margin:0; }
#NAVI .TITLE img	{ width:65px; }
#NAVI ul	{ width:70%; float:right; }
#NAVI ul li	{ width:100%; margin:0; }
#NAVI ul li a	{ width:100%; margin:0; padding:10px; text-align:left; }
#NAVI ul li a em	{ float:left; margin:0 10px 0 0; }

#MAIN	{ width:100%; }
#MAIN ul.LINK	{ width:94%; margin:50px 0 0 3%; }

#MAIN .COPYRIGHT	{ width:100%; margin:10px 0 30px 0; font-size:10px; }

#MAIN h1	{ width:100%; margin:0 0 10px 0; }
#MAIN h1 img	{ width:100%; }
#MAIN h2	{ width:89%; margin:20px 0 20px 5%; }
#MAIN p	{ width:90%; margin:10px 0 0 5%; text-align:left; }
#MAIN p strong	{ width:100%; }

#MAIN ul.TOP_LIST	{ width:90%; margin:50px 0 0 5%; }
#MAIN ul.TOP_LIST li	{ width:100%; margin:0 0 50px 0; }
#MAIN ul.TOP_LIST li img	{ width:130px; }
#MAIN ul.TOP_LIST li p	{ width:100%; margin:10px 0 0 0; }
#MAIN ul.TOP_LIST li a	{ float:right; margin:10px 0 0 0; }

}