@charset "utf-8";

/*===================================================
	html5doctor.com Reset Stylesheet - v1.6.1
	Reset 'browser standard style'
====================================================*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
html {
	height:100%;
	overflow-y:hidden;
}
body {
	font-family: Arial, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:75%;
	/*color:#778898;*/
	color:#000;
	line-height:1;
	height:100%;
	letter-spacing: 1px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul, ol {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
	font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}
textarea {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

img { 
	border: 0; 
	vertical-align: bottom;
}

a {
	/*color:#00a1dc;*/
	color:#97864c;
	text-decoration: none;
}
a:link {
	color: #00a1dc;
	color:#97864c;
	text-decoration: none;
	
}
a:visited {  }
a:hover   { color: #a2d75d /*#5391e2*/;}
a:active  {  }

a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.60;
}

/* # float clear(clearfix) */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*==========================================
	index
==========================================*/
/*	common
------------------------------------------*/
#container {
	display:none;
	height:100%;
	width:100%;
	z-index:0;
	/*background:url(images/bg-tile.jpg);*/
}

#content {
	width: 790px;
	position: absolute;
	top: 43%;
	left: 50%;
	margin: -180px 0 0 -400px;
	display:none;
}

#content h1 {
	font-weight:normal;
	font-family:Times;
	font-size:40px;
	text-shadow:1px 1px 1px #BBB;
	color:#888;
	margin-bottom:3px;
}

#content h1 a {
	color:#888;
}

#main {
	position:relative;
	width: 790px;  
	height: 360px; 
}
#main a {
	display:block;
}

#main a img {
	opacity: 0.60;
}
#main a:hover img {
	opacity: 1;
}
#footer {
	display:none;
	margin-top:10px;
	padding-top:5px;
	text-align:right;
	color:#CCC;
}

/*==========================================
				under-content
==========================================*/
/*	common
------------------------------------------*/
#uc-container {
	height:100%;
	width:100%;
	z-index:0;
	overflow:hidden;
	background: #FFF;
}

#uc-content {
	width: 870px;  
	position: absolute;  
	top: 47%;  
	left: 50%;  
	margin: -250px 0 0 -435px;
	display:none;
}

#uc-content h1 {
	font-weight: normal;
	font-family:Times;
	font-size:120%;
	/*text-shadow:0px 1px 0px #ccc;*/
	color:#000;
	margin-bottom:5px;
	display:inline-block;
	width:50%;
	text-indent:1%;
}
#uc-content h1 a {
	color:#000;
	font-weight: normal;
}

#uc-main {
	position:relative;
	width: 870px;  
	height: 520px;
	background:url(images/over_w.png) 0 0;
	/*border-radius:6px 6px;*/
	overflow:auto;
	box-shadow:2px 2px 4px #000;
}
#uc-footer {
	margin-top:10px;
	padding-top:5px;
	text-align:right;
	position:relative;
	height:34px;
	text-shadow:0px 1px 0px #ccc;
	display: none;
}

input:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}
div.player {
	display:inline-block;
	text-align:right;
	width:99%;
	padding-bottom:1%;
}

/********************************************************
input.home {
	background:url(images/home.png) left 1px no-repeat;
	border:none;
	cursor:pointer;
	width:48px;
	height:48px;
	vertical-align:baseline;
	margin-right:2px;
}
input.contact {
	background:url(images/contact.png) left 1px no-repeat;
	border:none;
	cursor:pointer;
	width:48px;
	height:48px;
	vertical-align:baseline;
	margin-right:2px;
}
input.twitter {
	background:url(images/twitter.png) left 1px no-repeat;
	border:none;
	cursor:pointer;
	width:48px;
	height:48px;
	vertical-align:baseline;
	margin-right:2px;
}
input.reload {
	background:url(images/reload.png) left 1px no-repeat;
	border:none;
	cursor:pointer;
	width:48px;
	height:48px;
	vertical-align:baseline;
	margin-right:2px;
}
input.close {
	background:url(images/close.png) left 1px no-repeat;
	border:none;
	cursor:pointer;
	width:48px;
	height:48px;
	vertical-align:baseline;
	margin-right:2px;
}
**********************************************************/

/*	under contents
------------------------------------------*/
#uc-main #title {
	padding:5px;
	text-align:center;
	color:#FFF;
	display:inline;
	float:right;
	background:#a2d75d;
	background:#00A1DC;
	background:#000;
	border-radius:0 6px 0 6px;
}
#uc-main #title span {
	display:block;
	float:left;
	font-size:14px;
	padding: 5px 10px 0 5px;
	letter-spacing: 1px;
}

div.icon {
	float:right;
	border-radius:6px 6px;
}
div.icon a {
	margin-right:5px;
}
div.icon a img {
	width24px;
	height:24px;
}
div.icon a:active img {
	left:1px;
	top:1px;
}

#framebox {
	width:850px;
	height:500px;
	margin:10px auto;
	padding:0;
	line-height:120%;
	overflow:hidden;
}

/*==========================================
			staff
==========================================*/
div.textcase {
}
dl.phototext {
	width:90%;
	margin:5px auto 0;
}
dl.phototext dt {
	width:80px;
	float:left;
	text-align: right;
}
dl.phototext dd {
	margin-left:80px;
}
/*==========================================
		#framebox scrollbar webkit
==========================================*/
#framebox::-webkit-scrollbar
{
        overflow:hidden;
        width:5px;
        background:#000;
        opacity:0.6;
         
        -webkit-border-radius:3px;
        border-radius:3px;
}
        #scrollbar02::-webkit-scrollbar:horizontal
        {
                height:5px;
        }
#framebox::-webkit-scrollbar-button
{
       display:none;
}
#framebox::-webkit-scrollbar-piece
{
        background:#666;
        opacity:0.6;
}
        #scrollbar02::-webkit-scrollbar-piece:start
        {
                background:#666;
        }
#framebox::-webkit-scrollbar-thumb
{
        overflow:hidden;
        -webkit-border-radius:3px;
        border-radius:3px;
         
        background:#CCC;
}
#framebox::-webkit-scrollbar-corner
{
        overflow:hidden;
        -webkit-border-radius:3px;
        border-radius:3px;
         
        background:#333;
}