@charset "utf-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* http://www.webplus.jp/                                       */
/* Copyright (C) 2006 Kiyonobu Horita @ WEBPLUS Inc.            */
/*--------------------------------------------------------------*/



/* ---------------------------------------------------------------------
reset
--------------------------------------------------------------------- */
*, html {
	margin:0;
	padding:0;
	font-style:normal;
}

div, tabel, ul, ol, li, dl, dt, dd, a {
	margin:0;
	padding:0;
}

div {
	border:0;
	z-index:auto;
}

img {
	border:none;
}

/* ---------------------------------------------------------------------
link color
--------------------------------------------------------------------- */
a:link {
	color:#39C;
}

a:visited {
	color:#39C;
}

a:hover {
	color:#F60;
}

a:active {
	color:#D33;
}

/* ---------------------------------------------------------------------
headline
--------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	clear:both;
}

/* ---------------------------------------------------------------------
layout
--------------------------------------------------------------------- */
body {
	margin:100px auto;
	padding:0 auto;
	background:url(../images/container_models.gif) left top repeat;
	font:13px "メイリオ", Meiryo, Meiryo UI, "ＭＳ Ｐゴシック", Osaka, "平成角ゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	text-align:center;
}

/* ---------------------------------------------------------------------
container
--------------------------------------------------------------------- */
#container {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:560px;
	background:url(../images/body_models.gif) left top repeat;
	border:1px #7d7d7d solid;
}

#ayaka #container {
	background:url(../images/container_ayaka.gif) center center no-repeat;
}

#carina #container {
	background:url(../images/container_carina.gif) center center no-repeat;
}

#kana #container {
	background:url(../images/container_kana.gif) center center no-repeat;
}

#eri #container {
	background:url(../images/container_eri.gif) center center no-repeat;
}

#kanami #container {
	background:url(../images/container_kanami.gif) center center no-repeat;
}

#nachi #container {
	background:url(../images/container_nachi.gif) center center no-repeat;
}

#tingki #container {
	background:url(../images/container_tingki.gif) center center no-repeat;
}

#hiromitakahashi #container {
	background:url(../images/container_hiromitakahashi.gif) center center no-repeat;
}

#kotoeyamazaki #container {
	background:url(../images/container_kotoeyamazaki.gif) center center no-repeat;
}

#masamitakamatsu #container {
	background:url(../images/container_masamitakamatsu.gif) center center no-repeat;
}

#aya #container {
	background:url(../images/container_aya.gif) center center no-repeat;
}

#nao #container {
	background:url(../images/container_nao.gif) center center no-repeat;
}

#yurino #container {
	background:url(../images/container_yurino.gif) center center no-repeat;
}

#tamamimizusawa #container {
	background:url(../images/container_tamamimizusawa.gif) center center no-repeat;
}

#kanna #container {
	background:url(../images/container_kanna.gif) center center no-repeat;
}

#karinmatsushita #container {
	background:url(../images/container_karinmatsushita.gif) center center no-repeat;
}

#shoko #container {
	background:url(../images/container_shoko.gif) center center no-repeat;
}

#natsumi #container {
	background:url(../images/container_natsumi.gif) center center no-repeat;
}

#rikaaizawa #container {
	background:url(../images/container_rikaaizawa.gif) center center no-repeat;
}

#container .inner {
	margin:181px 30px 160px 485px;
	text-align:left;
	color:#AAA;
}

#container ul {
	list-style:none;
}

#container li {
	line-height:1.85em;
}

#button {
	position:absolute;
	top:50px;
	left:850px;
}

#inner {
	margin:50px auto;
	width:906px;
	height:460px;
}

#inner ul {
	margin-left:12px;
	list-style:none;
}

#inner li {
	display:inline;
}

#inner a {
	display:block;
	float:left;
	margin:7px;
	width:280px;
	height:120px;
	border:1px #CCC sollid;
}

/* ---------------------------------------------------------------------
slideshow
--------------------------------------------------------------------- */
#slideshow {
	list-style:none;
}

#slideshow span {
	display:none;
}

#wrapper {
	display:none;
	position:absolute;
	top:30px;
	left:30px;
	width:330px;
}

#wrapper * {
	position:absolute;
	margin:0;
	padding:0;
}

#fullsize {
	position:relative;
	top:0px;
	left:0px;
	width:330px;
	height:500px;
}

/*
#information	{
	position:absolute;
	bottom:0;
	width:330px;
	height:0;
	background:#000;
	color:#FFF;
	overflow:hidden;
	opacity:.7;
	filter:alpha(opacity=70);
	z-index:200;
}
#information h3	{
}
#information p	{
}
*/
#image img {
	position:absolute;
	width:auto;
	z-index:25;
}

.imgnav {
	position:absolute;
	width:25%;
	height:500px;
	cursor:pointer;
	z-index:150;
}

#imgprev {
	left:10px;
	background:url(images/.png) left center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#imgnext {
	right:10px;
	background:url(images/.png) right center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*
#imglink	{
	position:absolute;
	height:306px;
	width:100%;
	z-index:100;
	opacity:.4;
	filter:alpha(opacity=40);
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.linkhover	{
	background:url(images/link.gif) center center no-repeat;
}
*/
#thumbnails {
	position:absolute;
	top:380px;
	left:420px;
	width:490px;
}

#slideleft {
	float:left;
	width:20px;
	height:150px;
	background:#222 url(images/scroll-left.gif) center center no-repeat;
}

#slideleft:hover {
	background-color:#333;
}

#slideright {
	float:right;
	width:20px;
	height:150px;
	background:#222 url(images/scroll-right.gif) center center no-repeat;
}

#slideright:hover {
	background-color:#333;
}

#slidearea {
	position:relative;
	float:left;
	margin-left:10px;
	width:428px;
	height:150px;
	overflow:hidden;
}

#slider {
	position:absolute;
	left:0;
	height:150px;
}

#slider img {
	padding:0 2px;
	cursor:pointer;
}

.mglA {
	margin-left:-65px;
}

.mglb {
	margin-left:10px;
}

.mglc {
	margin-left:40px;
}

/* ---------------------------------------------------------------------
switch view
--------------------------------------------------------------------- */
ul.display {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

ul.display li {
	float:left;
	margin:5px;
	padding:10px;
	width:465px;
	background:#111;
	border:1px #7d7d7d solid;
}

ul.display li a {
	color:#CCC;
	text-decoration:none;
}

ul.display li .content_block {
	padding:0 10px;
	text-align:left;
}

ul.display li .content_block h2 {
	display:inline;
	margin:0;
	padding:5px;
	font:1.6em "メイリオ", Meiryo, Meiryo UI, "ＭＳ Ｐゴシック", Osaka, "平成角ゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-weight:normal;
}

ul.display li .content_block p {
	margin:0;
	padding:5px;
	color:#CCC;
}

ul.display li .content_block a img {
	float:left;
	margin:0 15px 0 0;
	padding:5px;
}

ul.thumb_view li {
	width:250px;
}

ul.thumb_view li h2 {
	display:inline;
}

ul.thumb_view li p {
	display:none;
}

ul.thumb_view li .content_block a img {
	margin:0 0 10px;
}

a.switch_thumb {
	display:block;
	margin:10px 0;
	padding:0;
	width:122px;
	height:26px;
	background:url(../images/switch.gif) no-repeat;
	line-height:26px;
	outline:none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

a.swap {
	background-position:left bottom;
}

a.switch_thumb {
	display:block;
	margin:10px 0;
	padding:0;
	width:122px;
	height:26px;
	background:url(../images/switch.gif) no-repeat;
	line-height:26px;
	outline:none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

a.swap {
	background-position:left bottom;
}

a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/* ---------------------------------------------------------------------
g-navi
--------------------------------------------------------------------- */
#navi {
	margin:0 auto;
	padding-right:10px;
	width:1000px;
	color:#CCC;
	font:12px "メイリオ", Meiryo, Meiryo UI, "ＭＳ Ｐゴシック", Osaka, "平成角ゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	text-align:right;
}

#navi a {
	color:#999;
	text-decoration:none;
}

#navi a:hover {
	color:#CCC;
	text-decoration:underline;
}



/*--------------------　▲　end of file　▲　*/