@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,th,td,img{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset{border:0;}
img{ border: none;  vertical-align: bottom;}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 
blockquote{ background: #F3F3F3; padding:15px; margin: 0;}


body{
	color: #000;
	text-align: center;
	line-height: 1.5;
	font-size: 100%;
	font-family:Arial, Sans-Serif;
	word-break: break-all;
}


a:link{ color: #005ab7; text-decoration:none; outline: none;}
a:visited{ color: #005ab7; text-decoration:none; outline: none;}
a:hover{ color: #FF0000; text-decoration:underline; outline: none;}
a:active{ color: #FF0000; text-decoration:underline; outline: none;}

/*************************************
blog_title
*************************************/

#banner,#subbanner{
	height:70px;
	margin: 0 0 30px;
	padding: 0 0 0 0;
}

.blogtitle{
	font-weight:bold;
	text-align:left;
	font-size: 150%;
	margin: 0;
	padding: 20px 0 0 0;
}

.description{
	text-align:left;
	font-size: 75%;
	margin: 0;
	padding: 5px 0 0 0;
}

/*************************************
photo-list
*************************************/

.photo-list{
	width:200px;
	height: 200px;
	overflow:hidden;
	text-align: left;
	float:left;
	padding: 0 15px 0 0;
	margin: 0 0 15px 0;
}

.photo-list img{
	width: 200px;
	height: 150px;
}

.photo-list h2.date{
	margin: 0;
	padding: 5px 0 0;
	font-size: 90%;
	font-weight: bold;
}

.photo-list h3.title{
	padding: 0 0 5px;
	overflow:hidden;
	font-size: 90%;
	margin: -1.7em 0 6px;
	font-weight:bold;
	font-size: 100%;
	line-height: 5;
}

.title-box-top{	background: #F5F5F5; padding: 0 0 0 5px;}
.title-box{	width: 635px;	background: #F5F5F5; margin: 0 0 10px 0; padding: 0 0 0 5px;}

.profile img{	margin: 0 auto;	text-align: center;}

/*************************************
layout
*************************************/

/*-------------------------------------
layout(container)
-------------------------------------*/

#container{
	width:820px;
	margin:0px auto;
	padding: 0;
	text-align:left;
}

/*-------------------------------------
layout(content)
-------------------------------------*/

#content{
	float: left;
	width:645px;
	font-size: 85%;
	margin: 0 0 20px;

}

/*-------------------------------------
layout(blog_note)
-------------------------------------*/

.blog{  
	margin:0 0 20px 0;
}

.date{
	padding:5px 0 0 0;
	font-weight: bold;
	font-size: 90%;
}

.blogbody{	margin: 0 0 10px 0; padding:0;}

.titletp{ padding:0 0 5px;}
.title{ margin: 0 0 7px; padding: 0 0 5px; font-weight:bold; font-size: 100%;}

.main{ width:645px; margin: 0;	padding: 0;	overflow:auto;}
.main img{	margin: 0 5px 10px 0;}
.main-continues{}

.posted{ text-align: left; margin: 0 0 25px 0; font-size: 90%;}
.menu{ text-align:left; font-size: 90%;}

/*-------------------------------------
layout(links)
-------------------------------------*/
	
#links{
	float: right;
	width:160px;
	text-align:left;
	margin: 0 0 20px 0;
	padding: 0 0 5px; 
	overflow:hidden;
	font-size: 80%;
}


.sidetitle{	font-weight: bold;	font-size: 115%;}
.side{	padding: 0 0 10px;}
.side .text{width:80px;}
.sidebody{ margin: 0;}

/*-------------------------------------
layout(footer)
-------------------------------------*/

#footer{  clear: both; 	background: #F6F6F6; height: 40px;}

#copyright{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 80%;
}


/*************************************
comments
*************************************/


/*-------------------------------------
comments
-------------------------------------*/

.comments-head{	font-weight:bold;	padding: 0;	height:10px;}
.comments-body{	margin:20px 0 15px 0;}
.comments-post{	text-align: left;	margin: 0 0 25px 0;	font-size: 90%;}

/*-------------------------------------
trackback
-------------------------------------*/

.trackback-url{font-weight:bold; margin: 10px 0 15px 0;}
.trackback-body{margin:20px 0 15px 13px; width:auto;}
.trackback-post{text-align:right; margin:0 0 25px 0; font-weight:bold;}

/*-------------------------------------
form
-------------------------------------*/

label{font-weight:normal;}
#author{ width:200px;}
#email{	width:200px;}
#url{ width:200px;}

table.form{ /* margin: 25px 0 0 0;*/}


/*************************************
calender
*************************************/

.calender{  padding:0;}

.calendartable {
	margin: 0px auto 10px;
	width: 158px;
	text-align: center;
	border-collapse: collapse;
}

.calendartable th,.calendartable td{}
.calendarwd{}

/*月の部分*/
.calendarhead {
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}

/*曜日の部分*/
.calendarweek {
	color: #fff;
	font-weight: bold;
	background: #005ab7;
	display: block;
}

.calendarwd { text-align: center;}
.calendard { empty-cells: show;	text-align: center;}
.calendardbg {}


/*************************************
other
*************************************/

#text{ width:240px; height:150px; border:1px solid #a5acb2;}
.pagetop{ text-align:left; margin:0 15px 25px 0px;}
.tag_list{ font-size: 90%; margin: 0 10px 0 0;}

.nickname{ font-weight:bold; margin: 5px 0 0;}
.message{}
.quotetable{}
.quote{ color:#000; padding:1px;}
.blogtimes{ margin:0px 0px 16px 0px; text-align:center;}
.powered{ text-align:center; margin:0 0 10px 00}

.syndicate{ text-align:center;}
.checkers{ margin-top:10px;}
body.ad{background:#f7p39f;}

/*************************************
rss
*************************************/

ul.rss{
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}

ul.rss li {	border-right: #999 1px solid; display: inline; font-style: normal;	font-weight: bold;}
ul.rss a:link , ul.rss a:visited , ul.rss a:hover , ul.rss a:active {color: #999;text-decoration: none; }
.rssMemo{ font-size: 80%; text-align: center;}



.custom1,.custom2,.custom3{ margin: 5px 0 10px;	padding: 0 0 5px 0;}

