@charset "UTF-8";

/* --------------------------------------------------------
	Setting
-------------------------------------------------------- */

/*///// 共通設定 /////*/
* {
	margin: 0px;
	padding: 0px;
}

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

.Clear {
	clear: both;
}

/*///// ボーダー /////*/
img {
	border-width:0;
	line-height:0;
	vertical-align:top;
}

/*///// リストスタイル /////*/
ul {
	list-style-type:none;
}

ol {
	list-style-type:decimal;
}

/*///// リンク /////*/
a {
        color: #189AD6;
	text-decoration: underline;
}

a:hover {
        color: #189AD6;
	text-decoration: none;
}

a:active {
        color: #189AD6;
}

a:visited {
        color: #189AD6;
}

/*///// レイアウト /////*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	font-size:14px;
	color:#222;
	background-color:#FFF;
}

#Wrapper {
	background: url(../img/bg.jpg) no-repeat center 50px;
}

/* --------------------------------------------------------
	Header
-------------------------------------------------------- */
#Header-Wrap {
	border-top:45px solid #000;
}

#Header {
	width:960px;
	height:115px;
	margin:0 auto;
}

#Trans {
	float:right;
	margin:-36px 0px 0px 0px;
}

#Lead {
	float:left;
	font-size:11px;
	color:#FFF;
	margin:-32px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*---Logo---*/
#Logo a {
	float:left;
	width:320px;
	height:80px;
	background: url(../img/logo.png) no-repeat left top;
	margin:20px 0px 0px 0px;
	text-indent:-9999px;
}

/*---Tel---*/
#Tel {
	float:right;
	width:590px;
	height:100px;
	background: url(../img/tel.jpg) no-repeat left top;
	margin:2px 0px 0px 0px;
	text-indent:-9999px;
}

/* --------------------------------------------------------
	Navigation
-------------------------------------------------------- */
#Navi {
	clear:both;
	height:50px;
	width:100%;
	margin:0px 0px 20px 0px;
	background-color:#000;
	z-index:1;
}

#Navi img {
	vertical-align:top;
}

#Navi ul {
	text-align:left;
	height:50px;
	width:960px;
	margin:0 auto;
	padding:0;
}

#Navi li {
	float:left;
	list-style:none;
	padding:0;
	text-indent:-9999px;
}

#Navi a:hover {
	background-position:0px -50px;
	text-decoration:none;
}

li.Navi-01 a {
	display:block;
	width:60px;
	height:50px;
	background:url(../img/navi_01.png) no-repeat left top;
}

li.Navi-02 a {
	display:block;
	width:160px;
	height:50px;
	background:url(../img/navi_02.png) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-03 a {
	display:block;
	width:110px;
	height:50px;
	background:url(../img/navi_03.png) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-04 a {
	display:block;
	width:140px;
	height:50px;
	background:url(../img/navi_04.png) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-05 a {
	display:block;
	width:120px;
	height:50px;
	background:url(../img/navi_05.png) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-06 a {
	display:block;
	width:140px;
	height:50px;
	background:url(../img/navi_06.png) no-repeat left top;
	margin:0px 0px 0px 0px;
}

li.Navi-07 a {
	display:block;
	width:230px;
	height:50px;
	background:url(../img/navi_07.png) no-repeat left top;
	margin:0px 0px 0px 0px;
}

/*---on設定---*/
li.Navi-01-on a {
	display:block;
	width:60px;
	height:50px;
	background:url(../img/navi_01.png) no-repeat left -50px;
}

li.Navi-02-on a {
	display:block;
	width:160px;
	height:50px;
	background:url(../img/navi_02.png) no-repeat left -50px;
}

li.Navi-03-on a {
	display:block;
	width:110px;
	height:50px;
	background:url(../img/navi_03.png) no-repeat left -50px;
}

li.Navi-04-on a {
	display:block;
	width:140px;
	height:50px;
	background:url(../img/navi_04.png) no-repeat left -50px;
}

li.Navi-05-on a {
	display:block;
	width:120px;
	height:50px;
	background:url(../img/navi_05.png) no-repeat left -50px;
}

li.Navi-06-on a {
	display:block;
	width:140px;
	height:50px;
	background:url(../img/navi_06.png) no-repeat left -50px;
}

li.Navi-07-on a {
	display:block;
	width:230px;
	height:50px;
	background:url(../img/navi_07.png) no-repeat left -50px;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}

/* --------------------------------------------------------
	Navigation_Text
-------------------------------------------------------- */
#Navi_Text ul {
	clear:both;
	background-color:#000;
	width:100%;
	height:35px;
	display:table;
	/*table-layout:fixed;*/
	border-left:1px solid #FFF;
	margin:0px auto 20px auto;
	z-index:1;
}
 
#Navi_Text ul li {
	border-right:1px solid #FFF;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}

#Navi_Text ul li a {
	height:35px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	padding:15px 10px 0;
	display:block;
}
 
#Navi_Text ul li a:hover {
	background:#F79500;
}

.Navi-on a {
	height:35px;
	font-size:14px;
	color:#FFF;
	background:#F79500;
	font-weight:bold;
	text-decoration:none;
	padding:15px 10px 0;
	display:block;
}

.Red a {
	height:35px;
	font-size:14px;
	color:#FFF;
	background:#FF0000;
	font-weight:bold;
	text-decoration:none;
	padding:15px 10px 0;
	display:block;
}

/* --------------------------------------------------------
	Sitepath
-------------------------------------------------------- */
#Sitepath {
	width:960px;
	height:15px;
	margin:10px auto 20px auto;
}

#Sitepath li {
	padding:0px 15px 0px 5px;
	float: left;
	background: url(../img/icon_sitepath.jpg) no-repeat right center;
}

#Sitepath li.noarrows {
	background: none;
}

/* --------------------------------------------------------
	Main
-------------------------------------------------------- */
#Cover_Area {
	width:1132px;
	height:140px;
	margin:4px auto 0px auto;
}

#Content {
	width:960px;
	background: url(../img/top-content_bg.png) repeat-x left top;
	margin:0px auto 0px auto;
	padding:20px 20px 10px 20px;
	position:relative;
}

/*見出し*/
h2 {
	font-size:20px;
	color:#000;
	background: url(../img/h2_bg.jpg) no-repeat left top;
	height:35px;
	margin:0px 0px 20px 0px;
	padding:15px 0px 0px 18px;
}

h3 {
	font-size:16px;
	color:#FFF;
	background: url(../img/h3_bg.jpg) no-repeat left top;
	height:29px;
	margin:0px 0px 20px 0px;
	padding:11px 0px 0px 14px;
}

h4 {
	font-size:16px;
	color:#000;
	background: url(../img/h4_bg.jpg) no-repeat left top;
	height:29px;
	margin:0px 0px 10px 0px;
	padding:11px 0px 0px 14px;
}

h5 {
	font-size:14px;
	color:#000;
	border-bottom:1px dotted #CCC;
	height:23px;
	margin:0px 0px 10px 0px;
	padding:2px 0px 0px 0px;
}

/*行間マージン設定*/
.Space-Contour10 {
	height:10px;
	margin:0px 0px 0px 0px;
}

.Space-Contour20 {
	height:20px;
	margin:0px 0px 0px 0px;
}

.Space-Contour40 {
	height:40px;
	margin:0px 0px 0px 0px;
}

.Space-Contour60 {
	height:60px;
	margin:0px 0px 0px 0px;
}

.Space-Contour80 {
	height:80px;
	margin:0px 0px 0px 0px;
}

.Contour {
	clear: both;
	height:3px;
	background:url(../img/contour.jpg) no-repeat left top;
	margin:20px 0px 20px 0px;
}

/*---文字設定---*/
.Txt-Red {
	color:#FF0000;
}

/*---ページの先頭へ---*/
.PageTop {
	clear:both;
	float:right;
	margin:0px 0px 10px 0px;
}

.PageTop a {
	display:block;
	height:20px;
	background:url(../img/page-top.jpg) no-repeat left 5px;
	color: #222;
	text-decoration: none;
	padding:0px 0px 0px 18px;
}

.PageTop a:hover {
        color: #189AD7;
        text-decoration: underline;
}

/*---アイコン---*/
.Ico-blank {
	margin:0px 0px 0px 3px;
	padding:2px 0px 0px 0px;
}

/*---画像位置---*/
.Img-Right {
	float:right;
	margin:0px 0px 0px 10px;
}

/*---写真2枚フロート---*/
.Photo_2items {
	width:960px;
	margin:0px 0px 0px 0px;
}

.Photo_2items img {
	margin:0px 0px 5px 0px;
}

.Photo_2items li {
	float:left;
}

.Photo_2items .Left {
	width:470px;
	margin:0px 20px 0px 0px;
}

.Photo_2items .Right {
	width:470px;
	margin:0px 0px 0px 0px;
}

/*---写真3枚フロート---*/
.Photo_3items {
	width:960px;
	margin:0px 0px 0px 0px;
}

.Photo_3items img {
	margin:0px 0px 0px 0px;
}

.Photo_3items li {
	float:left;
}

.Photo_3items .Left {
	width:308px;
	margin:0px 18px 0px 0px;
}

.Photo_3items .Right {
	width:308px;
	margin:0px 0px 0px 0px;
}

/*---Tool-Bottom---*/
#Tool-Bottom {
	float:left;
	color:#222;
	margin:0px 0px 0px 0px;
}

#Tool-Bottom ul {
	margin:0 auto;
	float:left;
}

#Tool-Bottom li {
	margin:0px 0px 0px 10px;
	float:left;
	font-size:14px;
}

#Tool-Bottom a {
	color:#222;
	text-decoration: none;
}

#Tool-Bottom a:hover {
	color:#222;
	text-decoration: underline;
}

/* --------------------------------------------------------
	Footer
-------------------------------------------------------- */
#Footer_Wrap {
	height:280px;
	background: url(../img/footer-wrap_bg.jpg) repeat-x left top;
}

#Footer {
	width:1100px;
	height:280px;
	background: url(../img/footer_bg.jpg) no-repeat left top;
	margin:0 auto;
}

#Footer .Copy {
	height:35px;
	text-align:center;
	padding:235px 0px 0px 0px;
	color:#FFF;
}


/* クーポンバナー */
.bn_coupon{
	padding:20px 0;
	text-align:center;
	background-image:url(../img/bn_coupon_back.jpg);
	background-size:cover;
	background-position:center 50%;
}
.bn_coupon img{width:480px;}
.bn_coupon a{transition:.3s;}
.bn_coupon a:hover{opacity:.9;}