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

	common.css
	
	-1.基本設定
	-2.ヘッダーの設定
	-3.コンテンツの設定
	-4.エントリーの設定
	-5.サイドバーの設定
	-6.フッターの設定
	-7.（以下、変更の必要なし）
	

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



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

	-1.基本設定

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


/* bodyの設定 */
body {
	margin:0;
	background:#FFF;
	text-align:center;
	font-size: 90%;
	line-height: 1.4;
	color:#333;
	}

/* リンクカラー設定 */
a:link,
a:visited {
	text-decoration:underline;
	color: #009999;
}

a:hover,
a:active{
	text-decoration:underline;
	color:#333;
	}


/* 見出し用タグの設定 */
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	}

/* ブログ全体のサイズなどの設定 */
#container {
	margin:0 auto;
	padding: 0px;
	width: 760px;
	background: #FFF;
	text-align: left;
	position: relative;
	left: 0px;
	top: 0px;
	}




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

	-2.ヘッダーの設定

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


/* バナー部分の枠設定 */
#banner {
	height:265px;
	border-top: none;
	background:url(../img/head.jpg) no-repeat center center #FFF;
	text-align: left;
	}

/* バナー部分のタイトルの色と装飾 */
#banner a {
	color: #253B74;
	text-decoration: none;
	}

/* バナー部分のタイトルのサイズなど */
#banner h1 a:link,
#banner h1 a:visited{
	text-indent:-9999px;
	display:block;
	height:265px;
	}
#banner h1 a:hover,
#banner h1 a:active{
	background:none;
	text-indent:-9999px;
	display:block;
	height:265px;
	}

/* バナー部分のサブタイトル設定 */
#banner h2 {
	text-indent:-9999px;
	}




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

	-3.コンテンツの設定

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


/* コンテンツブロック部分の枠設定 */
.content {
	margin:0 0 0 15px;
	padding:0 5px 0 5px;
	}


/* コンテンツヘッダー設定 */
.contentheader {
	margin:0;
	padding:0;
	font-size: 80%;
	}


/* コンテンツセパレーター設定 */
.contentseparater{
	margin:10px 0 10px 0;
	padding:0;
	}

/* ページ中央部分のフッター設定 */
.contentfooter{
	margin:10px 0 5px 0;
	padding:0;
	}



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

	-4.エントリーの設定

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


/* エントリブロック及びエントリ本文の設定 */
.entry {
	margin:0;
	padding:15px 10px 5px 10px;
	border: none;
	font-size: small;
	}


/* エントリヘッダー（日付）設定 */
.entryheader {
	margin:0;
	padding:2px;
	border-bottom: 1px dotted #999; 
	color: #666;
	font-size: 80%;
	text-align:right;
	font-weight: bold;
	}


/* エントリタイトル設定 */
.entry  h3 {
	margin:20px 0 20px 0;
	color: #000;
	padding:0 0 0 20px;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	background:url(../img/entry_title_bg.gif) no-repeat top left;
	}


/* エントリセパレータ設定 */
.entryseparater{
	margin:0 0 15px 0;
	padding: 0px;
	height: 15px;
	border-bottom: 1px dashed #999;
	}
	
/* エントリフッター */
.entryfooter{
	margin:0 0 15px 0;
	padding:0px;
	height: 15px;
	}
	
/* エントリpタグ設定 */
.entry  p {
	margin:0 0 1em 0;
	font-size: small;
	font-weight: normal;
	}
	
/* エントリh2設定 */
.entry  h2 {
	margin-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	color:#06F;
	}
	
/* エントリ者情報設定 */
.entry  p.posted {
	margin:10px 0 15px 0;
	color: #333;
	padding:3px;
	font-size: 80%;
	border:1px dotted #000;
	}
	
	
	


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

	-5.サイドバーの設定

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

/* サイドバーとフリーエリアの枠設定 */
.sidebar , .freearea{
	margin:25px 0px 10px 0;
	padding: 0px;
	background: #FFF; 
	font-size: 80%;
	}

/* サイドバータイトルとフリーエリアタイトル設定 */
.sidebar h2 , .freetitle{
	padding:2px 1px 1px 18px;
	background:url(../img/title_bg.gif) no-repeat top left #0099FF;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin:0 0 10px 0;
	color:#FFF;
	}

/* サイドバー小項目の配置 */
.sidebar ul {
	margin: 0px;
	padding:0 0 0 5px;
	}

/* サイドバー小項目の設定 */
.sidebar li {
	margin:0 0 3px 0;
	padding: 0px;
	list-style-type: none;
	}

/* サイドバーリンクカラー設定 */
.sidebar a:link,
.sidebar a:visited,
.freearea a:link,
.freearea a:visited{
	text-decoration:underline;
	color: #333;
}

.sidebar a:hover,
.sidebar a:active,
.freearea a:hover,
.freearea a:active{
	text-decoration:underline;
	color: #009999;
}

.sidebar .point{
	background:url(../img/point.gif) no-repeat top left;
	padding:0 0 0 13px;
}

/* サイドバー内画像の枠 */
.sidebar img {
	margin-bottom: 5px;
	}

/* サイドバー内リンク設定 */
.link-note {
	margin:0 0 15px 0;
	padding: 3px;
	}


/* プロフィール写真の配置 */
.photo {
	margin-bottom: 5px;
	text-align: center;
	}

/* プロフィール写真の枠 */
.photo img {
	border: 1px solid #666666;
	}

/* コメント設定 */
#comment-data {
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	width: 180px;
	border-right: 1px dashed #999999;
	}
	


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

	-6.フッターの設定

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

.pagetop{
	text-align:right;
	font-size:80%;
	margin:20px 0 0 0;
}

.pagetop a:link,
.pagetop a:visited{
	color:#333;
	background:url(../img/bg_pagetop.gif) no-repeat center right;
	padding:0 15px 0 0;
}
.pagetop a:hover,
.pagetop a:active{
	color:#06F;
}

/* ページ最下部フッターの枠設定 */
#footer {
	margin:10px 0 0 0;
	height: 43px;
	border-top:1px dotted #333;
	color: #333;
	text-align:center;
	font-size:80%;
	padding:10px 0 0 0;
	}




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

	-7.以下変更の必要なし

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

#powered {
	margin-top: 50px;
	color: #333;
	font-size: small;
	text-align: left;
	}

/* コメント入力フォーム設定 */
textarea[id="comment-text"] {
	font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
	width: 80%;
	}

textarea.comment-text {
	font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
	}