@charset "utf-8";

/*
------------------------------------------------------------------
トップページスタイルシート
更新日：2010年9月13日
------------------------------------------------------------------ */

#home #container-inner {
	background: url(../images/background/bg_main2.jpg) no-repeat;
}

h1.keyword {text-indent: -9999px; font-size: 1px;}
h1.keywordtest {text-indent: -9999px; font-size: 10px; width: 860px; margin-left: 95px; margin-bottom: 15px;  border-bottom: 1px solid #CCCCCC;}

/* Twitter エリア */
#twitter-area {
	float:left;
}

#twitter-area .inner {
	padding:200px 25px 0 85px;
}

*html #twitter-area { } /* for IE6 */
*:first-child+html #twitter-area {}  /* for IE7 */
head~/* */body #twitter-area {}  /* for IE8 */
html:not(:target) #twitter-area { } /*  IE6、7、8以外 */

/* メインエリア */
#main-image {
	width: auto; height: auto; 
	float:right;
	padding:19px 55px 0 0;
	position: relative;
}

/*img.tag {width: 537px; height: 188px; position:absolute; top:0; left:-289px;}*/

/* メインスライド */
#slide {width: 550px; height: 380px;}
.slide_inner {width: 550px; height: 380px;position: relative; top:16px; left: 65px;}
/* page */
.bx_pager {width: auto; margin: 0px 30px 60px auto; text-align: right; font-family: 'Crimson Text', serif;}
.bx_pager a {margin-left: 15px; color: #666;}
.bx_pager a:hover { color: #bbb;}

/* ホーム背景 */
#home #home-inner {
	width:100%;
}
		
/* SPACE */
#space-box {
}

#space-box .inner {
	padding:0 0 0 50px;
}

.space-message {
	padding:0 0 0 70px;
}

.space-title {
	padding:10px 10px 0 0;
	width:190px;
	float:left;
}

/*
space-title .inner {
}

.space-title h4 {
	padding:5px 0 5px 0;
	width:100px;
}
*/
.space-outline {
	background: url(../images/background/space_bg.jpg) no-repeat;
	font-size:10pt;
	font-weight:bold;
	line-height: 3em;
	width:190px;
	height:50px;
}

.space-title a{color:#555555;text-decoration:none; }

.space-title a:hover { color:#22a3a3; }

/*
.space-title img {
}


.space-title a:hover img {
}
*/

/* New Arrival */
#new-arrival-box {
}

#new-arrival-box .inner {
	padding:0px 0 0 42px;
}

.item-arrival {
	padding:0px 10px 0 0;
	width:110px;
	float:left;
}

item-arrival .inner {
}

.item-arrival h4 {
	padding:5px 0 0px 0;
	width:100px;
}

.item-outline {
	font-size:7pt;
	line-height: 1.7em;
	width:100px;
}

.item-arrival img {
	border:1px solid #CCCCCC;
}


.item-arrival a:hover img {
	border:1px solid #B2D6D3;
}

/*バナー */
.home-banner {
	float:left;
	width:420px;
}

.home-banner p {
	font-size:90%;
	line-height:140%;
	padding:0px 0 10px 0;
}
.mt10 p {
	font-size:90%;
	padding:0px 0 10px 0;
}

.navi-banner {
	float:right;
	padding:20px 0 10px 0px;
	width:240px;
	position: relative;
}
.navi-banner p {
	width:200px; height: auto;
	padding:0px 0 10px 0;
	font-size:90%;
	line-height: 1.3em;
	position: absolute; top:20px; right: 250px; 
	text-align: center;
}

/* ランキングプレゼント発表 */
#ranpre {width:420px; height:50px; background: url(../images/icons/megahon.jpg) top left no-repeat;  float:left;
font-family: georgia, serif; color: #281C18; position: relative;}
#ranpre .bun {width: 320px; height: auto; position: absolute; top:12px; left: 80px; text-align: left;font-size:12px;}

#spepre {width:420px; height:50px; background: url(../images/icons/tikuon.jpg) top left no-repeat;  float:left;
font-family: georgia, serif; color: #281C18; position: relative;}
#spepre .bun {width: 320px; height: auto; position: absolute; top:12px; left: 80px; text-align: left;font-size:12px;}


/*  */
.clear { clear:both; }
