@charset "UTF-8";
/* CSS Document */
/*
==============================================================
KIOKU photograph. StyleSheet
Created by ISHIIMAKOTO
Version 1.0
Date:2010.03.01
==============================================================
*/


/*
==============================================================
01.CSS RESET
==============================================================
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding:0;
	margin:0;
}


table{
	border-collapse: collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}
/* ClearFix */

.clearfix {
	_height: 1px;
	min-height: 1px;
	/*¥*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*
==============================================================
02. BODY SETTING
==============================================================
*/

body{
	background:#fff url(../img/bg_body.png) top center repeat-y;
	color:#252525;
    font-family: Helvetica, Arial, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.4;
    font-size:10px;	
	}
	
/*
==============================================================
03. DIV SETTING
==============================================================
*/

div#wrapper{
	width:1070px;
	margin:0 auto;
	background:#FFFFFF;
	}
	
div#header{
	width:1070px;
	height:72px;
	padding-top:20px;
	margin-bottom:20px;
	display:block;
	}
	
div#main{
	}
	
div#footer{
	padding-bottom:50px;
	}

div#footer_internal{
	width:1050px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	}

/*
==============================================================
04. HEADER SETTING
==============================================================
*/
#header{
	 display:inline;
	}

#header h1 a{
	background-image:url(../img/bg_header.png);
	background-repeat:no-repeat;
	width:280px;
	height:72px;
	display: block;
	margin:0 18px;
	text-indent:-99999px;
	overflow:hidden;
	float:left;
	}
.navi{
	width:132px;
	height:61px;
	float:right;
	margin-right:15px;
	background:url(../img/bg_menu.png) left top no-repeat;
	display:inline;
	}
.navi ul{
	padding:13px 0 0 29px;
	}	
	
.navi ul li a{
	float:left;
	display:block;
	width:20px;
	height:35px;
	padding:0 5px;
	}	
.navi ul li a img{
	opacity:0.6;
	filter:alpha(opacity=60);
	}
.navi ul li a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
	}

/*
==============================================================
05. MAIN SETTING
==============================================================
*/

#catcheye{
	width:1036px;
	height:300px;
	display:block;
	margin:0 18px;
	overflow:hidden;
	}

div#main_container{
	width:1070px;
	margin:0 auto;
	}
	
#main_container h2{
	padding-bottom:20px;
	font-size:12px;
	font-weight:bold;
	padding-left:18px;
	width:1036px;
	height:50px;
	line-height:50px;
	}
span.red{
	color:#FF0000;
	}

div#main_box{
	width:230px;
	height:280px;
	float:left;
	position:relative;
	display:inline;
	margin-right:18px;
	margin-left:18px;
	margin-bottom:50px;
	background:url(../img/bg_shadow.jpg) top left	no-repeat;
	}

#contents{
	padding:0 50px;
	font-size:11px;
	}
#contents p.text{
	font-size:11px;
	padding-bottom:1em;
	}

#main_box span{
	width:96px;
	height:49px;
	display:block;
	position:absolute;
	top:-20px;
	left:67px;
	background:url(../img/tape.png) no-repeat;
	}
	
.main_date{
	font-family:Helvetica;
	font-weight:bold;
	font-size:12px;
	width:230px;
	height:20px;
	display:block;
	vertical-align:bottom;
	}

.main_entrytitle{
	font-size:10px;
	color:#777777;
	width:230px;
	height:10px;
	display:block;
	overflow:hidden;
	vertical-align:bottom;
	padding-bottom:5px;
	}
	
.main_img img{
	width:230px;
	height:230px;
	display:block;
	margin-bottom:15px;
	}
	
.main_img a:hover img{ /*--ロールオーバーで半透明--*/
	opacity:0.5;
	filter:alpha(opacity=50);
	}


/*
==============================================================
06. FOOTER SETTING
==============================================================
*/

.footer_left,
.footer_center,
.footer_right{
	width:330px;
	float:left;
	margin-top:40px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:50px;
	}
	
.footer_left dt,
.footer_center dt,
.footer_right dt{
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:2px solid #252525;
	}
.footer_left dd,
.footer_center dd,
.footer_right dd{
	padding-left:1em;
	}
	
.footer_bottom{
	clear:both;
	height:30px;
	margin-top:100px;
	text-align:center;
	}

.footer_bottom p{
	color:#252525;
	font-size:10px;
	}
dd.list{
	padding-bottom:5px;
	padding-left:16px;
	background:url(../img/list.png) left top no-repeat;
	}
	
	
dd.list a{
	text-decoration:none;
	color:#252525;
	}
	
dd.list a:hover{
	border-bottom:1px dotted #F15A24;
	color:#F15A24;
	}
	
dd.sublist{
	padding-bottom:5px;
	padding-left:21px;
	background:url(../img/list.png) left top no-repeat;
	}
	
li.list{
	padding-bottom:5px;
	padding-left:16px;
	background:url(../img/list.png) left top no-repeat;
	}
	
	
li.list a{
	text-decoration:none;
	color:#252525;
	}
	
li.list a:hover{
	border-bottom:1px dotted #F15A24;
	color:#F15A24;
	}
	
ul.bmcat{
	color:#252525;
	margin-bottom:5px;
	}

span.footerline{
	width:1070px;
	height:24px;
	display:block;
	background:url(../img/bg_footerline.png) repeat-x;
	margin-left:-10px;
	}

span.gotop a{
	width:47px;
	height:34px;
	display:block;
	margin-top:-34px;
	padding-right:10px;
	float:right;
	}
	
/*
==============================================================
07. PAGER SETTING
==============================================================
*/
ul.pager{
	text-align:center;
	margin:20px 0;
	clear:both;
	}

ul.pager li{
	display:inline;
	}
	
.current_page{
	padding:0.3em 0.7em;
	display:inline-block;
	color:#FFFFFF;
	background-color:#555555;
	border:1px solid #555555;
	}	

ul.pager li a{
	padding:0.3em 0.7em;
	display:inline-block;
	text-decoration:none;
	}

ul.pager li a:link,
ul.pager li a:visited{
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	}

ul.pager li a:hover,
ul.pager li a:active{
	border:1px solid #666666;
	color:#FFFFFF;
	background-color:#666666;
	}

/*
==============================================================
08. BLOG ENTRY SETTING
==============================================================
*/

div.entry{
	width:800px;
	margin-left:180px;
	padding:20px 0;
	display:block;
	/*float:right;*/
	}

.entrytop{
	width:140px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	float:left;
	}
	
.entry h3{
	font-size:18px;
	font-family:"Helvetica";
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
	}
	
table .date_parts{
					width:130px;
					height:25px;
					padding:5px; 
					}
td .week{
			width:16px;
			height:25px;
			}
td .date{
			width:43px;
			height:25px;
			}
td .month,
td .year{
			width:71px;
			height:12.5px;
			}

p.meta{
	margin-top:10px;
	padding-top:5px;
	text-align:right;
	border-top:1px dashed #cccccc;
	line-height:2.5;
	}
	
/*
==============================================================
09. COMMENTS SETTING
==============================================================
*/

.comments{
	margin-left:20px;
	display:inline;
	}