﻿/*---------------------------------------------*/
/*            default setting                  */
/*---------------------------------------------*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

a{color:#747474;}
a:hover{text-decoration:none;}
hr{display:none;clear:both;}

.clear{clear:both;height:1px;}
.fleft{float:left;}
.fright{float:right;}
.aleft{text-align:left;}
.acenter{text-align:center;}
.aright{text-align:right;}

.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb50{padding-bottom:50px;}
.pt15{padding-top:15px;}
.pt25{padding-top:25px;}
.pr15{padding-right:15px;}
.pr30{padding-right:30px;}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}

span.red{color:#ff0000;}
span.dashed{width:100%;height:1px;display:block;border-top:1px dashed #ddd;margin:15px 0;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}


/*---------------------------------------------*/
/*            base setting                     */
/*---------------------------------------------*/

body{
	width:100%;
	height:100%;
	min-height:768px;
	text-align:center;
	background:#000000;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	font-size:12px;
	line-height:150%;
	font-family:Meiryo;
	color:#666666;

}

table{font-size:100%;}

#All{
	width:1024px;
	margin:0 auto;
	min-height:800px;
	text-align:center;
}

#Top_title{
	width:1024px;
	height:249px;
	margin-bottom:0px;
}


#Main{
	margin:0 auto;
	width:910px;
	height:508px;
	background:url(../images/screen.jpg) no-repeat top left;
	float:left;
}

#Screen{
	width:910px;
	height:341px;
	
}

#Tvcm{
	float:left;
	width:536px;
	height:301px;
	margin:0;
	padding:0;
	padding-left:244px;
}

#Gmenu{
	width:910px;
	height:167px;
	background:url(../images/gmenu_bg.jpg) no-repeat top right;
}

#Gmenu ul{
	width:792px;
	height:150px;
	margin-left:130px;

}

#Gmenu ul li{
	display:inline;
	float:left;
	margin-right:27px;
}

#Gmenu ul li a{
	height:49px;
	text-indent:-9999em;
	display:block;
	float:left;
	overflow:hidden;
}


#Gmenu ul li#D3D a:hover,
#Gmenu ul li#Dinorama a:hover,
#Gmenu ul li#Flip a:hover,
#Gmenu ul li#Bags a:hover,
#Gmenu ul li#Tshirts a:hover,
#Gmenu ul li#Cap a:hover{
	background-position:left -150px;
}

#Gmenu ul li#D3D a{
	width:104px;
	height:150px;
	background:url(../images/g_menu_3d.jpg) no-repeat;
}

#Gmenu ul li#Dinorama a{
	width:104px;
	height:150px;
	background:url(../images/g_menu_dinorama.jpg) no-repeat;
}

#Gmenu ul li#Flip a{
	width:104px;
	height:150px;
	background:url(../images/g_menu_flip.jpg) no-repeat;

}

#Gmenu ul li#Bags a{
	width:104px;
	height:150px;
	background:url(../images/g_menu_bags.jpg) no-repeat;
	
}

#Gmenu ul li#Tshirts a{
	width:104px;
	height:150px;
	background:url(../images/g_menu_tshirts.jpg) no-repeat;
	
}

#Gmenu ul li#Cap a{
	width:104px;
	height:150px;
	background:url(../images/g_menu_cap.jpg) no-repeat;
	
}



#Main_right{
	background:url(../images/right_bg.jpg) no-repeat top right;
	width:114px;
	height:508px;
	float:right;
}

#Shop_btn{
	width:84px;
	height:135px;
	margin-top:111px;
	text-indent:-9999em;	
	float:right;
	overflow:hidden;
}

#Shop_btn p a:hover{
	background-position:left -135px;

}

#Shop_btn p a{
	display:block;
	width:84px;
	height:135px;
	background:url(../images/shop_btn.jpg) no-repeat top right;
}


#Contact_btn{
	width:94px;
	height:134px;
	margin-top:9px;
	text-indent:-9999em;	
	float:left;
	overflow:hidden;
}

#Contact_btn p a:hover{
	background-position:left -134px;

}

#Contact_btn p a{
	display:block;
	width:94px;
	height:134px;
	background:url(../images/contact_btn.jpg) no-repeat top left;
}



#Footer{
	width:1024px;
	height:43px;
}




/*---------------------------------------------*/
/*           bg_footer                           */
/*---------------------------------------------*/

#TopFotter{
	width:1024px
	height:25px;
}
