/**
 * Parallax Scrolling Tutorial
 * For Smashing Magazine
 * July 2011
 *  
 * Author: Richard Shepherd
 *		   www.richardshepherd.com
 * 		   @richardshepherd   
 */
body{font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
p{margin-bottom:1em;}
section{overflow:hidden;}


a:link
{
    color:#fff;
    text-decoration:underline;
    }

a:visited
{
    color:#fff;
    text-decoration: none;
    }

a:hover
{
     color:#fff;
     text-decoration: none;
     }

a:active
{
     color:#fff;
     text-decoration: none;
     }

/* MENU */
.menutarget
{
	line-height:0;
	font-size:0px;
	zoom:1;
	padding:0;
	margin:0;
	}

#sidemenu
{
	position: fixed;
	bottom: 40px;
	left:50%;
	height:54px;
	width:900px;
	margin-left:-450px;
	z-index:200;
	}

#sidemenu .menu
{
	text-align:center;
	}

#sidemenu .menu_top
{
	text-align:center;
	position:absolute;
	top: 0px;
	right: 0px;
	}

.logo_mini
{
	position: fixed;
	top: 0px;
	left: 0px;
	width:200px;
	height:60px;
	z-index:210;
	}

#wrapper
{
	display: none;
	}
	
.title
{
	z-index:100;
	position:absolute;
	text-align:center;
	width:100%;
	top:0px;
	}

h2
{
	font-family: 'Tinos', sans-serif;
	font-size: 80px;
	line-height: 80px;
	color:#ffffff;
	}

/*  CSS3 Template */
#template{
	
	-webkit-border-radius:0px 0px 0px 0px;
	-moz-border-radius:   0px 0px 0px 0px;
	-ms-border-radius:    0px 0px 0px 0px;
	-o-border-radius:     0px 0px 0px 0px;
	border-radius:        0px 0px 0px 0px;
	
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2) ;
	-moz-box-shadow:   1px 1px 2px 0px rgba(0,0,0,0.2) ;
	-ms-box-shadow:    1px 1px 2px 0px rgba(0,0,0,0.2) ;
	-o-box-shadow:     1px 1px 2px 0px rgba(0,0,0,0.2) ;
	box-shadow:        1px 1px 2px 0px rgba(0,0,0,0.2) ;
	
	-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:   1px 1px 2px 0px rgba(0,0,0,0.2) inset;
	-ms-box-shadow:    1px 1px 2px 0px rgba(0,0,0,0.2) inset;
	-o-box-shadow:     1px 1px 2px 0px rgba(0,0,0,0.2) inset;
	box-shadow:        1px 1px 2px 0px rgba(0,0,0,0.2) inset;
	
	-webkit-text-shadow: 5px 5px 7px #000;
	-moz-text-shadow:	 5px 5px 7px #000;
	-ms-text-shadow:	 5px 5px 7px #000;
	-o-text-shadow:		 5px 5px 7px #000;
	text-shadow:		 5px 5px 7px #000;
	
	background: -webkit-linear-gradient(top, #ffffff, #000000);
	background:    -moz-linear-gradient(top, #ffffff, #000000);
	background:      -o-linear-gradient(top, #ffffff, #000000);
	background:         linear-gradient(to bottom, #ffffff, #000000);
	background:			#ffffff;
	
}

.logo_company
{
	position: absolute;
	width:320px;
	height:36px;
	top:200px;
	left:50%;
	margin-left:-160px;
	}

.bold
{
	font-weight:bold;
	font-size:30px;
	padding:40px 0 20px 0;
	}

.what_icon{position: absolute;	right:100px; z-index:6;}
.what_icon2{position: absolute; right:220px; z-index:4;}
.what_icon3{position: absolute;	right:330px; z-index:3;}
.what_icon4{position: absolute;	right:450px; z-index:2;}
.what_icon5{position: absolute;	right:550px; z-index:1;}
.what_icon6{position: absolute;	right:-100px; z-index:7;}

.business_icon{position: absolute;	left:100px; z-index:6;}
.business_icon2{position: absolute; left:500px; z-index:4;}
.business_icon3{position: absolute;	left:1200px; z-index:3;}
.business_icon4{position: absolute;	left:800px; z-index:2;}
.business_icon5{position: absolute;	left:900px; z-index:1;}

.model_icon{position: absolute;	left:200px; z-index:6;}
.model_icon2{position: absolute; left:400px; z-index:4;}
.model_icon3{position: absolute; left:450px; z-index:3;}
.model_icon4{position: absolute; left:420px; z-index:2;}
.model_icon5{position: absolute; left:380px; z-index:1;}

.photo_icon{position: absolute;	right:38%; z-index:6;}
.photo_icon2{position: absolute; right:46%; z-index:4;}
.photo_icon3{position: absolute; right:49%; z-index:3;}
.photo_icon4{position: absolute; right:46%; z-index:2;}
.photo_icon5{position: absolute; right:41%; z-index:1;}

.introduce_icon{position: absolute;	left:850px; z-index:6;}
.introduce_icon2{position: absolute; left:420px; z-index:4;}
.introduce_icon3{position: absolute; left:830px; z-index:3;}
.introduce_icon4{position: absolute; left:450px; z-index:2;}
.introduce_icon5{position: absolute; left:100px; z-index:1;}

.news_icon{position: absolute;	left:80px; z-index:6;}
.news_icon2{position: absolute; left:120px; z-index:4;}
.news_icon3{position: absolute; right:50px; z-index:3;}
.news_icon4{position: absolute; right:90px; z-index:2;}
.news_icon5{position: absolute; right:140px; z-index:1;}
	
/*  */

#what_body .main,
#dream_body .main,
#model_body .main,
#introduce_body .main
{
	position: absolute;
	width:600px;
	color:#ffffff;
	font-size: 16px;
	line-height: 20px;
	text-align:left;
	z-index:15;
	}
	
#what_body .main h2,
#dream_body .main h2,
#model_body .main h2,
#introduce_body .main h2,
#news_body .main h2
{
	font-size: 40px;
	line-height: 40px;
	border-bottom:solid 2px #ffffff;
	margin-bottom:20px;
	}
	
#what { background:#35a7ef url(../images/slide2.jpg) 50% 0 no-repeat fixed; }
#dream { background:#bb0000 url(../images/slide3.jpg) 50% 0 no-repeat fixed; }
#model { background:#85553e url(../images/slide6.jpg) 50% 0 no-repeat fixed; }
#photo { background:#292f37 url(../images/slide4.png) 50% 0 no-repeat fixed; }
#introduce { background:#25a071 url(../images/slide5.jpg) 50% 0 no-repeat fixed; }
#news { background:#efefef url(../images/slide1.jpg) 50% 0 no-repeat fixed; }
#contact { background:#efefef url(../images/slide1.jpg) 50% 0 no-repeat fixed; }

/* WHAT NEW */

#what_body{	position: absolute;	top:0px; left:0px; width:100%;	}
	
#what_body .main{ top:100px; left:100px; line-height:24px}

#what_body .slidebg
{
	background: url(../images/what_bg2.png) 90% 500px no-repeat fixed;
	width: 100%; min-height: 1000px; max-width: 1920px;
	padding: 0;	margin: 0 auto;
	position: relative;
	}

#what_body .subtitle
{
	position: absolute;
	top:300px;
	right:60px;
	text-align:left;
	z-index:5;
	}

#what_body .animation
{
	position: absolute;
	top:100px;
	right:100px;
	z-index:1;
	}

/* BUSINESS */

#dream_body
{	
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	}
	
#dream_body .main{ top:100px; right:100px; line-height:24px;}

#dream_body .slidebg
{
	background: url(../images/business_bg2.png) 10% 500px no-repeat fixed;
	min-height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto; }

#dream_body .subtitle
{
	position: absolute;
	top:400px;
	left:30px;
	text-align:left;
	z-index:10;
	}

/* MODEL */

#model_body
{	
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	}
	
#model_body .main{ top:20px; right:100px; }
#model_body .main .sub{ width:464px; margin:0 auto;}

#model_body .slidebg
{
	background: url(../images/model_bg2.png) 10% 500px no-repeat fixed;
	min-height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto; }

#model_body .subtitle
{
	position: absolute;
	top:300px;
	left:30px;
	text-align:left;
	z-index:10;
	}
	
#model_body .bold
{
	font-weight:bold;
	font-size:24px;
	padding:30px 0 15px 0;
	}

/* PHOTO RETOUCH */


#photo_body
{	
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	}

#photo_body .photo_box
{
	position: absolute;
	top:100px;
	left:50%;
	width:410px;
	margin-left:-205px;
	z-index:10;
	
	text-align:center;
	color:#fff;
	font-size:22px;
	line-height:34px;
	font-weight:bold;
	
	-webkit-text-shadow: 0px 0px 5px #000;
	-moz-text-shadow:	 0px 0px 5px #000;
	-ms-text-shadow:	 0px 0px 5px #000;
	-o-text-shadow:		 0px 0px 5px #000;
	text-shadow:		 0px 0px 5px #000;
	}
	
#photo_body .slidebg
{
	background: url(../images/slide4-2.png) 50% 0 no-repeat fixed;
	min-height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	position: absolute;
	z-index:5;
	}

.beaf
{
	position: absolute;
	bottom:-150px;
	left:50%;
	width:366px;
	height:130px;
	margin-left:-183px;
	}
	
.photo_img
{
	width:1240px;
	height:800px;
	overflow:hidden;
	padding-top:100px;
	position: absolute;
	left:50%;
	margin-left:-620px;
	z-index:8;
	}
	
.photo_img .left
{
	float:left;
	margin-left:15px;
	}
	
.photo_img .right
{
	float:right;
	margin-right:15px;
	}


.photo_img .left,
.photo_img .right
{
	width:400px;
	border:dashed 2px #ffffff;
	padding:5px;
	text-align:center;
	
	-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.4) ;
	-moz-box-shadow:   0px 0px 15px 0px rgba(0,0,0,0.4) ;
	-ms-box-shadow:    0px 0px 15px 0px rgba(0,0,0,0.4) ;
	-o-box-shadow:     0px 0px 15px 0px rgba(0,0,0,0.4) ;
	box-shadow:        0px 0px 15px 0px rgba(0,0,0,0.4) ;
	}
	
.photo_img p
{
	font-size:50px;
	font-family: 'Tinos', sans-serif;
	color:#94a0b1;
	line-height:40px;
	padding:50px 0 20px 0;
	}

#slider00,
#slider01 {
	width:400px;
	height: 602px;
	overflow: hidden;
}

#slider00 ul,
#slider01 ul
{
	margin:0;
	padding:0;
}

#slider00 li,
#slider01 li {
	display: block;
	width:400px;
	height: 602px;
}


/* INTRODUCE */

#introduce_body
{	
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	}
	
#introduce_body .main{ top:100px; right:100px; }

#introduce_body .slidebg
{
	background: url(../images/business_bg2.png) 10% 500px no-repeat fixed;
	min-height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto; }

#introduce_body .subtitle
{
	position: absolute;
	top:400px;
	left:30px;
	text-align:left;
	z-index:10;
	}


/* NEWS */

#news_body
{	
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	}
	
#news_body .main
{
	border:solid 1px #efefef;
	background:#fff;
	position: absolute;
	width:700px;
	color:#000000;
	font-size: 16px;
	line-height: 20px;
	text-align:left;
	z-index:15;
	top:250px;
	left:50%;
	margin-left:-360px;
	padding:0 20px 20px 20px;
	}
	
#news_body h2
{
	margin:0;
	color:#000000;
	font-size:50px;
	text-align:center;
	padding:100px 0 20px 0;
	border:0px;
	line-height: 50px;
	z-index:10;
	}
	
#news_body .main .news_list {padding:0; margin:0; list-style:none;}
#news_body .main .news_list li{padding:15px 0px; margin:0; font-size:12px; border-bottom:dotted 1px #000; overflow:hidden; list-style:none;}
#news_body .main .news_list li .left{ float:left; width:150px; text-align:left;}
#news_body .main .news_list li .right{ float:right; width:550px; text-align:left;}

#news_body .slidebg
{
	background: url(../images/business_bg2.png) 10% 500px no-repeat fixed;
	min-height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto; }

#news_body .subtitle
{
	position: absolute;
	top:400px;
	left:30px;
	text-align:left;
	z-index:10;
	}
	
#news_body a{color:#000;}

/* CONTACT */

#contact_body
{	
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	}
	
#contact_body .main h2{ font-size:30px; color:#000; padding:20px 0px; margin:0; line-height:30px;}
	
#contact_body .main{ font-size:12px; width:1000px; margin:0 auto; }
#contact_body .main .left{ float:left; width:460px;}
#contact_body .main .right{ float:right; width:540px;}

#contact_body .slidebg
{
	background: url(../images/business_bg2.png) 10% 500px no-repeat fixed;
	min-height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto; }

#contact_body .subtitle
{
	position: absolute;
	top:400px;
	left:30px;
	text-align:left;
	z-index:10;
	}

.red{	color:#e00;	}

.cnp_t th{	width:80px; min-width:80px; background:#000; color:#fff;}
.cnp_t td{	width:300px; background:#eee;	}
.cnt_t th{	width:120px; min-width:120px; background:#000; color:#fff;}
.cnt_t td{	width:380px; background:#eee;	}

.cnp_t th,
.cnp_t td,
.cnt_t th,
.cnt_t td
{
	padding:8px;
	border:solid 1px #fff;
	border-collapse:collapse;
	}

.map
{
	z-index:50;
	width:580px;
	height:580px;
	position: absolute;
	top:0px;
	left:0px;
	background:transparent url(../images/map.png) 50% 50% no-repeat;
	}




article h2 { font-family: ''; font-size: 60px; margin: 25px 0; line-height: 1em; }

.story { padding: 0; margin: 0; height: 850px; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; border-top: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(0,0,0,0.4); box-shadow: 0 0 100px rgba(0,0,0,0.4);}

#first { background:#efefef url(../images/slide1.jpg) 50% 0 no-repeat fixed; }
#theend { background: url(../images/puckered.png) 50% bottom no-repeat fixed; }

/* Introduction */
#first .logo { background: url(../images/logo.png) 50% 250px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#first .logo2 { background: url(../images/logo.png) 50% 250px no-repeat fixed; min-height: 1000px; padding: 0; margin: 0; width: 100%; max-width: 1920px; position: relative; margin: 0 auto; }
#first .logo_second { top:250px; position: absolute; height:161px; width: 100%; text-align:center;}
#first .article_first { width: 100%; top:400px; position: absolute; text-align: center;}

#first h2{ text-align:center; display:block; margin:0 auto; height:0px; font-weight:normal;}
#first .article_first h2 p,
#first .article_first h2 a { color: #888; line-height:30px; }
#first .article_first h2 a { text-decoration: underline; }
#first .article_first h2 a:hover { color: #fff; }

#debug
{
	position: fixed;
	bottom:0px;
	left:0px;
	padding:10px;
	color:#000;
	z-index:500;
	}