@charset "utf-8";

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: url(../images/siteBackground.png);
  color: #333333;
  line-height: 1.3em;
}

p{
padding:0 0 5px 0;
line-height:17px;
text-align:justify;
}
p.about_text{
margin:20px auto 0;
padding:5px 0 5px 0;
font-size:1.1em;
line-height:1.5em;
}

h1{
color:#a0672e;
font-size:1.8em;
font-weight:bold;
margin:10px auto 30px;
padding:5px 0 5px 0;
}

a {
color:#a0672e;
font-weight:bold;
}
.clear{clear:both;}
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}

.bar {
  background-color:#633;
}
#wrapper {
width:960px;
margin: 0 auto 30px;
height:100%;
background-color:#F0F0D8;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/*----------------------table-------------------------*/
table#bw {
background: #ffffff;
border-left: #cccccc 1px solid;
border-collapse: collapse;
width: 50%;
font-size: 0.7em;
color:#333333;
 margin-left: auto;
margin-right: auto;
} 
table#bw th.t_top {
background:#333333 url(../images/bg_header.jpg);
border-bottom: #cccccc 1px solid;
border-top: #cccccc 1px solid;
border-right:#cccccc 1px solid;
text-align: center;
padding:10px;
color:#ffffff;
} 
table#bw td.t_line01 {
background: #ffffff url(../images/line1.gif) no-repeat;
border-bottom:#cccccc 1px solid;
border-right:#cccccc 1px solid;
text-align: right;
padding: 10px;
}
table#bw td.t_line02 {
background: #f2f2f2 url(../images/line2.gif) no-repeat;
border-bottom:#cccccc 1px solid;
border-right:#cccccc 1px solid;
text-align: right;
padding: 10px;
}
table#bw td.no_img{background-image:none;}


/*----------------------globalnavi-------------------------*/
#globalnavi{  
  margin-left: auto;
  margin-right:auto;
  padding-top: 40px;  
  width: 960px;  
  height: 100%; 
  background:url(../images/wrapper_bg.png) top no-repeat;
}  
  
#globalnavi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi li{
 text-indent: -9999px;  
 float:left;  
 width: 160px;  
 margin: 0;  
 padding: 0;  
}
#globalnavi a{  
 display: block;  
 width: 100%;  
 height: 57px;  
 background: url(../images/menu_navi.png) top no-repeat;
}  
  
#gnavi01 a { background-position: 0px 0px; }
#gnavi02 a { background-position: -160px 0px; }
#gnavi03 a { background-position: -320px 0px; }
#gnavi04 a { background-position: -480px 0px; }
#gnavi05 a { background-position: -640px 0px; }
#gnavi06 a { background-position: -800px 0px; }

#gnavi01 a:hover, #gnavi01 a.on { background-position: 0px -57px; }
#gnavi02 a:hover, #gnavi02 a.on { background-position: -160px -57px; }
#gnavi03 a:hover, #gnavi03 a.on { background-position: -320px -57px; }
#gnavi04 a:hover, #gnavi04 a.on { background-position: -480px -57px; }
#gnavi05 a:hover, #gnavi05 a.on { background-position: -640px -57px; }
#gnavi06 a:hover, #gnavi06 a.on { background-position: -800px -57px; }

/*----------------------sub_menu-------------------------*/
#sub_menu {
  margin-left: auto;
  margin-right:auto;
  margin-top: 20px;
  padding-top: 10px;
  width: 960px;  
  height: 30px;
  background-color:#E9E3C6;
}

#sub_menu ul {
  list-style-type: none;  
  margin: 0; 
  padding: 0;
}

#sub_menu li {
  display:block;
  float:left;
  width: 200px;
  margin: 0 0 0 10px; 
}
#sub_menu li a {
text-decoration: none;
width: 100%;
height: 100%;
}
#sub_menu li a:hover {
color: #508aa1;
text-decoration: underline;
}
#sub_menu li a.on {
color: #999999;
text-decoration: none;
border-bottom:solid 2px #603;
}

/*------------------google translate-----------------------------*/
#google_trans {
float:right;
margin:10px auto o;
}

/*------------------ slider        -----------------------------*/
#slider_box {
  margin-right: auto;
  margin-left: auto;
}

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	border: solid #fff 1px;
	left: -1px;
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*----------------------popup-------------------------*/
#element_to_pop_up { 
    background-color:#ffffff;
    border-radius:15px;
    color:#a0672e;
    display:none; 
    padding:20px;
    min-width:100px;
    min-height:80px;
}
 
/*----------------------box-------------------------*/
#header_container {
  width:960px;
  height:150px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/header.png) top no-repeat;
}

#middle_box{
width:860px;
margin:0 auto 20px;
}

img.lft {
float:left;
margin-right:15px;
}

img.rgt {
float:right;
margin-left:15px;
}

.title_banner {
font-size:1.4em;
font-weight:bold;
padding:8px 25px 8px 25px;
margin:10px auto 10px;
border-bottom:solid #a0672e 3px;
border-top:solid #a0672e 3px;
color:#333333;
}
.content_tex {
padding:8px 0 8px 25px;
line-height:1.5em;
margin:10px auto 10px;
color:#333333;
}
.title_journal{
font-size:1.2em;
font-weight:bold;
padding:5px 0 0 35px;
color:#a0672e;
background:url(../images/icon_journal.gif) no-repeat left;
background-position:0px 1px;
margin: 18px auto 0;
line-height: 1.8em;
}
.title_clock {
height:1.6em;
font-size:1.4em;
font-weight:bold;
padding:5px 0 0 35px;
margin:15px auto 0;
color:#333333;
background:url(../images/icon_clock.png) no-repeat left;
background-position:0px 5px;
}
.title_warning {
height:1.6em;
font-size:1.4em;
font-weight:bold;
padding:5px 0 0 35px;
margin:15px auto 0;
color:#333333;
background:url(../images/icon_warning.png) no-repeat left;
background-position:0px 5px;
}
.title_calc {
height:1.6em;
font-size:1.4em;
font-weight:bold;
padding:5px 0 0 35px;
margin:15px auto 0;
color:#333333;
background:url(../images/icon_calc.png) no-repeat left;
background-position:0px 5px;
}
.title_food {
height:1.6em;
font-size:1.4em;
font-weight:bold;
padding:5px 0 0 35px;
margin:10px auto 0;
color:#333333;
background:url(../images/icon_food.png) no-repeat left;
background-position:0px 5px;
border-bottom:solid #a0672e 3px;
border-top:solid #a0672e 3px;
}
.title_food2 {
height:1.6em;
font-size:1.4em;
font-weight:bold;
padding:5px 0 0 35px;
margin:10px auto 0;
color:#333333;
background:url(../images/icon_food.png) no-repeat left;
background-position:0px 5px;
}
.title_chair {
height:1.6em;
font-size:1.4em;
font-weight:bold;
padding:5px 0 0 35px;
margin:15px auto 0;
color:#333333;
background:url(../images/icon_relax.png) no-repeat left;
background-position:0px 5px;
    
}
ftabel.title_tips {
font-size:0.9em;
font-weight:bold;
padding:5px 0 0 5px;
color:#a0672e;
border-left:inset 1.0em #a0672e;
}


.achtung {
display:block;
font-size:0.9em;
font-weight:bold;
padding:0 10px 0 15px;
margin:5px auto 0;
color:#a0672e;
}

.text_tips {
font-size:0.8em;
}
.text_add {
color:#FF3300;
font-size:0.7em;
line-height:1.1em;
padding:8px;
}

/*---------------------main_content------------------*/
#center_content{
	width:98%;
	display:block;
	margin:15px 25px;
}

.left_content{
width:300px;
height:auto;
float:left;
line-height:1.5em;
margin:0 auto 30px;
}
.right_content{
width:530px;
height:auto;
float:left;
line-height:1.5em;
margin:0 auto 30px;
}

/*-----------------------------footer------------------*/
#footer{
width:895px;
height:48px;
margin:auto;
color:#508aa1;
border-top:1px #77c4c1 dashed;
}
.copyright{
font-size:small;
padding:7px 0 0 15px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:7px;
}


/*
 * Ruby setting
 * 主にWii用の指定
*/

@media tv {
	/*	ルビの縦ずれを補正
		rbやrtのfont-size、line-heightによらず0.5em
	*/
	html body ruby {
		padding-bottom: 0.5em;
	}
}

/* ruby（ルビ文字組み全体のインライン領域）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
ruby {
	display			: inline-table;
	text-align		: center;
	text-indent		: 0px;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	line-height		: 1;
	height			: 1em;
	vertical-align	: text-bottom;
	border			: none;
}

/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  ruby {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html ruby {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby {
	white-space		: normal;
	display			: inline-table;
	vertical-align	: baseline;
}


/* rb（本文）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rb {
	display			: table-row-group;
	line-height		: 1;
	text-align		: center;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	white-space		: nowrap;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rb {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rb {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rb {
	display			: table-row-group;
	vertical-align	: bottom;
	white-space		: normal;
}


/* rt（フリガナ）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rt {
	display			: table-header-group;
	font-size		: 0.625em;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 1.1;
	text-align		: center;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rt {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rt {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rt {
	white-space		: normal;
	line-height		: 1em;
	display			: table-header-group;
	position		: static;
	top				: 0em;
}


/* rp（CSS OFF状態での区切り文字、通常不可視）
------------------------------------------- */
/* 全ブラウザ共通指定 */
rp {
	display			: none;
}


/* hn要素での振り仮名サイズ調整（必要な場合、適当に調整してください）
------------------------------------------- */
/*
h1 rt	{	font-size: 0.39em;	}
h2 rt	{	font-size: 0.42em;	}
h3 rt	{	font-size: 0.45em;	}
h4 rt	{	font-size: 0.48em;	}
h5 rt	{	font-size: 0.52em;	}
h6 rt	{	font-size: 0.57em;	}
*/



/* マウスオーバーで拡大、振り仮名適用範囲表示
------------------------------------------- */
/*ruby:hover		{	border: 1px dashed #CCC;	}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover {
	border: none;
}
*/
/*ruby:hover rt		{	font-size: 1em;			}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover rt {
	font-size: 0.625em;
}
*/

/*	IE6でIE7.jsを使用していて、なおかつfixed配置ブロックがある場合、
振り仮名拡大時にfixedブロックが行方不明になるためIE6でのみ機能無効化	*/
/*
*:first-child+html ruby:hover rt	{	font-size: 1em!important;	font-size: 0.625em;	}
*:first-child+html h1 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.39em;	}
*:first-child+html h2 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.42em;	}
*:first-child+html h3 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.45em;	}
*:first-child+html h4 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.48em;	}
*:first-child+html h5 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.52em;	}
*:first-child+html h6 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.57em;	}
*:first-child+html ruby:hover		{
	border: 1px dashed #CCCCCC !important;
	border: none;
	background-color: transparent !important;
	background-color: #CCCCCC;
}
*/