@charset "UTF-8";

/*---------------------------
- Theme name: mono stone
- Written by: Aki Kawashiro
- Licence: Only for me!!
---------------------------*/

/*
Design is not just what it looks like and feels like.
Design is how it works.
---Steve Jobs
*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/

/* YUI 3: CSS Fonts
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* YUI 3: CSS Reset
- Element style reset.
 http://developer.yahoo.com/yui/3/cssreset/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* ########## PageDesign ########## */


/* Base
------------------------------------------------------------------- */

html {
	overflow-y:scroll;
}

body {
	color: #ccc;
	letter-spacing: 1px;
	background:url(img/suna2.png);
}

div#main,
div#header,
div#footer{
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	background:url(img/suna.png);
}

a:link,
a:visited	{
	color:#18D1FF;
	text-decoration:none;
}

a:hover	{
	color:#fff;
	text-decoration:underline;
}

a:active, a:focus{
	outline:none;
}

h1 {
	color: #111;
	text-shadow: 0px 2px 1px #666;
	font-size: 197%;
	font-weight:bold;
}

h2 {
	margin-top:10px;
	font: 129% 'Trebuchet MS', Helvetica, sans-serif;
	color: #000;
	text-shadow: 0px 1px 0px #666;
	background: url(img/yoko.png) bottom repeat-x;
}


/* Header
------------------------------------------------------------------- */

div#header {
	position: relative;
	padding: 35px 25px 15px;
	font-family: 'Trebuchet MS',  Helvetica, sans-serif;
	border-top: solid 1px #000;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#header ul{
	position: absolute;
	bottom: 23px;
	right: 25px;
	background: url(img/tate.png) right repeat-y;
	padding-right: 7px;
}

#header li{
	display: inline;
	background: url(img/tate.png) left repeat-y;
	padding-left:10px;
	font-weight: bold;
}


#header img{
	vertical-align: bottom;
}


/* Main
------------------------------------------------------------------- */

#main	{
	position: relative;
	margin: 20px auto;
	padding:10px 25px 25px;
	border-top: solid 1px #666;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#main p{ margin: 10px 20px;}


#main dl {
	margin: 0 20px;
	zoom:1; /* IE6背景消失対策 */
}

#main dt {
	margin-top: 10px;
	padding: 2px 15px;
	border-bottom: solid 1px #333;
	background: url(img/mark_dt.gif) left no-repeat;
}

#main dd {
	padding-left: 15px;
	padding-top: 2px;
	border-top: solid 1px #666;
}

#main dd img {
	vertical-align: middle;
}

p.back {
	background:url(img/suna.png);
	width: 100px;
	padding: 5px;
	margin: 10px auto 20px;
	text-align: center;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

ul.list li {
	margin: 10px 20px;
	padding-left: 15px;
	background: url(img/mark_ul.gif) 0 0.4em no-repeat;
}


/* Gallery
---------------------------------- */

ul.gallery {
	margin: 10px 20px;
}

ul.gallery li{
	float: left;
	margin-right: 3px;
	margin-bottom: 2px;
}

body.index ul.gallery img {
	behavior: url(scripts/iepngfix.htc);
}

ul.gallery img {
	-moz-opacity:0.7;
	opacity:0.7;
}

ul.gallery a:hover img {
	-moz-opacity:1;
	opacity:1;
}

ul.gallery a:active {
	position:relative;
	top: 1px;
	left:1px;
}


/* Parts
---------------------------------- */

div#banner {
	text-align: center;
	width: 400px;
	margin: 30px auto 0 auto;
	padding: 15px 0;
	background:url(img/suna2.png);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	border-radius: 10px;
}

div#ro {
	font-size: 77%;
	text-align:right;
	margin-top:20px;
}

body.rosp div#main p {
	margin-top: 25px;
}


/* Warehouse
---------------------------------- */

body.rosp h2,
body.warehouse h2 {
	color: #bbb;
	font-family: meiryo;
	text-shadow: 0px -1px 2px rgba(0,0,0,0.5);
}

div.simpleTabs { margin-top: 20px; }
ul.simpleTabsNavigation { margin:0 30px; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline;}
ul.simpleTabsNavigation li a {
	border:2px solid #333;
	padding:5px 10px 3px;
	background-image: url(img/suna2.png);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
ul.simpleTabsNavigation li a:hover {}
ul.simpleTabsNavigation li a.current { 
	color:#fff;
	border-bottom:3px solid #4E5153;
	background-image: url(img/suna1.png);
}

div.simpleTabsContent {
	border:2px solid #333;
	padding:5px 15px 15px 15px;
	margin-top:3px;
	display:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.simpleTabsContent.currentTab { display:block; }


div.simpleTabsContent div {
	border: inset 1px #444;
	margin: 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

div.simpleTabsContent div ul li {
	margin: 5px 20px;
	padding-left: 15px;
	background: url(img/mark_ul.gif) 0 0.4em no-repeat;
}


/* Footer
------------------------------------------------------------------- */

#footer {
	text-align: center;
	background:#444;
	margin-bottom:20px;
	padding:10px 25px;
	border-top: solid 1px #666;
	font-size: 77%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* History
------------------------------------------------------------------- */

#history{
	position: absolute;
	right: 25px;
	top: 10px;
}

div.highslide-maincontent dl {
	padding-bottom: 50px;
}

div.highslide-maincontent dt {
	border-bottom: solid 1px #ccc;
	margin-bottom: 5px;
	font-weight: bold;
}

/* ClearFix
------------------------------------------------------------------- */

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

ul.gallery {
	display: inline-block;
}


/* Clap
------------------------------------------------------------------- */

body.clap div{
	background:url(img/suna.png);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
	line-height: 1.5em;
	margin:30px auto;
	padding:25px;
	width: 500px;
	text-align: center;
}

body.clap h1 {
	color: #ccc;
	font-size: 122%;
	font-family: meiryo;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: normal;
	background: url(img/yoko.png) bottom repeat-x;
}

body.clap div p {
	background: url(img/yoko.png) top repeat-x;
	margin: 10px auto;
	padding-top: 5px;
}

body.clap div p span {
	color: #fff;
}

body.clap img {
	border: solid 1px #ddd;
}

body.clap div label {
	display: block;
	text-align: left;
	margin: 5px 30px;
}

body.clap div .tipped {
	color: #BBB;
}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	font-family: meiryo;
	text-decoration: none;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}


/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}