/*=====================================
=1 common
=2 header
=3 main
=4 left
=5 right
=6 footer
=====================================*/



/*=====================================
=1 common
=====================================*/


* {
	box-sizing : content-box;
	-moz-box-sizing : content-box;
	margin: 0;
	padding: 0;
}


body{
	background: #ffffff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#523b33;
	background:url(img/blog_bg.gif) repeat-x left top
}


#all{
	width:850px;
	margin:0 auto;
	padding:0 auto;
}


.clear{
	clear:both;
}

img{
	border:0;
}



a:link { text-decoration: none; color: #faa001;}
a:visited { text-decoration: none; color: #faa001;}
a:active { text-decoration: none; color: #faa001;}
a:hover { text-decoration: none; color: #dc7200;}


/*=====================================
=2 header
=====================================*/


#header{
	width:772px;
	height:100px;
	margin:0;
	padding:10px 50px 0 28px;
}


#title{
	display:block;
	width:138px;
	height:86px;
	background:url(img/title.gif) no-repeat left top;
	text-indent:-9999px;
	margin:0;
	padding:0;
	float:left;
}

h1{
	visibility:hidden;
	float:left;
}


#header_btn{
	width:161px;
	margin:0;
	padding:35px 0 0 0;
	float:right;	
}


.btn_home{
	display:block;
	width:161px;
	height:12px;
	background:url(img/btn_home.gif) no-repeat left top;
	margin:0 0 8px 0;
	padding:0;
	text-indent:-9999px;
	overflow: hidden;
	text-decoration: none;
}


.btn_home:hover{
	background:url(img/btn_home.gif) no-repeat left -12px;
}


.btn_staffblog{
	display:block;
	width:150px;
	height:12px;
	background:url(img/btn_staffblog.gif) no-repeat left top;
	margin:0 0 8px 0;
	padding:0;
	text-indent:-9999px;
	overflow: hidden;
	text-decoration: none;
}


.btn_staffblog:hover{
	background:url(img/btn_staffblog.gif) no-repeat left -12px;
}


.btn_notice{
	display:block;
	width:82px;
	height:12px;
	background:url(img/btn_notice.gif) no-repeat left top;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow: hidden;
	text-decoration: none;
}


.btn_notice:hover{
	background:url(img/btn_notice.gif) no-repeat left -12px;
}



/*=====================================
=3 main
=====================================*/


#main{
	width:850px;
	padding:0 0 20px 0;
	margin:0;
	background:url(img/bg_main.gif) repeat-y left top;
}


/*=====================================
=4 left
=====================================*/


#left{
	width:550px;
	margin:0;
	padding:0 0 35px 25px;
	float:left;
}



/*---------entry---------*/


.entry_oowaku{
	width:550px;
	margin:0;
	padding:30px 0;
}


.entry_title{
	width:535px;
	height:40px;
	margin:0;
	padding:0 0 0 15px;
	font-size:16px;
	line-height:40px;
	font-weight:normal;
	background:url(img/icon_midashi.gif) no-repeat left top;
}


.entry_title a:link { text-decoration: none; color: #523b33;}
.entry_title a:visited { text-decoration: none; color: #523b33;}
.entry_title a:active { text-decoration: none; color: #523b33;}
.entry_title a:hover { text-decoration: underline; color: #523b33;}


.entry_day{
	width:540px;
	height:12px;
	margin:0;
	padding:5px 10px 5px 0;
	font-size:12px;
	line-height:1;
	font-weight:normal;
	text-align:right;
}



.entry_txt{
	width:540px;
	font-size:12px;
	line-height:1.8;
	font-weight:normal;
	margin:0;
	padding:5px 5px 15px 5px;
	border-bottom:#c1c1c1 dotted 1px;
}



.entry_txt img{
	margin:0;
	padding:5px 5px 5px 0;
	clear:both;
	border:none;
}


.entry_trackback{
	width:550px;
	height:12px;
	margin:0;
	padding:5px 0 0 0;
	font-size:12px;
	line-height:1;
	font-weight:normal;
	text-align:right;
}



/*---------trackback---------*/


.trackback{
	width:510px;
	margin:0;
	padding:0 20px;
}


.modashi_trackback{
	width:96px;
	height:14px;
	margin:0 0 5px 10px;
	padding:0;
	background:url(img/midashi_trackback.gif) no-repeat left top;
	text-indent:-9999px;
}


.trackback_txt{
	width:490px;
	margin:5px 0 0 0;
	padding:5px 10px;
	font-size:12px;
	line-height:1.5;
	font-weight:normal;
	background-color:#fff4e0;
}


/*=====================================
=5 right
=====================================*/


#right{
	width:180px;
	margin:0;
	padding:22px 37px 30px 0;
	float:right;
}



/*---------calendar---------*/


#calendar{
	width:180px;
	margin:0 0 30px 0;
	padding:0;
	clear:both;
}


#midashi_calendar{
	width:105px;
	height:19px;
	margin:0;
	padding:0 0 10px 0;
	font-size:14px;
	color:#523b33;
	font-weight:normal;
	float:left;
}


.arrow{
	width:42px;
	height:10px;
	float:right;
	margin:5px 0 0 0;
	padding:0;
}


.arrow_back{
	display:block;
	width:21px;
	height:10px;
	background:url(img/arrow_back.gif) no-repeat left top;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow: hidden;
	text-decoration: none;
	float:left;
}


.arrow_back:hover{
	background:url(img/arrow_back.gif) no-repeat left -10px;
}



.arrow_next{
	display:block;
	width:21px;
	height:10px;
	background:url(img/arrow_next.gif) no-repeat left top;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow: hidden;
	text-decoration: none;
	float:right;
}


.arrow_next:hover{
	background:url(img/arrow_next.gif) no-repeat left -10px;
}


#calendar .dayofweek a:link { text-decoration: none; color: #faa001;}
#calendar .dayofweek a:visited { text-decoration: none; color: #faa001;}
#calendar .dayofweek a:active { text-decoration: none; color: #faa001;}
#calendar .dayofweek a:hover { text-decoration: none; color: #dc7200;}


#calendar table{
	width:182px;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.6;
	font-weight:normal;
	clear:both;
}




.dayofweek{
	font-weight:bold;
}


#calendar td{
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}


.today{
background-color:#ffcc36;
}



/*---------recent entry---------*/


#recent_entry{
	width:182px;
	margin:0 0 30px 0;
	padding:0;
	clear:both;
}



#midashi_recent_entry{
	width:90px;
	height:19px;
	margin:0;
	padding:0;
	background:url(img/midashi_recent_entry.gif) no-repeat left top;
	text-indent:-9999px;
}



#right ul{
	list-style:none;
	margin:5px 0 0 3px;
	padding:0;
}



#right li{
	list-style:none;
	background:url(img/icon_01.gif) no-repeat left top;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
	margin:0;
	padding:3px 0 3px 8px;
}


#right li a:link { text-decoration: none; color: #523b33;}
#right li a:visited { text-decoration: none; color: #523b33;}
#right li a:active { text-decoration: none; color: #523b33;}
#right li a:hover { text-decoration: none; color: #faa001;}



/*---------category---------*/


#category{
	width:182px;
	margin:0 0 30px 0;
	padding:0;
	clear:both;
}



#midashi_category{
	width:90px;
	height:19px;
	margin:0;
	padding:0;
	background:url(img/midashi_category.gif) no-repeat left top;
	text-indent:-9999px;
}



/*---------archive---------*/


#archive{
	width:182px;
	margin:0 0 30px 0;
	padding:0;
	clear:both;
}



#midashi_archive{
	width:90px;
	height:19px;
	margin:0;
	padding:0;
	background:url(img/midashi_archive.gif) no-repeat left top;
	text-indent:-9999px;
}




/*---------btn toppage---------*/


.btn_toppage{
	display:block;
	width:106px;
	height:12px;
	background:url(img/btn_toppage.gif) no-repeat left top;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow: hidden;
	text-decoration: none;
	float:left;
}


.btn_toppage:hover{
	background:url(img/btn_toppage.gif) no-repeat left -12px;
}



/*---------- banner ------------*/

.blog_banner{
	width:200px;
	height:50px;
	margin:15px 0 0 0;
}



/*=====================================
=6 footer
=====================================*/


#footer{
	width:100%;
	height:24px;
	bottom:0;
	margin:0;
	padding:6px 0 0 0;
	background-color:#052639;
	clear:both;
	text-align:center;
}