/*==== [ common id and class ] ====================================================================*/
html {

	background:url('../img/bg_base.gif') center top;
	height:100%;
}
body {
	background:url('../img/bg_main.gif') center top repeat-x;
	margin:0; padding:0;
	height:100%;
}
p, ul, li { margin:0px; padding:0px; }

.clear { clear:both; }


/* ==[ page common ]============================================= */
div#main,div#contentBg,div#footer {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-indent:-8000px;
}
div#main {
	background:url('../img/bg_content.gif') repeat-y;
	width:770px;
	height:100%;
	min-height:100%;
}	
body > #main { height: auto; }

div#contentBg {
	background:url('../img/bg_content.gif') repeat-y;
	width:770px;
}
div#footer{
	background:url('../img/bg_bottom.gif') center bottom;
	width:750px;
	min-height:30px;
	clear:both;
}
div.toPageTop {
	float:right;
	padding:0px 15px 5px 0px;
	text-indent:0px;
}



/* ==[ Main navi ]============================================= */
div#mainNavi {
	width:750px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#mainNavi li,#mainNavi a {
	display:block;
	float:left;
	text-indent:-8000px;
	list-style:none;
	height:36px;
}

li#navi00,li#navi00 a { background:url('../img/navi00_home.gif') top center no-repeat; width:107px; }
li#navi00 a:hover	{	background:url('../img/navi00_home.gif') bottom center no-repeat;	width:107px; }
li#navi00s 	{	background:url('../img/navi00_home3.gif') bottom center no-repeat;	width:107px; }

li#navi01,li#navi01 a {	background:url('../img/navi03_about.gif') top center no-repeat; width:107px; }
li#navi01 a:hover	{	background:url('../img/navi03_about.gif') bottom center no-repeat;	width:107px; }
li#navi01s 	{	background:url('../img/navi03_about3.gif') bottom center no-repeat;	width:107px; }


li#navi02,li#navi02 a {	background:url('../img/navi01_summer.gif') top center no-repeat; width:107px; }
li#navi02 a:hover	{	background:url('../img/navi01_summer.gif') bottom center no-repeat;	width:107px; }
li#navi02s 	{	background:url('../img/navi01_summer3.gif') bottom center no-repeat;	width:107px; }


li#navi03,li#navi03 a {	background:url('../img/navi02_winter.gif') top center no-repeat; width:107px; }
li#navi03 a:hover	{	background:url('../img/navi02_winter.gif') bottom center no-repeat;	width:107px; }
li#navi03s 	{	background:url('../img/navi02_winter3.gif') bottom center no-repeat;	width:107px; }




li#navi04,li#navi04 a {	background:url('../img/navi04_niseko.gif') top center no-repeat; width:107px; }
li#navi04 a:hover	{	background:url('../img/navi04_niseko.gif') bottom center no-repeat;	width:107px; }
li#navi04s 	{	background:url('../img/navi04_niseko3.gif') bottom center no-repeat;	width:107px; }


li#navi05,li#navi05 a {	background:url('../img/navi05_blog.gif') top center no-repeat; width:107px; }
li#navi05 a:hover	{ background:url('../img/navi05_blog.gif') bottom center no-repeat;	width:107px; }
li#navi05s 	{	background:url('../img/navi05_blog3.gif') bottom center no-repeat;	width:107px; }


li#navi06,li#navi06 a {	background:url('../img/navi06_inquiry.gif') top center no-repeat;	width:108px; }
li#navi06 a:hover	{	background:url('../img/navi06_inquiry.gif') bottom center no-repeat; width:108px; }
li#navi06s 	{	background:url('../img/navi06_inquiry3.gif') bottom center no-repeat;	width:107px; }


/* ==[ sub Navi ]============================================= */
div#subNavi {
	clear:both;
	width:750px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
#subNavi li,#subNavi a {
	display:block;
	float:left;
	text-indent:-8000px;
	list-style:none;
	height:25px;
}




li#subnavi00,li#subnavi00 a {	background:url('../img/subnavi01_privacy.jpg') top center no-repeat; width:130px; }
li#subnavi00 a:hover	{	background:url('../img/subnavi01_privacy.jpg') bottom center no-repeat;	width:130px; }
li#subnavi00s	{	background:url('../img/subnavi01_privacy3.jpg') bottom center no-repeat;	width:130px; }

li#subnavi01,li#subnavi01 a {	background:url('../img/subnavi02_link.jpg') top center no-repeat;	width:130px; }
li#subnavi01 a:hover	{	background:url('../img/subnavi02_link.jpg') bottom center no-repeat; width:130px; }
li#subnavi01s	{	background:url('../img/subnavi02_link3.jpg') bottom center no-repeat; width:130px; }

li#copyright { background:url('../img/copyright.gif') top center no-repeat; width:490px; }


/* ==[ eewee template ]============================================= */
/* ==[ form object ]== */
form { padding:0; margin:0; }
.lform, .lform30, .lform50, .lform100, .lform150, .lform200, .lform250, .lform300, .lform350, .lform400{
	border:solid #888888 1px;
	padding: 2px 3px;
	background:#F3F3F3;
	font-family: verdana,sans-serif;
	font-size: 12px;
	color:#000000;
}
.lform30 { width:50px; }
.lform50 { width:50px; }
.lform100 { width:100px; }
.lform150 { width:150px; }
.lform200 { width:200px; }
.lform250 { width:250px; }
.lform300 { width:300px; }
.lform350 { width:350px; }
.lform400 { width:400px; }

/* ==[ font color ]== */
.f_col_gr { color: #555555; }
.f_col_r { color: #FF0000; }
.f_col_or { color: #FF3600; }
.f_col_b { color: #00A3E7; }
.f_col_g { color: #9FC600; }
.f_col_p { color: #4D124D; }
.f_col_br { color:#6f5a4c; }

/* == [ margin and padding class ] ==*/
/* ==[ top margin ]== */
.tm0  { margin-top:0px; }
.tm1  { margin-top:1px; }
.tm2  { margin-top:2px; }
.tm3  { margin-top:3px; }
.tm4  { margin-top:4px; }
.tm5  { margin-top:5px; }
.tm6  { margin-top:6px; }
.tm7  { margin-top:7px; }
.tm8  { margin-top:8px; }
.tm9  { margin-top:9px; }
.tm10 { margin-top:10px; }
.tm11 { margin-top:11px; }
.tm12 { margin-top:12px; }
.tm13 { margin-top:13px; }
.tm14 { margin-top:14px; }
.tm15 { margin-top:15px; }
.tm20 { margin-top:20px; }
.tm25 { margin-top:25px; }
.tm30 { margin-top:30px; }
.tm35 { margin-top:35px; }
.tm40 { margin-top:40px; }
.tm45 { margin-top:45px; }
.tm50 { margin-top:50px; }
.tm60 { margin-top:60px; }
.tm70 { margin-top:70px; }
.tm80 { margin-top:80px; }
.tm90 { margin-top:90px; }
.tm100 { margin-top:100px; }

/* ==[ top padding ]== */
.tp0, .tbp0 { padding-top:0px; }
.tp1, .tbp1 { padding-top:1px; }
.tp2, .tbp2 { padding-top:2px; }
.tp3, .tbp3 { padding-top:3px; }
.tp4, .tbp4 { padding-top:4px; }
.tp5, .tbp5 { padding-top:5px; }
.tp6, .tbp6 { padding-top:6px; }

.tp7, .tbp7 { padding-top:7px; }
.tp8, .tbp8 { padding-top:8px; }
.tp9, .tbp9 { padding-top:9px; }
.tp10, .tbp10 { padding-top:10px; }
.tp11, .tbp11 { padding-top:11px; }
.tp12, .tbp12 { padding-top:12px; }
.tp13, .tbp13 { padding-top:13px; }
.tp14, .tbp14 { padding-top:14px; }
.tp15, .tbp15 { padding-top:15px; }
.tp16, .tbp16 { padding-top:16px; }
.tp17, .tbp17 { padding-top:17px; }
.tp18, .tbp18 { padding-top:18px; }
.tp19, .tbp19 { padding-top:19px; }
.tp20, .tbp20 { padding-top:20px; }
.tp25, .tbp25 { padding-top:25px; }
.tp30, .tbp30 { padding-top:30px; }
.tp35, .tbp35 { padding-top:35px; }
.tp40, .tbp40 { padding-top:40px; }
.tp45, .tbp45 { padding-top:45px; }
.tp50, .tbp50 { padding-top:50px; }
.tp60, .tbp60 { padding-top:60px; }
.tp70, .tbp70 { padding-top:70px; }
.tp80, .tbp80 { padding-top:80px; }
.tp90, .tbp90 { padding-top:90px; }
.tp100, .tbp100 { padding-top:100px; }

/* ==[ bottom padding ]== */
.bp0, .tbp0 { padding-bottom:0px; }
.bp1, .tbp1 { padding-bottom:1px; }
.bp2, .tbp2 { padding-bottom:2px; }
.bp3, .tbp3 { padding-bottom:3px; }
.bp4, .tbp4 { padding-bottom:4px; }
.bp5, .tbp5 { padding-bottom:5px; }
.bp6, .tbp6 { padding-bottom:6px; }
.bp7, .tbp7 { padding-bottom:7px; }
.bp8, .tbp8 { padding-bottom:8px; }
.bp9, .tbp9 { padding-bottom:9px; }
.bp10, .tbp10 { padding-bottom:10px; }
.bp11, .tbp11 { padding-bottom:11px; }

.bp12, .tbp12 { padding-bottom:12px; }
.bp13, .tbp13 { padding-bottom:13px; }
.bp14, .tbp14 { padding-bottom:14px; }
.bp15, .tbp15 { padding-bottom:15px; }
.bp16, .tbp16 { padding-bottom:16px; }
.bp17, .tbp17 { padding-bottom:17px; }
.bp18, .tbp18 { padding-bottom:18px; }
.bp19, .tbp19 { padding-bottom:19px; }
.bp20, .tbp20 { padding-bottom:20px; }
.bp25, .tbp25 { padding-bottom:25px; }
.bp30, .tbp30 { padding-bottom:30px; }
.bp35, .tbp35 { padding-bottom:35px; }
.bp40, .tbp40 { padding-bottom:40px; }
.bp45, .tbp45 { padding-bottom:45px; }
.bp50, .tbp50 { padding-bottom:50px; }
.bp60, .tbp60 { padding-bottom:60px; }
.bp70, .tbp70 { padding-bottom:70px; }
.bp80, .tbp80 { padding-bottom:80px; }
.bp90, .tbp90 { padding-bottom:90px; }
.bp100, .tbp100 { padding-bottom:100px; }

/* ==[ right padding ]== */
.rp0, .lrp0   { padding-right:0px; }
.rp1, .lrp1   { padding-right:1px; }
.rp2, .lrp2   { padding-right:2px; }
.rp3, .lrp3   { padding-right:3px; }
.rp4, .lrp4   { padding-right:4px; }
.rp5, .lrp5   { padding-right:5px; }
.rp6, .lrp6   { padding-right:6px; }
.rp7, .lrp7   { padding-right:7px; }
.rp8, .lrp8   { padding-right:8px; }
.rp9, .lrp9   { padding-right:9px; }
.rp10, .lrp10 { padding-right:10px; }
.rp11, .lrp11 { padding-right:11px; }
.rp12, .lrp12 { padding-right:12px; }
.rp13, .lrp13 { padding-right:13px; }
.rp14, .lrp14 { padding-right:14px; }

.rp15, .lrp15 { padding-right:15px; }
.rp16, .lrp16 { padding-right:16px; }
.rp17, .lrp17 { padding-right:17px; }
.rp18, .lrp18 { padding-right:18px; }
.rp19, .lrp19 { padding-right:19px; }
.rp20, .lrp20 { padding-right:20px; }
.rp25, .lrp25 { padding-right:25px; }
.rp30, .lrp30 { padding-right:30px; }
.rp35, .lrp35 { padding-right:35px; }
.rp40, .lrp40 { padding-right:40px; }
.rp45, .lrp45 { padding-right:45px; }
.rp50, .lrp50 { padding-right:50px; }
.rp60  { padding-right:60px; }
.rp70  { padding-right:70px; }
.rp80  { padding-right:80px; }
.rp90  { padding-right:90px; }
.rp100 { padding-right:100px; }

/* ==[ left padding ]== */
.lp0, .lrp0   { padding-left:0px; }
.lp1, .lrp1   { padding-left:1px; }
.lp2, .lrp2   { padding-left:2px; }
.lp3, .lrp3   { padding-left:3px; }
.lp4, .lrp4   { padding-left:4px; }
.lp5, .lrp5   { padding-left:5px; }
.lp6, .lrp6   { padding-left:6px; }
.lp7, .lrp7   { padding-left:7px; }
.lp8, .lrp8   { padding-left:8px; }
.lp9, .lrp9   { padding-left:9px; }
.lp10, .lrp10 { padding-left:10px; }
.lp11, .lrp11 { padding-left:11px; }
.lp12, .lrp12 { padding-left:12px; }
.lp13, .lrp13 { padding-left:13px; }
.lp14, .lrp14 { padding-left:14px; }
.lp15, .lrp15 { padding-left:15px; }
.lp16, .lrp16 { padding-left:16px; }
.lp17, .lrp17 { padding-left:17px; }
.lp18, .lrp18 { padding-left:18px; }
.lp19, .lrp19 { padding-left:19px; }

.lp20, .lrp20 { padding-left:20px; }
.lp25, .lrp25 { padding-left:25px; }
.lp30, .lrp30 { padding-left:30px; }
.lp35, .lrp35 { padding-left:35px; }
.lp40, .lrp40 { padding-left:40px; }
.lp45, .lrp45 { padding-left:45px; }
.lp50, .lrp50 { padding-left:50px; }
.lp60  { padding-left:60px; }
.lp70  { padding-left:70px; }
.lp80  { padding-left:80px; }
.lp90  { padding-left:90px; }
.lp100 { padding-left:100px; }