/*
-----------------------------------

  create: 
  update: 
  url: http://www.

----------------------------------- */
#print_top,
#print_circulation,
#print_about,
#print_detail,
#print_map,
#print_movie,
#print_company,
#print_library,
#print_contact{
	font-size: 0.0001pt;
}
/*
-------------------------
TAGS
------------------------- */
*{ margin:0; padding:0; text-decoration:none; font-weight:normal; font-style:normal; line-height:1.5em; font-size: 12px; font-family:'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}
* html body { font-size: 0.9em;text-align: center;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
ul li { list-style:none; }
ul,li {margin: 0;padding: 0;}
div,ul,li { zoom:1; }
div:after,ul:after,li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0.001em;line-height: 0;}
select option { padding : 0 5px; }

body{color:#000;overflow-y: scroll; background: url('../images/common/bg.gif');}
* html body{overflow-y: scroll;}
*+html body{overflow: hidden;}

/* フッター常に下くっ付きCSS
http://blog.magical-remix.net/igalog/archives/303
html{height: 100%;}
body{height: 100%;}
body > #container{height: auto;}										body直下の大外の要素
#container{height: 100%; min-height: 100%; position: relative;} 		body直下の大外の要素
#contents{padding: 0 0 100px;} 											container直下でfooterの直前要素にfooterと同じだけの下padding
#footer{position: absolute; bottom: 0; width: 100%; height: 100px;} 	ポジション指定 heightとwidthを指定する
*/

img{vertical-align: top;}

/* anchor */
a {
	color:#003dec;
	text-decoration:underline;
	overflow: hidden; /*firefox点線対応*/
	font-size: inherit;
}
* html a {
	overflow: visible;
}
*+html a {
	overflow: visible;
}

a img{border: 0;}

/* table */
table {
	border-collapse: 0;
}
th,td {
	border-collapse:collapse;
}
strong{
	font-weight: bold;
}
.f14{
	font-size: 14px;
}
/*
-------------------------
BASE CLASS
------------------------- */
#container{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
* html #container{
}
.m_0 {
	margin: 0 !important;
}
.mb_5{
	margin-bottom: 5px !important;
}
.mb_10{
	margin-bottom: 10px !important;
}
.mb_15{
	margin-bottom: 15px !important;
}
.mb_20{
	margin-bottom: 20px !important;
}
.mb_25{
	margin-bottom: 25px !important;
}
.mb_30{
	margin-bottom: 30px !important;
}
.mb_40{
	margin-bottom: 40px !important;
}
.mb_50{
	margin-bottom: 50px !important;
}
.txtlt{
	text-align: left !important;
}
.txtct{
	text-align: center !important;
}
.txtrt{
	text-align: right !important;
}
.nec{
	color: #e24545;
}
/*
-------------------------
HEADER
------------------------- */
#header{
	height: 80px;
	width: 100%;
	position: relative;
}
#yellow #header{
	background: url('../images/common/yhead.gif') no-repeat left bottom;
}
#blue #header{
	background: url('../images/common/bhead.gif') no-repeat left bottom;
}
#header h1{
	position: absolute;
	top: 17px;
	left: 0;
	width: 168px;
	height: 18px;
}

#header ul {
	position: absolute;
	top: 17px;
	right: 0;
}

#header ul li{
	margin-left: 5px;
	float: left;
}

#header ul li.print{
	margin: 0 5px 0 0;
}
#header p{
	width: 115px;
	height: 17px;
	position: absolute;
	bottom: 3px;
	right: 10px;
	z-index: 1;
}

/*
-------------------------
FOOTER
------------------------- */
#footer{
	height: 38px;
	width: 100%;
	position: relative;
}
#footer address{
	position: absolute;
	top: 14px;
	right: 0;
}
#footer p{
	position: absolute;
	top: 14px;
	left: 0;
}
/*
-------------------------
NAVI
------------------------- */
#navi{
	width: 167px;
	position: absolute;
	top: 30px;
	left: 0;
}
#navi ul{
	margin-bottom: 20px;
}
#navi ul li{
	margin-bottom: 5px;
}
#navi ul li a{
	display: block;
	width: 167px;
	height: 33px;
	overflow: hidden;
}
#navi p{
	margin: 0 14px 25px;
}
#navi p a{
	display: block;
	width: 139px;
	height: 30px;
}
#navi h3{
	margin: 0 14px 10px;
}
#navi ol{
	margin: 0 14px;
}
#navi ol li{
	margin-bottom: 20px;
	color: #FFF;
	list-style: none;
}
#navi ol li a{
	color: #FFF;
	text-decoration: underline;
}
#navi ol li a:hover{
	color: #FFF;
	text-decoration: none;
}
#navi ol li a:visited{
	color: #FFF;
}

/*
-------------------------
CONTENTS
------------------------- */
#contents{
	width: 100%;
	position: relative;
}
#yellow #contents{
	background: url('../images/common/yconts.gif') repeat-y;
}
#blue #contents{
	background: url('../images/common/bconts.gif') repeat-y;
}
#yellow #contentsInner{
	padding-bottom: 420px;
	background: url('../images/common/yfoot.gif') no-repeat left bottom;
}
#blue #contentsInner{
	padding-bottom: 100px;
	background: url('../images/common/bfoot.gif') no-repeat left bottom;
}
#main_body{
	text-align: center;
}
#main_body.topimg{
	float: right;
	width: 732px;
	height: 560px;
}
#main_body.topimg h2{
	position: absolute;
	top: 0;
	right: 0;
	width: 732px;
	height: 560px;
}
#confblc{
	background: url('../images/common/conf_bg_off.gif') no-repeat left bottom;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
	width: 171px;
	height: 93px;
}
#confblc #confbtn{
	background: url('../images/common/conf_bg_off.gif') no-repeat;
	padding: 69px 0 0;
}
#page{
	float: right;
	width: 674px;
	_width: 734px;
	padding: 95px 30px 100px 30px;
	text-align: left;
	z-index: 100;
}
#page h2{
	text-align: center;
}

/*
-------------------------
MOVIE
------------------------- */
.about{
/*	text-align: center !important;*/
	width: 674px !important;
}
.about sup{
	font-size: 6px;
	line-height: 6px;
	margin-bottom: 3px;
	vertical-align: text-top;
}
.aboutblcouter{
	background: url('../images/under/about_img_10.gif') no-repeat right bottom !important;
	margin: 0 0 20px;
}
.aboutblc01{
	position: relative;
	height: 330px;
}
.aboutblc01left{
	position: absolute;
	top: 0;
	left: -29px;
	width: 367px;
}
.aboutblc01right{
	width: 318px;
	float: right;
	text-align: left;
}
.aboutblc02{
	width: 410px;
	text-align: left;
}
.aboutblc02 ul{
	border-top: 1px solid #7fc87b;
	margin: 0 0 7px;
}
.aboutblc02 li{
	border-bottom: 1px solid #7fc87b;
	font-size: 14px;
	line-height: 30px;
	text-indent: 25px;
	background: url('../images/under/aboutlist.gif') no-repeat 8px 10px !important;
}
.aboutvision{
	margin: 0 0 45px;
}
.aboutvision .avleft{
	background: #f6f4cf;
	width: 310px;
/*	_width: 330px;*/
	padding: 10px;
	float: left;
}
.aboutvision .avleft h5{
	height: 11px;
	margin: 0 0 5px;
}
.aboutvision .avleft .avtype01{
	width: 144px;
	_width: 156px;
	padding: 5px;
	border: 1px solid #bfbfbf;
	background: #fff;
	float: left;
}
.aboutvision .avleft .avtype01 .avtype01img{
	float: left;
	width: 58px;
}
.aboutvision .avleft .avtype01 .avtype01txt{
	float: right;
	width: 80px;
}
.aboutvision .avleft .avtype01 .avtype01txt p{
	line-height: 1.2em;
}
.aboutvision .avleft .avtype02{
	width: 141px;
	padding: 5px 0;
	float: right;
}
.aboutvision .avleft .avtype02 .avtype02img{
	float: left;
	width: 56px;
}
.aboutvision .avleft .avtype02 .avtype02txt{
	float: right;
	width: 78px;
}
.aboutvision .avleft .avtype02 .avtype02txt p{
	line-height: 1.2em;
}
.aboutvision .avright{
	width: 330px;
	float: right;
}
.aboutvision .avright .avmarquee{
	padding: 10px;
	background: #f6f4cf;
	margin: 0 0 14px;
}
.aboutvision .avright .avsize{
	padding: 10px;
	background: #fff767;
	border: 1px solid #b1b1b1;
}
.aboutvision .avright .avsize li{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	_line-height: 21px;
	text-indent: 25px;
	background: url('../images/under/aboutvisionlist.gif') no-repeat 8px 5px !important;
	color: #0079df;
}
*+html .aboutvision .avright .avsize li{
	line-height: 21px;
}
.aboutptn .aboutptnblc{
	margin: 0 0 15px;
}
.aboutptn .aboutptnleft{
	width: 318px;
	float: left;
}
.aboutptn .aboutptnright{
	width: 318px;
	float: right;
}
.aboutptn .aboutptnleft li{
	background: url('../images/under/aboutlist.gif') no-repeat 0 6px !important;
	line-height: 21px;
	text-indent: 15px;
	font-size: 14px;
	font-family:'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}
.aboutptn .aboutptnright li{
	background: url('../images/under/aboutlist.gif') no-repeat 0 6px !important;
	line-height: 21px;
	padding: 0 0 0 15px;
	font-size: 14px;
	font-family:'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}
.aboutptn .aboutptnright li .smltxt{
	font-size: 12px;
	line-height: 21px;
}
/*
-------------------------
MOVIE
------------------------- */
.movie{
/*	background: #fff216 url('../images/under/bg_movie.gif') no-repeat right 15px !important;*/
}
.movieinner{
	text-align: center !important;
}
.movieinner .movieleft{
	_margin: 0 38px 0 0;
	width: 318px;
	float: left;
}
.movieinner .movieright{
	width: 318px;
	float: right;
}
.movieinner .movieleft li{
	margin: 0 0 8px;
}
.movieinner .movieright .cganime{
	margin: 0 0 30px;
}
.movieinner .movieright .cganime ul{
	float: left;
	width: 149px;
}
.movieinner .movieright .cganime ul li{
	margin: 0 0 4px;
}
.movieinner .movieright .cganime .cgallplaybtn{
	float: left;
	width: 71px;
	height: 17px;
	margin: 0 0 0 60px;
	_margin: 0 0 0 30px;
	text-align: left;
}
.movieinner .movieright .cganime .cganimeimg{
	float: right;
	width: 169px;
	height: 97px;
}
.movieinner .movieright .cgslide{
	margin: 0 0 10px;
}
.movieinner .movieright .cgslide .cgslidebtn{
	float: left;
	width: 191px;
	height: 34px;
}
.movieinner .movieright .cgslide .cgslideimg{
	float: right;
	width: 127px;
	height: 72px;
}
.movieinner .movieright .allmovie{
	text-align: left;
}
.moviedetailblc{
	_margin: 0 0 0 50px;
	_width: 674px;
	_text-align: center;
}

/*
-------------------------
COMPANY
------------------------- */
.company{
	text-align: center !important;
}
.comptbl{
	width: 590px;
	margin: 0 auto;
	border-top: 1px solid #b2ada5;
}
.comptbl th,
.comptbl td{
	font-size: 12px;
	border-bottom: 1px solid #b2ada5;
	vertical-align: middle;
}
.comptbl th{
	background: #fffcd0 url('../images/common/thline.gif') repeat-y;
	padding: 5px 0 5px 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 108px;
	_width: 108px;
	font-family:'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
}
.comptbl td{
	text-align: left;
	background: #fff;
	padding: 5px 0 5px 25px;
}
.comptbl td a{
	font-weight: bold;
	font-size: 16px;
	line-height: 1em;
}
.comptbl td .comptdlist li{
	width: 49%;
	float: left;
}
.comptbl td .comptdlist li.ex{
	float: none;
	width: 100%;
	clear: both;
}
/*
-------------------------
MAP
------------------------- */
.map{
	text-align: center !important;
	width: 674px !important;
}
.map .mapblc{
	width: 675px;
	height: 327px;
	_height: 326px;
	position: relative;
}
.map .mapdetail{
	width: 256px;
	height: 159px;
	position: absolute;
	top: 0;
	left: 0;
}
.map .mapdetail dt{
	width: 60px;
	_width: 66px;
	border-left: 4px solid #4cbdac;
	padding: 0 0 0 6px;
	margin: 0 0 5px;
	line-height: 19px;
	font-weight: bold;
	font-family:'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	float: left;
	clear: both;
}
.map .mapdetail dd{
	margin: 0 0 5px;
	line-height: 19px;
}
.map .mapdetail dd sup{
	font-size: 6px;
	line-height: 6px;
	margin-bottom: 3px;
	vertical-align: text-top;
}


.map .mapimgdetail{
	width: 256px;
	height: 168px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.map .mapimg{
	width: 419px;
	height: 327px;
	position: absolute;
	bottom: 0;
	right: 0;
	_right: -1px;
}
/*
-------------------------
DETAIL
------------------------- */
.detail{
	text-align: center !important;
	width: 674px !important;
}
.detail p{
	text-align: center;
	font-size: 14px;
}
.detail p a{
	font-size: 14px;
}
.detailtbl{
	width: 590px;
	margin: 0 auto 20px;
	margin: -1px auto 20px;
	border-top: 1px solid #b2ada5;
}
.detailtbl th,
.detailtbl td{
	font-size: 14px;
	border-bottom: 1px solid #b2ada5;
	vertical-align: middle;
	text-align: left;
}
.detailtbl th{
	background: #fffcd0 url('../images/common/thline.gif') repeat-y;
	padding: 15px 0 15px 40px;
	font-weight: bold;
	width: 122px;
}
.detailtbl td{
	background: #fff;
	padding: 0 0 0 25px;
}
.detailtbl2{
	width: 590px;
	margin: 0 auto 10px;
	margin: -1px auto 10px;
	border-top: 1px solid #b2ada5;
	border-left: 1px solid #b2ada5;
}
.detailtbl2 th,
.detailtbl2 td{
	font-size: 12px;
	border-bottom: 1px solid #b2ada5;
	border-right: 1px solid #b2ada5;
	vertical-align: middle;
	text-align: left;
}
.detailtbl2 th{
	background: #fffcd0 url('../images/common/thline.gif') repeat-y;
	padding: 15px 0 15px 25px;
	font-weight: bold;
/*	width: 122px;*/
}
.detailtbl2 th.none-img{
	background-image: none;
}
.detailtbl2 td{
	background: #fff;
	padding: 0 30px 0 0;
	text-align: right;
}
.txt-left{
	padding-left: 45px;
	text-align: left !important;
	font-size: 12px !important;
}
.txt-right{
	padding-right: 45px;
	text-align: right !important;
	font-size: 12px !important;
}
/*
-------------------------
CONF
------------------------- */
#formbody{
	float: right;
	width: 672px;
	height: 300px;
	padding: 95px 30px 100px;
	text-align: center;
}
#formbody h2{
	text-align: center;
	margin: 0 0 5px;
}
#formbody p{
	text-align: center;
}
/*
-------------------------
CIRCULATION
------------------------- */
.tblbox{
	width: 675px;
}
.leftbox{
	float: left;
	width: 331px;
}
.rightbox{
	float: right;
	width: 327px;
}
.circulationtbl{
	width: 331px;
	margin: 0;
	border-top: 1px solid #b2ada5;
}
.circulationtbl th,
.circulationtbl td{
	font-size: 14px;
	border-bottom: 1px solid #b2ada5;
	vertical-align: middle;
	text-align: left;
}
.circulationtbl th{
	background: #fffcd0 url('../images/common/thline.gif') repeat-y;
	padding: 12px 0 12px 40px;
	font-weight: bold;
	width: 147px;
}
.circulationtbl td{
	border-right: 1px solid #b2ada5;
	background: #fff;
	padding: 0 20px 0 0;
	text-align: right;
}
.circulationtbl2{
	width: 675px;
	margin: 0;
	border-top: 1px solid #b2ada5;
}
.circulationtbl2 th,
.circulationtbl2 td{
	font-size: 16px;
	border-bottom: 1px solid #b2ada5;
	vertical-align: middle;
}
.circulationtbl2 th{
	background: #fffcd0 url('../images/common/thline.gif') repeat-y;
	padding: 20px 0 20px 40px;
	font-weight: bold;
	width: 310px;
	text-align: left;
}
.circulationtbl2 td{
	border-right: 1px solid #b2ada5;
	background: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}
.circulationtbl3{
	width: 331px;
	margin: 0;
	border-top: 1px solid #b2ada5;
}
.circulationtbl3 th,
.circulationtbl3 td{
	font-size: 16px;
	border-bottom: 1px solid #b2ada5;
	vertical-align: middle;
	text-align: left;
}
.circulationtbl3 th{
	background: #fffcd0 url('../images/common/thline.gif') repeat-y;
	padding: 20px 0 20px 40px;
	font-weight: bold;
	width: 130px;
}
.circulationtbl3 td{
	border-right: 1px solid #b2ada5;
	background: #fff;
	padding: 0 20px 0 0;
	font-size: 22px;
	font-weight: bold;
	text-align: right;
}
.total{
	padding: 1px 1px 1px 5px !important;
	border-right: 1px solid #b2ada5;
	background: #FFF url('../images/common/thline.gif') repeat-y !important;
}
.total span.tblcolor{
	padding: 7px 20px 7px 0;
	display: block;
/*	width: 324px;
	height: 44px;*/
	background: #fdf573;
	font-size: 22px;
	font-weight: bold;
	text-align: right;
}
p.circulation_left_txt{
	font-size: 12px;
	text-align: left;
}
p.circulation_right_txt{
	font-size: 11px;
	text-align: right;
}
span.txt14{
	font-size: 14px !important;
	font-weight: bold;
}

/*
-------------------------
PHOTO LIBRARY
------------------------- */
.photoLib{
	text-align: center !important;
	width: 674px !important;
}
#library {
	width: 674px;
}

#LeftImg {
	padding: 1px;
	border: 1px solid #b2ada5;
	float: left;
	width: 408px;
	height: 311px;
	background: #FFF;
}

#RightBtn {
	float: right;
	width: 246px;
}

#RightBtn li{
	margin-bottom: 6px;
}


/*
-------------------------------------
YUNIKA VISION SPORTS NEWS 2010.06.17
-------------------------------------*/
#sports{
	float: right;
	padding: 95px 30px 100px;
	_padding: 95px 15px 100px;
	width: 674px;
	text-align: center;
}
.sportsTxt{
	_padding: 0 0 0 20px;
	font-size: 12px !important;
	text-align: left !important;
}
ul.sportsPhoto{
	margin: 0 -14px 0 0;
	width: 689px;
}
ul.sportsPhoto li{
	margin: 0 14px 0 0;
	float: left;
}
.sportsNews{
	margin: 0 auto;
	border: 1px solid #009edf;
	width: 590px;
	background: #FFF;
	text-align: left;
}
.sportsNews ul{
	padding: 10px 10px 10px 45px;
}
.sportsNews li.bold{
	font-weight: bold;
}
.sportsNews .red{
	color: #FF0000;
	font-weight: bold;
}
.termTxt{
	text-align: right;
}


/*
-------------------------------------
YUNIKA VISION SPORTS NEWS 2010.06.21
-------------------------------------*/
.movieBox{
	margin-bottom: 30px;
}
.movieLeft{
	float: left;
	width: 220px;
}
.movieRight{
	margin: 115px 0 0;
	float: right;
	width: 440px;
	text-align: left;
}


/*
-------------------------------------
YUNIKA VISION MEZAMASHI 2010.08.06
-------------------------------------*/
.mezamashiTxt{
	padding: 0 0 0 25px !important;
	text-align: left !important;
}