@charset "euc-jp";
/* CSS Document */

/*全体*************************/

html{
width:100%;
}

body{
	background-color:#FFFFFF;
	margin:auto auto;
}

/*全体の画像の枠を削除*/
a img{
border:none;
}

img {
	border:none;
	display:inline;
	list-style-image:none;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
	border:none;
	text-align: center;
}

a{
text-decoration:none;
}

li{
list-style:none;
}

/*全体の設定**********************************************/

header{
margin:auto auto;
padding:0px;
width:100%;
background:url(../img/top/h_bg.png) repeat-x;
height:150px;
}

header .top_area{
margin:auto auto;
padding:0px;
width:100%;
background:url(../img/top/h_img_s.png) no-repeat;
text-align:center;
height:150px;
}





header .top_area h1{
margin:0px;
padding:50px 0 0 0px;
font-size:18px;
text-align:center;
color:#FFFFFF;
text-shadow: 1px 2px 3px #808080; 
text-decoration:none;
}

header .top_area h1 a:link, header .top_area h1 a:visited {
color:#FFFFFF;
background:transparent;
text-decoration:none;
}

header .top_area h1 a:hover, header .top_area h1 a:active, header .top_area h1 a:focus {
color:#F4D147;
text-decoration:none;
background:transparent;
}

header .top_area h2{
margin:0px;
padding:15px 0 0 0px;
font-size:23px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}

header .top_area h2 a:link, header .top_area h2 a:visited {
color:#FFFFFF;
background:transparent;
text-decoration:none;
}

header .top_area h2 a:hover, header .top_area h2 a:active, header .top_area h2 a:focus {
color:#F4D147;
text-decoration:none;
background:transparent;
}

header .top_area li{
margin:0px;
padding:0px;
}


header .top_area p{
margin:0px;
padding:0px;
display:none;
}

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

section .loop_area {
margin:0px;
padding:0px;
width:100%;
}

section .banner_area{
margin:0px;
padding:0px;
width:100%;
}

.banner_area br{
display:none;
}

section .banner_area .line{
margin:0px;
padding:0px;
width:100%;
height:36px;
background:top url(../img/top/line.png) repeat-x;
}

section .yui_area{
margin:0px;
padding:0px;
background:#BD2022;
width:100%;
}

section .yui_b{
margin:auto auto;
padding:0px;
text-align:center;
}


section .yui_b img{
width:80%;
}

section .uta_area{
margin:0px;
padding:0px;
background:url(../img/top/uta_bg.png) repeat-x ;
width:100%;
}

section .uta_b{
margin:auto auto;
padding:0px;
text-align:center;
}

section .contents{
margin:auto auto;
padding:0px;
width:100%;
}

section .txt_area{
margin:auto auto;
padding:30px 0 30px 0;
width:100%;
}

section .txt_area li{
margin:0px;
padding:0 30px 0 30px;
font-size:23px;
line-height:50px;
font-weight:bold;
text-align:center;
color:#333333;
}

section .left_area{
margin:auto auto;
padding:0px;
width:100%;
text-align:center;
}

section .right_area{
margin:auto auto;
padding:0px;
width:100%;
}

section .news_area{
margin:auto auto;
padding:0 30px 0 30px;
text-align:center;
}

section .news_area .title{
margin:0px auto 10px auto;
padding:0 0 20px 0;
width:100%;
border-bottom: 1px #666666 solid;
font-size:30px;
font-weight:bold;
color:#333333;
text-align:center;
}

section .news_area li{
margin:0px auto 0px auto;
padding:10px 5px 10px 5px;
width:100%;
border-bottom: 1px #666666 dotted;
font-size:17px;
line-height:26px;
color:#333333;
text-align:left;
}

section .news_area li.end{
margin:0px auto 30px auto;
}

section .news_area li.staff{
margin:0;
padding:10px 0 0 0;
font-size:18px;
font-weight:bold;
line-height:35px;
border-bottom: none;
color:#333333;
text-align:center;
}

section .news_area li.staff a:Link, section .news_area li.staff a:visited {
color:#333333;
background:transparent;
text-decoration:none;
}

section .news_area li.staff a:hover, section .news_area li.staff a:active, section .news_area li.staff a:focus {
color:#BD2022;
background:transparent;
text-decoration: underline;
}

section .yotube_area{
margin:30px auto 0 auto;
padding:0px;
width:100%;
clear:both;
text-align:center;
}

section .yotube_area .title{
margin:0;
padding:0 0 50px 0;
width:100%;
font-size:35px;
letter-spacing:6px;
font-weight:bold;
text-align:center;
color:#333333;
}

section .yotube_area iframe{
margin:auto auto;
padding:0 10px 0 10px;
width:450px;
height:254px;
text-align:center;
}

section .yotube_area video{
margin:20px auto 0 auto;
width:450px;
height:254px;
}

section .yotube_area img{
margin:20px auto 0 auto;
width:450px;
height:254px;
}

section .yotube_area iframe.end{
padding:0 0 0 0px;
}

section .info_area{
margin:0px;
padding:0px;
width:100%;
text-align:center;
}

section .info_area .title{
margin:0;
padding:45px 0 45px 0;
font-size:35px;
font-weight:bold;
color:#333333;
}

section .center_area{
margin:auto auto;
padding:0px;
text-align:center;
}

section .center_area .yui_shop{
margin:auto auto;
padding:0 0px 0 0px;
text-align:center;
}

section .center_area .yui_shop iframe{
margin:auto auto;
}

section .center_area .yui_shop li.name{
margin:0;
padding:8px 0px 8px 0px;
width:100%;
border-bottom: 1px #666666 solid;
font-size:23px;
font-weight:bold;
color:#333333;
text-align:center;
}


section .center_area .txt_area{
margin:0px;
padding:0 0px 0 0;
width:100%;
text-align:center; 
}

section .yui_shop .txt_area li{
margin:0px;
padding:0px 5px 0px 15px;
font-size:17px;
line-height:25px;
color:#333333;
text-align:center;
font-weight:normal;
}

section .yui_shop .txt_area li.top{
margin:0px;
padding:10px 5px 7px 15px;
}

section .yui_shop .txt_area li.bottom{
margin:0px;
padding:5px 5px 5px 15px;
}

section .yui_shop .txt_area .tel{
margin:0px;
padding:15px 5px 0 5px;
font-size:30px;
line-height:23px;
color:#333333;
text-align:left;
}

section .yui_shop .map_area{
margin:0px;
padding:0 0px 0 0;
width:100%;
text-align:center;
}

section .yui_shop .map_area iframe{
width:100%;
height:250px;
}

.yui_shop ul{
margin: auto auto;
padding:60px 0 60px 0;
width:100%;
display:inline;
list-style:none;
text-decoration:none;
}

.yui_shop ul li {
display:inline;
padding:0px;
margin:0px;
list-style:none;
text-decoration:none;
color:#333333;
text-align:right;
font-size:15px;
}

.yui_shop ul a:Link, .yui_shop ul a:visited {
color:#333333;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
text-align:right;
}

.yui_shop ul a:hover, .yui_shop ul a:active, .yui_shop ul a:focus {
color:#BD2022;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
text-align:right;
}

section .uta_shop{
margin:auto auto;
padding:80px 0px 0 0px;
width:600px;
}

section .uta_shop li.name{
margin:0;
padding:8px 0px 8px 0px;
width:600px;
border-bottom: 1px #666666 solid;
font-size:23px;
line-height:28px;
color:#333333;
float:right;
text-align:center;
}

section .uta_shop .txt_area{
margin:0px;
padding:0 0px 0 0;
width:380px;
float:left;
}

section .uta_shop .txt_area li{
margin:0px;
padding:0px 5px 0px 15px;
font-size:17px;
line-height:23px;
color:#333333;
text-align:left;
font-weight:normal;
}

section .uta_shop .txt_area li.top{
margin:0px;
padding:10px 5px 7px 15px;
}

section .uta_shop .txt_area li.bottom{
margin:0px;
padding:5px 5px 5px 15px;
}

section .uta_shop .txt_area .tel{
margin:0px;
padding:5px 5px 0 5px;
font-size:30px;
line-height:19px;
color:#333333;
text-align:left;
}

section .uta_shop .map_area{
margin:0px;
padding:0 0px 0 0;
width:220px;
float:right;
}

.uta_shop ul{
margin:0px;
padding:60px 0 0 0;
width:580px;
float:right;
display:inline;
list-style:none;
text-decoration:none;
}

.uta_shop ul li {
display:inline;
padding:0px;
margin:0px;
list-style:none;
text-decoration:none;
color:#333333;
text-align:right;
font-size:15px;
}

.uta_shop ul a:Link, .uta_shop ul a:visited {
color:#333333;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
text-align:right;
}

.uta_shop ul a:hover, .uta_shop ul a:active, .uta_shop ul a:focus {
color:#BD2022;
background:transparent;
text-decoration:none;
padding:0px;
margin:0px;
text-align:right;
}


footer{
margin:30px 0 0 0;
padding:5px 0 0 0 ;
width:100%;
text-align:center;
border-top:1px solid #333333;
}


footer li{
margin:0px;
padding:0 0 5px 0;
font-size:10px;
color:#333333;
text-align:center;
}


/*======================================
wooser tv-anime
----------------------------------------
description:lauout and animation 
edit: 2012/09/21
lastupdate:
======================================*/

#pickupImage a {
	background: url(../img/top/10th_s.png) no-repeat 50% 50%;
}

#pickupImageBg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background-color: #000;
	
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	z-index: 1999;
}
#pickupImage a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	z-index: 2001;
}



.w100{
margin:auto auto;
width:100%;
}