@charset "utf-8";

/*     CSS Document     */
/*	   sunreform blog   */

/******************************************/
/************  common    ******************/
/******************************************/

/*----------------------------style resset*/
*{
	margin: 0;
	padding: 0;
}

body{
	background-color: #FFFFFF;
	color: #666666;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,address{
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
}

img{
	border: none;
	margin: 0;
	padding: 0;
}

/******************************************/
/************  container  *****************/
/******************************************/
h1{}
h2{}
h3{}
h4{}
h5{}

/***** Layout　 ***********/
/**************************/
#outline{
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
/*	text-align: center;*/
/*	border: 1px solid #FFCC00;*/
}
#contentarea{
	width: 880px;
	padding: 0;
	margin: 0;
	float: left;
	background-image: url(reformimages/back.jpg);
	background-repeat: repeat-y;
/*	border: 1px solid #FFCC00;*/
}
#contentbody{
	width: 632px;
	padding: 0;
	margin: 0;
	float: left;
/*	border: 1px solid #006666;*/
}
	#header{
		width: 100%;
		height: 186px;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: left;
		background-image: url(reformimages/headerback.jpg);
		background-repeat: no-repeat;
	}
		h1#top{
			width: 100%;
			height: 108px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			text-indent: -9999px;
/*			border: 1px solid #FF0000;*/
		}
		#header a{
			display: block;
			height: 108px;
			padding: 0;
			text-decoration: none;
			overflow: hidden;
		}
	.contents{
		clear: both;
		width: 100%;
		text-align: left;
		padding: 0;
		margin: 0 0 20px 0;
/*		border: 1px solid #FF0000;*/
	}
		.left{
			width: 80px;
			margin: 0;
			padding: 0 10px 0 40px;
			text-align: left;
			float: left;
		}
		.blog{
			width: 492px;
			float: right;
			margin: 0;
			padding: 0 0 0 10px;
		}
#rightbar{
	width: 233px;
	margin: 0 0 0 15px;
	padding: 0;
	text-align: left;
	float: right;
/*	border: 1px solid #00FF00;*/
}
.pagelink{
	float: right;
	width: 500px;
	text-align: center;
	
}
#footer{
	clear: both;
	width: 880px;
	height: 120px;
	margin: 0;
	padding: 65px 0 0 0;
	background-image: url(reformimages/footerback.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
/*	border: 1px solid #00FF00;*/
}
	ul#footernavi{
		float :left;
		width: 492px; 
		padding: 0 0 0 140px;
		list-style-type: none;
/*		border: 1px solid #FFCC00;*/
	}
	#footernavi li{
		float: left;	
	}

	#footerright{
		float: right;
		width: 217px;
		padding: 0 16px 22px 0;
		background-image: url(reformimages/rightline.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
/*		border: 1px solid #00FF00;*/
	}
	#footerright h2{
		clear: both;
		margin: 43px 0 0 0;
		text-align: center;
		color: #FFFFFF;
		font-size: 10px;
	}

/*-------------------------------------*/


/*--------------------------------header navi*/
ul#navi{
	width: 90px;
	float: left;
	margin: 0;
	padding: 0 0 0 121px;
	list-style-type: none;
/*	border: 1px solid #FFCC00;*/
}
#navi li{
	width: 90px;
	height: 20px;
	margin: 0 0 7px 0;
	text-indent: -9999px;
}
#navi a{
	display: block;
	width: 90px;
	height: 20px;
	padding: 0;
	text-decoration: none;
	background-image: url(reformimages/navi.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
#navi01 a{
	background-position: 0 0;
}
#navi02 a{
	background-position: 0 -27px;
}
#navi03 a{
	background-position: 0 -54px;
}
#navi01 a:hover{
	background-position: -92px 0;
}
#navi02 a:hover{
	background-position: -92px -27px;
}
#navi03 a:hover{
	background-position: -92px -54px;
}

/*-------------------------------contents */
h2.blogtitle{
	margin: 0;
	padding: 9px 0 9px 10px;
 	border-top: 1px dotted #666666;
 	border-bottom: 1px dotted #666666;
	font-size: 12px;
	font-weight: bold;
 }
.titlebottom{
 	margin: 0 10px 0 0;
 	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
 }
.blogtext{
 	margin: 20px 10px;
 }


/*-------------------------------date (left) */
.date{
	width: 70px;
	height: 44px;
	margin: 0 0 15px 10px;
	padding: 13px 0;
	background-image: url(reformimages/dateback.gif);
	background-repeat: no-repeat;
}
.yearmonth{
	margin: 0 0 5px 0;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
.day{
	text-align: center;
	color: #FFFFFF;
	font-size: 25px;
	font-weight: bold;
}


/*------------------------------sub  */
.subarea{
	float: right;
	width: 72px;
	margin: 2px 0 2px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #666666;
	font-size: 11px;
	font-weight: bold;
}
.subarea img{
	margin: 0 8px 0 0;
}
#trackbackcount{}
#commentcount{}

/*------------------------------menu (right) */
.mainmenu{
	margin: 0 16px 20px 0;
}
.menu_title{
}
.menu_title h3{
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #4E780D;
	color: #4E780D;
	font-weight: bold;
}
.mainmenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.mainmenu li{
	margin: 0;
	padding: 0;
	vertical-align: middle;
/*	border: 1px solid #CCFF00;*/
}

#category ul{
	list-style-image: url(reformimages/icon.gif);
	list-style-position: inherit;
	margin: 0 0 0 16px;
	padding: 0;
}
#newcomment ul,
#newtrackback ul,
#newentry ul,
.menuarea2 ul
{
	list-style-image: url(reformimages/icon.gif);
	list-style-position: inherit;
	margin: 0 0 0 16px;
	padding: 0;
}
#link li{
	margin: 0 0 10px 0;
}
/*--------------------------------
#calendar table{
	width: 168px;
	margin: 0 auto;
}
#calendar th{
	width: 22px;
	text-align: center;
	background-color: #FEFFFD;
	border-bottom: 1px solid #99CC33;
	border-right: 1px solid #99CC33;
	color: #4E780D; 
}
#calendar td{
	width: 24px;
	text-align: center;
	background-color: #4E780D;
	border-bottom: 1px solid #99CC33;
	border-right: 1px solid #99CC33;
	color: #FFFFFF; 
}
#calendar td a{
	width: 24px;
	display: block;
	background-color: #DBF7B3;
	color: #4E780D;
}

calendar*/
#search{}
#category{}
#newentry{}
#newtrackback{}
#newcomment{}
#rss{}
#bookmark{}
/*------------------------------footer */



/******************************************/
/************  color and font *************/
/******************************************/
body{
	font-size: 12px;
	font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 130%;
	color: #666666;  
}
h1{font-size: 10px;}
h2{}
h3{}
h4{}
h5{}

table{
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "generic font family",sans-serif;
}


/*------------------------------link color */
a{
	text-decoration: none;
}
a:link{
	color: #FF9933;
}
a:visited{
	color: #FF9933;
}
a:hover{
	color: #FF9933;
}
a:active{
	color: #FF9933;
}

.subarea a:link
{
	color: #FF9933;
}
.subarea a:visited
{	color: #FF9933;
}
.subarea a:hover
{
	color: #666666;
}
.subarea a:active
{
	color: #666666;
}

.pagetop a:link{
	color: #666666;
}
.pagetop a:visited{
	color: #666666;
}
.pagetop a:hover{
	color: #FF9933;
}
.pagetop a:active{
	color: #FF9933;
}

.pagelink a:link{
	color: #FFCC00;
}
.pagelink a:visited{
	color: #FFCC00;
}
.pagelink a:hover{
	color: #FF9933;
}
.pagelink a:active{
	color: #FFCC00;
}

#calendar a{
	text-decoration: none;
}
#calendar a:link{
	color: #4E780D;
}
#ccalendar a:visited{
	color: #4E780D;
}
#ccalendar a:hover{
	color: #4E780D;
}
#calendar a:active{
	color: #4E780D
}

#category a{
	text-decoration: underline;
}
#category a:link{
	color: #FFFFFF;
}
#category a:visited{
	color: #FFFFFF;
}
#category a:hover{
	color: #FFCC00;
}
#category a:active{
	color: #FFFFFF
}

#newcomment a,
#newtrackback a,
#newentry a,
#monthlyarchives a,
.menuarea2 a
{
	text-decoration: underline;
}
#newcomment a:link,
#newtrackback a:link,
#newentry a:link,
#monthlyarchives a:link,
.menuarea2 a:link
{
	color: #FFFFFF;
}
#newcomment a:visited,
#newtrackback a:visited,
#newentry a:visited,
#monthlyarchives a:visited,
.menuarea2 a:visited
{
	color: #FFFFFF;
}
#newcomment a:hover,
#newtrackback a:hover,
#newentry a:hover,
#monthlyarchives a:hover,
.menuarea2 a:hover
{
	color: #FFCC00;
}
#newcomment a:active,
#newtrackback a:active,
#newentry a:active,
#monthlyarchives a:active,
.menuarea2 a:active
{
	color: #FFFFFF
}


.blog a{
	text-decoration: none;
}
.blog a:link{
	color: #FF9933;
}
.blog a:visited{
	color: #FF9933;
}
.blog a:hover{
	color: #FFCC33;
	text-decoration: underline
}
.blog a:active{
	color: #FF9933;
}

#footernavi a{
	text-decoration: underline;
}
#footernavi a:link{
	color: #666666;
}
#footernavi a:visited{
	color: #666666;
}
#footernavi a:hover{
	color: #FF9933;
}
#footernavi a:active{
	color: #FF9933;
}



/*******************/
/*    fontcolor    */ 
/*******************/
#category{
	color :#FFFFFF;
}
.colornormal{
	color: #666666;
}
.colorwhite{
	color: #FFFFFF;
}
/*******************/
/*   font size     */	
/*******************/
.b{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}

/*******************/
/*   utility style */	
/*******************/
.fleft{
	float: left;
}
.fright{
	float: right;
}
.tright{
	text-align: right;
}
.tcenter{
	text-align: center;
}
.clear{
	clear: both;
}


/*******************/
/*   	
/*******************/
#page-title{
	margin: 0 0 10px 140px;
	padding: 9px 0 9px 10px;
 	border-top: 1px dotted #666666;
 	border-bottom: 1px dotted #666666;
	font-size: 12px;
	font-weight: bold;
	background-color:#FFFFCC;
}
.archive-title{
}
/*******************/
/* trackback 	
/*******************/
.trackbacks{
 	border: 1px solid #CCCCCC;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
.trackbacks-header{
	background-color: #996666;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
.trackbacks-info{
	padding: 5px;
}

/*******************/
/* comment 	
/*******************/
.comments-open-header{
	margin: 20px 0;
	padding: 9px 0 9px 10px;
 	border-top: 1px dotted #666666;
 	border-bottom: 1px dotted #666666;
	color: #99CC33;
	font-size: 14px;
	font-weight: bold;
}
.comments-content{
	margin: 10px;
}
.comments-header{
	background-color: #996666;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	margin: 0 0 20px 0;
}

/*******************/
/* comment 	detail
/*******************/
.comment-content{
	padding: 5px 0;
	margin-bottom: 10px;
}
.comment-footer{
	margin: 10px 0;
	font-size: 10px;
}

/*******************/
/* 検索結果 	
/*******************/
.title{
	margin: 0 0 10px 140px;
	padding: 9px 0 9px 10px;
 	border-top: 1px dotted #666666;
 	border-bottom: 1px dotted #666666;
	font-size: 12px;
	font-weight: bold;
	background-color:#FFFFCC;
}
.blog2{
	width: 492px;
	margin: 0 0 10px 0;
	padding: 0 0 0 140px;
	text-align: left;
/*	border: 1px solid #FF0000;*/
}
.mt01{
	margin-top: 10px;
}

/* --------------------記事内サンリフォームリンク
*/
.sun_link {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.sun_link p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

/*--------------------------------page navi*/
.pagenavi {
	clear:both;
	padding-left:130px;
	padding-top:60px;
	text-align:center;
}

.pagenavi a:link {
	color: #666666;
	text-decoration: underline;
}

.pagenavi a:visited {
	color: #666666;
	text-decoration: underline;
}

.pagenavi a:hover {
	color: #FF9933;
	text-decoration: underline;
}

.pagenavi2 {
	clear:both;
	padding:30px 0px 40px 130px;
	text-align:center;
}

.pagenavi2 a:link {
	color: #666666;
	text-decoration: underline;
}

.pagenavi2 a:visited {
	color: #666666;
	text-decoration: underline;
}

.pagenavi2 a:hover {
	color: #FF9933;
	text-decoration: underline;
}

/*各記事下*/
.pagenavi3 {
	clear:both;
	padding:35px 0;
	text-align:center;
}

.pagenavi3 a:link {
	color: #666666;
	text-decoration: underline;
}

.pagenavi3 a:visited {
	color: #666666;
	text-decoration: underline;
}

.pagenavi3 a:hover {
	color: #FF9933;
	text-decoration: underline;
}

/*メインページ下*/
.pagenavi4 {
	clear:both;
	padding-left:130px;
	padding-top:60px;
	text-align:center;
}

.pagenavi4 a:link {
	color: #99cc33;
	background: #FFF;
	padding: 5px;
	width: 50px;
	border: 1px solid #99cc33;
	margin-right: 4px;
}

.pagenavi4 a:visited {
	color: #99cc33;
	background: #FFF;
	padding: 5px;
	width: 50px;
	border: 1px solid #99cc33;
	margin-right: 4px;
}

.pagenavi4 a:hover {
	color: #FFF;
	background: #99cc33;
	padding: 5px;
	width: 50px;
	border: 1px solid #99cc33;
	margin-right: 4px;
}
.pagenavi4 .current_page {
	color: #FFF;
	margin-right: 4px;
	background: #99cc33;
	padding: 5px;
	width: 50px;
}

.pagenavi4 .link_next {
}

.pagenavi4 .link_before {
}


/*--------------------------------calendar*/
.calmoth {
width:px;
    text-align:center;
}

.cal {
	margin-left: 25px;
}

#calendar {
    margin: 5px 0 10px;
    color: #444444;
}

.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
	text-align: center;
}

/*カレンダー幅*/
#calendar table {
	padding: 0;
	border-collapse: collapse;
	width: 170px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#calendar th {
	padding-bottom: 3px;
	text-align: center;
	font-size: 10px;
	width: 23px;
	background: #4e780d;
	color: #FFF;
}

#calendar td {
	padding: 2px 0;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	background: #eaefb5;
}

.today {
    display: block;
    border: 1px solid #4e780d;
}

.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}

.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0000ff;
}

#calendar a:link,
#calendar a:visited {
	text-decoration: underline;
	color: #4e780d;
}

#calendar a:hover {
	text-decoration: underline;
	color: #ff9933;
}