/*-- INDEX 専用スタイルシート --*/

@import url(../common/css/base.css);
@import url(../common/css/layout.css);


/*-- このページのみ使用するスタイルシートを以下に記載 --*/

#left_column_home {
	padding : 265px 0 0 16px ;
	width : 224px ;
	float : left ;
}

#left_column_home div.topics h2 a {
	width : 224px ;
	height : 23px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_topics.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#left_column_home div.topics div.title {
	margin : 7px 0 17px 0 ;
	width : 224px ;
	height : 54px ;
	overflow : auto ;
}

#left_column_home div.friend h2 a {
	width : 224px ;
	height : 23px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_friend.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#left_column_home div.friend div.button {
	padding : 10px 0 20px 0 ;
}

#left_column_home div.friend div.button a {
	width : 224px ;
	height : 85px ;
	text-indent : -9999px ;
	background-image : url(../img/button_friend.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#left_column_home div.friend div.button a:hover {
	background-position : 0 -90px ;
}

#left_column_home div.shopinfo {
	height : 65px ;
	background-image : url(../img/background_line.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
}

#left_column_home div.shopinfo div.button {
	margin : 15px 0 20px 0 ;
}

#left_column_home div.shopinfo div.button a {
	width : 224px ;
	height : 30px ;
	text-indent : -9999px ;
	background-image : url(../common/img/button_shopinfo.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#left_column_home div.shopinfo div.button a:hover {
	background-position : 0 -30px ;
}

#right_column_home {
	padding-top : 25px ;
	width : 542px ;
	float : right ;
}

#right_column_home div.contents {
	width : 542px ;
	height : 243px ;
	background-image : url(../img/background_contents.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
}

#right_column_home div.contents div.japanese,
#right_column_home div.contents div.mens,
#right_column_home div.contents div.item,
#right_column_home div.contents div.rental {
	padding : 8px 7px 0 8px ;
	width : 120px ;
	float : left ;
}

#right_column_home div.contents div.japanese h2,
#right_column_home div.contents div.mens h2,
#right_column_home div.contents div.item h2,
#right_column_home div.contents div.rental h2 {
	margin : 6px 0 ;
}

#right_column_home div.contents div.japanese h2 a {
	width : 120px ;
	height : 30px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_japanese.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#right_column_home div.contents div.mens h2 a {
	width : 120px ;
	height : 30px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_mens.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#right_column_home div.contents div.item h2 a {
	width : 120px ;
	height : 30px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_item.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#right_column_home div.contents div.rental h2 a {
	width : 120px ;
	height : 30px ;
	text-indent : -9999px ;
	background-image : url(../img/h2_rental.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

#right_column_home div.contents div.japanese img.text,
#right_column_home div.contents div.mens img.text,
#right_column_home div.contents div.item img.text,
#right_column_home div.contents div.rental img.text {
	padding-top : 18px ;
}