/*site*/

@charset "utf-8";

html{
	background:transparent;
}

body {
    background-color:#000;
	margin:0px;
	padding:0px;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
    min-width:1100px;
}

.clear:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;}

.clear{
	zoom:1; }

.clear_fix{
	overflow: hidden;
	display: inline-block;
}
.clear_fix:after{
	cotent:".";
	display: block;
	visibility: hidden;
	height:0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear:both;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size:10px;
	color:#fff;
    line-height : 180%;
}

h2 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}

h4 {
	margin: 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

em{
	text-indent:-9999px;
	display:block;
}

ul,li{
	margin:0;
	padding:0;
	list-style-type:none;
}

strong{
    font-weight:normal;
	margin:0;
	padding:0;
}


/*top*/

#container {
     position: absolute;
     top: 50%;
     left: 50%;
     overflow: auto;
     width:1020px;
     height: 750px;
     margin-top: -375px;
     margin-left: -510px;
}


#container_left {
	width:450px;
	position:fixed;
	float:left;
}

#container_right {
	width:500px;
	margin-left:500px;
	float:left;
	overflow:auto;
	text-align:center;
}

#copy{
     position:fixed;
	 height:20px;
	 bottom:0px;
	 padding-top:10px;
	 padding-bottom:10px;
	 width: 100%;
	 text-align:center;
	 background-color: #000;
}

#menu {
	width:195px;
	margin-left:auto;
	margin-right:auto;
}

#menu1 a {
	width:195px;
	height:27px;
	background-image:url(../images/menu1.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu1 a:hover,.menu1 a:active {
	width:195px;
	height:27px;
	background-image:url(../images/menu1o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu2 a {
	width:195px;
	height:28px;
	background-image:url(../images/menu2.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu2 a:hover,.menu2 a:active {
	width:195px;
	height:28px;
	background-image:url(../images/menu2o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu3 a {
	width:195px;
	height:29px;
	background-image:url(../images/menu3.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu3 a:hover,.menu3 a:active {
	width:195px;
	height:29px;
	background-image:url(../images/menu3o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu4 a {
	width:195px;
	height:29px;
	background-image:url(../images/menu4.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu4 a:hover,.menu4 a:active {
	width:195px;
	height:29px;
	background-image:url(../images/menu4o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:20px;
}

#menu5 a {
	width:195px;
	height:29px;
	background-image:url(../images/menu5.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#menu5 a:hover,.menu5 a:active {
	width:195px;
	height:29px;
	background-image:url(../images/menu5o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

.news_box {
	width:500px;
	text-align:center;
	color: #FFFFFF;
    font-size: 14px;
    line-height : 180%;
	margin-bottom:35px;
}

.info_box {
	width:100%;
	text-align:left;
	color: #FFFFFF;
    font-size: 14px;
    line-height : 180%;
	margin-bottom:35px;
}

.releases_box {
	width:980px;
	text-align:center;
	color: #FFFFFF;
    font-size: 14px;
    line-height : 180%;
	margin-bottom:35px;
}

.links_box {
	width:980px;
	text-align:left;
	color: #FFFFFF;
    font-size: 14px;
    line-height : 180%;
	margin-bottom:5px;
}

#wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#p_header {
	width:1000px;
	height:393px;
    position:fixed;
	top: 0;
    left: 50%;
    margin-left: -500px;
	background-color: #000;
}

#p_header_text {
	width:1000px;
	height:20px;
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
}

#p_header_main {
	width:1000px;
	height:393px;
}

#p_header_left {
	width:600px;
	float:left;
}

#p_header_right {
	width:400px;
	float:left;
}

#p_contants {
	padding-top:460px;
	padding-bottom:40px;
}

#reco{
        padding-top:430px;
        margin-top:-430px;
}

#bm{
        padding-top:430px;
        margin-top:-430px;
}

#others{
        padding-top:430px;
        margin-top:-430px;
}

#shirt{
        padding-top:430px;
        margin-top:-430px;
}

#dir{
        padding-top:430px;
        margin-top:-430px;
}

#other{
        padding-top:430px;
        margin-top:-430px;
}







#t_contants_bg2 {
	width:1000px;
	height:250px;
	margin: 0 auto;
}

#t_contants_bg {
	width:1000px;
	height:250px;
	margin-top:15px;
	margin-bottom:15px;
}

#lunch_bg {
	width:320px;
	height:100%;
	margin-right:20px;
	float:left;
}

#lunch {
	width:320px;
	height:355px;
}

#lunch_main {
	width:320px;
	height:301px;
}

#topics {
	width:320px;
	height:250px;
	float:left;
}

#topics_main {
	width:320px;
	height:196px;
	overflow:auto;
}

#days {
	width:320px;
	height:250px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	float:left;
}

#days_main {
	width:320px;
	height:196px;
	overflow:auto;
}

#staff {
	width:320px;
	height:250px;
	float:left;
}

#staff_main {
	width:320px;
	height:196px;
	overflow:auto;
}

.box {
	width:300px;
	border-bottom:dotted #666666 1px !important;
	font-size:12px;
	color:#FFFFFF;
	padding-bottom:10px;
	margin-bottom:10px;
}


.day {
	margin-right:10px;
	float:left;
}

.text {
	height:100%;
	float:left;
}

.text2 {
	height:100%;
}

#f_contants_bg2 {
	width:1000px;
	margin: 0 auto;
}

#f_contants_bg {
	width:1000px;
	margin-bottom:15px;
}



#banner {
	width:660px;
	height:355px;
	float:left;
}

#banner_1 {
	width:660px;
	height:105px;
	margin-bottom:20px;
}

#banner_2 {
	width:660px;
	height:105px;
	margin-bottom:20px;
}

#banner_3 {
	width:660px;
	height:105px;
}

#banner_1 ul li{float:left;}

#banner_2 ul li{float:left;}

#banner_3 ul li{float:left;}


#banner1 a {
	width:320px;
	height:105px;
	background-image:url(../images/banner1.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:20px;
}

#banner1 a:hover,.banner1 a:active {
	width:320px;
	height:105px;
	background-image:url(../images/banner1o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:20px;
}

#banner2 a {
	width:320px;
	height:105px;
	background-image:url(../images/banner2.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#banner2 a:hover,.banner2 a:active {
	width:320px;
	height:105px;
	background-image:url(../images/banner2o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#banner3 a {
	width:320px;
	height:105px;
	background-image:url(../images/banner3.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:20px;
}

#banner3 a:hover,.banner3 a:active {
	width:320px;
	height:105px;
	background-image:url(../images/banner3o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:20px;
}

#banner4 a {
	width:320px;
	height:105px;
	background-image:url(../images/banner4.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#banner4 a:hover,.banner4 a:active {
	width:320px;
	height:105px;
	background-image:url(../images/banner4o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#banner5 a {
	width:320px;
	height:105px;
	background-image:url(../images/banner5.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:20px;
}

#banner5 a:hover,.banner5 a:active {
	width:320px;
	height:105px;
	background-image:url(../images/banner5o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:20px;
}

#banner6 a {
	width:320px;
	height:105px;
	background-image:url(../images/banner6.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#banner6 a:hover,.banner6 a:active {
	width:320px;
	height:105px;
	background-image:url(../images/banner6o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}















#contants_bg {
	width:1000px;
	margin: 0 auto;
}

#contants {
	width:1000px;
	display:block;
	margin-top:15px;
	margin-bottom:15px;
}

#contants_left {
	width:710px;
	margin-right:20px;
	float:left;
}

#contants_right {
	width:270px;
	float:left;
}






#p_banner {
	width:270px;
	margin-bottom:10px;
}

#p_banner1 a {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner1.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner1 a:hover,.p_banner1 a:active {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner1o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner2 a {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner2.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner2 a:hover,.p_banner2 a:active {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner2o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner3 a {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner3.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner3 a:hover,.p_banner3 a:active {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner3o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner4 a {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner4.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner4 a:hover,.p_banner4 a:active {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner4o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner5 a {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner5.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner5 a:hover,.p_banner5 a:active {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner5o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-bottom:5px;
}

#p_banner6 a {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner6.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#p_banner6 a:hover,.p_banner6 a:active {
	width:270px;
	height:105px;
	background-image:url(../images/p_banner6o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}


#shop_info {
	width:250px;
	background-image:url(../images/shop_bg.jpg);
	padding:7px;
	border: 3px double #222222;
}

#about_box1 {
	width:710px;
	background-image:url(../images/about_bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

.menu_box{
	border-bottom:dotted #666666 1px !important;
	padding-bottom:5px;
	margin-bottom:5px;
}



















#footer {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-image:url(../images/footer_bg.jpg);
}

*.news {
	width: 650px;
	height: 110px;
}

#page_top {
	width:100%;
	margin-top:15px;
	text-align:right;
}


























a { 
  color:#FFFFFF;
  text-decoration:underline;
}

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


/*-----------------------------------------------------------------
自動で画像のフェードイン・フェードアウト｜jQuery
-----------------------------------------------------------------*/

#viewer_bg2 {
	width:100%;
	height:545px;
	background-color:#000;
}

#viewer_bg {
	margin: 0 auto;
	width: 1100px;
	height: 545px;
	position: relative;
}

#title_bg {
	width:1100px;
	height:240px;
	margin: 0 auto;
}

#title_bg2 {
	width:100%;
	height:240px;
	background-color:#000;
}

#viewer {
	margin: 0 auto;
	text-align: cener;
	z-index:-100;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}


#gnav_bg {
	width:100%;
	height:70px;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:repeat-x;
}

#gnav {
	width:990px;
	height:70px;
	z-index:200;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#viewer_banner {
	top: 235px;
	left: 0;
	width:610px;
	height:275px;
	position: absolute;
	z-index:100;
	display:block;
	position: absolute;
}

#viewer_banner_t {
	width:610px;
	height:150px;
	margin-bottom:5px;
}

#viewer_banner_f {
	width:610px;
	height:120px;
}

#viewer_banner_t ul li{float:left;}


#viewer_banner_1 a {
	width:200px;
	height:150px;
	background-image:url(../images/viewer_banner_1.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:5px;
}

#viewer_banner_1 a:hover,.viewer_banner_1 a:active {
	width:200px;
	height:150px;
	background-image:url(../images/viewer_banner_1o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:5px;
}

#viewer_banner_2 a {
	width:200px;
	height:150px;
	background-image:url(../images/viewer_banner_2.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:5px;
}

#viewer_banner_2 a:hover,.viewer_banner_2 a:active {
	width:200px;
	height:150px;
	background-image:url(../images/viewer_banner_2o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
	margin-right:5px;
}

#viewer_banner_3 a {
	width:200px;
	height:150px;
	background-image:url(../images/viewer_banner_3.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#viewer_banner_3 a:hover,.viewer_banner_3 a:active {
	width:200px;
	height:150px;
	background-image:url(../images/viewer_banner_3o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#viewer_banner_4 a {
	width:610px;
	height:120px;
	background-image:url(../images/viewer_banner_4.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}

#viewer_banner_4 a:hover,.viewer_banner_4 a:active {
	width:610px;
	height:120px;
	background-image:url(../images/viewer_banner_4o.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent: -9999px;
}