@charset "UTF-8";
/* CSS Document */



/* ----- common ----- */

*{
	margin:0;
	padding:0;
	border:none;
}

section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
	display: block;
}


body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.7;
	background:url(img/bg.gif) repeat-x left top;
}

a{
	color:#f29100;
	text-decoration:none;
	border:none;
}

a:hover{
	color:#f26100;
	text-decoration:none;
	border:none;
}

#wrapper{
	width:1000px;
	margin:0 auto;
}


/* ----- header ----- */

#header{
	width:1000px;
	height:690px;
	margin:0 0 30px 0;
	overflow:hidden;
}

h1{
	float:left;
	width:201px;
	height:22px;
	background:url(img/header_special_products.gif) no-repeat 55px top;
	text-indent:-9999px;
	overflow:hidden;
	margin:15px 0 86px 0;
	padding:0 0 0 55px;
}

.txt_alpha{
	float:right;
	width:401px;
	height:18px;
	background:url(img/header_alpha.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	margin:17px 0 0 0;
	padding:0 51px 0 0;
}

.txt_collabo{
	clear:both;
	width:584px;
	height:69px;
	background:url(img/header_txt.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 208px;
}

nav{
	width:862px;
	height:304px;
	margin:77px 0 0 76px;
}

nav ul{
	list-style:none;
	width:496px;
	height:294px;
	padding:0 0 0 366px;
	background:url(img/header_alpha_logo.gif) no-repeat left 107px;
}

nav ul li{
	float:left;
	width:238px;
	height:66px;
	margin:0 10px 10px 0;
}


/* ----- contents ----- */

#edge,
#aviation,
#street,
#game,
#animation,
#skate,
#brand,
#school{
	clear:both;
	position:relative;
	padding:10px 0 0 0;
}

#magazine{
	clear:both;
	position:relative;
	padding:10px 0 30px 0;
}

#edge:after,
#aviation:after,
#street:after,
#game:after,
#animation:after,
#skate:after,
#brand:after,
#school:after ,
#magazine:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
#edge,
#aviation,
#street,
#game,
#animation,
#skate,
#brand,
#school,
#magazine { display: inline-block; }  
  
/* Hides from IE-mac \*/  
* html #edge,
* html #aviation,
* html #street,
* html #game,
* html #animation,
* html #skate,
* html #brand,
* html #school,
* html #magazine { height: 1%; } 
 
#edge,
#aviation,
#street,
#game,
#animation,
#skate,
#brand,
#school,
#magazine { display: block; }  
/* End hide from IE-mac */  

h2{
	width:898px;
	height:21px;
	padding:0 0 0 50px;
	text-indent:-9999px;
	overflow:hidden;
}

h3{
	margin:0 0 5px 0;
}

.url{
	display:block;
	margin:20px 0 0 0;
}

.btn_pagetop{
	position:absolute;
	display:block;
	width:82px;
	height:20px;
	bottom:-15px;
	right:50px;
	z-index:10;
}


/* ----- EDGE ----- */

#edge h2{background:url(img/edge_title.gif) no-repeat 50px top;}

#edge .img_01{
	position:absolute;
	top:60px;
	left:131px;
}

#edge .txt_01{
	width:386px;
	padding:52px 0 30px 533px;
}

#edge .txt_02{
	float:left;
	width:372px;
	margin:130px 0 100px 70px;
}

#edge .img_02{
	float:right;
	padding:0 27px 0 0;
}


/* ----- AVIATION ----- */

#aviation h2{background:url(img/aviation_title.gif) no-repeat 50px top;}

#aviation .img{
	margin:14px 0 33px 64px;
}

#aviation .txt{
	width:750px;
	margin:0 0 40px 150px;
}

#aviation h3{
	float:left;
}

#aviation p{
	padding:0 0 0 132px;
}


/* ----- STREET ----- */

#street h2{background:url(img/street_title.gif) no-repeat 50px top;}

#street .img_01{
	position:absolute;
	top:78px;
	left:50px;
}

#street .txt_01{
	width:323px;
	padding:35px 0 20px 602px;
}

#street .img_02{
	float:right;
	padding:0 40px 0 0;
}

#street .txt_02{
	float:left;
	width:360px;
	margin:160px 0 80px 70px;
}


/* ----- GAME ----- */

#game h2{background:url(img/game_title.gif) no-repeat 50px top;}

#game .img{
	margin:12px 0 25px 89px;
}

#game .txt{
	width:800px;
	margin:0 0 50px 100px;
}

#game h3{
	float:left;
}

#game p{
	padding:0 0 0 175px;
}


/* ----- ANIMATION ----- */

#animation h2{background:url(img/animation_title.gif) no-repeat 50px top;}

#animation .img{
	float:left;
	padding:24px 0 40px 118px;
}

#animation .txt{
	float:right;
	width:390px;
	padding:70px 75px 0 0;
}


/* ----- SKATE ----- */

#skate h2{background:url(img/skate_title.gif) no-repeat 50px top;}

#skate .img{
	padding:15px 0 30px 380px;
}

#skate .txt{
	position:absolute;
	width:340px;
	top:120px;
	left:70px;
}


/* ----- BRAND ----- */

#brand h2{background:url(img/brand_title.gif) no-repeat 50px top;}

#brand .img{
	margin:14px 0 5px 78px;
}

#brand .txt{
	width:750px;
	margin:0 0 40px 150px;
}

#brand h3{
	float:left;
}

#brand p{
	padding:0 0 0 125px;
}


/* ----- SCHOOL ----- */

#school h2{background:url(img/school_title.gif) no-repeat 50px top;}

#school .movie{
	float:left;
	width:520px;
	padding:70px 0 0 70px;
}

#school .img{
	float:right;
	width:320px;
	padding:70px 60px 60px 0;
	text-align:center;
}


/* ----- MAGAZINE ----- */

#magazine h2{background:url(img/magazine_title.gif) no-repeat 50px top;}


#magazine h3{
	float:left;
	margin:21px 0 50px 120px;
}

#magazine .txt{
	width:750px;
	margin:0 0 40px 150px;
}

#magazine .url{
	float:right;
	display:block;
	margin:70px 80px 0 0;
}

#magazine .item{
	clear:both;
	width:760px;
	margin:0 0 40px 140px;
	padding:0 0 30px 0;
	background:url(img/dotline.gif) no-repeat left bottom;
}

#magazine .item h4{
	margin:0 0 20px 0;
}

#magazine .item p{
	margin:0 0 10px 0;
}

#magazine  .btn_chack{
	display:block;
	width:337px;
	margin:0 0 50px 331px;
}



/* ----- 取り扱い店舗 ----- */

h4.shop_title{
	width:800px;
	margin:0 0 10px 100px;
	font-weight:bold;
	border-left:#000 8px solid;
	font-size:14px;
	line-height:20px;
	padding:0 0 0 5px;
}


h4 .notes {
	color: #F00;
	font-weight: normal;
}

table{
	width:800px;
	margin:0 0 70px 100px;
	border-left:1px #b5b5b5 solid;
}

table tr.col{
	background:#f6f6f6;
}

table td{
	padding:3px 3px 3px 7px;
	border-right:1px #b5b5b5 solid;
	border-bottom:1px #b5b5b5 solid;
}

table td.midashi_01{
	background:#b5b5b5;
	color:#fff;
	font-weight:bold;
	border-right:1px #eee solid;
}

table td.midashi_02{
	background:#b5b5b5;
	color:#fff;
	font-weight:bold;
	border-right:1px #b5b5b5 solid;
}


/* ----- footer ----- */

#footer{
	clear:both;
	width:100%;
	height:30px;
	font-size:10px;
	line-height:30px;
	text-align:center;
	color:#fff;
	background:#000;
	margin:20px 0 0 0;
}

