@charset "utf-8";

/* トップ専用CSS */

/* コンテンツ枠 --------------------------------------------------------------------------------*/

#container{

}


/*
***********************************************************************************************
jquery.tools.min.js で出力されるカルーセル・スライダーのCSS上書き
***********************************************************************************************
*/

/* メイン画像のコンテナ */
#topFlash {
	margin: 10px 0px 30px 0px;
	padding: 0px;
	position:relative;
	width:950px;
	height:365px;
	background-image:url(../img/bg_flash.png) !important;
	background-repeat:no-repeat;
	/*
	overflow:hidden;
	*/
	}

.scrollable  {
	width:910px;
	height:325px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:none;
	float:none;
	top:20px;
	left:20px;
	border-style:none;
}

/* single scrollable item */
.scrollable img {
	width:910px;
	height:325px;
	padding:0px;
	margin:0px;
	border:0px;
	cursor:auto;
}

.items div {
	float:left; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	margin:0px;
}

.prev{
	width:50px !important;
	height:50px !important;
	background-image:url(../img/icon_prev.png) !important;
	background-repeat:no-repeat;
	top:160px;
	left:-10px;
	position:absolute;
}

* html .prev{
	margin-left:90px !important; /* for IE6 */
}

/* position and dimensions of the navigator */
.navi {
	position:absolute !important;
	margin-left:458px;
	bottom:-20px;
}

/* items inside navigator */
.navi a {
	background:url(../img/navigator.png) 0 0 no-repeat;
}

.next{
	width:50px !important;
	height:50px !important;
	background-image:url(../img/icon_next.png) !important;
	background-repeat:no-repeat;
	top:160px;
	right:-10px;
	position:absolute;
}

/* right */
a.right { background-position: 0px;}
a.right:hover { background-position:0px; }
a.right:active{ background-position:0px; } 


/* left */
a.left { background-position: 0px;}
a.left:hover { background-position: 0px;}
a.left:active { background-position: 0px;}



/*
***********************************************************************************************
Twitterウィジェット
***********************************************************************************************
*/

#social{

	}

/*
***********************************************************************************************
Twitterウィジェット
***********************************************************************************************
*/

#widgetTwitter{
	margin:0px;
	float:left;
	width:520px;
	height:216px;
	background-image:url(../img/bg_twitter.png) !important;
	background-repeat:no-repeat;
	position:relative;
}

/* ウィジェットの本体 */
#widgetTwitter .twtr-widget{
	width:480px;
	height:180px;
	top:20px;
	left:20px;
	position:absolute;
}

#widgetTwitter .twtr-widget iframe{
	height:180px;
}


/*
***********************************************************************************************
リウォッシュのこだわりボタン
***********************************************************************************************
*/

#btnService{
	margin:0px 0px 0px 0px;
	float:left;
	}
	
#btnService a{
	display:block;
	}


/*
***********************************************************************************************
ソーシャルブックマークボタン
***********************************************************************************************
*/
#btnSocial{
	margin:0px;
	width:216px;
	height:216px;
	float:left;
	background-image:url(../img/bg_socialbutton.png) !important;
	background-repeat:no-repeat;
	}

#btnSocial div{
	}

/* ツイートボタン */
#btnSocial #twitter{
	margin-top:140px;
	margin-left:25px;
	width:110px;
	}
/* いいねボタン */
#btnSocial #facebook_like{
	margin-top:10px;
	margin-left:25px;
	width:110px;
	}




/*
***********************************************************************************************
サービスのポイント
***********************************************************************************************
*/
#point{
	margin:20px auto 20px -10px;
	clear:both;
	width:980px;
	height:250px;
	background-image:url(../img/img_point.png) !important;
	background-repeat:no-repeat;
	}

#point ul{
	padding:0px;
	margin:0px;
	text-indent:-9999px;
	}


/*
***********************************************************************************************
サービスご利用の流れ
***********************************************************************************************
*/
#flow{
	margin:0px auto 30px auto;
	width:950px;
	clear:both;
	}

#flow ul{
	padding:0px;
	margin:0px;
	height:240px;
	text-indent:-9999px;
	background-image:url(../img/img_flow.png) !important;
	background-repeat:no-repeat;
	}
/*
#flow ol{
	padding:0px;
	margin:0px;
	text-indent:-9999px;
	width:925px;
	height:190px;
	background-image:url(../img/icon_next.gif) !important;
	background-repeat:no-repeat;
	}
*/