@charset "utf-8";
/*========================================*
*　■トップページ用スタイル
*========================================*/
@import "common.css";


/*------------------------------
■TOP用ベースレイアウト
------------------------------*/
body{
	background: url(../img/index/header_bg.jpg) no-repeat center 20px;
}


/*------------------------
　ヘッダーカスタム
------------------------*/
#header{
	padding-top: 20px;
	margin-bottom: 20px;
}
#site-logo{
	display: none;
}
#site-logo a{}
#main-visual{
}



/*------------------------
　Recommend
------------------------*/
#recommend{
	margin-bottom: 15px;
}
#recommend h3{
	height: 32px;
	background: url(../img/index/cpt_recommend.jpg) no-repeat;
}
#recommend ol{
	list-style:none;
	text-align: center;
}
#recommend li{
	/*display: inline;*/
	
	float: left;
	width: 130px;
}
#recommend li a{
	height: 150px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
#recommend li a:hover{
	background-position: left bottom;
}
li#lnk-recommend1 a{background-image: url(../img/index/img_recommend1.jpg);}
li#lnk-recommend2 a{background-image: url(../img/index/img_recommend2.jpg);}
li#lnk-recommend3 a{background-image: url(../img/index/img_recommend3.jpg);}
li#lnk-recommend4 a{background-image: url(../img/index/img_recommend4.jpg);}


/*------------------------
　Information
------------------------*/
#information{
	clear: both;
	position: relative;
}
#information h3{
	height:24px;
	margin-bottom: 0;
	background: url(../img/index/cpt_information.gif) no-repeat left top;
}
ul#blog-navi{
	list-style: none;
	top: 5px;
	right: 0;
	position: absolute;
}
ul#blog-navi li{
	float: left;
	margin-right: 5px;
}
ul#blog-navi li a{
	height: 16px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
#bln-rss a{
	width:33px;
	background-image:url(../img/index/bt_rss.gif);
}
#bln-list a{
	width:71px;
	background-image:url(../img/index/bt_list.gif);
}
ul#blog-navi li a:hover{
	background-position: left bottom;
}

#information table{
	width: 540px;
}
#information th,
#information td{
	padding-top: 20px;
	padding-bottom: 8px;
	background: url(../img/base/separator.gif) repeat-x left bottom;
}
#information th{
	width: 80px;
	text-align: left;
	padding-left: 15px;
	font-weight: normal;
}
* html #information th{
	width: 65px;
}
#information td{
	padding-right: 15px;
}