/*  
Theme Name: ユサブルコラム
Theme URI: http://giftearth.jp/
Description: ギフトアースのユサブルコラムテーマ
Version: 0.1
*/

@import url(http://yui.yahooapis.com/2.3.1/build/reset-fonts-grids/reset-fonts-grids.css);

body{/*ボディスタイル*/
	text-align:center;
	padding:0;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

a:link {/*リンク色*/
	text-decoration: underline;
	color: #6ea250;
}

a:visited {/*クリック済みリンク*/
	text-decoration: underline;
	color: #6ea250;
}

a:hover {/*オーバー時リンク色*/
	text-decoration: none;
	color: #006400;
}

a:active {/*クリック時のリンク色*/
	text-decoration: none;
	color: #006400;
}

p {/*段落スタイル（字下げ）*/
	text-indent:1em;
}

hr{/*罫線（空行用スタイル）*/
	border: 1px #ffffff solid;
}

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

#hd{ /*ヘッダー枠設定*/
	background:url(images/column_top.gif) no-repeat;
	height:200px;
	width:760px;
	position:relative;
	margin:0 auto;
}

#giftearth a{/*ギフトアーストップへのリンク*/
	position:absolute;
	top:160px;
	left:35px;
	text-indent:-9999px;
	background: url(images/top.gif) no-repeat;
	width:135px;
	height:33px;
}

#giftearth a:hover{/*ギフトアーストップへのリンクロールオーバー*/
	background: url(images/top_over.gif) no-repeat;
}

h1 a{/*ギフトアーストップリンク*/
	position:absolute;
	top:35px;
	left:100px;
	width:150px;
	height:80px;
	text-indent:-9999px;
}

/*-------------------------------------------------------------
	コンテンツ内
-------------------------------------------------------------*/

#bd{ /*コンテンツ*/
	background:#FFFFFF url(images/bd_bg.gif) repeat-y;
	width:760px;
	text-align:left;
	margin:0 auto;
}

.post{/*本体投稿記事*/
	width:512px;
	padding:10px 15px 10px 15px;
	float:left;
	line-height:1.8;
}

h2 {/*投稿タイトル*/
	font-size:145%;
	background: url(images/h2_bg.gif) no-repeat left;
	padding:18px 30px 13px 30px;
	margin-left:5px;
	color:#6ea250;
	text-align:left;
}

h3{/*見出し１*/
	margin:0 0 5px;
	padding-top:15px;
	padding-bottom:0;
	font-size:150%;
	font-weight:bold;
}

h4{/*見出し２*/
	margin:0 0 5px;
	padding-top:0px;
	padding-bottom:0;
	font-size:130%;
	font-weight:bold;
}

.cate{/*コラムカテゴリ、日付*/
	padding:10px;
	text-align:right;
	line-height:2;
}

.entry{/*投稿内容*/
	padding:20px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	text-align: justify;
	text-justify:inter-cluster;
}

.navigation{/*ページングスタイル*/
	padding:10px;
	clear:both;
	margin-left:350px;
}

/*-------------------------------------------------------------
	サイドバー内
-------------------------------------------------------------*/

.side{ /*サイドナビ*/
	width:170px;
	padding:20px 10px 0 20px;
	float:left;
}


/*-コラムジャンルリスト指定------------------------------*/

.cate_list{/*カテゴリスタイル*/
	margin:0;
	padding: 0 0 0;
/*	background:url(images/c_title.gif) no-repeat top; */
}

.cate_list li{/*カテゴリスタイル*/
	list-style:none;
	margin:3px;
	padding:0;
}

.cate_list li a{/*カテゴリリンク*/
	background:url(images/cate.gif) no-repeat;
	width:150px;
	color:#6ea250;
	display:block;
	text-align:center;
	line-height:30px;
	text-decoration:none;
}

.cate_list li a:hover{/*カテゴリリンクオーバー*/
	background:url(images/cate_over.gif) no-repeat;
	color:#FFFFFF;
}

/*-筆者リスト指定------------------------------*/

.pen{/*筆者リストスタイル*/
	margin:10px 0 0;
	padding:60px 0 0;
	background:url(images/h_title.gif) no-repeat top;
}

.pen li{/*筆者リストスタイル*/
	margin:0;
	padding:0;
}

.pen li a{/*筆者リストリンクスタイル*/
	background:url(images/cate.gif) no-repeat;
	width:150px;
	color:#6ea250;
	display:block;
	text-align:center;
	line-height:30px;
	text-decoration:none;
}

.pen li a:hover{/*筆者リストオーバースタイル*/
	background:url(images/cate_over.gif) no-repeat;
	color:#FFFFFF;
}

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

#ft{ /*フッター*/
	background:url(images/foot_bg.gif) no-repeat bottom;
	height:30px;
	width:760px;
	padding:10px 0;
	text-align:center;
	color:#6ea250;
	margin:0 auto;
}

/*-------------------------------------------------------------
	クリアフィックスハック
-------------------------------------------------------------*/

div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}