@charset "utf-8";

/*
-------------------------------------------------------------------------------
DEFOULT
-------------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
img{margin: 0px;}
hr{margin: 0px;}

/* standard helper classes */
.clr {clear: both;float: none;overflow: hidden;width: 1px;height: 1px;margin: 0 -1px -1px 0;border: 0;padding: 0;font-size: 0;line-height: 0;}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .pkg {display: inline-block;}
/* no ie mac \*/
* html .pkg {height: 1%;}
.pkg {display: block;}
/* */

/* 
----------------------------------------------------------------------------- 
BASIC INLINE/TEXT STYLING
-----------------------------------------------------------------------------*/
body{
	color: #666666;
	font-size: 12px;
	text-align: center;
	margin: 0;
	position: relative;
}

.redbg {
	background-color: #92282c;
}

div.logo {
	background-image: url(http://unoshima.net/img/common/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 190px;
	height: 818px;
	overflow: hidden;
	display: block;
	top: 0;
	left: 20px;
	position: absolute;
	z-index: 999;
	border: 0px;
}

* html div.logo {
	background-image: none;
	filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="http://unoshima.net/img/common/logo.png", sizingMethod="crop");
}


div.logo h1 {
	width: 190px;
	height: 818px;
	text-indent: -7777em;
}

div.gallery a:hover img {
	border-color: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.L {
	float: left;
	display: inline;
}

.R {
	float: right;
	display: inline;
}

div.sitename {
	height: 13px;
	background-color: #92282c;
	border: none;
	margin: 0;
	overflow: hidden;	
}

div.sitename h1 {
	font-size: 9px;
	text-align: right;
}

div#header {
	height: 50px;
	background-color: #000;
	display: block;
	margin: 0;
}


div#header div.inner {
	width: 950px;
	display: block;
	margin: 0 auto;
}

div.outer {
	height: 3px;
	background-image: url(../img/common/bg.gif);
	background-repeat: repeat;
	background-position: left top;
	margin: 0;
	overflow: hidden;
}

div.wrapper{
	text-align: left;
	width: 950px;
	height: auto;
	margin: 0 auto;
	display: block;
}

span.none {
	float: none;
	display: block;
	clear: both;	
}

span.none hr {
	display: none;
}

/* 
----------------------------------------------------------------------------- 
MAIN
-----------------------------------------------------------------------------*/

div.indexnote {
	height: auto;
	display: block;
	background-color: #92282c;
	padiing: 2em 0;
}

div.note {
	text-align: left;
	width: 750px;
	height: auto;
	margin-left: 200px;
	display: block;
}

div.note  a:hover {
	background-color: #b7282e;
}

.bdr {
	background-image: url(../img/common/bdrtop.gif);
	background-repeat: y-repeat;
	background-position: left top;
	margin-top: 2em;
	color: #fff;
}

div.new {
	width: 502px;
	height: auto;
	overflow: hidden;
	display: block;
}

div.new p {
	padding: 0 15px;
}

div.toplink {
	width: 220px;
	height: auto;
	display: block;
}

div.toplink p {
	padding: 0 15px;
}

.texte-pdn {
	margin-left: 15px;
	font-size: 12px;
	
}

dl.fakeTable {
	width: 480px;
	font-size: 12px;
	line-height: 170%;
	overflow: hidden;
	margin: 0 auto;
	float: none;
	clear: both;
}

dl.fakeTable a { color: #666;}

dl.fakeTable dt {
	margin: 0.3em 0.3em 0.3em 0.1em;
	padding: 0.2em;
	width: 4em;
	text-align: left;
}

dl.fakeTable dd {
	width: 100%;
	padding: 0.5em 0.5em 0.2em 7em;
	margin: -2.6em 0 0 0;
	background: url(../img/common/dot.gif) left bottom repeat-x;
	text-align: left;
}

dl.fakeTable dd a:hover {
	background-color: #b7282e;
}

span.coutup {
	font-size: 18px;
}

div.note h2 {
	font-size: 18px;
	margin: 20px 0 20px 10px;
	display: block;
	color: #92282c;
	font-weight: bold;
}

span.tit-y-red {
	background: url(../img/common/y-bdr.gif) left bottom repeat-y;
	padding-left:20px;
	display: block;
	margin: 20px 0 20px 10px;
	font-size: 14px;
	color: #000;
}

div.photobox {
	margin: 20px 0 20px 10px;
	display: block;		
}

span.photo {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #DDD;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}

span.photo2 {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border: 1px solid #fff;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}

span.photo img {
	width: 110px;
	overflow: hidden;
}

span.s-box {
	width: 210px;
	height: 150px;
	overflow: hidden;
	border: 1px solid #DDD;
	float: left;
	display: block;
	margin: 0 10px 10px 0;	
}

span.s-box img {
	width: 230px;
	overflow: hidden;
	top: 0;
	left: 0;
}

div.linkbox {
	width: 220px;
	height: 220px;
	margin: 0 10px 20px 10px;
	float: left;
}

div.linkbox a:hover {
	background-color: #fff;
	color: #008eff;
}

div.linkbox span.l-img {
	width: 220px;
	height: 150px;
	display: block;
	overflow: hidden;
	border: 1px solid #DDD;
	margin-bottom: 20px;
}


/* 
----------------------------------------------------------------------------- 
NAVI
-----------------------------------------------------------------------------*/
ul#navi2 {
	width: 840px;
	height: 50px;
	background-color: #000;
	margin-left: 110px;	
}

ul#navi2 li {
	width: 120px;
	float: left;
	display: inline;
}

ul#navi2 li a {
	width: 120px;
	display: block;
	background-image: url(../img/common/navi.jpg);
	background-repeat: no-repeat;
	text-indent: -7777em;
	overflow: hidden;
	top: 0;
	left: 0;
}

ul#navi2 li#nav01 a {	height: 50px; background-position: 0px 0px; }

ul#navi2 li#nav01 a:hover {	height: 50px; background-position: 0px -50px; }

ul#navi2 li#nav02 a {	height: 50px; background-position: -120px 0px; }

ul#navi2 li#nav02 a:hover {	height: 50px; background-position: -120px -50px; }

ul#navi2 li#nav03 a {	height: 50px; background-position: -240px 0px; }

ul#navi2 li#nav03 a:hover {	height: 50px; background-position: -240px -50px; }

ul#navi2 li#nav04 a {	height: 50px; background-position: -360px 0px; }

ul#navi2 li#nav04 a:hover {	height: 50px; background-position: -360px -50px; }

ul#navi2 li#nav05 a {	height: 50px; background-position: -480px -0px; }

ul#navi2 li#nav05 a:hover {	height: 50px; background-position: -480px -50px; }

ul#navi2 li#nav05_1 a {
	width: 120px;
	height: 30px;
	background-position: -480px -100px;
	 z-index: 1000; }

ul#navi2 li#nav05_1 a:hover { 
	width: 120px;
	height: 30px;
	background-position: -600px -100px;
	 z-index: 1000; }
	
ul#navi2 li#nav05_2 a {
	width: 120px;
	height: 28px;
	background-position: -480px -130px;
	 z-index: 1000; }

ul#navi2 li#nav05_2 a:hover { 
	width: 120px;
	height: 28px;
	background-position: -600px -130px;
	 z-index: 1000; }
	
ul#navi2 li#nav05_3 a {
	width: 120px;
	height: 28px;
	background-position: -480px -160px;
	 z-index: 1000; }

ul#navi2 li#nav05_3 a:hover { 
	width: 120px;
	height: 28px;
	background-position: -600px -160px;
	 z-index: 1000; }
	
ul#navi2 li#nav05_4 a {
	width: 120px;
	height: 28px;
	background-position: -480px -190px;
	 z-index: 1000; }

ul#navi2 li#nav05_4 a:hover { 
	width: 120px;
	height: 28px;
	background-position: -600px -190px;
	 z-index: 1000; }
	
ul#navi2 li#nav05_5 a {
	width: 120px;
	height: 28px;
	background-position: -480px -220px;
	 z-index: 1000; }

ul#navi2 li#nav05_5 a:hover { 
	width: 120px;
	height: 28px;
	background-position: -600px -220px;
	 z-index: 1000; }
	
ul#navi2 li#nav05_6 a {
	width: 120px;
	height: 28px;
	background-position: -480px -250px;
	 z-index: 1000; }

ul#navi2 li#nav05_6 a:hover { 
	width: 120px;
	height: 28px;
	background-position: -600px -250px;
	 z-index: 1000; }
	
ul#navi2 li#nav05_7 a {
	width: 120px;
	height: 28px;
	background-position: -480px -280px;
	 z-index: 1000; }

ul#navi2 li#nav05_7 a:hover { 
	width: 120px;
	height: 28px;
	background-position: -600px -280px;
	 z-index: 1000; }

ul#navi2 li#nav06 a {	height: 50px; background-position: -600px -0px; }

ul#navi2 li#nav06 a:hover {	height: 50px; background-position: -600px -50px; }

ul#navi2 li#nav07 a {	height: 50px; background-position: -720px -0px; }

ul#navi2 li#nav07 a:hover {	height: 50px; background-position: -720px -50px; }





/* 
----------------------------------------------------------------------------- 
SLIDE
-----------------------------------------------------------------------------*/

div.picwap {
	background: #FFF;
	height: 400px;
	display: block;
	text-aline: left;
}

div#slideshow {
	width: 950px;
	margin: 0 auto;	
}

div#slideshow img {
	text-aline: left;
	margin: 0;	
}

/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/

div#footer {
	height: 35px;
	background-color: #000;
	display: block;
	margin: 2em 0 0 0;
}

div#footer div.inner {
	background-color: #000;
	width: 950px;
	display: block;
	margin: 0 auto;
	text-align: right;
	padding: 4px;
	font-size: 10px;
	color: #999;
	position: relative;
}

div#footer div.inner p.kaisai{
	position: absolute;
	bottom: 4px;
	left: 0;
}