@charset "utf-8";

body {
margin:0;
padding:0;
font:13px/1.231 arial,helvetica,clean,sans-serif;
*font-size:small;*font:x-small;
}
table {
font-size:inherit;font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;*font-size:108%;
line-height:100%;
}

/*======================================

	1-2.Universal selector

=======================================*/

* {
@margin: 0; 
@padding: 0;
@line-height: 1.6em;
@color: #333;
@font-size: 100%;

@font-style: normal;
}

/*======================================

	1-3.Structure Module

=======================================*/

html {
	overflow-y: scroll;
}

body {
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/*======================================

	1-4.Text Module

=======================================*/

p,
pre,
address,
cite {
	margin: 0.5em 20px;
	font-size: 100%;
}


h1 {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
margin:0;
font-weight:bold;
font-size:180%;
color:#C2C2C2;
}

h2 {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin:5px 20px 5px 17px;
	padding-left:7px;
font-weight:bold;
	font-size: 140%;
	color:#CC6600;
	background-image:url(../image/h2_bar.jpg);
	background-repeat:no-repeat;
}

h3 {
margin:20px 20px 5px 20px;
font-weight: bold;
	font-size: 120%;
}


h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
}

pre {
	padding: 0.5em 10px;
	border: 1px dotted #aaa;
	width: 90%;
	overflow: scroll;
	color: #333;
	font-family: "Osaka|", monospace;
}

pre[title]::before {
	margin-bottom: 0.8em;
	padding: 0 10px;
	display: block; 
	content: attr(title);
	color: #000;
	background-color: #fff;
}

blockquote {
	margin: 1.5em 20px;
	padding: 1px 0; 
	border: 3px solid #eee;
	background-color: #fff;
}

blockquote * {
	color: #666;
}

blockquote[title]:before {
	margin: 2px 2px 1em 2px;
	padding: 0.1em 16px;
	display: block;
	content: attr(title); 
	background-color: #f5f5f5; 
}

blockquote[cite]:after {
	padding: 0.8em 20px;
	display: block; 
	content: attr(cite);
	color: #333;
	text-align: right;
}

cite {
	display: block;
	color: #333;
	text-align: right;
}

em {
	font-weight: bold;
}

strong {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

code {
	font-family: "Osaka|", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: "Osaka|", monospace;
}

/*======================================

	1-5.Hypertext Module

=======================================*/

a img{
border:none;
}

.c a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}

a:link {
	color: #3366FF;
}

a:visited {
	color:#993399;
}

a:hover {
	color: #FF9933;
}

/*======================================

	1-6.List Module

=======================================*/

ul,
ol,
dl {
}

li,
dt,
dd {
}

dt {
}

dd {
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
}

/*======================================

	1-7.Edit Module

=======================================*/

del {
	color: #999;
	text-decoration: line-through;
}

del[datetime]::before {
	content: " ( "attr(datetime)"\00524a\009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]::before {
	content: " ( "attr(datetime)"\004fee\006b63) ";
}

/*======================================

	1-8.Forms Module

=======================================*/

form {
	margin: 0.5em 20px;
	padding: 1px 0; 
}

form dl,
form p {
	margin: 0.5em 10px;
}

fieldset {
	border: 1px solid #ddd;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
}

input,
textarea {
	margin: 0.4em 10px;
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, "qMmpS Pro W3",  sans-serif;
	background-color: #f5f5f5;
}

input {
	line-height: 1.2;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 10px;
}

/*======================================

	1-9.Tables Module

=======================================*/

table {
	margin: 0 20px 0.5em 20px;
	border-collapse: separate;
	border-spacing: 0px;
	border: 0px 
}

th,
td {
	padding: 0.1em 5px;
	border: 0px 
}

th {
	color: #000;
}

td {
	border: 0px 
}

/*======================================

	1-10.Image Module

=======================================*/

img {
border:none;
}



a:hover img {

}

/*======================================

	1-11.Object Module

=======================================*/

object,
embed {
	margin: 1em 20px;
}

/*======================================

	1-12.clearfix

=======================================*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }


/*======================================

	.botan top no menu botan

=======================================*/

ul#botan{
    list-style:none;
    width:100%;
	margin:0;
padding:0;
}
ul#botan li{
    list-style:none;
    float:left;
}
ul#botan a{
    display:block;
    height:35px;
}

#botan a span{display:none;} 

a.tmn_01{
width:129px;
    background-image:url(../image/tmn_01.jpg);
}
a:hover.tmn_01{
    background-position:0px -35px;
}

a.tmn_02{
width:129px;
    background-image:url(../image/tmn_02.jpg);
}
a:hover.tmn_02{
    background-position:0px -35px;
}

a.tmn_03{
width:129px;
    background-image:url(../image/tmn_03.jpg);
}
a:hover.tmn_03{
    background-position:0px -35px;
}

a.tmn_04{
width:129px;
    background-image:url(../image/tmn_04.jpg);
}
a:hover.tmn_04{
    background-position:0px -35px;
}

a.tmn_05{
width:129px;
    background-image:url(../image/tmn_05.jpg);
}
a:hover.tmn_05{
    background-position:0px -35px;
}

a.tmn_06{
width:128px;
    background-image:url(../image/tmn_06.jpg);
}
a:hover.tmn_06{
    background-position:0px -35px;
}




ul#smn{
    list-style:none;
    width:100%;
	margin:10px 0 10px 30px;
padding:0;
text-align:center;
font-size:12px;
}
ul#smn li{
    list-style:none;
    float:left;

}
ul#smn a{
    display:block;
    height:20px;
	color:#555555;
}

#smn li a:hover {
   color:#000000;
}


a.smn_01{
width:110px;
    background-image:url(../image/smn_01.jpg);
}
a:hover.smn_01{
    background-position:0px -20px;
}

a.smn_02{
width:110px;
    background-image:url(../image/smn_02.jpg);
}
a:hover.smn_02{
    background-position:0px -20px;
}

/*======================================

	.blackbase you link

=======================================*/

.a a:link {
	color:#F2F2F2;
}
.a a:visited {
	color:#F2F2F2;
}
.a a:hover {
	color:#F2F2F2;
}
.a a:active {
	color:F2F2F2;
}

/*======================================

	.enjoy page

=======================================*/




.joge{
float:right;
padding:5px 30px 5px 5px;
margin:0px;
text-align: right;
width:230px;
}



p.midasi {
margin:0;
padding:15px;
font-weight:bold;
font-size:120%;
color:#333;
}




.bigblack {font-weight: bold; font-size: 26px; display: block; padding: 20px 0 0 20px; margin:0 0 15px 0; color: #000000; border-top: 1px dashed #ccc; width: 690px; }

.midiorange {
	color: #FF6600;
	font-size: medium;
}

.shiro {
    color:#FFFFFF;
	}
	

.a {
padding:10px 0 0 15px;
float:left;
width:402px;
font-size:12px;
}


.b {
padding:10px 0 0 15px;
float:left;
width:337px;
font-size:12px;
}

.c {
margin:10px 0px 10px 20px;
padding:0 10px 10px 10px;
border:inset;
border-width:1px;
border-color:#CCCCCC;
float:left;
width:210px;
height:336px;
font-size:12px;
text-align:center;
}

.coc{
padding:10px 15px 0 15px;
float:left;
width:210px;
font-size:12px;
}

.coc2{
padding:0 15px 0 0;
float:left;
width:310px;
font-size:12px;
}

.coc3{
padding:10px 0 0 0;
float:left;
width:185px;
}

.d {
clear:left;
}

.e {
margin:0 10px 0 0;
float:left;
}


.f {
padding:10px 0 0 15px;
float:left;
width:370px;
font-size:12px;
}


.g {
padding:10px 12px 0 15px;
float:left;
width:360px;
font-size:12px;
}

.h {
padding:10px 0 0 15px;
float:left;
width:207px;
font-size:12px;
}


.i {
padding:10px 15px 0 15px;
float:left;
width:520px;
font-size:12px;
}

.qa {
width:90%;
border-color:#888888;
size:1px;
text-align:center;
}

.fo {
padding:10px 0 0 20px;
float:left;
width:173px;
font-size:12px;
}

.fo a:link{
color:#888888;
}
.fo a:visited{
color:#888888;
}
.fo a:hover{
	color:#333333;
}
.fo a:active{
color:#333333;
}

.mezasu {
margin:0 20px;
padding:20px;
border-width:1px;
border:inset;
border-color:#999999;
background-image: url("../image/mezasu.jpg");
background-repeat:repeat-x;
}

.top {
	width:490px;
	padding:15px 0 0 30px;
}



.aa {
margin:0px;
border:groove;
border-color:#CCCCCC;
border-width:2px;
float:left;
width:330px;
}

.ab {
margin:0px;
border:groove;
border-color:#CCCCCC;
border-width:2px 2px 2px 0;
float:left;
width:330px;
}

.abc {
margin:0px;
padding-left:7px;
border:groove;
border-color:#CCCCCC;
border-width:2px 0 0 0;
width:322px;
}


.tw_l {
margin:0px;
padding:0px;
border:none;
width:503px;
float:left;
}

.tw_r {
margin:0px;
padding:0px;
border:none;
width:250px;
float:left;
}

.kakaku {
vertical-align:bottom;
}





ul#honokara{
    list-style:none;
    width:100%;
	margin:0;
padding:0;
}
ul#honokara li{
    list-style:none;
    float:left;
}
ul#honokara a{
    display:block;
    height:55px;
}

#honokara a span{display:none;} 

a.honotop{
width:184px;
    background-image:url(../image/hono_01.jpg);
}
a:hover.honotop{
    background-position:0px -55px;
}

a.kaijo{
width:183px;
    background-image:url(../image/hono_02.jpg);
}
a:hover.kaijo{
    background-position:0px -55px;
}

a.guest{
width:183px;
    background-image:url(../image/hono_03.jpg);
}
a:hover.guest{
    background-position:0px -55px;
}

a.sanka{
width:183px;
    background-image:url(../image/hono_04.jpg);
}
a:hover.sanka{
    background-position:0px -55px;
}