@charset "UTF-8";
body {margin: 0;padding: 0;color: #ffffff;text-align: left;font-size:12px;line-height:145%;font-family:  "Helvetica", "Lucida Grande", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", Osaka;width:100%;	height:100%;position:absolute;background:url(../img/side_b.gif) 0 20px repeat-y;background-color: #6C0000;}
html{height:100%;}form {margin: 0;padding: 0;}ul, ol, li {margin: 0;padding: 0;}ul {list-style-type: none;}h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}p{margin: 0;padding: 0; font-size: 16px; line-height: 2;}img {border: none;}table {border: none;}br {letter-spacing: normal;}address , em{font-style: normal;padding:0.3em 0 0 0.3em;}.clear{margin:0;padding:0;border:0;clear:both;height: 0px;}

a:link {color: #FF6600;text-decoration: none;}
a:visited {color: #FF6600;text-decoration: none;}
a:hover {color: #a71c2b;text-decoration: underline;}
a:active {color: #FFFFFF;text-decoration: none;}

a:hover img{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#wrapper{width:100%;height: 94%;}
#wrapper_top{width:100%;height: 95%;margin: 0;background-color:#252c33;}
#header{height:3%;margin-top:0px;min-height: 20px;background:url(../img/menu_bg.gif);}
#container{float: left;height: 100%;margin: 0 0 0 -300px;min-height:800px;padding: 0 0 0 0;clear: right;width: 100%;}
#contents{height: 100%;margin: 0 0 0 300px;display:inline;clear:right;float: left;background-color: #6C0000;}
#contents_l{height: auto;margin: 0 0 0 300px;display:inline;clear:right;float: left;background:url(../img/link_bg.gif) 0 0 no-repeat;background-color: #000;}
#contents_i{height: auto;margin: 0 0 0 300px;display:inline;clear:right;float: left;background:url(../img/info_bg.gif) 0 0 no-repeat #000000;}
.pul{margin:0;float:right;background:url(../img/monthly.gif) 0 50% no-repeat;padding: 0 0 0 75px;}
.jpn a{float:right;background:url(../img/jpn.jpg) 0 0 no-repeat;width:217px;height:18px; display:block; overflow:hidden; text-indent:-9999px;}
.jpn a:hover{background:url(../img/jpn.jpg) 0 18px repeat-y;}
.jpn_b{margin:-20px 20px 0 0;float:right;background:url(../img/jpn.jpg) 0 0 no-repeat;width:217px;height:18px;}
.jpn_b a{float:right;background:url(../img/jpn.jpg) 0 0 no-repeat;width:217px;height:18px; display:block; overflow:hidden; text-indent:-9999px;}
.jpn_b a:hover{background:url(../img/jpn.jpg) 0 18px repeat-y;}
.eng{margin:0;float:right;background:url(../img/jpn.jpg) 0 0 no-repeat;width:217px;height:18px;}
.eng a{float:right;background:url(../img/jpn.jpg) 0 18px repeat-y;width:217px;height:18px; display:block; overflow:hidden; text-indent:-9999px;}
.eng a:hover{background:url(../img/jpn.jpg) 0 0 repeat-y;}
.eng_b{margin:-20px 20px 0 0;float:right;background:url(../img/jpn.jpg) 0 0 no-repeat;width:217px;height:18px;}
.eng_b a{float:right;background:url(../img/jpn.jpg) 0 18px repeat-y;width:217px;height:18px; display:block; overflow:hidden; text-indent:-9999px;}
.eng_b a:hover{background:url(../img/jpn.jpg) 0 0 repeat-y;}
#sidebar{width: 298px;float: left;height: 100%;border-right:2px solid #333333;min-height:800px;background: url(../img/menu_bg.gif);}
#footer{clear:both;height: 2%;min-height: 22px;width: 100%;float: left;bottom: 0px;position: fixed;background: url(../img/menu_bg.gif);}
.logo{background:url(../img/logo.gif) 0 0 no-repeat;width:182px;height:50px;text-indent:-9999px;margin: 0 0 0 25px;}
.menu{width:268px;height: -44px;margin: 7px 0 0 0;padding: 10px 0 0 30px;position: absolute;}
.m01 a{background:url(../img/m01.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m01 a:hover {background:url(../img/m01.png) 111px 0 repeat-x;}
.m02 a{background:url(../img/m02.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m02 a:hover {background:url(../img/m02.png) 111px 0 repeat-x;}
.m03 a{background:url(../img/m03.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m03 a:hover {background:url(../img/m03.png) 111px 0 repeat-x;}
.m04 a{background:url(../img/m04.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m04 a:hover {background:url(../img/m04.png) 111px 0 repeat-x;}
.m05 a{background:url(../img/m05.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m05 a:hover {background:url(../img/m05.png) 111px 0 repeat-x;}
.m06 a{background:url(../img/m06.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m06 a:hover {background:url(../img/m06.png) 111px 0 repeat-x;}
.m07 a{background:url(../img/m07.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m07 a:hover {background:url(../img/m07.png) 111px 0 repeat-x;}
.m08 a{background:url(../img/m08.png) 0 0 no-repeat; width:111px; height:35px; display:block; overflow:hidden; text-indent:-9999px;}
.m08 a:hover {background:url(../img/m08.png) 111px 0 repeat-x;}
.m09 a{background:url(../img/m09.png) 0 0 no-repeat; width:171px; height:36px; display:block; overflow:hidden; text-indent:-9999px;}
.m09 a:hover {background:url(../img/m09.png) 171px 0 repeat-x;}
.canna a{background:url(../img/canna.png) 0 0 no-repeat; width:117px; height:20px; display:block; overflow:hidden; text-indent:-9999px; margin-top:20px; margin-bottom:20px;}


.m_sns{ border-top:1px solid #fff; width:220px; margin-top:10px; padding-top:10px; margin-bottom:5px;}
.sns{display:inline-block; margin:0 10px 0 0;}
.border{ border-top:1px solid #fff;width:220px; padding-top:10px; margin-top:10px;}




.canna a:hover {background:url(../img/canna.png) 0 -20px repeat-y;}
.sub_menu{width:auto;height:80px;padding: 0 0 30px 27px;}
.contents_m{margin: 0 0 0 33px;height: 100%;position:relative;min-width: 300px;}
.contents_m_l{margin: 0 0 0 33px;height: 1328px;position:relative;min-width: 100px;background:url(../img/link_bg.gif) 0 0 no-repeat;}
.contents_in_l{overflow:auto;width:100%;position:relative;float: left;clear: both;min-height: 600px;height: auto;padding: 0 0 100px 0;}
.contents_in{overflow:auto;width:100%;position:relative;float: left;clear: both;min-height: 600px;min-width: 900px;}
.box_in{width:100%;background-color: #6C0000;min-width: 400px;height: 100%;clear: both;float: left;padding-bottom: 40px;}
.box_in02{width:100%;background-color: #6C0000;min-width: 600px;height:100%;float: left;}
.box_in02_l{width:80%;min-width: 600px;height:100%;float: left;}
.top_up{position:absolute;top: 90%;left: 80%;margin: 0 0 0 -15px;background:url(../img/top.gif) 0 0 no-repeat;width:48px;height:60px;}
.top_up a{background:url(../img/top.gif) 0 0 no-repeat;display:block; overflow:hidden; text-indent:-9999px;width:48px;height:60px;}
.top_up a:hover{background:url(../img/top.gif) 0 -60px repeat-y;}
/**BLOG**/
.blog_tit{background:url(../img/blog_tit_bg.gif) 0 100% repeat-x; padding: 14px 0 15px 6px; font-size: 24px;}
.blog_day{margin:10px 0 0 6px;color: #FFFFFF;font-size: 10px;}
.entry{
	margin:12px 0 20px 0;
	width: 70%;
	min-width: 300px;
}
.blog_h{background:url(../img/blog_tit.jpg) 6px 36px no-repeat;width:103px;height:42px;text-indent: -9999px;margin: 0;padding: 36px 0 0 5px;}
.info_h{background:url(../img/info_tit.gif) 6px 36px no-repeat;width:500px;height:33px;text-indent: -9999px;margin: 0;padding: 36px 0 0 5px;}
.page_a{margin:20px 0 0 0;background: url(../img/blog_tit_bg.gif) 0 0 repeat-x;padding: 5px 0 0 0;}
.page_a a{color:#FFF;}
/**profile**/
.pro_tit{background:url(../img/blog_tit_bg.gif) 0 35px repeat-x;height:40px;padding: 14px 0 0 6px;color: #FFFFFF;}
.about_tit{background:url(../img/about_tit.jpg) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;padding: 36px 0 0 5px;}
.pro_box{float:left;clear:both;background:url(../img/blog_tit_bg.gif) 0 0 repeat-x;padding: 10px 0 20px 0;}
.pro_l{width:48%;float: left;text-align: justify;}
.pro_r{width:48%;float: right;text-align: justify;}
/**work**/
.work_tit{background:url(../img/work_tit.jpg) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;padding: 36px 0 0 5px;}
.box_in_l{width:45%;position: relative;float:left;height: 100%;margin: 0 2% 0 0;min-width: 420px;min-height: 900px;}
.box_in_r{width:45%;position: relative;float:left;height: 100%;min-width: 420px;padding-bottom: 30px;}
.work_box{margin:0;padding:10px;width:auto;}
.work_box p{font-size: 14px;}
.w_list{margin:0 0 10px 0;width: 100%;border-bottom:1px dashed #666;padding: 0 0 8px 0;display: inline-block; position: relative;}
.w_day{margin:0 20px 0 0;color: #FFFFFF;position: absolute; left: 0; top: 0;}
.w_tit{float: left;text-align: left;padding-left: 90px;}
.nen{margin:10px 30px 10px 0;text-align: right;}
.aka{font-weight: bold;}
/**link**/
.link_tit{background:url(../img/link.png) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;padding: 36px 0 0 5px;}
.link_list{width: 30%;float: left;padding: 0 0 20px 0;min-width: 250px;}
.link_t{margin:0;}
.link_u{margin:0;}
.link_box{margin:12px 0 20px 0;width: 90%;height: 100%;min-height: 900px;float: left;}
.cana_img{margin:0 10px 10px 0;float: left;}
.cana_day{margin:20px 0 0 0;color: #FFFFFF;width: 80px;float: left;height:100%;}
.cana_tit{margin:20px 0 0 10px;float: left;width: auto;}
.cana_list{width:100%;clear: both;}
.cana_ul{padding:0 0 30px 0;margin: 0 0 30px 0;clear: both;}
.in{width:100%;min-width: 500px;}
.tuki{float:right;height: 20px;width: 400px;margin: -20px 20px 0 0;}
.info_b{color:#000000;}
/**work**/
.gallery_tit{background:url(../img/gallery_tit.jpg) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;padding: 36px 0 0 5px;}
#gallery_list{margin:0 -10px; display: flex; flex-wrap: wrap;}
#gallery_list li{margin:0;padding: 0 10px 40px;max-width: 12.5%;flex-basis: 12.5%;}
#gallery_list li img{width: 100%; height: auto;}
#gallery_list p{margin:5px 0 0 0; line-height: 1.6; font-size: 14px;}
/**music**/
.music_tit{background:url(../img/music_tit.jpg) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;padding: 36px 0 0 5px;}
.side_ber{
	height:700px;
}
/**zoom js**/
.apple_overlay {display:none; background-image:url(../img/overlay/white.png);width:640px;padding:35px;font-size:11px;} 
.apple_overlay div.close {background-image:url(../img/overlay/close.png); position:absolute; right:5px; top:5px;cursor:pointer;height:35px;width:35px;}