@charset "UTF-8";


/*--------------------------------------------------------
文字色、大きさの設定
--------------------------------------------------------*/

body
 { color:#cccccc; font-size:12px; } /*サイト全体*/

.banner h1
 { font-size: 40px; } /*ヘッダーh1*/

.intro 
 { color: #ffffff; font-size: 13px; } /*ヘッダー説明文*/

.article h2
 { font-size: 15px; } /*記事タイトルh2*/	

.article_text li
 { color: #cccccc; } /*記事部分li*/

.contri_head
 { font-size: 13px; font-weight: bold; } /*コメント、コメントの投稿、トラックバックの文字*/

.contri_tilte
 { font-size: 13px; font-weight: bold; } /*コメントタイトル*/

.menu_title
 { color: #cccccc; font-weight: bold; } /*サイドメニュータイトル*/


/*--------------------------------------------------------
リンクの文字色等の設定
--------------------------------------------------------*/

/* --サイト全体--*/
a:link
 { color: #cccccc; text-decoration: underline; }

a:visited
 { color: #cccccc; text-decoration: underline; }

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


/* --ヘッダーh1--*/
.banner h1 a:link
 { color: #ffffff; text-decoration: underline; }

.banner h1 a:visited
 { color: #ffffff; text-decoration: underline; }

.banner h1 a:hover
 { color: #ffffff; text-decoration: underline; }


/*--------------------------------------------------------
背景画像の設定
--------------------------------------------------------*/
 
/*ヘッダー画像*/
.banner
 { background-image: url('http://blog-imgs-57.fc2.com/y/a/s/yasphoto/hedder_Gothicver2.jpg'); }


/*記事タイトル、トラックバックの画像*/
.article h2
 { background-image: url('http://blog-imgs-26.fc2.com/s/h/u/shustyle/image33.jpg'); }


/*コメント、コメントの投稿の画像*/
.contri_head
 { background-image: url('http://blog-imgs-26.fc2.com/s/h/u/shustyle/image33.jpg'); }


/*サイドメニュータイトルの画像*/
.menu_title
 { background-image: url('http://blog-imgs-26.fc2.com/s/h/u/shustyle/image34.jpg'); }


/*フッターの画像*/
.footer
 { background-image: url('http://blog-imgs-57.fc2.com/y/a/s/yasphoto/hotter2.jpg'); }



/*--------------------------------------------------------
全体の設定
--------------------------------------------------------*/

body {
		background-color: #000000;
		line-height: 130%;
		text-align: center;
}

.container {
		width:1140px;
		background-color: #000000;
		margin:0 auto 0 auto;
		text-align: left;
		border: 1px solid #999999;
}


/*--------------------------------------------------------
ヘッダーの設定
--------------------------------------------------------*/

.header {
		background-color: #000000;
		margin:0px 0px 15px 0px;
		padding:0px;
}
	
.banner {
		padding: 0px 0px 0px 5px;
		margin: 0px;
		height:120px;
}
	
.banner h1 {
		padding: 30px 0px 5px 50px;
		margin: 0px;
}

.intro {
		padding: 8px 0px 10px 50px;
		margin: 0px;
}


/*--------------------------------------------------------
左枠・中枠・右枠の設定
--------------------------------------------------------*/

.main {
		width:900px;
		background-color: #000000;
		float:left;
}

.rightsub {
		width:660px;
		background-color: #000000;
		float:right;
}

.leftsub {
		width:210px;
		background-color: #000000;
		padding: 0px 0px 0px 8px;
		float:left;
}


.right {
		width:210px;
		background-color: #000000;
		padding: 0px 0px 0px 16px;
		float:left;
}



/*--------------------------------------------------------
記事部分の設定
--------------------------------------------------------*/

.article {
		width: 650px;
		background-color: #000000;
		margin-bottom: 10px;
		margin: 0px 1px 5px 1px;
		text-align: center;
		overflow: hidden;
		border: 1px solid #999999;
}

.article h2 {
		background-color: #000000;
		margin: 2px;
		padding: 5px 5px 2px 10px;
		text-align: left;
		border-bottom: 1px solid #999999;
}

.article_text {
		padding: 10px 10px 10px 18px;
		text-align: left;
}


.category_link {
		padding: 5px ;
		text-align: right;
}	
	
.article_text ul {
		overflow:hidden;
		list-style-type: none;
}

.article_text li {
		padding: 0px 0px 5px 15px;
		margin: 0px;
		line-height: 140%;
}

.nav {
		text-align: center;
		margin-bottom: 10px;
}
	
	
/*--------------------------------------------------------
コメントの設定
--------------------------------------------------------*/

.contri {
		width: 650px;
		background-color: #000000;
		margin-bottom: 10px;
}

.contri_head {
		padding: 2px 2px 2px 10px;
		border-bottom: 1px solid #999999;
}

.contri_tilte {
		padding: 5px 5px 2px 5px;
}

.contri_text {
		padding: 3px 5px 2px 15px;
}

.contri_day {
		text-align: right;
		padding: 3px 5px 15px 5px;
}

.contri_post {
		padding: 3px 5px 15px 5px;
}


/*--------------------------------------------------------
サイドメニューの設定
--------------------------------------------------------*/

.menu {
		width: 210px;
		background-color: #000000;
		margin: 0px 2px 10px 2px;
		border: 1px solid #999999;
}

.menu_title {
		padding: 5px 5px 2px 8px;
		margin: 2px;
		border-bottom: 1px solid #999999;

}

.menu_text {
		padding: 5px 5px 2px 5px;
		margin: 0px;
}

.menu_text p {
		padding: 5px 5px 2px 8px;
		margin: 0px;
}

.menu ul {
		margin: 0px 0px 0px 0px;
		list-style-type: none;
}

.menu li {
	background-image: url('http://blog-imgs-26.fc2.com/s/h/u/shustyle/image42.gif');
		background-repeat: no-repeat;
		background-position: 0px 5px ;
		line-height: 14pt;
		padding: 0px 0px 5px 15px;
		margin: 0px;
}


/*--------------------------------------------------------
フッターの設定
--------------------------------------------------------*/

.footer {
		text-align: center;
		clear:left;
		padding: 5px;
		border-top: 1px solid #999999;
}


/*--------------------------------------------------------
その他
--------------------------------------------------------*/

.clears {
		clear:both;
	}

blockquote {
		background-color: #000000;
		border-left: 3px solid #999999;
		padding: 8px;
		width: 350px;
		margin-left: 10px;
	}

* {
	margin: 0;
	padding: 0;
	}
	
p {
	margin: 0;
	padding: 0;
}	


/*--------------------------------------------------------
カレンダーの設定
--------------------------------------------------------*/

table.calender {
		width : 100%;
		border-collapse : collapse;
		font-size : 12px;
}

html>table.calender {
		font-size : 12px;
}

.calender caption {
		color: #cccccc;
		margin-bottom : 10px;
}

.calender th {
		color:#cccccc;
		padding : 0.1em;
		border-bottom : 1px dotted #cccccc;
		text-align : center;
}

.calender td {
		color:#cccccc;
		padding : 0.1em;
		border-bottom : 1px dotted #cccccc;
		text-align : center;
}

th#sun {
		color : #ff0000;
}


th#sat {
		color : #00cccc;
}