@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: #252c33;
}
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;
}
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:#252c33;
}


#header{
	height:3%;
	background-color: #252c33;
	margin-top:0px;
	min-height: 20px;
	background:url(../img/head_b.gif) 298px 100% no-repeat;
}
#container{
	float: left;
	height: 100%;
	margin: 0 0 0 -300px;
	min-height:800px;
	padding: 0 0 0 0;
	clear: right;
	width: 80%;
}




#contents{
	background-color: #252c33;
	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-color: #252c33;

}
#footer{
	clear:both;
	background-color: #333333;
	height: 3%;
	min-height: 22px;
	width: 100%;
	margin: 0;
	float: left;
	bottom: 0px;
}
.logo{background:url(../img/logo.gif) 0 0 no-repeat;width:182px;height:56px;text-indent:-9999px;margin: 10px 0 0 20px;}
.menu{background:url(../img/syasen.gif) 0 0 repeat-x;width:268px;height: 5px;margin: 7px 0 0 0;padding: 50px 0 0 30px;position: absolute;}
.m01, .m02, .m03, .m04, .m05, .m06{width:100px; height:21px;margin:10px 0 10px 0; text-indent:-9999px;}
.m01 a, .m02 a, .m03 a, .m04 a, .m05 a, .m06 a{width:100px; height:21px; display:block; overflow:hidden; text-indent:-9999px;}
.m09{width:150px; height:21px;margin:10px 0 10px 0; text-indent:-9999px;}
.m09 a{width:150px; height:21px; display:block; overflow:hidden; text-indent:-9999px;}
.m01 {background: url(../img/m01.gif) 0 0 repeat-y;}
.m01 a{background:url(../img/m01.gif) 0 0 repeat-y;}
.m01 a:hover {background:url(../img/m01.gif) 0 21px repeat-y;}
.m01_on a{background:url(../img/m01.gif) 0 21px repeat-y;}

.m02 {background: url(../img/m02.gif) 0 0 repeat-y;}
.m02 a{background:url(../img/m02.gif) 0 0 repeat-y;}
.m02 a:hover {background:url(../img/m02.gif) 0 21px repeat-y;}
.m02_on a{ background:url(../img/m02.gif) 0 21px repeat-y;}
.m03 {background: url(../img/m03.gif) 0 0 repeat-y;}
.m03 a{background:url(../img/m03.gif) 0 0 repeat-y;}
.m03 a:hover {background:url(../img/m03.gif) 0 21px repeat-y;}
.m03_on a{ background:url(../img/m03.gif) 0 21px repeat-y;}

.m04 {background: url(../img/m04.gif) 0 0 repeat-y;}
.m04 a{background:url(../img/m04.gif) 0 0 repeat-y;}
.m04 a:hover {background:url(../img/m04.gif) 0 21px repeat-y;}
.m04_on a{ background:url(../img/m04.gif) 0 21px repeat-y;}

.m05 {background: url(../img/m05.gif) 0 0 repeat-y;}
.m05 a{background:url(../img/m05.gif) 0 0 repeat-y;}
.m05 a:hover {background:url(../img/m05.gif) 0 21px repeat-y;}
.m05_on a{ background:url(../img/m05.gif) 0 21px repeat-y;}

.m06 {background: url(../img/m06.gif) 0 0 repeat-y;}
.m06 a{background:url(../img/m06.gif) 0 0 repeat-y;}
.m06 a:hover {background:url(../img/m06.gif) 0 21px repeat-y;}
.m06_on a{ background:url(../img/m06.gif) 0 21px repeat-y;}

.m07{ margin:20px 0 0 0;}

.m09 {background: url(../img/m07.gif) 0 0 repeat-y;}
.m09 a{background:url(../img/m07.gif) 0 0 repeat-y;}
.m09 a:hover {background:url(../img/m07.gif) 0 21px repeat-y;}
.m09_on a{ background:url(../img/m07.gif) 0 21px repeat-y;}

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