* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY-------------------------------*/
body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height:1.5;
	color: #808080;
	list-style: none;
	text-align: center;
}

img {
	border: none;
	vertical-align: middle;
}

a:link, a:visited, a:active {color : #71c156;text-decoration: none;}
a:hover{color : #71c156;text-decoration: underline;}

/* テーブルの属性*/
table {margin: 0 0 0 10px; font-size: 12px; }
td {padding: 2px;}
td .date-img {
	background: url("http://kasumin.org/image/date.gif") no-repeat;
	height:55px;
}


td .date-img .date {
	margin: 10px 0 0 15px;
}

/* 基本設定 ----------------------------- */
#base{
	width: 900px;
	margin: 0 auto;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background: #FFF;
	position: relative;
}

#header {
	height:190px;
	margin: 0;
	color: #000000;
}

#header h1{
	margin : 0;
	padding: 0;
	float: left;
	height:0px;
	text-indent: -5000px;
}

#right .cont .doc p{
	margin:  0px 0px 0px 0px;
}

.blog {
	line-height:2;
}

.blog-date {
	float: right;
}


/*　詳細へ　*/
.next {
	margin : 10px 0;
}

.next a{
	float: right;
	width: 80px;
	height:20px;
	display: block;
	background: url("http://kasumin.org/img/more01.gif") no-repeat;
	text-decoration: none;
	text-align: center;
	color: #666;
}

.next a:hover{
	width: 80px;
	height:20px;
	display: block;
	background: url("http://kasumin.org/img/more02.gif") no-repeat;
	color: #FF0000;
}

/*  サイドメニュー等の属性  */
#left {
	float: left;
	width: 170px;
	margin: 0;
	background: #FFF;
	overflow-x: hidden;
}

#left h2{
	margin: 5px 5px 0 10px;
	border: 1px solid #555;
	background: #306400;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

#left .search{	
	margin: 0 5px 0 10px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

/* カテゴリ指定 */
#left .cat{
	margin: 0;
}

#left .cont{
	border-style: solid;
	border-color: #7ec142;
	border-width: 2px 2px 2px 2px;
}

#left .cont .doc{
	padding: 10px;
	text-align: left;
}

#left .cont .doc p{
	margin:  5px;
}

/*  記事枠等の属性  */
#right {
	float: left;
	width: 560px;
	margin: 0;
	background: #FFF;
	overflow-x: hidden;	
}

#right h2 {
	color: #808080;
	display: block;
	text-align: left;
	font-size: 150%;
}

#right h2 a {
	text-decoration: none;
	color: #FFF;
}

#right h2 a:hover {
	color: #FF0000;
}

#right h2 img {
	margin:  -5px 0px 0px -5px;
}

#right h3 {
	color: #7ec142;
	font-size: 18px;
}


#right .cont{
	margin: 0px 10px 10px;
	border-style: solid;
	border-color: #7ec142;
	border-width: 2px 2px 2px 2px;
}

#right .cont .doc{
	padding: 10px;
	text-align: left;
	line-height:1.5;
}

#right .cont .doc .index h3 {
	color: #7ec142;
	font-size: 14px;
}

#right .cont .doc .index .info {
	color: #7ec142;
	font-size: 14px;
}

#right .cont .doc .index .info .info1{
	margin :0px;
}

/*  パンくずリスト  */
#right .navi2 {
	margin :0px;
	width: 100%;
	font-size: 85%;
	padding: 0 5px;
	text-align: left;
	}

#right .navi2 a {
	color: #669966;
	text-decoration: none;
	}

#right .navi2 a:hover {
	color: #FF6633;
	text-decoration: underline;
	}

/*  記事一覧  */
#right ol{
	margin: 0px 0px 20px 40px;
}

#right li{
	margin: 5px 0;
	font-size: 100%;
	color; #666;
}

#right .cform{
	margin: 0;
}

/*----- trackbacks & Comments-----*/

#right #trackbackdata, #right #commentdata{
	font-size: 12px;
	color: #888;
	margin: 10px 0 10px 10px;
}

#right #trackbackdata .post1{
	font-size: 10px;
	color: #888;
	margin: 0;
	border-bottom: 1px solid #888;
}

#right #commentdata .post2{
	margin-bottom: 10px;
	font-size:10px;
	text-align: right;
}

#right .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}


#side {
	float: left;
	width: 170px;
	margin: 0;
	background: #FFF;
	overflow-x: hidden;
}

#side .cont{
	border-style: solid;
	border-color: #7ec142;
	border-width: 2px 2px 2px 2px;
}










/*フッターナビ*/
#f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 0px 5px 5px 5px;
}

#f_navi img{margin: 0 5px;border-style: none; vertical-align: middle;}

/* フッター-----------------*/
#footer {
	clear: both;
	width: auto;
	height: 50px;
	margin: 0;
}

/*  フォームメール用  */
.comments-head{
	margin: 10px 10px 10px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #4A4A97;
	}

.comment-content{
	margin: 10px 0px 10px 10px;
	font-size: 12px;
	color: #666;
	line-height: 155%;
	}

.comment-view{
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	color:  #3399CC;
	line-height: 155%;
	}

.powered {
	margin: 10px 0;
	text-align: center;
}


/* add */
#title-left {
	top  : 10px;
	left : 0px;
	position : absolute;
}

#title-right {
	top   : 75px;
	right : 10px;
	position : absolute;
	font-size: 12px;
}

#info  {
	width:  600px;
	height: 320px;
	text-align: left;
	background: url("http://kasumin.org/img/info.jpg") no-repeat;
}

#calender  {
	width:  600px;
	height: 320px;
	text-align: center;
	background: url("http://kasumin.org/img/bg-calender.jpg") no-repeat;
}

#calender-f  {
	text-align: center;
}

#news-img{
	float:left;
	margin:  0px 0px 0px 10px;
}

#news-info{
	margin:  0px 0px 0px 10px;
}

#news  {
	margin:  0px 0px 0px 10px;
}

#all  {
margin:-15px 20px 0 0;
text-align:right;
}

#3bonbasira{
	text-align: center;
}

#category  {
	width:  220px;
	height: 272px;
	margin: 3px 3px 0px 0px;
	text-align: left;
	background: url("http://kasumin.org/img/blog-staff.png") no-repeat;
}

#img-left {
	float: left;
}

#img-right {
	float: right;
}

#index-info-img {
	float: left;
	margin: 10px 5px 0 0;
}

#index-info-houkoku {
	float: left;
	margin: 25px 15px 0px 5px;
}

#index-yotei-img {
	float: left;
	margin: 14px 15px 0px 5px;
}

.top{vertical-align:top;}

#navi {
	float: left;
	margin: 0 0 10px 0px;
}

#navi .navi1{
	margin: 0 0 0 10px;
}

#navi .navi2{
	margin: 0 0 0 27px;
}
#navi .navi3{
	margin: 0 0 0 27px;
}
#navi .navi4{
	margin: 0 0 0 27px;
}
#navi .navi5{
	margin: 0 0 0 27px;
}

.ouji {
	margin: 30px 70px 0 0;
}

.boxs  { display: block; margin: 0px; padding: 0px; height: 5px;  width: 200px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; }
.boxs10  { display: block; margin: 0px; padding: 0px; height: 10px;  width: 200px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; }

