/*------------  基本  ------------*/ 

body {

	margin: 0px;
	padding: 0px;
	background: #ffffff;
	
	font-size: 90%;
	color: #000000;
	line-height: 160%;
	text-align: center;

}

img {

	border: 0;
}

a:link {

	color: #CC3333;
	text-decoration: none;
}

a:visited {

	color: #CC3333;
	text-decoration: none;
}

a:hover,a:active {

	color: #CC3333;
	text-decoration: none;
}


/*------------  全体枠  ------------*/ 

#wrapper {

	width: 800px;
	margin: auto;
	background: #ffffff;
	text-align: left;
		
	border-left: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;

}

/*------------  ヘッダー  ------------*/ 

#header {
	
	width: 770px;
	height: 160px;/*- ヘッダの縦幅 -*/
	padding: 0px 0px 0px 30px;
	/*背景画像*/
	background: #ffffff url(../img/cs/header_img.jpg) no-repeat top left;
	/*背景画像デフォルトは下記コード
	background: #ffffff url(../../../img/logo_new_b.gif) no-repeat top left;
	*/
}

/*-  ヘッダタイトル文字  -*/ 

#header .blog_title {
	
	font-size: 120%;
	color: #000000;
	padding: 70px 0px 0px 0px;
	visibility:hidden;/*- 表示は visible -*/

}

/*------------  フッター  ------------*/ 

#footer {

	clear: left;
	width: 780px;
	height: 95px;
	padding: 40px 20px 0px 0px;
	background: #ffffff;
	text-align: right;
	font-size: 70%;
	color: #666666;
	background: #ffffff; 
	
	border-top: #eeeeee solid 1px;
	border-bottom: #eeeeee solid 1px;
}

#footer a {

	font-size: 70%;
	color: #666666;
	text-decoration: underline;
	
}

/*------------  カテゴリメニュー  ------------*/ 

#main_menu {
	
	width: 760px;
	height: 20px;
	font-size: 90%;
	padding: 5px 10px 5px 30px;
	background: #ffffff;
	border-top: #eeeeee solid 1px;

}

#main_menu a {
	
	color: #000000;
	padding: 0px 10px 0px 15px;
	border-left: #cccccc solid 2px;
}

/*------------  サブメニュー  ------------*/ 

#sub_menu {

	top: 125px;
	
	width: 800px;
	height: 15px;
	font-size: 80%;
	padding: 5px 0px 5px 0px;
	background: #ffffff;
	border-bottom: #eeeeee solid 1px;

}

/*------------  表示枠メイン  ------------*/ 

#mainarea {
		
	clear: left; 
	width : 800px ; 
	margin: 0 auto; 
	padding: 0px 0px 0px 0px; 
	background: #ffffff;
	border-top: #eeeeee solid 1px;


}


/*------------  表示枠メイン左  ------------*/ 

#sidebar {
	
	float : left ; 
	width : 220px ; 
	margin: 0 auto; 
	padding: 10px 9px 10px 10px;
	border-right: solid 1px #eeeeee;
	background: #ffffff;
	

}

/*------------  表示枠メイン右  ------------*/ 

#mainbar {
	
	float : left ; 
	width : 560px ; 
	margin: 0 auto; 
	padding: 0px 0px 0px 0px; 
	background: #ffffff;

}



/*------------  ユーザー情報  ------------*/ 

#user_info {
	margin: 0px 0px 30px 0px;
	padding: 30px 10px 0px 10px;
	background: url(../../../img/blog_profile_0.gif) no-repeat top left;
}

/*- ブログネーム -*/
#user_info .blogname { 
	font-size: 100%;
}

/*- HPやメールのリンク  -*/
#user_info a {
	font-size: 80%;
}

 /*- 紹介文  -*/
.user_info_desc {
	font-size: 80%;
	color:#666666;
	line-height: 180%;
	letter-spacing: 0.05em;
}

#user_info p a {
	font-size: 100%;
}


/*------------  最近のコメント  ------------*/ 

#recent_comment {
	margin: 0px 0px 30px 0px;
	padding: 30px 10px 0px 10px;
	background: url(../../../img/blog_comment_0.gif) no-repeat top left;

}

#recent_comment li {
	font-size: 90%;
	color:#666666;
}

#recent_comment li .from {
	font-size: 85%;
	color:#666666;
}

/*------------  最近のトラックバック  ------------*/ 

#recent_trackback {
	margin: 0px 0px 30px 0px;
	padding: 30px 10px 0px 10px;
	background: url(../../../img/blog_trackback_0.gif) no-repeat top left;

}

#recent_trackback li {
	font-size: 90%;
	color:#666666;
}

#recent_trackback li .from {
	font-size: 85%;
	color:#666666;
}

/*------------  最近のエントリ  ------------*/ 

#recent_entries {
	margin: 0px 0px 30px 0px;
	padding: 30px 10px 0px 10px;
	background: url(../../../img/blog_entry_0.gif) no-repeat top left;
}

#recent_entries li {
	font-size: 80%;
	color:#666666;
}


/*------------  過去ログ  ------------*/ 

#prev_entries {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
}

/*------------  RSS       ------------*/ 

#rss {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 15px;
}


/*------------  エントリ本体表示  ------------*/ 

#entries {
	margin: 10px 10px 10px 10px;
}

 /*- エントリ、コメント、TB含む枠  -*/
#log {
	clear: both;
	background: #ffffff;
	margin: 0px 0px 30px 0px;
}

 /*- 画像左回り用  -*/
#left {
	float: left;
	padding: 10px 10px 10px 0px;
}

 /*- エントリ表示枠  -*/
#main_log {
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

 /*- エントリ見出しヘッダ  -*/
#main_log .log_head {
	background: #eeeeee;
	padding: 15px 5px 5px 15px;
	
}

 /*- エントリタイトル  -*/
#main_log .title {
	font-size: 100%;
}

 /*- エントリテーマカテゴリ  -*/
#main_log .theme {
	font-size: 80%;
	color:#666666;
}

 /*- エントリ日付  -*/
#main_log .date {
	font-size: 80%;
	color:#666666;
	text-align:right;

}

 /*- エントリテキスト  -*/
#main_log .logarea {
	font-size: 90%;
	line-height: 180%;
	letter-spacing: 0.03em;
	padding: 20px 20px 20px 20px;
}

#main_log .logarea a {
	text-decoration: underline;
}

 /*- [コメントを付ける]  -*/
#main_log .add_comment {
	font-size: 90%;
	color:#666666;
	padding: 0px 20px 0px 20px;
}

 /*- [URL of Enetry or TB]   -*/
#main_log .url_this_entry {
	font-size: 80%;
	color:#666666;
	padding: 0px 20px 0px 20px;
}


/*-------  コメント／トラックバック本体表示  -------*/ 

 /*- コメント、TB表示枠  -*/
#comment_log {
	background: #ffffff;
	margin: 0px;
	padding: 0px 0px 40px 60px;
}

 /*- コメント、TBタイトル  -*/
#comment_log .title {
	font-size: 90%;
}

 /*- コメント、TBタイトルヘッダ  -*/
#comment_log .comment_head {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-top: #cccccc solid 1px;
	border-bottom: #eeeeee solid 1px;
}

#comment_log .user_url {
	font-size: 80%;
	color:#666666;
}

#comment_log .user_name {
	font-size: 80%;
	color:#666666;
}

#comment_log .date {
	font-size: 80%;
	color:#666666;
	text-align:right;

}

 /*- コメント、TB表示テキスト  -*/
#comment_log .comments {
	font-size: 90%;
	color:#333333;
	line-height: 180%;
}



/*------------  ページ移動  ------------*/ 

#flip_page {
	background: #ffffff;
	text-align: center;
}

/*------------  エラー等メッセージ  ------------*/ 

#msg {

	width: 400px;
	margin: auto;
	background: #ffffff;
	font-size: 90%;
	color:#000000;
}


/*------------  各サイズフォント  ------------*/ 


.small {
font-size: 80%;
color:#666666;
line-height: 150%;
letter-spacing: 0.05em;
}

.medium {
font-size: 90%;
line-height: 170%;
letter-spacing: 0.03em;
}

.large {
font-size: 120%;
line-height: 150%;
letter-spacing: 0.05em;
font-weight: bolder;
}

/*------------  EOF  ------------*/