@charset "utf-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* http://www.webplus.jp/                                       */
/* Copyright (C) 2010 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:80px auto;
	padding:0 auto;
	color:#333;
	font:12px "メイリオ", Meiryo, Meiryo UI, "ＭＳ Ｐゴシック", Osaka, "平成角ゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	text-align:center;
}


/* ---------------------------------------------------------------------
container
--------------------------------------------------------------------- */
#container	{
	width:100%;
	background:url(images/body.gif) center center repeat-y;
}
#container #inner	{
	position:relative;
	margin:0 auto;
	width:1040px;
	height:750px; /* FLASH前は600px */
	background:url(images/container_top.gif) center center no-repeat;
	text-align:left;
}

.logo a	{
	position:absolute;
	top:80px;
	left:380px;
	width:280px;
	height:70px;
	background:url(images/logo_models.jpg) center center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:100;
}


/* ---------------------------------------------------------------------
main
--------------------------------------------------------------------- */
#main	{
}
#left, #right	{
	position:absolute;
	top:230px;
	width:20px;
}
#left	{
	left:50px;
}
#right	{
	right:50px;
}


/* ---------------------------------------------------------------------
thumbnail scroll
--------------------------------------------------------------------- */
#scrollable {
	position:absolute;
	top:160px;
	left:125px;
}

#slideshow	{
	margin:0 auto;
}

#slideshow ul	{
	margin:0;
	padding:0;
	list-style-type:none;
	height:1%; /* IE fix */
}

#slideshow ul:after	{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

#scroll li	{
	float:left;
}
#scroller li a {
	display:block;
	width:150px;
	border:1px #F0F0F0 solid;
}

.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.simply-scroll { 
	width:800px;
	height:310px;
	margin-bottom: 1em;
}
.simply-scroll .simply-scroll-clip {
	width:800px;
	height:310px;
}
.simply-scroll .simply-scroll-list li {
	float:left;
	width:160px;
	height:200px;
}

#scroller .top50	{
	margin-top:50px;
}
#scroller .top100	{
	margin-top:100px;
}


/* ---------------------------------------------------------------------
g-navi
--------------------------------------------------------------------- */
#navi {
	position:absolute;
	top:640px;
	left:60px;
	height:40px;
}
#navi ul {
	list-style:none;
}
#navi li {
	display:inline;
}
#navi a {
	display:block;
	float:left;
	width:140px;
	height:40px;
	text-decoration:none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#navi a.navi1	{
	background:url(images/navi1.gif) center center no-repeat;
}
#navi a.navi1:hover	{
	background:url(images/navi1RO.gif) center center no-repeat;
}
#navi a.navi2	{
	background:url(images/navi2.gif) center center no-repeat;
}
#navi a.navi2:hover	{
	background:url(images/navi2RO.gif) center center no-repeat;
}
#navi a.navi3	{
	background:url(images/navi3.gif) center center no-repeat;
}
#navi a.navi3:hover	{
	background:url(images/navi3RO.gif) center center no-repeat;
}
#navi a.navi4	{
	background:url(images/navi4.gif) center center no-repeat;
}
#navi a.navi4:hover	{
	background:url(images/navi4RO.gif) center center no-repeat;
}
#navi a.navi5	{
	background:url(images/navi5.gif) center center no-repeat;
}
#navi a.navi5:hover	{
	background:url(images/navi5RO.gif) center center no-repeat;
}
#navi a.navi6	{
	width:40px;
	background:url(images/navi_mail.gif) center center no-repeat;
}
#navi a.navi6:hover	{
	background:url(images/navi_mailRO.gif) center center no-repeat;
}
#navi a.navi7	{
	width:180px;
	background:url(images/navi_logo.gif) center center no-repeat;
}
#navi a.navi7:hover	{
	background:url(images/navi_logoRO.gif) center center no-repeat;
}


/* ---------------------------------------------------------------------
decoration
--------------------------------------------------------------------- */
.red	{
	color:#C00;
}
.grn	{
	color:#390;
}
.ble	{
	color:#06C;
}
.pnk	{
	color:#F9C;
}
.org	{
	color:#F60;
}

.fcRed	 	{
	color:#F00;
}
.fcBlue	 	{
	color:#00F;
}
.fcPink	 	{
	color:#F3F;
}
.fcGreen	{
	color:#090;
}
.fcOrange	{
	color:#F90;
}

.flt_r	{
	float:right;
	margin-left:10px;
}
.flt_l	{
	float:left;
	margin-right:10px;
}

.text_l	{
	text-align:left;
}
.text_r	{
	text-align:right;
}
.center	{
	text-align:center;
}

.sz8	{
	font-size:0.8em;
}
.sz9	{
	font-size:0.9em;
}
.sz11	{
	font-size:1.1em;
}
.sz12	{
	font-size:1.2em;
}
.sz13	{
	font-size:1.3em;
}
.sz14	{
	font-size:1.4em;
}
.sz15	{
	font-size:1.5em;
}

.clear	{
	clear:both;
}


/* ---------------------------------------------------------------------
clearfix
--------------------------------------------------------------------- */
.clearfix:after	{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix	{
	display:inline-table;
	min-height:1%;
}
/* Hides from IE-mac \*/
* html .clearfix	{
	height:1%;
}
.clearfix	{
	display:block;
}
/* End hide from IE-mac */



/*--------------------　▲　end of file　▲　*/
