@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) 298px 20px no-repeat;
	background-color: #930000;
}
html{height:100%;}
a:link {color: #a71c2b;text-decoration: none;}
a:visited {color: #a71c2b;text-decoration: none;}
a:hover {color: #a71c2b;text-decoration: underline;}
a:active {
	color: #a71c2b;
	text-decoration: none;
}
a:hover img{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
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;}
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;}

#wrapper{
	width:100%;
	height: 94%;
	margin: 0;
	background-color:#252c33;
}

#wrapper_top{
	width:100%;
	height: 95%;
	margin: 0;
	background-color:#930000;
}


#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: 80%;
}




#contents{
background:url(../img/top_img.jpg) 50% 50% no-repeat;
	height: 100%;
	margin: 0 0 0 300px;
	display:inline;
	clear:right;
	float: left;
	width: 100%;
}




.pul{margin:-20px 50px 0 0;float:right;background:url(../img/monthly.gif) 0 50% no-repeat;padding: 0 0 0 75px;}
.jpn{margin:-17px 30px 0 0;float:right;background:url(../img/jpn.gif) 0 0 no-repeat;width:169px;height:17px;}
.jpn a{float:right;background:url(../img/jpn.gif) 0 0 no-repeat;width:169px;height:17px; display:block; overflow:hidden; text-indent:-9999px;}
.jpn a:hover{background:url(../img/jpn.gif) 0 17px repeat-y;}

.eng{margin:-17px 30px 0 0;float:right;background:url(../img/jpn.gif) 0 0 no-repeat;width:169px;height:17px;}
.eng a{float:right;background:url(../img/jpn.gif) 0 17px repeat-y;width:169px;height:17px; display:block; overflow:hidden; text-indent:-9999px;}
.eng a:hover{background:url(../img/jpn.gif) 0 0 repeat-y;}


#sidebar{
	width: 298px;
	float: left;
	height: 100%;
	margin: 0 0 0 0;
	border-right:2px solid #333333;
	min-height:800px;
	background:url(../img/menu_bg.gif);

}
#footer{
	clear:both;
	height: 3%;
	min-height: 22px;
	width: 100%;
	margin: 0;
	float: left;
	bottom: 0px;
	background: url(../img/menu_bg.gif);
}
.logo{
	background:url(../img/logo.gif) 0 0 no-repeat;
	width:148px;
	height:50px;
	text-indent:-9999px;
	margin: 0 0 0 25px;
}
.menu{
	width:268px;
	height: 5px;
	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;}
.canna a:hover {background:url(../img/canna.png) 0 -20px repeat-y;}

.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;}




.sub_menu{width:auto;height:80px;background: url(../img/syasen.gif) 27px 73px no-repeat;padding: 0 0 0 27px;}
.contents_m{
	margin: 0 0 0 33px;
	height: 100%;
	position:relative;
	min-width: 100px;
}
.contents_in{
	overflow:auto;
	width:100%;
	background:url(../img/side_bg2.gif) 0 0 repeat;
	position:relative;
	float: left;
	clear: both;
	min-height: 600px;
}
.box_in{
	width:80%;
	background-color: #252c33;
	min-width: 400px;
	height: 100%;
	clear: both;
	float: left;
	padding-bottom: 40px;
}
.box_in02{
	width:80%;
	background-color: #252c33;
	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 35px repeat-x;height:40px;padding: 14px 0 0 6px;}
.blog_day{margin:-18px 0 0 6px;color: #a71c2b;font-size: 10px;}
.entry{margin:12px 0 20px 0;width: 80%;}
.blog_h{background:url(../img/blog_tit.gif) 6px 36px no-repeat;width:100px;height:33px;text-indent: -9999px;margin: 0;padding: 36px 0 0 5px;}

/**profile**/
.pro_tit{
	background:url(../img/blog_tit_bg.gif) 0 35px repeat-x;
	height:40px;
	padding: 14px 0 0 6px;
	color: #a71c2b;
}
.about_tit{background:url(../img/about_tit.gif) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;margin: 0;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.gif) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;margin: 0;padding: 36px 0 0 5px;}
.box_in_l{
	width:48%;
	background-color: #252c33;
	position: relative;
	float:left;
	height: 100%;
	margin: 0 2% 0 0;
	min-width: 420px;
	min-height: 900px;
}
.box_in_r{
	width:48%;
	background-color: #252c33;
	position: relative;
	float:left;
	height: 100%;
	min-width: 420px;
	padding-bottom: 30px;
}
.work_box{margin:0;padding:10px;width:auto;}
.w_list{margin:0 0 10px 0;min-width: 400px;border-bottom:1px dashed #333333;padding: 0 0 8px 0;display: inline-block;}
.w_day{
	margin:0 20px 0 0;
	color: #a71c2b;
	width: 12%;
	float: left;
	height:100%;
}
.w_tit{
	margin:0;
	width: 82%;
	float: left;
	text-align: left;
}

/**link**/

.link_tit{background:url(../img/link_tit.gif) 6px 36px no-repeat;width:200px;height:33px;text-indent: -9999px;margin: 0;padding: 36px 0 0 5px;}


.link_list{
	margin:0;
	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 20px 0 0;
	color: #a71c2b;
	width: 42px;
	float: left;
	height:100%;
}

.cana_tit{
	margin:20px 0 0 10px;
	float: left;
	width: auto;
}
.cana_list{
	width:450px;
	clear: both;
}
.cana_ul{
	padding:0 0 30px 0;
	margin: 0 0 30px 0;
	clear: both;
}
.in{
	width:100%;
	min-width: 500px;
}
</style>