@charset "EUC-JP";

/* ----------------------------------------
 作成日:2011.07.26
 作成者:mana-project
 by ユーザー名 (http://www.ema-ema-ema.com)
---------------------------------------- */


@import "style.css";


/* ------------------------------------- 
 *	ページレイアウト
--------------------------------------- */

/* ページ全体の幅、レイアウトを中央揃え */
#topwrapper{
	width:960px; /* A */
	margin:0px auto;
	padding:0 0;
	text-align:left;
	background-color:#fff;
}

/* コンテンツ枠（記事の枠）*/
#content{
	padding-bottom:20px;
}

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

#topheader{
	position : relative;
	width:940px;  /* B */
	height:20px;
	clear:left;
	margin:0 auto;
	padding:0;
}

/* サイト名 */
h1{position : absolute;	top : 0;left : 0;}

/* サイトの説明文 */
div#description{position : absolute;top : 0;right : 0;}

#slider {
	background-image:url(../images/top/topimage01.jpg);
	background-repeat:no-repeat;  
	background-position:top center;
	background-attachment:scroll;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 940px;
	height: 310px;
	overflow: hidden;
}
#slider li {
	display: none;
	position: absolute;
}


/* --------------------------------------
　トップメインステージ
--------------------------------------- */

div#topmain{
	float: left;
	width: 660px;
	margin-top: 20px;
	margin-bottom: 10px;
}

div#topmain h2 {
}

div#topmain p{
}


/* --------------------------------------
　トップサイドバー
--------------------------------------- */

div#topsidebar{
	float: right;
	width: 280px;
	height: 160px;
	margin-top: 16px;
	background-image:url(../images/top/feedwind.jpg);
	background-repeat:no-repeat;  
	background-position:top center;
	background-attachment:scroll;
}

div table.listbox{
	padding-bottom:0px;
}

div#topsidebar div#feedwind{
	padding: 15px 15px 0px;
}

div#topsidebar p{
}


/* --------------------------------------
　モジュール
--------------------------------------- */

.clearfix:after{
	content : ".";
	display : block;
	clear : both;
	height : 0;
	visibility : hidden;
}

.clearfix{/* for IE7 */
	min-height : 1px;
}

* html .clearfix{/* for IE6 */
	height : 1px;
}

div#footer{
	clear: both;
}


/* --------------------------------------
　バナー
--------------------------------------- */

a:hover img.opacity{
	opacity : 0.5;
	filter : alpha(opacity=50);/* for IE */
}

div.article{
	float : left;
	width : 311px;
	height : 91px;
	overflow : hidden;
	margin-right : 17px;
	margin-bottom : 10px;
	position : relative;
}

div.article div.text{
	padding : 10px;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 1;
}

div.article div.text a:hover{
	color : #777777;
}

div.article div.text p{
	font-size : 12px;
}

div.article p.thumbnail{
	position : absolute;
	top : 0;
	left : 0;
	z-index : 2;
	margin-left : -10px;
}

div.blog{
	width : 245px;
	height : 72px;
	margin-left : 17px;
}

div.side-bn{
	float : left;
	width : 260px;
	height : 140px;
	margin-top : 30px;
	margin-right : 0;
}

/* --------------------------------------
　アクセスカウンター
--------------------------------------- */

div#accnt{
	float : right;
	text-align:right;
	opacity : 0.2;
	filter : alpha(opacity=20);/* for IE */
	display : inline;
	margin-right : 2px;
}

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

ul.side-bn-parts {
	width: 278px;
	height: 140px;
	margin: 0;
	list-style-type: none;
	}
ul.side-bn-parts li {
	margin: 0;
	padding: 0;
	float : left;
	}
ul.side-bn-parts li a {
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	}
ul.side-bn-parts li#bn-ea a {
	width: 278px;
	background: url("../images/top/bn-emas-arrange.gif") no-repeat;
	height: 140px;
	margin-top: 11px;
	margin-bottom: 10px;
	padding:-bottom: 10px;
	}
ul.side-bn-parts li#bn-ea a:hover {
	background-position: 0 -140px;
	}

ul.side-bn-parts li#bn-taimen a {
	width: 278px;
	background: url("../images/top/bn-taimen.jpg") no-repeat;
	height: 140px;
	margin-bottom: 10px;
	padding:-bottom: 10px;
	}
ul.side-bn-parts li#bn-taimen a:hover {
	background-position: 0 -140px;
	}

ul.side-bn-parts li#bn-gokusi a {
	width: 278px;
	background: url("../images/top/bn-gokusi.jpg") no-repeat;
	height: 87px;
	margin-bottom: 10px;
	padding:-bottom: 10px;
	}

ul.side-bn-parts li#bn-instagram a {
	width: 278px;
	background: url("../images/top/bn-instagram.jpg") no-repeat;
	height: 417px;
	margin-bottom: 10px;
	padding:-bottom: 10px;
	}



/* --------------------------------------
  下部バナー
--------------------------------------- */

ul.main-bn-parts {
	width: 640px;
	height: 140px;
	margin: 0;
	list-style-type: none;
	}
ul.main-bn-parts li {
	margin: 0;
	padding: 0;
	float : left;
	}
ul.main-bn-parts li a {
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	}
ul.main-bn-parts li#bn-andreve a {
	width: 640px;
	background: url("../images/top/bn-andreve.gif") no-repeat;
	height: 140px;
	margin-bottom: 10px;
	padding:-bottom: 10px;
	}
ul.main-bn-parts li#bn-andreve a:hover {
	background-position: 0 -140px;
	}

	
ul.main-bn-parts-left {
	width: 311px;
	height: 140px;
	margin: 0;
	list-style-type: none;
	}
ul.main-bn-parts-left li {
	margin: 0;
	padding: 0;
	float : left;
	}
ul.main-bn-parts-left li a {
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	}
ul.main-bn-parts-left li#bn-amazon a {
	width: 311px;
	background: url("../images/top/bn-amazon.jpg") no-repeat;
	height: 140px;
	margin-bottom: 10px;
	padding:-bottom: 10px;
	}
ul.main-bn-parts-left li#bn-amazon a:hover {
	background-position: 0 -140px;
	}

		
ul.main-bn-parts-right {
	width: 311px;
	height: 140px;
	margin-left: 329px;
	list-style-type: none;
	}
ul.main-bn-parts-right li {
	margin: 0;
	padding: 0;
	float : left;
	}
ul.main-bn-parts-right li a {
	display: block;
	text-indent: -10000px;
	text-decoration: none;
	}
ul.main-bn-parts-right li#bn-excite a {
	width: 311px;
	background: url("../images/top/bn-excite.jpg") no-repeat;
	height: 140px;
	margin-bottom: 10px;
	padding:-bottom: 10px;
	}
ul.main-bn-parts-right li#bn-excite a:hover {
	background-position: 0 -140px;
	}