*{ margin:0; padding:0;}

html, body {
height: 100%;
}

body {
color:#1E0606;
	background-image: url(../images/back.jpg);
	background-repeat: repeat;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif!important;
	font-size:12px;
	line-height:1.6em;
}
p{	font-size:12px;
	line-height:1.6em;}
a,a:active{	text-decoration: none;color:#1E0606;}
a:hover{
	text-decoration: underline;
}
a.hvr_alpha:hover img {filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";-moz-opacity:0.8;-khtml-opacity: 0.8;opacity:0.8;margin:0;padding:0;}
a img,a img:active,a img:hover{	text-decoration: none; border:none;}

#wrapper {
width:848px;
border-right-width:1px;
border-left-width:1px;
border-right-style:solid;
border-left-style:solid;
border-right-color:#777E41;
border-left-color:#777E41;
overflow:hidden;
background-color:rgba(255,255,255,0.3);
margin:0 auto;
padding:28px 0 10px;
min-height: 100%;
height: auto !important;
height: 100%;
}
.clear{ clear:both; margin:0; padding:0; height:0}
/*.clearfix { display: inline-table; }
.clearfix:after {  
content: ".";   
display: block;   
height: 0;   
clear: both;   
visibility: hidden;
margin:0;
padding:0;
} */ 

#header{
	width:778px;
	padding:0 35px;
	margin:0 0 30px 0;
	}
#header #logo{ width:283px; height:29px; margin-top:4px; float:left;}
#header #comment{ width:390px; float:right;}

/*メニュー*/
#menu{
	width:778px;
	margin:30px 0 0 0;
	padding:0;
	clear:both
		}
#menu ul{
	margin:0;
	padding:0;
	
	}
#menu ul li.first{
	list-style:none;
	height:28px;
	float:left;
	border-left-width:1px;
	border-left-style: solid;
	border-left-color: #E5E5E5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;	
}
#menu ul li{
	list-style:none;
	height:28px;
	float:left;
	border:none;
	border-left:none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;	
}

#menu ul li a { margin:0; padding:0; height:28px; text-indent:-9000px;display:block;}
#menu ul li a:hover,#menu ul li a.active { margin:0; padding:0; height:28px; text-indent:-9000px;background-position: 0px 28px;}

#menu ul li.top a {
	width:76px;
	background-image: url(../images/b_top.jpg);
}
#menu ul li.profile a {
	width:112px;
	background-image: url(../images/b_profile.jpg);
}
#menu ul li.woks a {
	width:107px;
	background-image: url(../images/b_works.jpg);
}
#menu ul li.blog a {
	width:88px;
	background-image: url(../images/b_blog.jpg);
}
#menu ul li.link a {
	width:85px;
	background-image: url(../images/b_link.jpg);
}
#menu ul li.privacy a {
	width:172px;
	background-image: url(../images/b_privacy.jpg);
}
#menu ul li.contact a {
	width:130px;
	background-image: url(../images/b_contact.jpg);
}


#content{ width:778px; margin:0;padding:0 35px;}
#content .page_top{ text-align:right; padding:0 5px 0 0; margin:20px 0;}
/*左カラム*/
#content #l_area{ width:200px; margin-right:35px; float:left;min-height: 600px;}
#content #l_area .photo{ margin-bottom:30px; text-align:center}
#content #l_area .line{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #777E41;
	margin:0;
	clear:both
	}
#content #l_area .banner{ margin-bottom:30px}
/*右カラム*/	
#content #r_area{ width:543px; float:left; margin:0; padding:0}
#content #r_area #main_img{ margin-bottom:15px;}
#content #r_area #img_com{ text-align:center;}

/*トピックス*/
.topics_ttl{ margin-top:30px; margin-bottom:8px;}

#topics {
	margin:0 0 30px 0!important;
	padding:0 5px!important;
	text-align:left !important;
	width:190px;
	overflow: hidden;  
}
#topics ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#topics ul li {
	margin:14px 0 0 0;
	padding:0;
/*	background:url(../images/arrow_li.gif) no-repeat left 0.8em;*/
}
#topics ul li .title{ width:190px; margin: 0;line-height:1.4em;}
#topics ul li .date{ width:190px;color:#542929; margin:0; font-size:10px; margin:0 0 0 5px;	line-height:1.0em;}

#topics .lnk{
	margin:8px 5px 30px 0 !important;
	float:right !important;
	background:url(../images/arrow.png) no-repeat left 0.4em;
	padding:0 0 0 10px;
}
#topics a.lnk {
	color:#777E41;
}

#footer{
	width:776px;
	margin:0 20px;
	padding:20px 16px 10px;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777E41;
}
#footer #sub_menu{
	width:220px;
	margin:0;
	padding:0;
	float:left;} 

#footer #sub_menu ul{
	margin:0;
	padding:0;}
#footer #sub_menu li{
	background:url(../images/arrow02.png) no-repeat left 0.4em;
	list-style-type: none;
	text-align:left;
	width:100px;
	padding:0 0 0 10px;
	float:left;
}
#footer #address{
	width:386px;
	height:61px;
	margin:0 0 20px 0;
	padding:5px 0 0 0;
	float:right;
	text-align:left;
	background-image: url(../images/illust_logo.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.bx-wrapper{ height:543px;}
.bxslider{ height:543px;}
.bxslider li{ max-height:543px; min-height:362px; height:543px;}
.bxslider li img{ display:block; margin:0 auto}