@import url(http://fonts.googleapis.com/css?family=Tangerine|Dynalight);
@charset "utf-8";

/*
==============================================================================

Piero no fude web CSS

URI: http://www.pieronofude.com/

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

body#about_body{
	width:100%;
	height:100%;
	text-align:center;
	position:relative;
	background:#000 url("../about/images/body_back.png") repeat-x top;
}

div,p,dd,dl,dt,ul,li,h1,h2,h3,h4,h5,h6{
	font-size: 10px;
	font-family:"lucida grande", tahoma, verdana, arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: normal;
	line-height: 1.5;
}

a:link {color:#fff;}
a:visited {color:#fff;}
a:active {color:#cc3300;}
a:hover {color:#ffa000;}


/*
==========================================

メインビジュアル

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

#about_container{
	width:1235px;
	height:100%;
	position:relative;
    text-align:left;
	margin:0 auto 0 ;
	background:#000 url("../about/images/body_back.png") repeat-x top;
}

h1{
	color:#999;
	position:absolute;
	top:5px;
	right:25px;
	}

/*
上部コンテンツ
------------------------------------------*/

#about_header{
	width:1195px;
	height:796px;
	position:relative;
    text-align:left;
	margin:0 0 0 20px;
}

div#title{
	width:200px;
	height:284px;
	position:absolute;
	top:0px;
	left:40px;
}

img#concept{
	position:absolute;
	top:160px;
	left:453px;
}

/*
ギャラリー部分
----------------*/

img#screen{
	position:absolute;
	top:0px;
	left:0px;
	width:1195px;
	height:796px;
	}

div#wireframe{
	position:absolute;
	top:0px;
	left:0px;
	width:1195px;
	height:796px;
	background:url("../about/images/wireframe.png");
	}

div#cover{
	position:absolute;
	top:0px;
	left:0px;
	width:1195px;
	height:796px;
	background:#000 url("../about/images/loader.gif") no-repeat 1080px 80px;
	}

div#gal_pager{
	display:inline;
	position:absolute;
	top:35px;
	right:25px;
	}

div#gal_pager span{
	background:url("../about/images/pager_back.png");
	font-family: 'Dynalight', cursive;
	color:#000;
	font-weight:normal;
	padding:7.5px 10px;
	margin:0 5px 0 0;
	cursor:pointer;
	}

div#gal_pager span:hover{
	background:#fff;
	}

div#gal_pager span#galdel{
	font-family:"lucida grande", tahoma, verdana, arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	}
/*
テキストコンテンツ
------------------------------------------*/
div#about_textarea{
	width:1195px;
	height:auto;
	position:relative;
    text-align:left;
	margin:-215px 0 0 20px ;
	padding:50px 0 0 0 ;
	background:url("../about/images/black_back.png") repeat;
	}

div#about_textarea h2,
div#about_textarea p.read,
div#about_textarea p.text,
div#about_textarea p.text02,
div#about_textarea p.text03,
span.pg_number{
	font-family:"AGaramondPro-Regular","FOT-TsukuMin Pro","KozMinPro-ExtraLight","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
	color:#FFF;
	}
	
#about_textarea h2{
	font-size:40px;
	line-height:45px;
	margin:0 0 30px 300px;
	}
	
#about_textarea p.read{
	font-size:70px;
	line-height:70px;
	margin:0 0 75px 300px;
	}
	
#about_textarea p.text{
	width:320px;
	font-size:14px;
	line-height:21px;
	margin:0 0 30px 80px;
	float:left;
	}
	
#about_textarea p.text02{
	width:320px;
	font-size:14px;
	line-height:21px;
	margin:0 0 30px 45px;
	float:left;
	}
	
#about_textarea p.text03{
	width:400px;
	font-size:14px;
	line-height:21px;
	margin:0 0 30px 720px;
	}
	
span.pg_number{
	position:absolute;
	top:10px;
	left:80px;
	line-height:1;
	}

img#illust01{
	position:absolute;
	top:350px;
	left:80px;
	}

img#illust02{
	position:absolute;
	top:250px;
	left:230px;
	}

img#line_left{
	position:absolute;
	top:215px;
	left:19px;
}

img#line_right{
	position:absolute;
	top:215px;
	right:21px;
}

/*-------------------
スライダー
---------------------*/
#slider1 div{
	position:relative;
	}

div.slide_pager{
	font-family:"AGaramondPro-Regular","FOT-TsukuMin Pro","KozMinPro-ExtraLight","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
	font-size:20px;
	width:1035px;
	margin:30px 0 30px 80px;
	color:#FFF;
	text-align:center;
	border:1px solid #333;
	padding:5px 0;
	cursor:pointer;
	}

div.slide_pager:hover{
	background:#666;
	}

div.slide_pager span.pager_text span{
	font-size:50px;
	margin:0 30px 0 0;
	line-height:1;
	}

#go-prev{display:none;}

/*-------------------
パンくずリスト
---------------------*/
#pankuzu_list{
	width: 800px;
	position: absolute;
	top: 20px;
	left: 80px;
}

#pankuzu_list ol{
	margin:0 0 0 0px;
	}

#pankuzu_list li{
	color: #fff;
	display: inline;
	font-size: 10px;
	margin:0 10px 0 0px;
}

#pankuzu_list li strong {
	font-weight: normal;
}

#pankuzu_list li a {
	padding-right: 20px;
	background-image: url("../about/images/pan.gif");
	background-position: right center;
	background-repeat: no-repeat;
}


/*
メンバー
------------------------------------------*/
div#about_member{
	width:1035px;
	min-height:300px;
	height:auto !important;
	height:300px;
	border-top:1px solid #757575;
	position:relative;
    text-align:left;
	margin:0 0 0 100px ;
	padding:30px 0 0 0 ;
	color:#FFF;
	}

div#about_member h3{
	font-family:"AGaramondPro-Regular","FOT-TsukuMin Pro","KozMinPro-ExtraLight","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
	font-size:40px;
	margin:0 0 25px 0 ;
	}

div#about_member ul li{
	width:139px;
	height:auto;
	position:relative;
    text-align:left;
	margin:0 40px 0 0;
	float:left;
	}

div#about_member ul li.last{
	margin:0;
	}

div#about_member ul li img{
	margin:0 0 5px 0;
	z-index:10 !important;
	}

div#about_member ul li span{
	display:block;
	}

div#about_member ul li span.name{
	font-size:16px;
	}

div#about_member ul li span.eng_name{
	font-size:10px;
	margin:0 0 5px 0;
		}

div#about_member ul li span.job{
	font-size:12px;
		}


/*
footer
------------------------------------------*/

div#footer{
	width:100%;
	height:200px;
	border-top:1px solid #757575;
	background:#000;
	text-align:center;
	margin:60px 0 0 0px;
	color:#FFF;
	}

div#footer_outer{
	width:1235px;
	min-height:150px;
	height:auto !important;
	min-height:150px;
	position:relative;
    text-align:left;
	margin:0 auto 0 ;
	padding:40px 0 0 0 ;
	}

div#footer_inner{
	width:1035px;
	position:relative;
    text-align:left;
	margin:0 0 0 100px ;
	padding:0 ;
	}

div#footer_inner a img:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	}

p#footer_discription{
	font-family:"AGaramondPro-Regular","FOT-TsukuMin Pro","KozMinPro-ExtraLight","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
	position:absolute;
    text-align:right;
	top:0;
	right:0;
	font-size:13px;
	line-height:1.8;
	}

p#footer_discription span{
	display:block;
	font-size:11px;
	line-height:1.8;
	}