/*------------------------------
共通
-------------------------------*/
*{
margin:0;
padding:0;

}

/* clearfixフロートした子要素しかもたない親ブロック要素の高さを確立する */

.clrfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clrfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clrfix {height:1%;}
.clrfix {display:block;}
/* End hide from IE-mac */


html{background:#fff}

h1,h2,h3,h4,h5,ul,ol,li,p{padding:0;margin:0; font-weight:normal;}

ul,ol,li{list-style:none; padding: 0; margin: 0;}

dl,dt,dd,td,tr,td,th{padding: 0; margin: 0; }



img{

padding:0;
margin:0;
outline:none;
border:none;

}


.left{

text-align:left;

}

.center{

text-align:center;

}

html{
    height:100%;
}

body {
	color: #4e3c29;
	margin: 0 auto;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , Mayrio, Arial;
	font-size:12px;
	line-height:22px;
    height:100%;
	behavior:url("csshover.htc");
	}


#wrapper {
	width:100%;
	position: relative;
	height: 100%;
	min-height: 100%;
	background:url(../images/second_bg.jpg) 0 0 repeat;
	}

body > #wrapper {
  height: auto;
}

img,div,li,a,p{ behavior:url(../common/js/iepngfix.htc);}

/*------------------------------
ヘッダー
-------------------------------*/

#header{
	width:100%;
	height:131px;
	background:url(../images/header_bg.jpg) 0 0 repeat-x;
	text-align:left;
	position:relative;
	margin: 0 auto;
}

#header_inner{
	width:960px;
	height:131px;
	background:url(../images/header_bg.jpg) 0 0 repeat-x;
	text-align:left;
	position:relative;
	margin: 0 auto;
}


#contents{
width:100%;
padding-bottom:69px;
}

#contents #contents_inner{

width:960px;
margin:20px auto;
background:url(../images/secondnavi_bg.gif) 227px 50px no-repeat #fff;
padding:0 0 50px 0;
overflow: hidden;

}


/* ロゴ */
h1#logo{
	position:absolute;
	width:178px;
	height:125px;
	top:0px;
	background:url(../images/logo.gif)  0 0 no-repeat;
	text-indent:-9999px;
	}

h1#logo a{
	width:178px;
	height:125px;
	display:block;
}


#header p#lead{
	position:absolute;
	width:218px;
	height:52px;
	top:33px;
	left:192px;
	background:url(../images/copy.gif)  0 0 no-repeat;
	text-indent:-9999px;
	}

p#logo_sub{
	position:absolute;
	width:223px;
	height:20px;
	top:37px;
	right:0;
	background:url(../images/logo_sub.gif)  0 0 no-repeat;
	text-indent:-9999px;
	}

/* ヘッダサブナビ */

ul#head_navi{
position:absolute;
top:0;
right:0px;
width:353px;
height:26px;

}
ul#head_navi li {height:26px; text-indent:-9999px; float:left;}

ul#head_navi li.navi01{background:url(../images/head_navi01.gif) no-repeat left top; width:103px;}
ul#head_navi li.navi02{background:url(../images/head_navi02.gif) no-repeat left top; width:88px;}
ul#head_navi li.navi03{background:url(../images/head_navi03.gif) no-repeat left top; width:96px;}
ul#head_navi li.navi04{background:url(../images/head_navi04.gif) no-repeat left top; width:66px;}

ul#head_navi li.navi01 a{width:103px; height:26px; text-indent:-9999px; display:block; float:left;}
ul#head_navi li.navi02 a{width:88px; height:26px; text-indent:-9999px; display:block; float:left;}
ul#head_navi li.navi03 a{width:96px; height:26px; text-indent:-9999px; display:block; float:left;}
ul#head_navi li.navi04 a{width:66px; height:26px; text-indent:-9999px; display:block; float:left;}

ul#head_navi li.navi01 a:hover {background:url(../images/head_navi01_on.gif) no-repeat left top; width:103px;}
ul#head_navi li.navi02 a:hover {background:url(../images/head_navi02_on.gif) no-repeat left top; width:88px;}
ul#head_navi li.navi03 a:hover {background:url(../images/head_navi03_on.gif) no-repeat left top; width:96px;}
ul#head_navi li.navi04 a:hover {background:url(../images/head_navi04_on.gif) no-repeat left top; width:66px;}



/*----------------------------------
メニュー
------------------------------------*/
ul#gnavi{
	position:absolute;
	top:67px;
	left: 227px;
	width:733px;
	height:58px;
	margin:0;
	padding:0;

}
ul#gnavi li{width:146px; height:58px; text-indent:-9999px; float:left;}
ul#gnavi li.gnavi01 {background:url(../images/navi01.gif) no-repeat 0 0; width:166px;}
ul#gnavi li.gnavi02 {background:url(../images/navi02.gif) no-repeat 0 0;}
ul#gnavi li.gnavi03 {background:url(../images/navi03.gif) no-repeat 0 0; width:147px;}
ul#gnavi li.gnavi04 {background:url(../images/navi04.gif) no-repeat 0 0; width:137px;}
ul#gnavi li.gnavi05 {background:url(../images/navi05.gif) no-repeat 0 0; width:137px;}


ul#gnavi li a{width:146px; height:58px; text-indent:-9999px; display:block; float:left;}
/*ul#gnavi li.gnavi03 a{background:url(../images/navi03.gif) no-repeat 0 0; width:147px;}
ul#gnavi li.gnavi04 a{background:url(../images/navi04.gif) no-repeat 0 0; width:147px;}
ul#gnavi li.gnavi05 a{background:url(../images/navi05.gif) no-repeat 0 0; width:147px;}*/


ul#gnavi li a:hover{width:146px; height:58px; text-indent:-9999px; display:block; float:left;}
ul#gnavi li.gnavi01 a:hover {background:url(../images/navi01_on.gif) no-repeat 0 0; width:166px;}
ul#gnavi li.gnavi02 a:hover {background:url(../images/navi02_on.gif) no-repeat 0 0;}
ul#gnavi li.gnavi03 a:hover {background:url(../images/navi03_on.gif) no-repeat 0 0; width:147px;}
ul#gnavi li.gnavi04 a:hover {background:url(../images/navi04_on.gif) no-repeat 0 0; width:137px;}
ul#gnavi li.gnavi05 a:hover {background:url(../images/navi05_on.gif) no-repeat 0 0; width:137px;}

/*#index ul#gnavi li.gnavi01 {background:url(../images/navi01_on.gif) no-repeat 0 0; width:146px;}*/
#selection ul#gnavi li.gnavi01 {background:url(../images/navi01_on.gif) no-repeat 0 0; width:166px;}
#restaurant ul#gnavi li.gnavi02 {background:url(../images/navi02_on.gif) no-repeat 0 0; width:146px;}
#menu ul#gnavi li.gnavi03 {background:url(../images/navi03_on.gif) no-repeat 0 0; width:147px;}



/*----------------------------------
パンくず
------------------------------------*/
#breadCol {
height:24px;
width:910px;
padding:5px 25px;
background:url(../images/bread_bg.gif) repeat-x 0 0;
border-top:solid 4px #548178;
font-size:10px;
overflow: hidden;
}

#breadCol ul{
float:left;
background:url(../images/home_icon.gif) no-repeat 0 0;
padding-left:25px;
padding-top:1px;
}

#breadCol ul li{
float:left;
}


/*----------------------------------
メインカラム
------------------------------------*/

#contents #contents_inner #mainCol{

width:652px;
margin:0 0 0 40px;
float:left;
}

#contents #contents_inner #mainCol #mainCol_inner{

width:607px;
margin:15px auto;
}


/*----------------------------------
セカンド左側カラム
------------------------------------*/

#contents #contents_inner #leftCol{

width:217px;
margin:13px 0 0 13px;
_margin:13px 0 0 6px;
float:left;
height:100%;
min-height:100%;
}

#leftCol .banner{
padding-top:25px;
clear:both;
}


/*----------------------------------
footer
------------------------------------*/
#footer {
	width:100%;
	height:69px;
	margin:0 0 0 0;
	background:url(../images/foot_bg.gif) 0 bottom repeat-x;
	position:absolute;
	bottom:0;
	}

#footer02 {
	width:100%;
	height:69px;
	margin:0 0 0 0;
	background:url(../images/foot_bg.gif) 0 bottom repeat-x;
	}


#foot_inner {
	width:960px;
	margin:0 auto;
	}

#page_top{
width:960px;
text-align:right;
margin:0 auto 10px auto;
}

/* フターメニュー*/
ul#fnavi{
float:left;
font-size:10px;
}


ul#fnavi li{
display:block;
float:left;
margin-right:10px;
color:#fff;
	}

ul#fnavi li a{
display:block;
float:left;
color:#fff;
	}





/* コピーライト*/

#copyright {
width:225px;
float:right;
	}


ul#footer_menu li a {text-indent:-9999px; display:block; overflow:hidden; height:12px;}
ul#footer_menu li.t1 a {background:url(/common/images/help.gif) no-repeat left top; width:47px; }
ul#footer_menu li.t2 a {background:url(/common/images/privacy.gif) no-repeat left top; width:124px;}
ul#footer_menu li.t3 a {background:url(/common/images/kiyaku.gif) no-repeat left top; width:69px;}


/*----------------------------------
フォント指定
------------------------------------*/

a{
text-decoration:none;
color:#0a8c37;
outline:none;
border:none;
overflow:hidden;
}

a:hover{
text-decoration:underline;
}

.gray{
color:#333333;
}

.green{
color:#20a807;
}

.red{
color:#c31a26;
}





.f10 {
  font-size: 10px;
  line-height:14px;
}

.small {
  font-size: 10px;
  line-height:14px;
}