@charset "UTF-8";

/* 更新履歴
================================================== */
/*20151120　デザートページのレイアウト崩れ解消　img.liquid_dessert*/
/*20151201　チケット都道府県背景色変更 h5.orange*/
/*201512　　英語サイト　モーニング　.table03 td　width設定*/
/*20160614　other追加*/
/*20160719　table03(会社案内)修正*/
/*20170201　サイトマップ修正*/



/* #Reset & Basics
================================================== */
*{
    margin: 0;
    padding: 0;
}

/* clearfix
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clear ,
.clearfix:after { clear: both; }
/*.clearfix { zoom: 1; }ie7対策（バリデーション対策のためJS出力）*/


/* #Base styles
================================================== */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    font-size: 13px; 
/*    line-height: 1.8;
*/	color: #000;
/*	background:url(../images/mono.gif) repeat 0 -108px;
*/}

body.line_green{border-top:8px solid #470E00;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

a{
    color : #000 ;
}

a.link{
    color:#0066FF;}
	
a.link:hover{
    color:#0066FF;
	text-decoration:none;}

ul li{
	list-style: none;
}
ol{
    margin-left:20px;
}
/* text
================================================== */


/*h2{
    font-size : 28px ;
    color :#511e03 ;
    border-top : 1px #fff dashed; 
	background: url(../images/bg_h2_blue.gif) center bottom repeat-x;
    padding :0 0 10px 0 ; 
}

h2.image{
    padding : 0 ; 
    border : none ;
}

*/
h3{
    font-size : 22px ;
    color :#000 ;
    padding : 0 ;
}

h3.orange{
    font-size : 13px ;
	color:#fff;
	background:#FFCC00;
    padding : 5px;
}

h3.brown{
    font-size : 13px ;
	color:#fff;
	background:#6D3800;
    padding : 5px;
}
h4{
    font-size : 13px ;
    color : #fff ;
    padding : 20px 0;
	background:#c97586;
    margin-top:20px;
}
h4 p{
border-left:22px solid #9d2667;
padding:0px 10px;
font-weight:normal;
}
h5{
    font-size : 13px ;
    color : #fff ;
    padding : 5px ;
    background : #E76581 ;
}
h5.orange{
    font-size : 13px ;
    color : #fff ;
    padding : 5px ;
    background:#CC0000; /*20151201チケット都道府県背景色変更　#FF3300;*/
}
h6{
    font-size : 13px ;
    color : #fff ;
    padding : 5px ;
    background : #66294a ;
}
h7{	width:100%;
}
article h3{
    font-size : 20px ;
    padding : 10px 0 ;
    border : none ;
    background : none ;
}
article h4{
    font-size : 16px ;
    color :#511e03 ;
    padding : 5px 0 ;
    background : none ;
}
h4.brown{
    font-size : 16px ;
    color :#511e03 ;
    padding : 5px 0 ;
	margin:0;
    background : none ;
}



/* img
================================================== */
img {
    border : none ;
}
img.liquid {
    display : block ;
}
/*20151120デザートページのレイアウト崩れ解消*/
img.liquid_dessert {
    width : 100% ;
    height  : auto ;
}


/* width
================================================== */
.container {
    position : relative ;
    margin: 0 auto;    
    max-width : 960px ;
    padding: 0 20px; 
/*<!-- 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目-->*/
		word-break: break-all;
/*<!-- 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 -->*/
}

.ie8 .container ,
.ie8 header,
.ie8 .slider ,
.ie8 .blog-box ,
.ie8 #bnr{
	min-width : 960px ;
}

.container ,
header,
.slider ,
.blog-box ,
#bnr{
	min-width : 280px ;
}

.w70-90{
width:70%;
margin:0 auto;
}

/* header
================================================== */
/*header{
    padding-top : 10px ;
	margin: 0 auto; 
    line-height: 0; 
}

header .sp{
    display : none ;
}

.ie8 header nav ,
header nav{
    display : block ;
    width : 100% ;
	max-width:960px;
	margin:0 auto;
}

nav li a:hover{
	background:#F7F1E9;
}

.global{
    margin-top : 10px ;
	z-index:9999;
	position: relative;
}

.global ul li{ 
	list-style: none;
	float: left;
	width : 20%  ;
	line-height :1 ;
	font-size:14px;
	box-shadow: 4px 4px 6px rgba(0,0,0,0.2);
}

ul li.wood01{
    background:url(../images/wood01.gif) repeat; 
	border-top-left-radius: 10px;    
    border-bottom-left-radius: 10px; 
    -webkit-border-top-left-radius: 10px;    
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-bottomleft: 40px;
	behavior: url(border-radius.htc); /* IE *
	
}
.global ul li.wood02{
    background:url(../images/wood02.gif) repeat;
}
.global ul li.wood03{
    background:url(../images/wood03.gif) repeat;
}
.global ul li.wood04{
    background:url(../images/wood04.gif) repeat;
}
.global ul li.wood05{
    background:url(../images/wood05.gif) repeat;	
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;    
    -webkit-border-bottom-right-radius: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 40px; 
	behavior: url(border-radius.htc); /* IE *
}

.global ul li a {
    text-decoration : none ;
	padding : 20px 10px ;
	display : block ;
	text-align:center;
	color : #470E00 ;
	border-left:1px solid #F1E5D7;
	font-weight:bold;

}
.global ul li:first-child a{
	border-left : none ;
}

.global ul li.wood01 a:hover {
    background:url(../images/wood01_on.gif) repeat;
	border-top-left-radius: 10px;    
    border-bottom-left-radius: 10px; 
    -webkit-border-top-left-radius: 10px;    
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-bottomleft: 40px;
	behavior: url(border-radius.htc); /* IE *
}
.global ul li.wood02 a:hover {
    background:url(../images/wood02_on.gif) repeat;
}
.global ul li.wood03 a:hover {
    background:url(../images/wood03_on.gif) repeat;
}
.global ul li.wood04 a:hover {
    background:url(../images/wood04_on.gif) repeat;
}
.global ul li.wood05 a:hover {
    background:url(../images/wood05_on.gif) repeat;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;    
    -webkit-border-bottom-right-radius: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 40px; 
	behavior: url(border-radius.htc); /* IE *
}

header ul.guide{
    position : absolute ;
    top : -95px ;
    right : 0 ;
}

ul.guide li{ 
	list-style: none;
	float: left;
	line-height :1 ;
}
ul.guide li a {
	padding : 8px 10px ;
	display : block ;
	text-align: center;
	text-decoration: none;
	border-right : 1px  #470E00 solid ;
}


ul.guide li:first-child a{
	border-left : 1px  #470E00 solid ;
}*/

/* #wrapper
================================================== */
#wrapper{
	margin: 0 auto; 
	max-width : 100% ;
    margin-bottom : 40px ;
}

.wrap_waku{
border:1px solid #eee;
margin-bottom:2px;
}

.pad-20{
padding:20px;
}

/* #page-header
================================================== */
#page-header {
	background: url(../images/bg_wrapper.gif) center top repeat-x;
	max-width : 100% ;
}

#page-header > div {
    padding-top : 10px !important;
    height : 30px ;
    line-height : 20px ;
}

/*-----PAN nav-----*/

/*#page-header ul.pan{
	float: left;
	font-size:10px;
	
}
#page-header ul.pan li {
	float: left;
    margin-right :10px;
}
#page-header ul.pan li a {
    margin-right : 10px ;
}
*/
/*-----SNS nav-----*/

#page-header ul.social{
	float: right;
}
#page-header ul.social li {
	float: left;
    margin-left : 10px  ;
}

/* nav.local
================================================== */
/*-----横型-----*/
.local-w ul{ 
    margin : 20px 0  ;
	width : 100% ;
	border-left : 1px  #ddd solid ;
}

.local-w ul li{
	float: left;
}
.local-w ul li a {
    color : #462507 ;
	padding : 15px ;
	display : block ;
	text-align: center;
	text-decoration: none;
	border-right : 1px  #ddd solid ;
}
.local-w ul li a:hover{
    background:url(../images/h4_bg.gif);
}

.local-w ul li a.on,
.local-w ul li a.on:hover {
    color : #fff ;
    background : #511e03 ;
}
/*-----縦型-----*/
.local-h p{
width:100%;
height:70px;
font-weight:bold;
}
.local-h p a{
padding:24px 20px;
display:block;
color:#fff;
text-decoration:none;
background:#741b4b;
}
.local-h p a:hover{
color:#fff;
text-decoration:none;
}
.local-h ul{ 
	width : 100% ;
}
.local-h ul li{
    background : url(../images/bar.gif) left center no-repeat;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #741b4b;
	margin-top:2px;
	margin-left:10px;
}
.local-h ul li.now{
    background:#efd5e3;
	}

.local-h ul li a {
    color : #741b4b ;
	font-weight:bold;
	padding : 20px 30px 20px 20px ;
	display : block ;
	text-decoration: none;
    background : url(../images/bar.gif) left center no-repeat;
}
.local-h ul li a:hover{
    text-decoration:underline;
}

/* layout
================================================== */
.col-23{
    width : 24% ;
    float : left ;
	margin-right:1%;
}
.col-23:nth-child(4n) {
	margin-right:0;
}
.col-24{
    width : 240px ;
    float : left ;
}

.col-32 {
    width : 320px ;
	float: left;
}

li.col-32 {
    width : 310px ;
	float: left;
}

.col-48{
    width : 480px ;
	float: left;
}

.col-72{
    width : 720px ;
    float : left ;
}

.col-mainL > * {
    margin : 0 20px 20px 0  ;
}
.col-mainR > * {
    margin : 0 0 0 20px  ;
}


/* #totop
==================================================*/ 
#totop{ 
    z-index : 99999 ;
    display : none ;
    position : fixed ;
    bottom : 100px ;
    right : 10px ;
    background : #470E00 ;
    cursor : pointer ; 
    width : 30px ;
    height : 30px ;
    line-height : 1.2 ;
    padding : 10px ;
	border-radius: 100%;
    text-align : center ;
	font-size: 12px;
	color: #fff;
}

/* footer
================================================== */
/*footer div {
	border-top: 2px solid #470E00;
    padding : 10px 0 30px 0 ;
}

footer nav {
	float : left;
}
.copyright{
    float:right ;
    font-size : 75% ;
}*/


/* BUTTON
================================================== */
.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:17px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.btn:active {
	position:relative;
	top:1px;
}
.btn_gray {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn_gray:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.btn_gray:active {
	position:relative;
	top:1px;
}
.btn_orange {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:10px 34px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn_orange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.btn_orange:active {
	position:relative;
	top:1px;
}

.btn_yellow {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	width:130px;
	height:64px;
	padding:10px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}


.btn_yellow2 {
    -moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#333333;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	width:100px;
	padding:10px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}


ul.btn_agree li{
margin-right:28px;
}

/* TABLE
================================================== */
.table01{
width: 100%;
border-collapse: collapse;
text-align:center;
}
.table01 td{
padding: 16px 10px;
background-color: #fff;
border: 1px solid #ddd;
}
.table01 th{
background :url(../images/h4_bg.gif) repeat;
padding: 16px 10px;
border: 1px solid #ddd;
}

#a{
width: 100%;
background-color: #fff;
font-size: 16px;
margin-top: 10px;
}
#a1{
width: 49%;
float: left;
border: 1px solid #ddd;
}
#a2{
width: 49%;
float: right;
border: 1px solid #ddd;
}
.a3{
padding-left:10px;
}
#fc_tel_p{
margin-top: 10px;
clear: both;
}


/*
.table02{
width: 100%;
border-collapse: collapse;
text-align:center;
font-size:16px;
margin-top:10px;
}
.table02 td{
padding: 4px;
background-color: #fff;
border: 1px solid #ddd;
}
*/

.table03{
width: 96%;
border-collapse: collapse;
text-align:center;
}
.table03 td{
padding: 16px 10px;
background-color: #fff;
border: 1px solid #ddd;
/*width: 50%; 20160719削除*/
/*vertical-align: top; 20160719削除*/
}
.table03 th{
background :url(../images/h4_bg.gif) repeat;
padding: 16px 10px;
border: 1px solid #ddd;
}

/* FORM
================================================== */
input[type=text]{
	height:20px;
}

.table01 input[type=text]{
	width:100%;
}

.table01 input[type=text].80{
	width:80%;
}


/* sitemap
================================================== */
.sitemap_all{
width:75%;
margin: 0 auto;
}
#sitemap_l{
float:left;
width:32%;
margin-right:10px;
}
#sitemap_c{
float:left;
width:32%;
margin-right:10px;
}
#sitemap_r{
float:left;
width:32%;
}
ul#sitemap{
margin:20px 0 0 0;
padding:0;
/*width:100%;*/
}
ul#sitemap li{
/*float:left;*/
/*width:33%;*/
margin-bottom:20px;
}

ul#sitemap h2{
font-size:16px;
	padding:2px 8px;
	border-width:0 0 4px 0;
	border-color: #C97586;
	border-style:solid;
	background:#9D2667;
	color:#fff;
	line-height:140%;
	margin:0 0px 10px 0;
}

ul#sitemap h2 a{
color:#FFF;
display:block;
text-decoration:none;
}

ul#sitemap h2 a:hover{
color:#FFF;
text-decoration:none;
}

ul#sitemap p{
line-height:26px;
}

ul#sitemap p a{
color:#330000;
font-weight:bold;
text-decoration:none;
display:block;
}

ul#sitemap p a:hover{
color:#660000;
font-weight:bold;
text-decoration:underline;
}



/* OTHER
================================================== */
.ml20{ margin-left:20px; }
.mt5{margin-top : 5px ;}
.mt10{margin-top : 10px ;}
.mt20{margin-top : 20px ;}
.mb10{margin-bottom : 10px ;}
.pb0{padding-bottom:0px;}
.st10{
    padding-top: 10px ;
    margin-top : 10px ;
    border-top : 1px #ddd dotted;
}
.right{text-align : right ;}
.center{text-align : center ;}
.f-left{float : left;}
.f-right{float : right;}
.d-inline{display : inline ;}
.d-inline-b{display : inline-block ;}

.bb{border-bottom:1px solid;}

.last{ border : none !important; }
.bold{font-weight : bold ;}
/*<!-- 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目-->*/
.small{font-size : 90% ;}
/*<!-- 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 -->*/
.b{ font-weight:bold; font-size:14px;}
.tex16{font-size:16px;}
.red{color:#CC0000;}
.blue{color:#470E00;}

ul.original{
margin-left:20px;
text-indent:-1em;
}

ul.normal{
margin:4px 0 0 20px;
}

ul.normal li{
list-style:outside;
}




/*==================================================================================

media queries

==================================================================================*/

/* W < 960
================================================== */
@media only screen and (max-width: 960px) {

img.liquid {
    width : 100% ;
    height  : auto ;
}

/*footer .container,
header .container,
#wrapper .container {
    max-width : 930px ;
    padding: 0 15px;  
}

header ul.guide{
    right : 15px ;
}*/

}


/* W < 700
================================================== */
@media only screen and (max-width: 700px) {


.pc{
    display : none ;
}
/*
header{
    padding-bottom : 20px ;
    border-bottom : 1px #ddd solid ;   
}

header .sp{
    position : absolute ; 
    top : 0 ; 
    right : 15px ;
    display : block ;
    color : #fff ;
    background : #470E00 url(../images/sp_btn_bg.png) center center no-repeat;
    width : 40px ;
    height : 40px ;
	border-radius: 100%;
    cursor : pointer ; 
    z-index : 9999999 ;   
}

header nav{
    display : none ;
}

.global{ 
}

.global ul li{ 
	float: none;
    width : 100% ;
}
.global ul li:first-child a{
	border-left : none ;
    border-top : 1px  #ddd solid ;
}
.global ul li a {
    color : #fff ;
	padding : 15px 10px ;
	border-right : none ;
	text-align: left;
    border-bottom : 1px  #470E00 solid ;
}
.global ul li a:hover{
	background:url(../images/wood.gif) repeat -1px 0;
}

header .guide{
	border-left : 1px  #470E00 solid ;
    border-right : 1px  #470E00 solid ;
    width : 100% ;
    text-align : center ;
    position : static !important;
    margin-top : 20px ;    
}

header ul.guide  li{ 
    float : left ;
    width : 50% ;
}
header ul.guide  li a {
	color : #333 ;
	padding : 10px  ;
	display : block ;
	text-align: center;
	border-right : 1px  #470E00 solid ;
}

header ul.guide  li:first-child a{
	border-left : none ;
}
header ul.guide  li:nth-child(2n) a{
	border-right : none ;
}*/

.local-w ul{
	border-left : none ;
    border-top : 1px  #ddd solid ;
}

.local-w ul li{
	float: none;
    width : 100% ;
}
.local-w ul li a {
	padding : 10px 30px 10px 10px ;
	border-right : none ;
	text-align: left;
    border-bottom : 1px  #ddd solid ;
    background : url(../images/next2.png) right center no-repeat;
}

.local-w ul li a:hover{
	background : #efefef url(../images/next2.png) right center no-repeat;
}

.col-mainL > *{
    margin : 0 0 20px 0  ;
}
.col-mainR > * {
    margin : 20px 0 0 0  ;
}

#totop{  
    border-top : 1px #ddd solid ;
    display : block ;
    position : static !important;
    background : #eee ;
    cursor : pointer ; 
    padding : 5px ;
	border-radius: 0;
    text-align : center ;
	font-size: 12px;
	color: #000;
    width : auto ;
    height : 30px ;
    line-height : 1.2 ;
}

/*footer nav{
    margin-top : 20px ;
    float:none ;
    width : 100% ; 
}
footer ul.guide li{ 
    float : left ;
    width : 33% ;
}
footer ul.guide ul li a {
	padding : 10px ;
}
footer ul.guide  li:first-child a {
	border-left : none ;
}
footer ul.guide  li:last-child a {
	border-right : none ;
}

.copyright{
    float:none ;
    clear : both ;
    text-align : center ;
    margin-top : 20px ;
}*/

/* sitemap
================================================== */
/*ul#sitemap li{*/
/*width:50%;*/
/*}*/

.sitemap_all{
width:100%;
}

#sitemap_l{
float:left;
width:42%;
}
#sitemap_r{
float:left;
width:54%;
}



}
/* 700 < W < 960
================================================== */
@media only screen and (min-width: 700px) and (max-width: 960px) {
.col-23{
    width : 24% ;
    float : left ;
	margin-right:1%;
}
.col-23:nth-child(4n) {
	margin-right:0;
}

.col-24{
    width : 25% ;
}

.col-72 .col-24 ,
.col-32,
li.col-32 {
    width : 33.3% ;
}

.col-48 ,
.col-48 .col-24{
    width : 50% ;
}
.col-72{
    width : 75% ;
}

/* sitemap
================================================== */
.sitemap_all{
width:98%;
}
}
/* 400 < W < 700
================================================== */
@media only screen and (min-width: 400px) and  (max-width: 700px) {
.col-23{
	margin-right:0;
}
.col-48 ,
.col-32,
li.col-32{
    width : 50% ;
}
.col-72,
.col-24,
.col-23{
    width : 100% ;
    float : none ;
}

.col-72 .col-24 {
    width : 33.3% ;
    float : left ;
}
ul.btn_agree{
margin-left:80px;
}

ul.btn_agree li{
margin-right:0;
}



}
/*  W < 400
================================================== */
@media only screen and  (max-width: 400px) {

.col-23,
.col-48 ,
.col-32, 
li.col-32 ,
.col-72,
.col-24{
    width : 100% ;
    float : none ;
}
.col-23{
	margin-right:0;
}
ul.btn_agree{
margin-left:50px;
}

ul.btn_agree li{
margin-right:0;
}

.w70-90{
width:90%;
}
.table02{
font-size:14px;
}

/* sitemap
================================================== */


ul#sitemap li{
font-size:11px;
}

ul#sitemap h2{
font-size:13px;
}

}
