@charset "UTF-8";

@import url("reset.css");

* html body {
    background: url(null) fixed;
}
body{
	padding:0 !important;
}

/* HEADER
---------------------------------------------------- */
#header {
	width: 100%;
	height: 60px;
	margin:0;
	background: #2eb6f4;
	position: fixed;
	top:0;
	left:0;
	z-index:99;
}
* html div#header {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+0));
}
#header .headinnor {
	width: 100%;
	margin:0;
}
#dl-menu {
	position: absolute;
	top: 5px;
	left: 5px;
}

#header .headinnor h1 {
	position: absolute;
	width: 500px;
	left: 50%;
	margin: 16px 0 0 -250px;
	font-size: 1.3em;
	color: #fff;
	font-weight: normal;
	text-align: center;

}
#header .headbtn {
	width: 100%;
	margin:0;
	padding: 5px 0 0 0;
}
.topclose {
	float: right;
	width: 50px;
	margin: 0 5px 0 0;
}
.topclose a {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 48px;
	height: 48px;
	display:block;
	background: url(../../shop/images/closebtn.png) 0 0 no-repeat;
}
.topclose a:hover{
	background: #0b91d2 url(../../shop/images/closebtn.png) 0 0 no-repeat;
}


.closebox {
	width: 180px;
	margin:0 0 0 240px;
	padding:30px 0 5px 0;
}
.closebox a {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width: 180px;
	height: 34px;
	display:block;
	background: url(../../shop/images/closebtn2.png) 0 0 no-repeat;
}
.closebox a:hover{
	background-position:right 0;
}
.copyright {
	width: 100%;
	margin: 0;
	padding: 16px 0 0px;
	font-size: 0.8em;
	text-align: center;
}
.copyright a {
	color: #111;
	text-decoration: none;
}



.maincolumn {
	width: 660px;
	margin: 0 auto;
	padding: 70px 0 20px;
}


.pgctgsub01 {
	padding: 2px 0 5px;
	font-size: 1.24em;
	color: #149fe2;
	font-weight: bold;
	line-height: 1.3em;
	border-bottom: solid 3px #e7e7e7;
}
.pgctgsub01 a,.pgctgsub01 a:visited {
	color: #0073bf;
	text-decoration:underline;
}
.pgctgsub01 a:hover {
	color: #149fe2;
	text-decoration:none;
}
.pgctgsub02 {
	font-size: 1.1em;
	color: #333;
	line-height: 1.3em;
	border-bottom: dotted 1px #ddd;
}
.pgctgsub03 {
	font-size: 1.1em;
	color: #fe8100;
	line-height: 1.3em;
	border-bottom: dotted 1px #ddd;
}

.txtbox {
	font-size: 1.0em;
	color: #333;
	line-height: 2.0em;
}
.txtbox a {
	color: #22aaeb;
	text-decoration: underline;
}
.txtbox a:hover {
	color: #999;
	text-decoration: none;
}
.list2 {
	padding: 0 0 0 20px;
	color: #333;
 	background: url(../../images/list_mark2.png) no-repeat 0 5px;
}
.fsr {
	color: #ff0000;
}
.fsb {
	padding: 0 2px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), -1px -1px 1px rgba(255, 255, 255, 0.2);
}
.fskm {
	padding: 0 0 6px 3px;
	font-weight: bold;
	color: #111;
	background: url(../../tenkenkun/images/line.png) repeat-x 0px bottom;
}


/* tenkenshop
-------------------------------------*/

.bluebox {
	padding: 10px 15px;
	font-size: 1.0em;
	color: #555;
	line-height: 2.0em;
	background: #bde7fb;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	border-radius: 6px;
}

.tenkensp01 {
	width: 640px;
	margin:0 auto;
	padding: 8px 0 6px 0;
}
.tenkensp01 ul {
	float: left;
	padding: 0;
	margin: 0 0 0 -10px;
}
.tenkensp01 ul li {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 0 0 10px;
}
.tenkensp01 ul li p {
	padding: 10px 10px 0 10px;
	font-size: 0.84em;
	color: #444;
	line-height: 1.6em;
}
.tenkensp01 ul li img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* teach
-------------------------------------*/

.teach_topbox {
	height: 120px;
	padding: 0 0 0 20px;
	font-size: 1.2em;
	color: #333;
	line-height: 2.2em;
	background:url(../../shop/service/images/teach/teach_top.jpg) no-repeat right bottom;
}

.teach_sub {
	height: 60px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #149fe2;
}
.teach_sub p {
	padding: 0 0 0 12px;
	font-size: 1.2em;
	color: #333;
	line-height: 58px;
}
p.tch_ic01 {
	padding: 0 0 0 64px;
	background:url(../../shop/service/images/teach/icon_teach01.png) no-repeat 10px center;
}
p.tch_ic02 {
	padding: 0 0 0 64px;
	background:url(../../shop/service/images/teach/icon_teach02.png) no-repeat 10px center;
}
p.tch_ic03 {
	padding: 0 0 0 64px;
	background:url(../../shop/service/images/teach/icon_teach03.png) no-repeat 10px center;
}
p.tch_ic04 {
	padding: 0 0 0 64px;
	background:url(../../shop/service/images/teach/icon_teach04.png) no-repeat 10px center;
}
p.tch_ic05 {
	padding: 0 0 0 64px;
	background:url(../../shop/service/images/teach/icon_teach05.png) no-repeat 10px center;
}
.teach_txtbox {
	padding: 12px 6px;
	border-top: 2px solid #f9b7be;
	border-bottom: 2px solid #f9b7be;
}


/* oasis
-------------------------------------*/


.oasisimg01 img {
	width: 620px;
	height: auto;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	border-radius: 10px;
	border: solid 3px #149fe2;
}
.oasisimg img {
	width: 660px;
	height: auto;
}

.numbertable2 {
	width: 100%;
	table-layout: fixed;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
.numbertable2 th,
.numbertable2 td {
	padding: 8px 0;
	font-size: 1.0em;
	color: #111;
	font-weight: normal;
	line-height: 1.4em !important;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: center;
	vertical-align: middle;
}
.numbertable2 tr.toptr th,
.numbertable2 tr.toptr td {
	padding: 12px 0;
	font-size: 1.2em;
	background-color: #e0f7c9;
	vertical-align: middle;
}
.numbertable2 tr.sectr th {
	background-color: #f0bb9b;
}
.numbertable2 tr.sectr td {
	background-color: #f7dac9;
}
.numbertable2 tr.thdtr th {
	background-color: #97caf0;
}
.numbertable2 tr.thdtr td {
	background-color: #c9e3f7;
}
.numbertable2 th.mm1 {
	padding: 15px 0;
	background-color: #97caf0;
}
.numbertable2 th.mm2 {
	padding: 15px 0;
	background-color: #f0bb9b;
}
.numbertable2 th.mm3 {
	padding: 15px 0;
	background-color: #9cc673;
}
.about_map img {
    width: 660px;
    height: auto;
}


/* ==================================================================================
 横幅768px以下用スタイル
================================================================================== */

@media screen and (max-width: 768px) {




/* tenkenshop
-------------------------------------*/

.tenkensp01 {
	width: 100%;
	margin:0 auto;
	padding: 8px 0 6px 0;
}
.tenkensp01 ul {
	float: left;
	padding: 0;
	margin: 0 0 0 -10px;
}
.tenkensp01 ul li {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 0 0 10px;
}
.tenkensp01 ul li p {
	padding: 10px 10px 0 10px;
	font-size: 0.84em;
	color: #444;
	line-height: 1.6em;
}
.tenkensp01 ul li img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/* teach
-------------------------------------*/

.teach_topbox {
	height: auto;
	padding: 0 0 100px 20px;
	font-size: 1.1em;
	color: #333;
	line-height: 1.5em;
	background:url(../../shop/service/images/teach/teach_top.jpg) no-repeat right -50px bottom;
}



}