/* reset.css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}
ol,ul {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;}

/* reset.css */
/* fonts.css */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/* fonts.css */
/* grids.css */

/* for all templates and grids */
body{text-align:center;}
#ft{clear:both;}
/**/
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:57.69em;*width:56.3em;min-width:750px;}
/* 950 centered */ 
#doc2 {
	width:73.074em;*width:71.313em;min-width:950px;}
/* 100% with 10px viewport side matting */ 
#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;} 

#yui-main {width:100%;}
.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b {
    margin-left:14.8456em;*margin-left:14.512em;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {
    margin-left:24.0759em;*margin-left:23.52em;
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, 
.yui-g .yui-g, 
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u, 
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-u, 
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first{margin-left:0;}
.yui-gc div.first, 
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}

/* grids.css */


/* style.css */
/* global section */

body {
  width: 922px; 
  text-align: center;
  background-color: #4A4D4A;
  padding: 0 3em;
}

a {
  color: #03f;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, 
form, blockquote, p, pre, img, table, th, td,
ul, ol, li, dl, dt, dd {
	font-weight: normal;
	color: #916f6f;
	margin: 0;
	padding: 0;
	border-width: 0;
	line-height: 1.3;
/*	vertical-align: middle; */
}

div#container {
  text-align: center;
  margin: 0;
  width: 870px;
  background-color: #fff;
  padding: 0;
}

div#header {
  margin: 0 2.1em 1.5em;
  width: 860px;
  height: 125px;
}

div#body {
  padding: 0 2.5em;
}

div#sidebar {
  float: right;
  width: 230px;
}

div#contents {
  float: left;
  width: 610px;
}

div#sidebar,
div#contents {
  margin-bottom: 1em;
}

div#footer {
  clear: both;
  padding-bottom: 1.0em;
}

/* header section */

div#header div.contentsTop {
  background:url(/images/bg_header3.gif) 0 100% repeat-x; border:1px solid #cbcbcb; width:870px;
}

div#header div.logo {
/*   background-image: url(/images/iboy/deka2_semilong3.gif); width:820px; height:50px; margin:  5px 10px 10px 10px; */
/*   background:url(/images/iboy/deka2_semilong3.gif) solid #cbcbcb; width:700px; height:50px; */
}

div#header a {
    color:  #000080;
}

div#header div.left h1 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 1.0em;
}

div#header div.left {
/* float: left; */
  margin-bottom: 1.5em;
  width: 100%;
}

div#header div.menu {
  float: right;
  color: #fff;
  text-align: right;
  margin-right: 0.5em;
}

div#header div.menu a {
    color: #39f; 
  text-decoration: none;
}

div#header div.menu a:hover {
  color: #f33;
  text-decoration: underline;
}

/* sidebar section */

div#sidebar div.section {
  background: #F0FFFF;
  margin-bottom: 1em;
}

div#sidebar div.section div.top {
  background: url(/images/sidebar-menu-01-tr.png) no-repeat top right;
}

div#sidebar div.section div.top div {
  background: url(/images/sidebar-menu-01-tl.png) no-repeat top left;
}

div#sidebar div.section div.bottom {
  background: url(/images/sidebar-menu-01-br.png) no-repeat bottom right;
}

div#sidebar div.section div.bottom div {
  background: url(/images/sidebar-menu-01-bl.png) no-repeat bottom left;
}

div#sidebar div.section div.top,
div#sidebar div.section div.top div,
div#sidebar div.section div.bottom,
div#sidebar div.section div.bottom div {
  height: 12px;
  font-size: 1px;
}

div#sidebar div.section div.contents {
  padding: 0 8px;
}

div#sidebar div.section div.contents h3 {
  font-size: 10pt;
  color: #69f;
  margin-bottom: 0.5em;
  border-bottom: 3px solid #ccf;
  padding: 0 0 0.5em;
}

div#sidebar div.section div.contents p.title {
  font-size: 9pt;
  font-weight: bold;
  color: #044;
  margin-bottom: 0.5em;
  border-bottom: 3px solid #080;
  padding: 0 0 0.5em;
}

div#sidebar div.section div.contents p.title img {
  margin: 0 3px 0 2px;
}

div#sidebar div.section div.contents ul {
  list-style-type: none;
  list-style-position: outside;
  padding-left: 2px;
}

div#sidebar div.section div.contents ul img {
  margin: 0 0 0 5px;
}

div#sidebar div.section div.contents ul li {
  font-size: 8pt;
  line-height: 170%;
  padding: 0 0 0 3px;
}

div#sidebar div.section div.contents ul li a {
  color: #858391;
  text-decoration: none;
}

div#sidebar div.section div.contents ul.shinan {
  font-size: x-small;
  color: #505050;
}

div#sidebar div.section div.contents ul.shinan li b {
  color: #000080;
}

div#sidebar div.section div.contents p {
  font-size: x-small;
  margin-bottom: 0.5em;
  padding: 0 2 0 15px;
}

div#sidebar div.section div.contents ul.oote li a {
  font-size: small;
  font-weight: bold;
  color: #000080;
}


div#sidebar div.section div.contents div.genre_img img{
  float: left;
  border: 0;
  width: 60px;
  height: 20px;
  margin: 0 5px 5px 0;
}

/* contents section */

div#contents {
  border:1px solid #9fb7d4;
   padding-bottom: 8px;
}

div#contents .error {
  color: #FF0000;
}

div#contents .empty {
  color: #ccc;
}

div#contents .subcontents {
  width: 590px;
  margin-top:  7px;
  margin-left:  7px;
  padding-bottom:  8px;
  border:1px solid #9fb7d4;
}

div#contents .description {
  padding-left: 4px;
  padding-right: 3px;
}

div#contents .description u {
  color: #770077;
  margin: 0 0 5px 0;
}

div#contents .description .site_img img {
  float: left;
  width: 300px;
  margin: 0 15px 0 10px;
}

div#contents .description .site_des {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}

div#contents .description .site_des img {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin: 0 5px 1px 3px;
}

div#contents .jenrebox {
  float: left;
  padding-left: 2em;
  padding-right: 2em;
}

div#contents h1 {
  color:#fff;
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 8px;
  background-color: #777;
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 4px;
}

div#contents h2 {
  color:#fff;
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 8px;
  background-color: #777;
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 4px;
}

div#contents h2 img {
  margin: 0 2px 2px 0;
  vertical-align: bottom;
}

div#contents h3 {
  color:#009;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 0.9em;
  padding-left: 8px;
  vertical-align: middle;
  background-image:url(/images/bg.gif);
}

div#contents h3 img {
  margin: 0 5px 3px 0;
  vertical-align: top;
}

div#contents h4 {
  color:#000099 ;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 0.5em;
}

div#contents h5 {
  color: #000;
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 0.5em;
}
div#contents h6 {
  color: #00BF8F;
  margin-bottom: 0.5em;
  font-size: large;
}

div#contents p {
  margin-bottom: 1em;
  line-height: 170%;
}

div#contents p a {
  color: #9AB7AD;
  text-decoration: underline;
}

div#contents li {
	margin-left: 10px;
}

/* footer section */

div#footer div.menu {
  text-align: center;
  color: #ccc;
  line-height: 200%;
}

div#footer div.menu a {
  color: #39f;
  text-decoration: none;
}

div#footer div.menu a:hover {
  color: #f33;
  text-decoration: underline;
}


div#footer div.copyright {
  text-align: center;
  color: #808080;
}

div#footer table {
  width:750px;
  padding: 1em 1em 1em;
  margin:1em;
  align:center;
}

.td1 {
        width: 125px;    
	border: #ccc 1px solid;
	margin-right:10px;
 }

.qr {
        width: 125px;    
	border: #ccc 1px solid;
	margin-right:10px;
 }

.cmctitle {
  background-color: #FFF0F5;
  margin-top: 0.5em;
  padding: 0.5em;
  font-size: 8pt;
}

/* style.css */

/* header section */

div#header div.contentsTop {
  background:url(/images/bg_header3.gif) 0 100% repeat-x; border:1px solid #cbcbcb; width:870px;
}

div#header {
  background-image: url(/images/iboy/dorobou_pc3.gif);
  margin: 0 2.1em 1.5em;
  width: 860px;
  height: 110px;
}

div#header div.logo {
/*   background-image: url(/images/iboy/deka2_semilong3.gif); width:820px; height:50px; margin:  5px 10px 10px 10px; */
/*   background:url(/images/iboy/deka2_semilong3.gif) solid #cbcbcb; width:700px; height:50px; */
}

div#header a {
    color:  #eee; 
}

div#header .title {
  float: left;
}

div#header div.img_link img {
  float: left;
  width: 100px;
  height: 100px;
/*   border-style: solid; */
/*   border-width: 1; */
}

div#header div.confirmation {
  float: right;
  width: 205px;
  margin-top: 23px;
  margin-right: 7px;
  border-radius: 10px;         /* CSS3 */
  -moz-border-radius: 10px;    /* Firefox */
  -webkit-border-radius: 10px; /* Safari,Chrome */
  background-color: #fff;   /* ÇØ·Ê¿§ */
}

div#header div.confirmation h2 {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  margin: 5px;
}

div#header div.confirmation p {
  font-size: small;
  margin: 5px;
}

div#header div.confirmation a {
  color: #0000cd;
}

div#header h1 {
  font-size: 140%;
  font-weight: bold;
  margin: 5px 0 10px 25px;
}

div#header h2 {
  font-size: 140%;
  font-weight: bold;
  margin: 5px 0 10px 25px;
}

div#header p {
  color: #999;
  margin: 10px 0 20px 30px;
}

div#header div.left h1 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 1.0em;
}

div#header div.left {
/* float: left; */
  margin-bottom: 1.5em;
  width: 100%;
}

div#header div.menu {
  float: right;
  color: #fff;
  text-align: right;
  margin-right: 0.5em;
}

div#header div.menu a {
    color: #39f; 
  text-decoration: none;
}

div#header div.menu a:hover {
  color: #f33;
  text-decoration: underline;
}

/* contents section */

div#contents h3 {
  color:#009;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 1px;
  background-image:url(/images/bg2.gif);
}

div#contents .descriptionbox {
  margin-top: 15;
}

div#contents .descriptionbox p {
  padding: 5;
   margin: 0;
   color: #633;
   font-weight: bold;
}

div#contents .descriptionbox h3 {
  color:#916f6f;
}

div#contents .navigation {
  text-align: right;
  padding-right: 5;
  font-size: 15px;
  font-weight: bold;
  margin: 15 0;
}


div#contents .subcontents {
  width: 590px;
  margin-top:  7px;
  margin-left:  7px;
  padding-bottom:  8px;
  border:1px solid #9fb7d4;
}

div#contents .subcontents dl {
   padding-left: 5px;
}

div#contents .subcontents dt {
  width: 100px;
   clear: both;
   float: left;
}

div#contents .subcontents dd {
  width: 500px;
}

div#contents table.index{
  width: 250px;
  margin-top:  5px;
  border:1px solid #ffaaee;
}

div#contents tr.top{
  background-color: #bb0077;
}

div#contents td.top{
    column: 2;
    color: #fefefe;
  padding-left:  5px;
}

div#contents table.index td{
  padding:  5px;
   border-bottom: 1px solid #ffaaee;
}


div#contents table.cafe{
  width: 186px;
  margin:  7px;
  border:1px solid #ffaaee;
  float: left;
}

div#contents tr.top{
  background-color: #bb0077;
}

div#contents td.top{
    column: 2;
    color: #fefefe;
  padding-left:  5px;
}

div#contents table.cafe td{
  padding:  5px;
   border-bottom: 1px solid #ffaaee;
}

div#contents .tenpo {
  padding-left: 4px;
  padding-right: 3px;
}


div#contents .description {
  padding-left: 4px;
  padding-right: 3px;
}