@charset "UTF-8";



/* セレクション一覧-------------------------------------------------------------------------- */

#selection {
	color:#FFF;
}
#selection a {
	color:#FFF;
	text-decoration:underline;
}
#selection a:hover {
	text-decoration:none;
}
.rack {
	background:url(images/bg_rack.jpg) no-repeat;
	width:940px;
	height:616px;
	display:block;
	padding:15px;
}

.box_caution_image {
	text-align:center;
	margin:30px 0 0;
}
#selection h1 {
	float:left;
	color:#FFF;
	background:url(/css/images/h1_egg.png) no-repeat;
	text-indent:25px;
	font-size:18px;
	font-weight:normal;
	line-height:24px;
	vertical-align:middle;
	margin-right:20px;
}

/* ラック */
#selection .box_rack {
	margin:47px 0 0 25px;
}
:root #selection .box_rack { /* IE以外 */
	margin:32px 0 0 25px;
}
html>/**/body #selection .box_rack { /* IE8 */  
    margin /*\**/:32px 0 0 25px;
} 

/* プロフィール */
#selection .box_profile {
	float:left;
	width:440px;
}
/* プロフィール　左 */
#selection .box_profile_left {
	float:left;
	width:160px;
}
/* 「＋ウォッチリストに追加」ボタン */
.btn_plus_watch {
	background:url(images/btn_plus_watch_f2.jpg) no-repeat;
	margin:10px 0 0;
}
.btn_plus_watch a {
	background:url(images/btn_plus_watch.jpg) no-repeat;
	width:160px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
.btn_plus_watch a:hover {
	background:none;
}
/* プロフィール　右 */
#selection .box_profile_right {
	float:left;
	width:260px;
	margin-left:20px;
}
#selection .box_profile_right .handlename {
	font-weight:bold;
	font-size:14px;
	line-height:160%;
}
#selection .box_profile_right .property {
	font-weight:bold;
	font-size:12px;
	line-height:160%;
}
#selection .box_profile_right .introduction {
	background:url(images/bg_profile.png) no-repeat;
	height:120px;
	line-height:130%;
	display:block;
	margin-top:10px;
	padding:10px;
}


/* ラック１段目 */
#selection .box_image_first {
	float:left;
	background:url(images/shadow.png) repeat-y right 0;
	width:160px;
	margin-left:45px;
	_margin-left:25px;
}
#selection .box_image {
	float:left;
	background:url(images/shadow.png) repeat-y right 0;
	width:160px;
	margin-left:84px;
}
#selection .box_image img {
	position:relative;
	left:-7px;
}
#selection .box_image_first img {
	position:relative;
	left:-7px;
}
#selection .box_image_left img {
	position:relative;
	left:-7px;
}
/* ラック２段目 */
#selection .box_rack_second {
	margin-top:47px;
}
:root #selection .box_rack_second {
	margin-top:50px;
}
html>/**/body #selection .box_rack_second { /* IE8ハック */  
    margin-top /*\**/:50px;
}
#selection .box_image_left {
	float:left;
	background:url(images/shadow.png) repeat-y right 0;
	width:160px;
	margin-left:0;
}


/* 個々のセレクションページ-------------------------------------------------------------------------- */
/* ラック */
#selection_detail .box_rack {
	margin:35px 0 0 25px;
}
:root #selection_detail .box_rack {
	margin:15px 0 0 25px;
}
html>/**/body #selection_detail .box_rack { /* IE8 */  
    margin /*\**/:15px 0 0 25px;
}
/* 表紙 */
#selection .box_cover {
	float:left;
	width:503px;
}
/* 表紙　左 */
#selection .box_cover_left {
	float:left;
	width:160px;
}

#selection .caution_image {
	height:15px;
	position:relative;
	top:-5px;
	left:-7px;
	text-align:left;
}
#selection .cover_image {
	float:left;
	width:160px;
	background:url(images/shadow.png) repeat-y right 10px;
}
#selection .cover_image img {
	position:relative;
	left:-7px;
	vertical-align:bottom;
}
/* 表紙　右 */
#selection .box_cover_right {
	float:left;
	width:320px;
	margin:10px 0 0 20px;
}
#selection .box_cover_right .handlename {
	font-weight:bold;
	margin:5px 0 0;
}
#selection .box_cover_right .handlename a {
	font-size:14px;
}
#selection .box_cover_right .introduction {
	background:url(images/bg_cover.png) no-repeat;
	height:100px;
	line-height:125%;
	display:block;
	margin-top:10px;
	padding:10px;
}

/* コメント */
#selection .box_comment {
	margin:10px 0 0;
}
#selection .box_comment a {
color:#0A5388;
}
#selection .bg_comment_balloon {
	background:url(/css/images/bg_comment_balloon.png) no-repeat;
	width:20px;
	height:10px;
	margin:10px 0 0;
	float:left;
}
#selection .comment_balloon {
	float:left;
	width:90px;
	padding:10px;
	font-weight:bold;
	background:#EAEFE5;
}
/* ボタン */
#selection .box_cover_right .box_btn {
	float:right;
	width:120px;
	margin:5px 5px 0 0;
}
/* 「＋ブックマーク」ボタン */
.btn_bookmark {
	margin:10px 0 0;
}
.btn_bookmark a {
	background:url(images/btn_bookmark.jpg) no-repeat;
	width:120px;
	height:24px;
	display:block;
	text-indent:-9999px;
}
.btn_bookmark a:hover {
	background:url(images/btn_bookmark_f2.jpg) no-repeat;
}
/* 「友達に知らせる」ボタン */
.btn_inform {
	background:url(images/btn_inform_f2.jpg) no-repeat;
	margin:5px 0 0;
}
.btn_inform a {
	background:url(images/btn_inform.jpg) no-repeat;
	width:120px;
	height:24px;
	display:block;
	text-indent:-9999px;
}
.btn_inform a:hover {
	background:none;
}

/* ラック１段目 */
#selection_detail .box_title_name {
	width:145px;
	height:30px;
	line-height:110%;
	overflow:hidden;
	font-weight:bold;
	position:relative;
	left:-7px;
}
#selection_detail .box_title_first {
	float:left;
	width:140px;
	margin:10px 0 0 64px;
	_margin:10px 0 0 29px;
}
#selection_detail .box_title_second {
	float:left;
	width:140px;
	margin:10px 0 0 48px;
}
#selection_detail .box_title_std {
	float:left;
	width:140px;
	margin:0 0 0 48px;
	_margin:0 0 0 43px;
}
#selection_detail .box_title {
	background:url(images/shadow.png) repeat-y right 10px;
	width:140px;
}
#selection_detail .box_title img {
	position:relative;
	left:-7px;
}
/* ラック２段目 */
#selection_detail .box_rack_second {
	margin-top:45px;
}
#selection_detail .box_title_left {
	float:left;
	width:140px;
}


/* コメント-------------------------------------------------------------------------- */

/* セレクションページ */
#comment {
	width:490px;
	margin:20px auto 0;
}
.form_comment {
	width:100%;
	height:80px;
}
/* 「コメントする」ボタン */
.btn_comment {
	background:url(images/btn_comment_f2.jpg) no-repeat;
	margin:10px 0;
	float:right;
}
.btn_comment a {
	background:url(images/btn_comment.jpg) no-repeat;
	width:120px;
	height:24px;
	display:block;
	text-indent:-9999px;
}
.btn_comment a:hover {
	background:none;
}