html {
	height: 100%;
	overflow-y: scroll;
	}

body {
	margin: 0 auto;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	background:#fff url(img/body_back.gif) repeat-y center top;
	color:#333;
	font-size:80%;
}

input,select{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	border-collapse:collapse;
	vertical-align:top;
}

textarea { font-size: 100%; }
img { vertical-align: bottom;
	border-style:none;
}
hr  { display: none; }
em{font-style:normal}

input{line-height:auto;vertical-align:top;}


.cfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .cfix{height: 1%;}
*+html .cfix{min-height: 1%;}
.cfix {display: block;}
/* End hide from IE-mac */

* {
	word-wrap: break-word;
	word-break:break-all;
}




a {
	color:#1569A6;
}

body{
	background:#F9F7F2 url(img/body_bg.gif) repeat-x left top;
}


#play{
	margin:0 auto;
	width:860px;
	text-align:left;
	background:url(img/main_bg.gif) repeat-y left top;
}


/*----------------- header ----------------*/
#sing{
	padding-bottom:17px;
	background:url(img/header_bg.jpg) no-repeat right top;
}
#sing h5{
	padding:20px 25px 0 0 ;
	color:#AEA070;
	font-size:95%;
	text-align:right;
}
#sing p#speak{
	margin:0 20px;
	font-size:200%;
	border-bottom:4px solid #7E898E;
}
#sing p#speak a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
#sing h1{
	margin: 10px 0 10px 20px;
}

#cook{
}

/*-------------- sub --------------*/
#swim{
	margin:0 20px 0 0;
	padding:0px 0 0 0;
	width:190px;
	float:right;
	display:inline;
	background-color:#E7E7E7;
}
#swim p.gohome{
	margin-bottom:20px;
}
#swim ul.kate{
	margin-left:10px;
	padding:60px 10px 0 0;
	background:url(img/bg_category.gif) no-repeat left top;
}



#swim ul.kate li{
	text-align:right;
}
#swim ul.kate li a{
	color:#8E7D42;
}
#swim ul li{
	line-height:2;
	margin-bottom:5px;
}
#swim p.gohome,
#swim ul.kate,
#swim ul.tips,
#swim ul.others{
	margin-left:10px;
}


/*---------------- pr (sub) -------------------*/
#swim div.pr dl{
	margin:10px;
	border:1px solid #EFE7DE;
	background:#fff;
}
#swim div.pr dl dt{
	padding:0.4em;
	font-weight:bold;
	color:#300;
}
#swim div.pr dl dd{
	padding:0.4em;
	word-wrap:break-word;
	word-break:break-all;
}

#swim div.pr dl dd a{
	display:block;
	text-align:left;
}

/*-------------- footer -------------*/
#write{
	padding-top:17px;
	padding-bottom:25px;
	background:url(img/footer_bg.gif) no-repeat left bottom;
	font-size:85%;
}

#write p{
	margin:0 15px;
	line-height:2;
	display:inline;
}
#write p a{
	color:#959595;
}
#write #catch{
	margin:5px 20px;
	padding:0.4em;
	text-align:center;
	display:block;
	background-color:#C9BA93;
}
#write #catch a{
	color:#FFF;
	text-decoration:none;
}

/* main */
#open{
	margin:0px 0px 0 15px;
	float:left;
	display:inline;
	width:600px;
}
#open h2{
	margin:0 0 15px 0;
	padding:6px 0 0 5px;
	background:#EFEBDD url(img/h2_back.gif) no-repeat left top;
	font-size:210%;
	color:#000;
}

#open p#move{
	margin-left:400px;
	margin-right:5px;
	padding:0 0.4em;
	background:#fff url(img/bgdot.gif);
	font-size:85%;
	text-align:right;
}

#open h3{
	margin:0 0 10px 0;
	padding:0.3em 2.5em;
	background:#66A8D8 url(img/icon_check.gif) no-repeat left center;
	font-weight:bold;
	color:#fff;
}

#open h3 a{
	color:#000;
}

#open div.block{
	margin:15px 0 15px 0;
	padding:0 0 10px 0;
	border:1px solid #66A8D8;
}


#open p.pagetop{
	text-align:right;
	margin-left:450px;
	margin-bottom:20px;
	padding:0 0.4em;
	background:#fff url(img/bgdot.gif);
	font-size:85%;
	text-align:right;
}
#open p.pagetop a{
	text-decoration:none;
	color:#8E7D42;
}



#open p.pagenavi{
	padding:0 0 1em 0;
	text-align:center;
}
#open p.pagenavi  a{
	margin:0 5px;
}
#open p.pagenavi em a{
	font-weight:bold;
}
/*------------ pr (bottom)-----------------*/
#open div.pr{
	width:48%;
	float:left;
	display:inline;
	text-align:center;
}
#open div.pr.twice{
	float:right;
}
#open div.pr h5{
	padding:0.4em;
	font-weight:bold;
	color:#7D7D61;
}
#open div.pr p{
	padding:0.4em;
}
#open div.pr div.item{
	margin:0 0 1em 0;
	border:1px solid #D3CCBC;
	background:#F4F4F4;
	word-wrap:break-word;
	word-break:break-all;
}
#open div.pr div.item p a{
	color:#1569A6;
	display:block;
	text-align:left;
}


/* toppage */

#open.toppage div.faq dl.list{
	margin-top:5px;
	height:200px;
	overflow:auto;
}

#open.toppage div.faq dt{
	margin:5px 0 0px 0;
	padding:0px 10px 5px 35px;
	color:#99BF00;
	font-weight:bold;
	background:url(img/arrow_green.png) no-repeat  10px 0.2em;
}
#open.toppage div.faq dd{
	margin:0 0 20px 0;
	padding-left:30px;
}

#open.toppage div.rss dl dt{
	margin:0;
	padding-left:35px;
	background:url(img/rss.png) no-repeat 15px 0.5em;
	color:#F7924E;
	background-color:inherit;
	font-weight:bold;
	line-height:2;
}
#open.toppage div.rss dd{
	margin-bottom:1em;
	padding-left:35px;
}

/*----------- company ------------*/
#open.company table.profile{
	width:600px;
	background:#D0E7F8;

}
#open.company table.profile th{
	padding:0.4em;
	width:30%;
	font-weight:bold;
	color:#000;
	border:1px solid #1569A6;
}
#open.company table.profile td{
	padding:0.4em;
	width:60%;
	border:1px solid #1569A6;
}

/* sitemap */
#open.sitemap dl.list dt{
	margin:0 10px 1em 0px;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	display:block;
	background:url(img/add_16.png) no-repeat 10px 0.5em;
	line-height:2;
}

#open.sitemap dl.list dd{
	margin:0 10px 1em 30px;
	padding-left:30px;
	background:#fff;
	background:url(img/arrow_green.gif) no-repeat 10px 0.5em;
}

/* category */

#open.category dt{
	margin:0 10px 1em 0px;
	padding-left:30px;
	color:#300;
	font-weight:bold;
	display:block;
	background:url(img/add_16.png) no-repeat 10px 0.5em;
	line-height:2;
}
#open.category dd{
	margin-bottom:1em;
	padding-left:30px;

}

/* faq */
#open.faq dl.list dt{
	margin:1em 0 0px 0;
	padding:0.2em 0.6em 0.2em 20px;
	background:#EFE7DE url(img/h3_back.gif) repeat-y left center;
	font-size:135%;
	color:#000;
}
#open.faq dl.list dd{
	padding:0.4em;
}

/*----------------- gls ----------------*/
#open.gls ul.knavi{
	margin:0 5px 2em 5px;
}
#open.gls ul.knavi li{
	padding:1em 0 1em 0;
	display:block;
	width:16%;
	float:left;
	text-align:center;
	background:#ECE9D8;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#633;
	font-weight:bold;
}
#open.gls h3{
	margin:0 0 10px 0;
	padding:0.3em 2.5em;
	background:#66A8D8 url(img/icon_check.gif) no-repeat left center;
	font-weight:bold;
	color:#fff;
}
#open.gls p{
	margin: .4em 0.6em;
}

#open.gls div.block ul li{
	width:45%;
	float:left;
}

#open.gls div.exp p{
	padding:0.4em;
}

#open.gls div.exp p.pdf{
	float:right;
	margin:0.4em;
}
#open.gls div.block ul{
	margin:0.6em;
}
#open.gls dl dd ul li,
#open.gls div.block ul li{
	width:45%;
	float:left;
}