@charset "utf-8";

/***************************
00 css import
01 clearfix
02 reset
03 base layout
04 globalnavigation
***************************/

/*----------------------------------
=00 css import
----------------------------------*/

/* pulldown */
@import "pulldown.css";


/* CSS Document */

/*----------------------------------
=01 clearfix
----------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{display:inline-block;}

/* Hides from IE-mac _*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End from IE-mac _*/


/*----------------------------------
=02 reset 
----------------------------------*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0;
	} 

body{  
	margin:0 ; 
	padding:0;
	text-align:center;
	font-size:12px;
	font-family:MS PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	line-height:1.5;
	color:#333;
	background:url(img/);
	}

table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 

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

h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	}
	
fieldset,img {border:0;} 	 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}

a:link{color:#6A6A7A;}
a:hover{color:#6A6A7A; text-decoration:none;}
a:active{color:#6A6A7A;}
a:visited{color:#6A6A7A;}

/* 摜̃Xy[X */
li img,
dt img,
dd img{
vertical-align:top;}

.clear{
	clear:both;
	height:0;
	line-height:0;
	}


/*----------------------------------
=03 base layoout
----------------------------------*/
html{height:100%;
	background:url(../img/bg_w-body.gif) top center repeat-x;}
body{
	height:100%;
	background:url(../img/bg_w-wrap-t.gif) top center no-repeat;
	}

#main-bg{
	min-height:100%;
	margin:0 auto; 
	padding:0;
	}
*html #main-bg{
	height:100%;
	}
body > #main-bg{height:auto;}

#wrapper{
	width:796px;
	margin:0 auto; 
	padding:0;
	background:url(../img/bg_w-wrap.gif) top center no-repeat;
	position:relative;
	}

/*----------------------------------
=03 base layoout --header-- 
----------------------------------*/

#header{
	width:776px;
	height:75px;
	margin:0 auto;
	background:url(../img/bg_head-top.gif) top repeat-x;
	}
#header h1{
	float:left;
	display:inline;
	margin:7px 0 0 -1px;
	}
#header ul{
	float:right;
	margin:13px 0px 0 0;
	padding:0;
	border-right:1px solid #B2B2B2;
	}
#header ul li{
	float:left;
	}
/*----------------------------------
=03 base layoout --main-- 
----------------------------------*/

#main{
	width:776px;
	margin:0;
	padding-top:0px;
	clear:both;
	position:relative;
	z-index:10;
	}

/*----------------------------------
=03 base layoout --footer-- 
----------------------------------*/

#footer{
	width:796px;
	height:65px;
	clear:both;
	background:url(../img/bgfr_footer-top.gif) no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:9999;
	}
#footer a{
	color:#fff;
	}
#footer ul{
	margin:0;
	color:#fff;
	font-size:small;
	border-right:1px solid #fff;
	position:absolute;
	top:20px;
	left:25px;
	}
#footer ul li{
	float:left;
	padding:0 6px;
	border-left:1px solid #fff;
	}
#footer address,
#footer p{
	margin:0;
	color:#fff;
	font-size:x-small;
	font-style:normal;
	letter-spacing:1px;
	position:absolute;
	top:20px;
	right:17px;
	}
#footer p{
	top:40px;
	right:17px;
	}


/*----------------------------------
=04 navigation
----------------------------------*/

#gmenu li{
	float:left;
	}
#navi{clear:both;}
#navi li{
	float:left;
	}


/*----------------------------------
=01 base change
----------------------------------*/

a:link{color:#414141;}
a:hover{color:#414141; text-decoration:none;}
a:active{color:#414141;}
a:visited{color:#707070;}

#title-img{
	margin:0;
	clear:both;
	}


/*----------------------------------
=04 pankuzu
----------------------------------*/

#pankuzu{
	margin:0;
	}

#pankuzu ol{
	float:right;
	}
#pankuzu ol li{
	float:left;
	padding-right:13px;
	margin-left:8px;
	background:url(http://www.grand-hirafu.jp/winter/img/icon_pankuzu.gif) center right no-repeat;
	}
#pankuzu ol li.current{
	float:left;
	margin-left:8px;
	font-weight:bold;
	color:#1B3A83;
	background:none;
	}


/*----------------------------------
=05 txt-link
----------------------------------*/

#txt-links{
	margin:70px auto 55px;
	clear:both;
	}
	
#txt-links p{
    text-align:center;
	}


/*----------------------------------
=01 guide
----------------------------------*/
#pankuzu{
	width:776px;
	margin:0;
	}

#center{
	width:752px;
	margin:0 auto;
	clear:both;
	}

#centercont{
	margin:10px 0;
	padding:0;
	text-align:center;
	}
#centercont.nomar{
	width:637px;
	margin:0;
	}
#centercont h3{
	margin:0;
	text-align:center;
	clear:both;
	}

#centercont .frame{
	width:752px;
	margin:0 0 35px;
	padding:0;
	text-align:center;
	background:url(http://www.grand-hirafu.jp/winter/img/bg_guide01.gif) repeat-y;
	}

#centercont.nomar .frame{
	width:635px;
	margin:0;
	padding-bottom:200px;
	background:url(http://www.grand-hirafu.jp/winter/img/bg_guide01.gif) center repeat-y;
	}
#centercont .frame .frame-b{
	padding-bottom:55px;
	background:url(http://www.grand-hirafu.jp/winter/img/bg_guide02.gif) bottom no-repeat;
	}

#centercont .frame h3{
	margin-bottom:15px;
	}
#centercont .frame .box{
	width:635px;
	margin:0 auto;
	padding-top:35px;
	text-align:left;
	}
#centercont .frame .box h4{
	margin-bottom:10px;
	font-weight:bold;
	padding-left:23px;
	}
#centercont .frame .box h4.blue{
	color:#1B3A83;
	background:url(http://www.grand-hirafu.jp/winter/img/icon_guide01.gif) no-repeat 0 2px;
	}
#centercont .frame .box h4.blown{
	color:#66280A;
	background:url(http://www.grand-hirafu.jp/winter/img/icon_guide02.gif) no-repeat 0 0;
	}

#centercont .frame .box table{
	width:633px;
	margin:0 auto;
	}
#centercont .frame .box table th,
#centercont .frame .box table td{
	border:1px solid #999;
	text-align:center;
	padding:3px;
	background:#fff;
	}
#centercont .frame .box table th{
	background:url(http://www.grand-hirafu.jp/winter/img/bg_guide-b.gif);
	}
#centercont .frame .box table .txtleft{
    text-align:left;
	}
#centercont .frame .box table .bg-grey{
	background:#EEEEEE;
	}
#centercont .frame .box table.tb-blown th{
	background:url(http://www.grand-hirafu.jp/winter/img/bg_guide-o.gif);
	}


/*----------------------------------
=05 txt-link
----------------------------------*/

#txt-links{
	margin:70px auto 55px;
	clear:both;
	}
	
#txt-links p{
    text-align:center;
	}

#commercial{
	clear:both;
	height:140px;
	margin-left:10px;
	padding-top:20px;
	}

#commercial h4{
	width:400px;
	}