@charset "utf-8";
/* 
	character.css
	カテゴリ「ホストガール」内のレイアウト用

============================================================ */
/* ------------------------------------------------------------

	トップページ
============================================================ */
#CharacterIndex {
	width: 960px;
	height: 588px;
	position: relative;
	margin: 0 auto;
	background: url(../images/character/top/bg.png) no-repeat center top;
}
#CharacterIndex h2 {
	position: absolute;
	top: 44px;
	left: 169px;
}
#CharacterIndex p.summary {
	position: absolute;
	top: 29px;
	left: 435px;
}
#CharacterList {
	width: 920px;
	height: 458px;
	position: absolute;
	top: 105px;
	left: 20px;
}
#CharacterList .girl {
	position: absolute;
}
#CharacterList .girl#Karia { top: 62px; left: 365px; }
#CharacterList .girl#Moegi { top: 64px; left: 205px; }
#CharacterList .girl#Seira { top: 85px; left: 467px; }
#CharacterList .girl#Miyabi { top: 51px; left: 565px; }
#CharacterList .girl#Noko { top: 62px; left: 656px; }
#CharacterList .girl#Ouka { top: 52px; left: 116px; }
#CharacterList .girl#Mitsuki { top: 78px; left: 733px; }
#CharacterList .girl#Chiri { top: 78px; left: 283px; }
#CharacterList .girl#Rinrin { top: 59px; left: 6px; }
#CharacterList .girl#Ange { top: 64px; left: 818px; }

#CharacterList .girl_inner {
	cursor: pointer;
	display: block;
	position: relative;
}
#CharacterList .girl .name {
	position: absolute;
	z-index: 10;
}
#CharacterList .girl#Karia .name { top: 130px; left: -6px; }
#CharacterList .girl#Moegi .name { top: 141px; left: -23px; }
#CharacterList .girl#Seira .name { top: 132px; left: -21px; }
#CharacterList .girl#Miyabi .name { top: 148px; left: -27px; }
#CharacterList .girl#Noko .name { top: 161px; left: -29px; }
#CharacterList .girl#Ouka .name { top: 135px; left: -24px; }
#CharacterList .girl#Mitsuki .name { top: 119px; left: -18px; }
#CharacterList .girl#Chiri .name { top: 149px; left: -11px; }
#CharacterList .girl#Rinrin .name { top: 148px; left:-9px; }
#CharacterList .girl#Ange .name { top: 159px; left:-14px; }

#CharacterList .girl .image {
	position: absolute;
	top: 0;
	left: 0;
}
#CharacterList .girl#Karia .image { z-index: 6; }
#CharacterList .girl#Moegi .image { z-index: 4; }
#CharacterList .girl#Seira .image { z-index: 5; }
#CharacterList .girl#Miyabi .image { z-index: 4; }
#CharacterList .girl#Noko .image { z-index: 3; }
#CharacterList .girl#Ouka .image { z-index: 3; }
#CharacterList .girl#Mitsuki .image { z-index: 2; }
#CharacterList .girl#Chiri .image { z-index: 5; }
#CharacterList .girl#Rinrin .image { z-index: 2; }
#CharacterList .girl#Ange .image { z-index: 1; }

#CharacterList .shadow .s1 {
	position: absolute;
	left: 4px;
	bottom: 51px;
}
#CharacterList .shadow .s2 {
	position: absolute;
	left: -10px;
	bottom: 25px;
}

/* ------------------------------------------------------------

	詳細ページ
============================================================ */
#CharacterDetail {
	width: 960px;
	height: 580px;
	position: relative;
	margin: 0 auto;
}
#CharacterDetail .text {
	position: absolute;
	top: 28px;
	left: 130px;
	z-index: 2;
}
#CharacterDetail .text h2 {
	margin: 0 0 27px;
}
#CharacterDetail .text h3 {
	margin: 0 0 17px -2px;
}
#CharacterDetail .text p {
}
#CharacterDetail .image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
#CharacterDetail .image_zoom {
	height: 705px;
	display: none;
	overflow: hidden;
	position: absolute;
	top: -80px;
	right: 0;
	z-index: 4;
	cursor: pointer;
}
#CharacterDetail .image_zoom_inner {
	height: 705px;
	position: relative;
}
#CharacterDetail .image_zoom img {
	position: absolute;
	top: 0;
	left: 0;
}
#CharacterDetail .zoom {
	position: absolute;
	bottom: 120px;
	right: 160px;
	z-index: 3;
	display: none;
}
#CharacterDetail ul.thumbnail {
	position: absolute;
	top: 339px;
	left: 115px;
}
#CharacterDetail ul.thumbnail li {
	float: left;
}
#CharacterDetail p.preview {
	position: absolute;
	top: 194px;
	left: 28px;
	cursor: pointer;
}
#CharacterDetail p.next {
	position: absolute;
	top: 194px;
	right: 28px;
	cursor: pointer;
}
#CharacterDetail p.back {
	position: absolute;
	top: 44px;
	left: 20px;
	cursor: pointer;
}
/*
	01 花里愛
------------------------------------------------ */
#CharacterDetail.karia {
	background: url(../images/character/01/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.karia .image {
	top: -53px;
	left: 574px;
}
#CharacterDetail.karia .image_zoom {
	width: 448px;
	right: 30px;
}
/*
	02 萌黄
------------------------------------------------ */
#CharacterDetail.moegi {
	background: url(../images/character/02/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.moegi .image {
	top: -52px;
	left: 592px;
}
#CharacterDetail.moegi .image_zoom {
	width: 410px;
	right: 20px;
}
#CharacterDetail.moegi .zoom {
	right: 140px;
}
/*
	03 セイラ
------------------------------------------------ */
#CharacterDetail.seira {
	background: url(../images/character/03/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.seira .image {
	top: -15px;
	left: 610px;
}
#CharacterDetail.seira .image_zoom {
	width: 393px;
	right: 70px;
}
#CharacterDetail.seira .zoom {
	right: 100px;
}
/*
	04 雅
------------------------------------------------ */
#CharacterDetail.miyabi {
	background: url(../images/character/04/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.miyabi .image {
	top: -58px;
	left: 618px;
}
#CharacterDetail.miyabi .image_zoom {
	width: 367px;
	right: 40px;
}
#CharacterDetail.miyabi .zoom {
	right: 120px;
}
/*
	05 ノコ
------------------------------------------------ */
#CharacterDetail.noko {
	background: url(../images/character/05/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.noko .image {
	top: -58px;
	left: 618px;
}
#CharacterDetail.noko .image_zoom {
	width: 319px;
	right: 85px;
}
#CharacterDetail.noko .zoom {
	right: 135px;
}
/*
	06 桜華
------------------------------------------------ */
#CharacterDetail.ouka {
	background: url(../images/character/06/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.ouka .image {
	top: -58px;
	left: 610px;
}
#CharacterDetail.ouka .image_zoom {
	width: 320px;
	right: 110px;
}
#CharacterDetail.ouka .zoom {
	right: 130px;
}
/*
	07 美月
------------------------------------------------ */
#CharacterDetail.mitsuki {
	background: url(../images/character/07/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.mitsuki .image {
	top: -40px;
	left: 610px;
}
#CharacterDetail.mitsuki .image_zoom {
	width: 352px;
	right: 70px;
}
#CharacterDetail.mitsuki .zoom {
	right: 140px;
}
/*
	08 ちり
------------------------------------------------ */
#CharacterDetail.chiri {
	background: url(../images/character/08/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.chiri .image {
	top: -39px;
	left: 605px;
}
#CharacterDetail.chiri .image_zoom {
	width: 513px;
	right: -50px;
}
#CharacterDetail.chiri .zoom {
	right: 135px;
}
/*
	09 リンリン
------------------------------------------------ */
#CharacterDetail.rinrin {
	background: url(../images/character/09/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.rinrin .image {
	top: -49px;
	left: 570px;
}
#CharacterDetail.rinrin .image_zoom {
	width: 613px;
	right: -50px;
}
#CharacterDetail.rinrin .zoom {
	right: 135px;
}
/*
	10 アンジュ
------------------------------------------------ */
#CharacterDetail.ange {
	background: url(../images/character/10/cnt_bck.png) no-repeat left top;
}
#CharacterDetail.ange .image {
	top: -64px;
	left: 613px;
}
#CharacterDetail.ange .image_zoom {
	width: 306px;
	right: 85px;
}
#CharacterDetail.ange .zoom {
	right: 135px;
}