@charset "utf-8";

/*-----------------------------------------------------------
 
 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 
 ex) 12px
 element {
 	font-size: 93%;
 }
 ------------------------------------------------------------*/




/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	
}



body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important; 
}


.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}
del, ins {
    text-decoration: none;
}
li {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

img{vertical-align:top;}

* {
	margin: 0;
	padding: 0;
}

body,
table,
input, textarea, select, option {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	
	line-height: 1.6;
	
	
}

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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}


img{vertical-align:top;}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {

}

a:visited {

}

a:hover {

}

a:active {

}

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

.clearfix {
	zoom: 1;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/

h2{font-size:85%; text-align:center; background-color:#000; color:#b4b4b4; padding:10px 0;}


#conts{background-color:#c7c7c7;}
.bnr3 li{float:left; width:33.33%;}
.bnr2 li{float:left; width:50%;}

h3.ttl1{color:#fff; padding:10px 0; text-align:center; font-size:93%; width:100%; background-color:#000; }

dl.infobox{
	width: 100%;
	margin: 0 0 5% 0;
	
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #646363;
	border-right-color: #646363;
	border-bottom-color: #646363;
	border-left-color: #646363;
}
dl.infobox dt{
	width: 25%;
	float: left;
	background-color: #777676;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	border-bottom:1px solid #646363!important; 

}
dl.infobox dd{padding:10px 0 10px 26%; background-color:#b6b5b5; border-bottom:1px solid #646363!important; border-left:1px solid #646363!important; }


div.bor{padding:2% 0; width:100%; border-bottom:5px solid #403f40;}

.gnav li{width:100%; background-color:#000; color:#fff; margin:0 0 2px 0; padding:10px 0; text-align:center;}
.gnav li.last{width:100%; background-color:#000; color:#fff; margin:0 0 0 0; padding:10px 0; text-align:center;}

.gnav li a{color:#fff; text-decoration:none; width:100%; display:block;}

@media all and (orientation:landscape) {
		dl.infobox{font-size:85%};

}

.ttl_k{border-left:3px solid #ee1c25; padding:0 0 0 6px; font-weight:bold; margin:0 0 10px 10px;}

.txt_k{padding:0 0 0px 20px;}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter { text-align:center; padding:10px 0; background-color:#c7c7c7;}

address{font-style:normal; color:#403f40;}
#gFooter a{color:#fff;}



.menu{width:98%; padding:0 0 20px 16px; font-size:12px; color:#4b4a4a; border-top:1px solid #ccc;
	border-left:1px solid #ccc;}

.menu th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	text-align:center;
	font-weight:bold;
	background:#f4f2f2;
}

.menu td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:7px 5px;
	background:#fff;
}
.totalPrice{font-weight:bold; color:#F00;}