@charset "UTF-8";
body	{
		color: #FFFFFF;
		font-family:"Hiragino Kaku Gothic Pro","Meiryo","ＭＳ Ｐゴシック","Osaka",arial, helvetica, verdana;
		font-size:85%;
		margin:0px;
		padding:0px;
		line-height:1.4;
		text-align:center;
		background-color: #333333;
}
img	{border:none;}
ul	{list-style: none;}
table	{
		font-size:13px;
		color:#232323;
		text-align:left;
}
h1,h2,h3,h4,h5,form,p,ul,ol,li,div,table,thead,tbody,tfoot {
		margin:0px;
		padding:0px;
}
a:link	{
		color: #FF6600;
		text-decoration:none;
}
a:visited	{
		color: #FF6600; 
		text-decoration:none;
}
a:hover	{
		color: #FF6600;
		text-decoration:underline;
}


/* @group HEAD */
/*===============================================
HEADWRAPPER
===============================================*/
#HEADWRAPPER{
	width:960px;
	height:115px;
	margin:0 auto;
	background-color: #262626;
	text-align: left;
}
.headwrapperbox{
	padding-top:18px;
	padding-left:16px;
}
#HEADWRAPPER h1{
	margin-bottom:8px;
	float:left;
}
.counter{
	float:right;
}
/* @end */
/* @group MENU */
/*===============================================
MENU
===============================================*/
#MENU{
	width: 950px;
	margin-top:10px;
}
#MENU li	{float: left;}
#M-TOP,
#M-GALLERY,
#M-MAP,
#M-CONTACT,
#M-BLOG{width: 120px;}
#M-SHOPPING{width: 120px;}

#FORM{
	width:260px;
	margin-top:25px;
	margin-left:35px;
}

#M-GALLERY,
#M-MAP,
#M-CONTACT,
#M-BLOG,
#M-SHOPPING{ margin-left:9px;}

#ADDRESS{
	font-size:77%;
	margin-left:35px;
}

#M-TOP a,
#M-GALLERY a,
#M-MAP a,
#M-CONTACT a,
#M-BLOG a,
#M-SHOPPING a{
	display: block;
	height: 35px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#FORM a{
	display: block;
	height: 28px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#M-TOP a{
	background-image: url(../images/btn/top.jpg);
	width: 120px;
}
#M-GALLERY a{
	background-image: url(../images/btn/gallery.jpg);
	width: 120px;
}
#M-MAP a{
	background-image: url(../images/btn/map.jpg);
	width: 120px;
}
#M-CONTACT a{
	background-image: url(../images/btn/contact.jpg);
	width: 120px;
}
#M-BLOG a{
	background-image: url(../images/btn/blog.jpg);
	width: 120px;
}
#M-SHOPPING a{
	background-image: url(../images/btn/shopping.jpg);
	width: 120px;
}
#FORM a{
	background-image: url(../images/btn/form.jpg);
	width: 260px;
}
#M-TOP a:hover,
#M-GALLERY a:hover,
#M-MAP a:hover,
#M-CONTACT a:hover,
#M-BLOG a:hover,
#M-SHOPPING a:hover {
	background-position: 0px -35px;
}
#FORM a:hover	{
	background-position: 0px -28px;
}
/* @end */
/* @group FLASH */
/*===============================================
FLASH
===============================================*/
#FLASH	{
	height: 405px;
	text-align: center;
}
#FLASH-G	{
	height: 700px;
	text-align: center;
}
/* @end */
/* @group WRAPPER */
/*===============================================
WRAPPER
===============================================*/
#WRAPPER{
	width: 960px;
	margin: 0px auto;
	text-align: left;
}
#WRAPPER-M{
	width: 960px;
	height:509px;
	margin: 0px auto;
	text-align: left;
	background-color:#333333;
}
#WRAPPER-G{
	width: 960px;
	height:700px;
	margin: 0px auto;
	text-align: left;
	background-color:#333333;
}

/* @end */
/* @group T-CONTENTS */
/*===============================================
T-CONTENTS
===============================================*/
#T-CONTENTSBOX{
	width:960px;
	height:125px;
	background-color:#1A1A1A;
}
#T-CONTENTSBOX li{
	float:left;
}
#NEWS,
#WELCOME,
#RECOMMEND{
	width:300px;
}
#NEWS{
	font-size:85%;
	padding-left:20px;
}
#NEWS img{
	padding-top:4px;
	padding-left:15px;
	padding-bottom:2px;
}
#WELCOME p{
	padding-left:20px;
	padding-top:10px;
	font-size:70%;
}
#WELCOME p{
	width:275px;
	height:71px;
}
#RECOMMEND{
	padding-top:10px;
	padding-left:13px;
}
#RECOMMEND .recommend_img{
	float:left;
}
#RECOMMEND .recommend-text{
	float:left;
	padding-top:5px;
	padding-left:18px;
}
.recommend-text001{
	padding-bottom:5px;
}
.recommend-text002{
	padding-bottom:7px;
}
.line{
	padding-top:5px;
}	
.blog{
	text-align:right;
	margin-right:10px;
	margin-top:5px;
}
.blog a:link	{
		color: #FF6600;
		text-decoration:underline;
}
.blog a:visited	{
		color: #FF6600;
		text-decoration:underline;
}
.blog a:hover	{
		color: #FFCC00;
		text-decoration:underline;
}
/* @group TOPICS */
/*===============================================
TOPICS
===============================================*/
#TOPICS{
	width: 280px;
	height: 75px;
	border:1px solid #FFF;
	font-size: 95%;

	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top: 1px;
	left: 10px;
}
#TOPICS #T-CONTENT{
	height: auto;
	position: relative;
	color: #FFF;
	margin-left:5px;
}
#T-CONTENT p{margin-bottom: 3px;}
#T-CONTENT span{padding-right: 5px;}

#T-CONTENT a:link,
#T-CONTENT a:visited{
	color: #FFF;
	text-decoration: underline;	
}
#T-CONTENT a:hover{
	color: #FF3300;
	text-decoration: underline;
}
/* @end */
/* @group FOOT */
/*===============================================
FOOT
===============================================*/
#FOOT{
	background-color:#0D0D0D;
	width: 950px;
	margin: 0px auto;
	padding: 5px;
}
#FOOT #COPY{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #B3B3B3;
	text-align:right;
}

/* @end */
/* @group MAP */
/*===============================================
MAP
===============================================*/
.map-l{
	float:left;
	padding:30px 0 0 10px;
}
.map-l p{
	margin:20px 0 5px;
}
.map-r{
	float:left;
	width:570px;
	height:460px;
	margin:20px 0 0 5px;
	background-image:url(../images/map_back.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.map-txt{
	width:330px;
	font-size:93%;
}
/* @end */
/* @group FORM */
/*===============================================
FORM
===============================================*/
#F-MAIN {
	width:630px;
	height:360px;
	margin:0 0 20px 155px;
	padding-top:20px;
}
#F-MAIN  td{
	padding-bottom:10px;
}
#F-MAIN .td-left{
	width:150px;
	color:#DE6D00;
}
#F-MAIN h2{
	padding-left:15px;
}
#F-MAIN li{
	float:left;
}
.formtext{
	padding-left:15px;
}
.formtext img{
	vertical-align:bottom;
	margin-right:5px;
}

/* @end */
/* @group GALLERY */
/*===============================================
GALLERY
===============================================*/
.comingsoon{
}

/* @end */
/* @group CLASS
 */
/*===============================================
class list
===============================================*/
.alC	{text-align:center;}
.alR	{text-align:right;}
.alL	{text-align:left;}

.more,
.play,
.mobile	{margin: 5px 0px;}

.more a,
.play a,
.mobile a {
	float: right;
	display: block;
	height: 15px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.more a span,
.play a span{
	height:15px;
}
.more a{background-image: url(../images/more.gif); width: 85px;}
.play a{background-image: url(../images/play.gif); width: 93px;}
.mobile a{background-image: url(../images/mobile.gif); width: 85px;}

.more a:hover,
.play a:hover,
.mobile a:hover{
	background-position: 0px -15px;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
/*===============================================
float
===============================================*/
.flL	{ float:left; }
.flR	{ float:right; }
/*===============================================
hidden
===============================================*/
/*--------------------for MacIE--------------------*/
.more span,
.play span,
.mobile span,
#M-TOP span,
#M-GALLERY span,
#M-MAP span,
#M-CONTACT span,
#M-BLOG span,
#M-SHOPPING span,
#FORM span{
	text-indent:-9999px;
}
/*--------------------MacIE HACK--------------------¥*/
.more span,
.play span,
.mobile span,
#M-TOP span,
#M-GALLERY span,
#M-MAP span,
#M-CONTACT span,
#M-BLOG span,
#M-SHOPPING span,
#FORM span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}

/*===============================================
clearfix
===============================================*/
.more:after,
.play:after,
.mobile:after,
#M-TOP :after,
#M-GALLERY :after,
#M-MAP :after,
#M-CONTACT :after,
#M-BLOG :after,
#M-SHOPPING :after,
#FORM :after,
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.more,
.play,
.mobile,
#M-TOP,
#M-GALLERY,
#M-MAP,
#M-CONTACT,
#M-BLOG,
#M-SHOPPING,
#FORM,
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac ¥*/
*html .more,
*html .play,
*html .mobile,
*html #M-TOP,
*html #M-GALLERY,
*html #M-MAP,
*html #M-CONTACT,
*html #M-BLOG,
*html #M-SHOPPING,
*html #FORM,
*html .clearfix {
	height:1%;
}
.more,
.play,
.mobile,
#M-TOP,
#M-GALLERY,
#M-MAP,
#M-CONTACT,
#M-BLOG,
#M-SHOPPING,
#FORM,
.clearfix {
	display:block;
}
/* End hide from IE-mac */
/* @end */