@charset "utf-8";

#index_contents {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px;
}
/*---------------------------｜左メニュー｜*/
#contents_left {
	float: left;
	width: 180px;
	height: auto;
	margin: 10px 15px 10px 0px; 
}

#contents_left li {
	width: 180px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
}

#contents_left li a {
	display: block;
	width: 180px;
	height: 62px;
	background-image: url(../img/index/menu_left.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#contents_left li#menu_column01 a {
	background-position: 0px 0px;
}
#contents_left li#menu_column01 a:hover {
	background-position: -180px 0px;
}

#contents_left li#menu_column02 a {
	background-position: 0px -62px;
}
#contents_left li#menu_column02 a:hover {
	background-position: -180px -62px;
}

#contents_left li#menu_column03 a {
	background-position: 0px -124px;
}
#contents_left li#menu_column03 a:hover {
	background-position: -180px -124px;
}

#contents_left li#menu_column04 a {
	background-position: 0px -186px;
}
#contents_left li#menu_column04 a:hover {
	background-position: -180px -186px;
}

#contents_left li#menu_column05 a {
	background-position: 0px -248px;
}
#contents_left li#menu_column05 a:hover {
	background-position: -180px -248px;
}

#contents_left li#menu_column06 a {
	background-position: 0px -310px;
}
#contents_left li#menu_column06 a:hover {
	background-position: -180px -310px;
}

#contents_left li#menu_column07 a {
	background-position: 0px -372px;
}
#contents_left li#menu_column07 a:hover {
	background-position: -180px -372px;
}

/*---------------------------｜中央コンテンツ｜*/
#contents_center {
	float: left;
	width: 520px;
	height: auto;
	margin: 10px 15px 10px 0px; 
}

#gallery_box {
	width: 516px;
	height: auto;
	margin: 0px 0px 10px;
	border: 2px solid #FFCC33;
}

#gallery_box h2 {
	width: 516px;
	height: 28px;
	padding: 0;
	margin: 0;
	background-image: url(../img/index/reader01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
}

#gallery_box p {
	padding: 5px;
	color: #FF6699;
}

#gallery_flash_box {
	width: 506px;
	margin: 5px auto;
}

#topics_box {
	width: 516px;
	height: 138px;
	margin: 0px 0px 10px;
	border: 2px solid #FFCC33;
}

#topics_box h2 {
	width: 100px;
	height: 18px;
	padding: 5px 2px 5px 414px;
	background-image: url(../img/index/reader02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#topics_box h2 a {
	display: block;
	width: 100px;
	height: 18px;
}

#topics_box ul {
	height: 100px;
	padding: 5px;
	overflow-y: scroll;
}

/*---------------------------｜右モバイルサイト告知｜*/
#contents_right {
	float: left;
	width: 165px;
	height: auto;
	height: 430px;/*左メニューと高さを合わせるなら*/
	margin: 10px 0px;
	border: 2px solid #FF6699;
	text-align: center;
	line-height: 1em;
	color: #FF3399;
}

#contents_right h2 {
	width: 165px;
	height: 62px;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	background-image: url(../img/index/img_mobi_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	overflow: hidden;
}

#contents_right h2 a {
	display: block;
	width: 165px;
	height: 62px;
}

#contents_right a {
	text-decoration: none;
}

#contents_right a img {
	padding: 5px 0px;
}

/*---------------------------｜おすすめネイルサロン｜*/
#pickup_shop dl {
	display: block;
	float: left;
	width: 200px;
	height: auto;
	padding: 6px;
	margin: 5px 0px 5px 8px;
	border: 1px solid #999999;
	background-color: #FFF1FF;
	text-align: center;
}

#pickup_shop dt {
	clear: both;
	width: 188px;
	height: 22px;
	padding: 5px;
	margin: 0px auto 5px;
	border: 1px solid #6B6455;
	background-image: url(../img/common/bg_reader02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 22px;
	vertical-align: middle;
	color: #FFFFFF;
	overflow: hidden;
}

#pickup_shop dt a {
	clear: both;
	width: 180px;
	height: 22px;
	color: #FFFFFF;
}

/*---------------------------｜おすすめネイル情報｜*/
#nail_info li {
	display: block;
	float: left;
	width: 216px;
	height: 100px;
	margin: 4px 0px 4px 7px;
}

#nail_info li a {
	display: block;
	width: 216px;
	height: 100px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#bn_contribution a {
	background-image: url(../img/index/bn_contribution.jpg);
}

#bn_recruit a {
	background-image: url(../img/index/bn_recruit.jpg);
}

#bn_school a {
	background-image: url(../img/index/bn_school.jpg);
}

#bn_glossary a {
	background-image: url(../img/index/bn_glossary.jpg);
}