/***** Tag *****/
*{
	margin: 0px;
	padding: 0px;
	box-sizing : border-box;
	-moz-box-sizing : border-box;
}

/* basic */
body{
	font-size: 90%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333;
	margin-bottom: 30px;
	background: url("http://epep.furael.org/images/basic/bg_img.jpg");
}

/* block */
h2{
	margin: 15px 0 15px 20px;
}
	p{
		line-height: 150%;
		margin: 10px;
	}
	td p{
		margin-bottom: 0px;
	}

address{
	font-size: 80%;
	font-style: normal;
	margin: 0px 10px 10px;
}

/* list */
/*  <ul>  */
/*  <li>  */
li{
	list-style: none;
}
/*  <dl>  */



/* form */
form{
	margin: 10px 0px;
}
input{
	vertical-align: top;
}


/* inline */
img, table{
	border: 0px none transparent;
}
li img{
	vertical-align: top;
}
.clear{
	clear: both;
}

/* link */
a:link{
	color: #3b7d1a;
}
a:visited{
	color: #3b7d1a;
}
a:active{
	color: #f50;
	background-color: #fff8e0;
}
a:hover{
	color: #f50;
	background-color: #fff8e0;
}



	/* table */
	th, td{
		font-size: 100%;
		line-height: 130%;
		text-align: left;
		vertical-align: top;
	}

	/*  { plain }  */

	/*  { frame }  */

	/*  { color }  */
	.tbl-color th, .tbl-color td, .tbl-color-grn th, .tbl-color-grn td{
		line-height: 130%;
		padding: 5px;
	}
	.tbl-color-grn th, .tbl-color th{
		color: #fff;
	}
	.tbl-color td{
		background: #f5f5f5;
	}





/***** General *****/
	.pagetop{
		text-align: right;
		margin: 30px 5px 10px 5px;
	}


	.frame{
		padding: 10px;
		border: 1px solid #ccc;
	}

	.paragraph{
		margin: 10px 0px 25px;
	}
	.paragraph div{
		line-height: 130%;
	}
	.cut-r{
		margin: 0px 5px 10px 10px;
		float: right;
	}

/*  em, strong  */
	em{
		font-style: normal;
		border-bottom: 1px dashed #34323b;
	}
	.point-a{
		color: #c33;
	}
	.point-b{
		color: #33a02b;
	}
	.note-a{
		font-size: 80%;
	}





/***** Page *****/
#container{
	background: url("http://epep.furael.org/images/basic/content_bg.jpg") repeat-y;
	width: 980px;
}


/*  Header Area  */
#logo{
	width: 180px;
	text-align:center;
	padding: 0px;
}

#navimage {
	height: 31px;
	width: 180px;
	text-align:center;
	padding: 0px;
}

/*  Contents Area  */
#topimage{
padding:10px 0 10px 15px;
}

#main{
	width: 790px;
}
#contents{
	float: left;
	width: 580px;
}

/*  Navigation Area  */
#navigation{
	line-height: 130%;
	padding-top: 10px;
	 float: right; 
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
width:210px;
	
}
#navigation dt{
	margin-bottom: 5px;
}
#navigation dd{
	margin: 0px 0px 20px;
}
#navigation table{
width:100%;
}

.navbar{
padding:2px;
margin:0 0 10px 0;
background-color: #eeeeee;
}

.navthumb{
text-align:center;
}
.navthumb img{
border:solid 1px #ccc;
}

.navdate{
font-size:80%;
text-align:right;
}
ul.log li{
	margin-bottom: 10px;
}

#search-menu{
}
#search-menu form{
	margin: 0px 0px;
}
#search{
	color: #333;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	border-top: 1px solid #696969;
	width: 120px;
	height: 20px;
}

/*  Footer Area  */
#footer{
	padding-top: 40px;
	width: 790px;
	float: left;
}
#gototop{
	text-align:right;
	margin:0 15px 5px 0;
}
#sitemaptop{
	text-align:right;
	margin:0 20px 10px 0;
}
#foot-nav{
padding-top:10px;	
margin: 10px 10px;
	background: url("http://epep.furael.org/images/basic/hr.gif") no-repeat 7px 0px;
}
#non{
	width: 188px;
	float: right;
}
#btm-img{
	background: url("http://epep.furael.org/images/basic/footer_img.jpg") no-repeat left bottom;
	clear: both;
	height: 40px;
	width: 850px;
}

/* <Blog> */

/* 共通 */
#entrygallery p,#entrygallery div, #entry4koma p, #entry4koma div, #entrygablog p, #entrygablog div
{
padding:0px;
}

#image-right img{
float:right;
margin:10px;
}

/* /共通 */

/* ギャラリー/ */
#entrygallery{
	margin: 10px 10px 0px 10px;
padding:10px 0px 0 0;
	background: url("http://epep.furael.org/images/basic/entrygallery_bg.gif");
	width: 556px;
}
#entrygallery h3{
	color: #005100;
	font-size: 120%;
margin:5px 0 0 0;
	padding: 0px 0px 5px 10px;
	background: url("http://epep.furael.org/images/basic/entrygallery_hr.gif") no-repeat bottom;
}

#entrygallery h3 a, #entrygallery h3 a:hover{
color: #005100;
border:none;
text-decoration: none;
}
#entrygallery #entryleft img{
border:solid 1px #ccc;
}
/* /ギャラリー */



/* 四コマ漫画/ */

#entry4koma{
	margin: 10px 10px 0px 10px;
padding:10px 0px 0 0;
	background: #fbf7ef url("http://epep.furael.org/images/basic/entry4koma_bg.gif");
	width: 556px;
}

#entry4koma h3{
	color: #BD5F00;
	font-size: 120%;
	padding: 0px 0px 5px 10px;
	background: url("http://epep.furael.org/images/basic/entry4koma_hr.gif") no-repeat bottom;
}

#entry4koma h3 a, #entry4koma h3 a:hover{
color: #BD5F00;
border:none;
text-decoration: none;
}

#entry4koma #entrymain img{
border:none;
}
#entry4koma #entryleft img{
border:solid 1px #ccc;
}
/* /四コマ漫画 */


/* 画ブログ/ */
#entrygablog{
	margin: 10px 10px 0px 10px;
padding:10px 0px 0 0;
	background: #fbf7ef url("http://epep.furael.org/images/basic/entry_bg.gif");
	width: 556px;
}

#entrygablog h3{
	color: #A20028;
	font-size: 120%;
	padding: 0px 0px 5px 10px;
	background: url("http://epep.furael.org/images/basic/entry_hr.gif") no-repeat bottom;
}
#entrygablog h3 a, #entrygablog h3 a:hover{
color: #A20028;
border:none;
text-decoration: none;
}

/* 画ブログ/ */

/* 自己紹介/ */
#entryintro{
	margin: 10px 10px 0px 10px;
padding:10px 0px 0 0;
	background: #fbf7ef url("http://epep.furael.org/images/basic/entryintro_bg.gif");
	width: 556px;
}

#entryintro h3{
	color: #000048;
	font-size: 120%;
	padding: 0px 0px 5px 10px;
	background: url("http://epep.furael.org/images/basic/entryintro_hr.gif") no-repeat bottom;
}
#entryintro dl{
padding:10px 20px 10px 20px;
}
#entryintro dt{
border-left:solid 2px gray; 
padding:5px;
font-weight:bold;
}

/* 自己紹介/ */

/* ヘルプ/ */
#entryhelp{
	margin: 10px 10px 0px 10px;
padding:10px 0px 0 0;
	background: #fbf7ef url("http://epep.furael.org/images/basic/entryhelp_bg.gif");
	width: 556px;
}

#entryhelp h3{
	color: #2E2E2E;
	font-size: 120%;
	padding: 0px 0px 5px 10px;
	background: url("http://epep.furael.org/images/basic/entryhelp_hr.gif") no-repeat bottom;
}


#entryhelp ul{
margin-left:10px;
}
#entryhelp ul li{
	margin:2px 3px 5px 8px;
	padding:0 0 0 18px;
}
/* ヘルプ/ */

#entryleft{

width:110px;
text-align:center;
float: left;
}

#entryright{
margin-left:110px;
}
#entryright img,#entrymain img{
border: 1px solid #b2b2b2;
}
#entrymain{
margin:10px;
clear:right;
}
#date{
	color: #404027;
	font-size: 80%;
	margin: 5px 5px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: right;

}

.entry-more-link{
margin:0 10px 0 0;
padding:5px 5px 0 5px;
font-size:100%;
text-align:right;
}
.a-footer{
font-size:80%;
text-align: right;
padding:10px 10px 15px 0;
margin:20px 10px 5px 0;
clear:both;
}
.shadow{
height:16px;
background: url("http://epep.furael.org/images/basic/entry_shadow.gif")  no-repeat right top;
}


	/* <works> */
	#work-box{
		width: 700px;
	}
	#work-img{
		width: 330px;
		float: left;
	}
	#work-txt{
		width: 365px;
		float: right;
	}
	#work-box p{
		margin: 10px 0px 0px;
	}

	#work-nav{
		padding: 0px;
		text-align: center;
	}

	#work-nav li, .work-list dt, .work-list dd, .work-list ul,  .work-list li{
		margin:0px 1px 0px 0;
		border: 1px solid #b2b2b2;
		float:left;
	}
	.work-list{
margin:3px 0px 10px 0px;

	}
#recentworks{
text-align:center;
margin:10px 2px 10px 2px;
padding:0px;
}

#recentworks td{
border: 1px solid #b2b2b2;

}
#recentworks img{
margin 1px;
}

.kiri{
clear:left;
}
	.mainwork-list{
		padding-left: 15px;
		clear:left;
	}
.mainwork-list li{
margin:0 1px 1px 0;
}
	
#arrow li{
	background: url(http://epep.furael.org/images/basic/arrow.gif) no-repeat 0px 7px;
	margin:2px 3px 3px 8px;
	padding:0 0 0 18px;
	list-style-type: none;
	list-style-image: none;

}

.monthdate{
padding:20px;
text-align:left;
vertical-align:middle;
}

/*コメント*/
.comment_lt {
	background-image: url(images/basic/comment_lt.jpg);
	height: 9px;
	width: 9px;
	background-repeat: repeat;
	background-position: left top;
}
.comment_main {
background-color: #FAFAFA;
width: 450px;
padding:0 0 0 2px;
}
.comment_main p {
margin:0px;padding:0px;
}
.comment_lb {
	background-image: url(images/basic/comment_lb.jpg);
	height: 9px;
	width: 9px;
}
.comment_rt {
	background-image: url(images/basic/comment_rt.jpg);
	height: 9px;
	width: 10px;
}
.comment_rb {
	background-image: url(images/basic/comment_rb.jpg);
	height: 9px;
	width: 10px;
}
.comment_top {
	background-color: #FAFAFA;
}
.comment_right {
	background-image: url(images/basic/comment_right.jpg);
	width: 10px;
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #CCCCCC;
}
.comment_bottom {
	background-image: url(images/basic/comment_bottom.jpg);
	width: 10px;
	background-repeat: repeat-x;
	background-position: left top;
}

.commentarrow {
	background-image: url(images/basic/commentarrow.jpg);
	background-repeat: no-repeat;
	background-position: 0 15px;
	width: 19px;
}

#comment_date{
	color: #404027;
	font-size: 80%;
	margin: 5px 3px 0px 0px;
	text-align:right;
}

.commentrightmain table{
font-size:100%;
}
.clear{
	margin: 10px;
	clear: both;
}

.writer{
	float: left;
}
.writertb{
padding:0 7px 0 7px;	
float: left;

}
#commentinput{
padding:0px;
margin:0px 5px 5px 5px;
}
#commentconfirm{
padding:10px;
margin:30px 30px 10px 30px;
border:solid 1px #FF6A6A;
color:#FF6A6A;
text-align:center;
background-color:#fff;
}


/* /コメント */
/* トラックバック */
#tburl{
padding:25px 10px 0px 15px;
}
#tburl input{
width:90%;
}

#boss{
text-align:center;
}

#tableheader{
margin:0px;padding:0px;
}

#tableheader table{
width:95%;
text-align:left;
margin:0px;padding:0px;
}
#tableheader h2{
margin:13px 10px 10px 18px;
}
#tableheader h3{
margin:15px 0px 0px 0px;
padding:10px 0 0 0;
text-align:center;
}
.gotoprevious{
vertical-align:bottom;
text-align:left;
padding:0 0 0 10px;
width:24%;
}
.gotonext{
vertical-align:bottom;
text-align:right;
padding:0 5px 0 0;
width:24%;
}

#sitemapmain{
margin:10px;
}

#sitemapmain #entryleft{
width:84px;
text-align:center;
float: left;
padding:5px 5px 0px 5px ;
}

#sitemapmain #entrygablogleft{
width:84px;
text-align:center;
float: left;
padding:5px 5px 0px 5px;
}

#sitemapmain #entryright{
margin-left:84px;
padding:10px 5px 0 5px;
}

#sitemapmain #entrygablogright{
margin-left:84px;
padding:10px 5px 0 5px;
}
#entrygallery #sitemapmain #entryright h3{
color: #005100;
border:none;
text-decoration: none;
font-size:100%;
background-image:none;
padding-left:0px;
margin-left:0px;
}

#entrygablog #sitemapmain #entrygablogright h3{
color: #A20028;
border:none;
text-decoration: none;
font-size:100%;
background-image:none;
padding-left:0px;
margin-left:0px;
}
#sitemapmain #entryleft img{
text-align:right;
border:solid 1px #b2b2b2;
}
#sitemapmain #entrygablogleft img{
text-align:right;
border:solid 1px #b2b2b2;
}
#entry4koma #sitemapmain #entryright h3{
color: #BD5F00;
border:none;
text-decoration: none;
font-size:100%;
background-image:none;
padding-left:0px;
margin-left:0px;
}

.rss{
	color: #fff;
	font-size:90%;
	font-weight: bold;
	padding: 1px 3px 0px;
	background: #f60;
	border-top: 1px solid #ff9a57;
	border-left: 1px solid #ff9a57;
	border-right: 1px solid #3f1a01;
	border-bottom: 1px solid #3f1a01;
}
.rss a:link, .rss a:hover .rss a:active, .rss a:visited {
text-decoration: none;
	color: #fff;
background:none;

}

/*
	border: 1px solid red;
*/
/* CSS Document */