/* Common Style
*******************************************************************/

* html img{
  behavior: url(http://tailor.co.jp/al/js/iepngfix.htc);}


html { overflow-y: scroll }
 
html, body { height: 100%; /* required */ }
 
* {
	margin: 0;
	padding: 0; }
 
body {
	font-size: 10px;
	color: #000;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.8em;
	text-align: center; /* horizontal centering hack for IE */
	padding: 0; /* required to "hide" distance div */
	margin: 0; /* required to "hide" distance div */ }
div#distance {
	margin-bottom: -265px; /* half of content height */
	background: none; /* temporary - used to see div */
	width: 1px; /* required to "hide" distance div */
	height: 50%; /* required */
	float: left; /* required */ }
	
*:first-child+html div#container { margin-top: -27px;}
*html div#container { margin-top: -27px;}

div#container {
	font-size: 12px;
	position: relative; /* positions content on top of distance */
	text-align: left; /* horizontal centering hack for IE */
	height: 500px; /* required - desired height */
	width: 780px; /* required - desired width */
	margin: 0 auto; /* required */
	clear: left; 
    border: 1px #fff solid }
    
#loading { 
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: #fff url(../imgs/others/loading.gif) no-repeat center center;
    z-index: 998;}

p.noscript {text-align: center;width:100%;position: absolute;top:320px;}

a { outline: none}
 
#inner { opacity: 0 ; /* Fading In */
    background: :pink } 
    
#header_height { height:30px;}

*:first-child+html #header {
    position: relative!important;
	top: -30px;
	left: 0;}
*html #header { 
    position: relative!important;
	top: -30px;
	left: 0;}

#header { 
	background: #003366; 
    height:21px;
    padding:5px 0 0 0;
	border-bottom: 1px #000 solid;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;}
 
	#header p {
		width: 760px;
		margin: 0 auto;
		text-align: left; }
 
#footer {
	font-family: Century Gothic;
	font-size:10px;
	color: #C9C9C9;
	text-transform: uppercase;
	position: absolute;
    left:0;
	bottom: -15px;
	width: 100%; }
 
	#footer p {
		width: 760px;
		margin: 0 auto;
		text-align: center; }

img { border: none }
 
/* Style For Top Page 
*******************************************************************/

#button {
	position: absolute;
	top: 300px;
	left: 250px; }
   
	img.tailor_ascot {
		position: absolute;
		left: 240px;
		top: -150px; }
 
	img.tailor_ascot3 {
		position: absolute;
		left: 600px;
		top: 175px; }
 
	img.ja02 {
		position: absolute;
		top: 80px;
		left: 10px; }
 
#tips {
	position: absolute;
	left: 250px;
	top: 220px;
	width: 455px;
	height: 70px;
	background: #fff;
	z-index: -1 }
 
.tips {
	background: #fff;
	position: absolute;
	width: 455px;
	height: 70px;
	display: none }
 
#tip0 {
	background: #fff;
	display: block; }
  
#button p {
	width: 75px;
	height: 75px;
	margin: 0 1px;
	float: left;
	position: relative ;
	top: -200px; }
	
	#button p.delay {top:-1000px;}
 
/* Menu (Bottun)
*******************************************************************/
#menu {
	position: absolute;
	height: 35px;
	top: 0px;
	right: 5px; 
        z-index:0 }
 
	#menu p { 
	    position:relative;
	    top:-50px;
		height: 30px;
		width: 30px;
		float: left;
		margin: 3px }

#menu_text {
     position: absolute;
     height: 35px;
     width: 300px;
     top: -3px;
     right:200px;
     z-index: 0; }
     
     #menu_text p { display: none;
        position: absolute;
        width: 100%;
        line-height: 35px;
        text-align: right }

/* Style For Jacket.php
*******************************************************************/

.bp .div_right{ height:350px;width:auto;top:0;right:0;}
.bp .div_right p { text-align:center;width:70px;padding:5px 10px;position:absolute;top:150px;right:0;color:#fff;background:#FC7272;font-weight:700;border: 1px red solid;letter-spacing: 1px}
.bp2 .div_right { color:#000;}

img.jb_title { position:absolute;top:-28px;left:15px;z-index:0;}

#main { height: 350px; top: 35px;}
 
#pages { position: absolute;}
 
img.jak {
	width: 90px;
	margin: 0 1px;
	position: relative; }
 
.div_left { 
	height: 350px;
	width: 350px;
	position: absolute;
	text-align: center; }
 
	.div_left img { height: 350px; width: 263px}
 
.div_right {
	position: absolute;
	left: 370px;
	top: 65px;
	width: 340px;
	font-size: 110%;
	text-align: justify; }
	.product_details {
		padding: 0;
		font-size: 12px;
		margin-top: 20px }
 
#nav { 
	width:780px;
	height:100px;
	position: absolute;
	bottom: 0;}
	
     *:first-child+html #nav ul {width:780px;}
     *html #nav ul {width:780px;}
     *html #nav li {margin:0 1px} 

     li.ie_first_thumb {display:none}
	 #nav ul { margin-left: 15px;} /* centering li thumbs */
	 #nav li { float:left;list-style: none;width:52px;margin:0 3px;}
	 #nav img { position:relative; top:0;left:0;border:1px #fff solid;width:52px;}

*:first-child+html img.jbs {display:none}
*html img.jbs {display:none}
	 
img.jbs {
     opacity:0;
     position: absolute;
     top:100px; 
     left:166px; }
img.ascot2 { 
     filter: alpha(opacity=0);
     -moz-opacity:0;
     opacity:0;
     position: absolute;
     top:240px;
     left:326px;}
     
img.detail {
    height:15px;
    position:absolute;
    top:35px;
    left:300px;
    z-index: 0}	

img.details {
    height:40px;
    width:161px;
    position:absolute;
    top:160px;
    left:0px;}	
img.zoom { 
    position:absolute;
    top:280px;
    left:290px;
    width:40px;
    height:15px;}
img.season {
    width:80px;
    position: absolute;
    top:-35px;
    right:-10px;}
img.bottoms {
    border: 1px #666 solid;
    height:30px;
    width: 80px;
    position: absolute;
    top:210px;
    left:15px;}
img.fablink {
    border: 1px #666 solid;
    height:30px;
    position: absolute;
    top:210px;
    left:110px;}
img.hide_detail {
    display: none;
    position: absolute;
    top:340px;
    right:0px;
    z-index: 3;
    cursor:pointer}
img.emp {
    height: 350px!important;
    width: 233px!important;}

.bp {
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    top:0;
    left:18px;
    width:749px;
    height:350px;
    z-index: 3;
    cursor: pointer }
            
.bp2 {
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    top:0;
    left:18px;
    width:749px;
    height:350px;
    z-index: 2;}
    .bp2 .div_right h3 { padding:10px 10px 0 10px}
    .bp2 .div_right p { padding:0 13px;}
    
.bp3 { 
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    top:0;
    left:18px;
    width:750px;
    height:350px; }

#p0_1 {background-color:#003366;} img.front { display:none;}
#p1_1 { background-image: url('../imgs/bg/newyork.jpg') }
#p2_1{ background-image: url('../imgs/bg/chair.jpg')}
#p3_1 { background-image: url('../imgs/bg/museum.jpg') }
#p4_1 { background-color: #f4f4f4 }
#p5_1 { background-image: url('../imgs/bg/north.jpg')}
#p6_1 { background-image: url('../imgs/bg/airport.jpg') }
#p7_1 { background-image: url('../imgs/bg/formal.jpg') }
#p8_1 { background-image: url('../imgs/bg/restaurant.jpg') }
#p9_1 { background-image: url('../imgs/bg/bamboo.jpg')}
#p10_1{ background-color: #f4f4f4}
#p11_1{ background-image: url('../imgs/bg/cherry.jpg')}
#p12_1{ background-image: url('../imgs/bg/resort.jpg')}
#p13_1{ background-image: url('../imgs/bg/beach_ai.jpg')}

#p1_2 { background-image: url('../imgs/bg/newyork_2.jpg') }
#p2_2{ background-image: url('../imgs/bg/chair_2.jpg')}
#p3_2 { background-image: url('../imgs/bg/museum_2.jpg') }
#p4_2 { background-image: url('../imgs/bg/blank_bg.jpg') }
#p5_2 { background-image: url('../imgs/bg/north_2.jpg') }
#p6_2 { background-image: url('../imgs/bg/airport_2.jpg') }
#p7_2 { background-image: url('../imgs/bg/formal_2.jpg') }
#p8_2 { background-image: url('../imgs/bg/restaurant_2.jpg') }
#p9_2 { background-image: url('../imgs/bg/bamboo_2.jpg') }
#p10_2 { background-image: url('../imgs/bg/blank_bg.jpg') }
#p11_2 { background-image: url('../imgs/bg/cherry_2.jpg') }
#p12_2 { background-image: url('../imgs/bg/resort_2.jpg') }
#p13_2 { background-image: url('../imgs/bg/beach_ai_2.jpg') }

/* Whatsnew */
div.whatsnew { 
    position:absolute;
    bottom:60px;
    left:-500px;}
p.whatsnew2010summer { display:none;
    z-index:3;
    opacity:0.6;
    position:absolute; 
    top:-50px;
    height:50px;
    width:150px;
    text-align:center;
    line-height:50px;
    background:#00BFFF;}