@charset "utf-8";

/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;margin:0;padding:0;}

body{background:#FFF; padding:0 10px; text-align:center;}
table{ border-collapse:collapse; empty-cells:show; border-spacing:0; border:none;}
table th,
table td{ padding:0; vertical-align:top; text-align:left;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}

a:link {color: #0000FF; text-decoration:none;}
a:visited {color: #990099; text-decoration:none;}
a:hover {color: #CC0000; text-decoration:underline;}
a:active {color: #CC0000; text-decoration:none;}

hr {display:none;}*/

/*---------------
 Font
---------------*/
/* body {font:13px/1.22 "Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;*font-size:small;*font:x-small;}
body *{line-height:1.33em;*line-height:1.2em;} */
/*X-Large*/
.xl{font-size:125%;}
/*Large*/
.l{font-size:112.5%;}
html* .l{font-size:110%;}
* html .l{font-size:112.5%;}
*:first-child+html .l{font-size:112.5%;}
/*Normal*/
.m{font-size:100%;}
html* .m{font-size:92.5%;}
* html .m{font-size:100%;}
*:first-child+html .m{font-size:100%;}
/*Small*/
.s{font-size:92.5%;}
html* .s{font-size:85%;}
* html .s{font-size:92.5%;}
*:first-child+html .s{font-size:92.5%;}
/*X-Small*/
.xs{font-size:87.5%;}
html* .xs{font-size:77.5%;}
* html .xs{font-size:80%;}
*:first-child+html .xs{font-size:80%;}

/*font-weight*/
.b{font-weight:bold;}
div#Header div.logoarea div.tagline strong{font-weight:normal;}

/*color*/
.red{color:#900;}
.gray{color:#666;}

/*---------------
 Base Layout
---------------*/

/* AllLayout */
div#AllLayout {width:950px; margin:0 auto; text-align:left;}

/* Header */
/* table#HeadArea{ width:950px; margin:7px 0 5px 0;}
#HeadArea .lead #tag { vertical-align:middle;}
table#HeadArea tr td#tag h1{display:block; margin-bottom:5px; color:#666666; float:left;}
table#HeadArea tr td#tag p{float:right;}
table#HeadArea tr td p{ float:right; padding:0 0 2px 0;} */

/* BreadcrumbList */
/*
div#BreadcrumbList{margin:0px; padding:3px 0 0; border-top: 1px solid #CCC;text-align:right;}
* html div#BreadcrumbList{margin:0px; padding:3px 0 0;}
*:first-child+html div#BreadcrumbList{margin:3px 0 0;}
div#BreadcrumbList div.punkulist{float:left; text-align:left;}
div#BreadcrumbList div.punkulist .pankuzu1ex{font-weight:bold;font-family:osaka,"ＭＳ Ｐゴシック";}
div#BreadcrumbList div.punkulist a{margin:0;}
div#BreadcrumbList div.gadlink{float:right; text-align:right; white-space:nowrap}
* html div#BreadcrumbList div.gadlink{white-space:nowrap}
*:first-child+html div#BreadcrumbList div.gadlink{white-space:nowrap}
div#BreadcrumbList div.gadlink a{margin:0 5px;}
div#BreadcrumbList div.prtextlink{margin:0;}
div#BreadcrumbList div.gadlink div.contlink a{margin:0 5px;}
div#BreadcrumbList div.contlink a{margin:0 5px;}*/



/*---------------------------------------------
GlobalArea
---------------------------------------------*/
div#GlobalArea {
	background: transparent url(../img/common/bg-hdr.gif) no-repeat left top;
	border-bottom: 5px solid #1058A7;
	margin-top: 10px;
}
div#GlobalArea ul li{
	float: left;
}
div#GlobalArea ul li{
	vertical-align: bottom;
	width: 134px;
}
div#GlobalArea ul li a{
	background: url(https://surfsnow.jp/img/top/menu_01_01.gif) 0% 0% no-repeat;
	cursor: pointer;
	display: block;
	text-decoration: none;
	width: 130px;
}
div#GlobalArea ul li a span{
	background: url(https://surfsnow.jp/img/top/menu_01_02.gif) 100% 0% no-repeat;
	display: block;
	font-weight: bold;
	padding: 8px 5px 6px 5px;
	text-align: center;
	text-decoration: none;
	width: 122px;
}

div#GlobalArea ul li.list-end,
div#GlobalArea ul li.list-end a{
	width: 132px;
}
div#GlobalArea ul li.list-end a span{
	width: 122px;
}
div#GlobalArea ul li.current a{
	background: url(https://surfsnow.jp/img/top/menu_02_01.jpg) 0% 0% no-repeat;
}
div#GlobalArea ul li.current a span{
	background: url(https://surfsnow.jp/img/top/menu_02_02.jpg) 100% 0% no-repeat;
}
div#GlobalArea ul li a{
	color: #434343;
}
div#GlobalArea ul li.current a{
	color: #ffffff;
}
div#GlobalArea ul li a:hover{
	background: url(https://surfsnow.jp/img/top/menu_02_01.jpg) 0% 0% no-repeat;
}
div#GlobalArea ul li a:hover span{
	background: url(https://surfsnow.jp/img/top/menu_02_02.jpg) 100% 0% no-repeat;
	color: #ffffff;
}

/*---------------------------------------------
 footer category
---------------------------------------------*/
#category{ margin:30px auto 15px; padding: 0; text-align: center;}
#category .link{ margin: 0; padding: 0; text-align: center; line-height: 180%; color: #999;}


/*---------------------------------------------
 footer category
---------------------------------------------*/

#category02{ margin:30px auto 15px; padding: 0; text-align: center;}
#category02 dl dt,
#category02 dl dt{ float: left;}
#category02 dl dt{ width: 120px; font-weight: bold; color: #05678a; background: #cce7f2; padding: 15px; text-align: center; border: 3px solid #cce7f2;}
#category02 dl dd{ width: 700px; background: #ffffff; padding: 15px; border: 3px solid #cce7f2; text-align: center;}



/*---------------------------------------------
 pagetop
---------------------------------------------*/
#pagetop02{margin: 10px 0px; width:950px; text-align:right;}


/*---------------
 Footer
---------------*/
div#Footer{margin:5px 0 5;border-top:1px solid #999; text-align:center; padding:6px 0 24px; line-height: 140%;}

#footer .mediasel{
	background-color: #F0F0F0;
	display: none;
	border: 1px solid #CCC;
	margin: 0 auto 20px;
	padding: 5px;
	text-align: center;
	width: 230px;
}


/*-------------------------
	clearfix
-------------------------*/
.clfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0.1px;
	line-height: 0.1px;
}

.clfix {
	display: inline-block;
	position: relative; /* DW */
}

/* Hides from IE-mac \*/
.clfix {
	display: block;
}
/* End hide from IE-mac */


/*---------------
#footerWordLink
---------------*/

#footerWordLink {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
clear: both;
margin: 10px auto 0;
padding: 8px 0;
position: static;
top: 0;
left: 0;
text-align: left;
width: 950px;
}

#footerWordLink h5 {
font-size: 12px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 3px;
}

#footerWordLink li {
float: left;
line-height: 1.3;
list-style: none;
padding-right: 1em;
white-space: nowrap;
}