@charset "Shift_JIS";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px dotted #333;
    margin:0;
    padding:0;
	margin-bottom:20px
}

input, select {
	vertical-align:middle;
}


/* 全体構造
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a,input[type="submit"]{
	outline:none;
    -webkit-transition: 0.6s; 
    -moz-transition: 0.6s; 
    -o-transition: 0.6s; 
    -ms-transition: 0.6s; 
    transition: 0.6s; 
} 
a:hover,input[type="submit"]:hover{opacity:0.5;filter: alpha(opacity=50);}

body{
	font-size:90%;/* 基本のフォントサイズ */
	line-height:1.7em;/* 基本の行間 */
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}


/* link
---------------------------------------------------- */
a:link,a:visited{color:#f90;text-decoration:underline;}
a:hover,a:active{color:#f90;text-decoration:none;}


/* mainimage
---------------------------------------------------- */
#mainimage{
	background:url(../images/mainimage.jpg) no-repeat bottom center;
	height:630px;
}


/* header
---------------------------------------------------- */
header{ width:1000px; margin:0px auto;height:50px; padding:28px 0px 29px}
header h1{ width:390px;float:left; }
#header_right{ width:420px; float:right; height:44px; margin-top:6px}
#header_right p{ float:left}
#header_right div{ float:right}


/* nav
---------------------------------------------------- */
nav{width:1000px; margin:0px auto;height:50px; margin-bottom:25px;}
nav > ul {display: table; width: 100%;}
nav li{
	display:table-cell;
/*	float:left;
	width:200px;*/
  position: relative;
  margin: 0;
/*	height:50px;*/
	list-style:none;
}
nav li a:hover{opacity:1;filter: alpha(opacity=100);}

ul.child {
  display: none;
  position: absolute;
  padding: 0;
	width: 100%;
	list-style: none;
}
ul.child li {
  font-size: 1.2em;
  width: 200px;
  line-height: 3em;
  display: inline-block;
  background: white;
  border-bottom: dashed #ccc 1px;
  vertical-align: center;
}
ul.child i {
  margin-right: 0.5em;
  color: #f90;
}
ul.child li:last-child {border:none;}
ul.child li a {
  margin-left: 30px;
  color: #663300;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
}
ul.child li a:hover {
  color: #f90;
}


/* bg1
---------------------------------------------------- */
.bg1{ width:100%; background:url(../images/bg01.jpg) no-repeat center bottom; padding:50px 0px 70px}
.bg2{ width:100%; background:url(../images/bg02.jpg) no-repeat center bottom;}


/* pagebody
---------------------------------------------------- */
.pagebody{width:1000px;margin:0px auto;}


/* h2
---------------------------------------------------- */
#h2{ width:100%; background-color:#ffe9d0; text-align:center; height:200px; margin-bottom:50px}


/* footer
---------------------------------------------------- */
footer{color:#666; border-top:1px solid #ccc; padding:30px 0px 60px; font-size:90%}

/* textlink */
footer ul{list-style:none; margin-bottom:20px}
footer li{ display:inline;}
footer li:after { content: "　｜　"; color:#666}
footer .last:after{ content:none}
footer li a:link,
footer li a:visited{color:#666; text-decoration:none}

/* copyright */
#copyright small{display:block; padding-top:12px}

/* pagetop */
#pagetop{ position: fixed; bottom: 0;left:50%;}


/* index.html
---------------------------------------------------- */
.top_shisyo{
	margin-top:60px;
	float:right;
	width:200px;
	background-color:#fff;
	border-radius:20px;
	-moz-border-radius: 20px;
    -Webkit-border-radius: 20px;
	padding:20px;
}
.top_shisyo ul{ margin-left:20px; list-style:none; font-size:120%; line-height:2.0em}
.top_shisyo li a:before{ content: "\f054";font-family: FontAwesome; line-height:1.5em; padding-right:5px} 
.top_shisyo a:link,.top_shisyo a:visited,.top_shisyo a:hover,.top_shisyo a:active{color:#666;text-decoration:none;}

.top_bnr{ padding:50px 0px 70px}
.top_bnr h3{ text-align:center; margin-bottom:10px;}
.top_bnr{
	width:1000px;
	margin:0px auto;
	overflow:hidden
}
.top_bnr ul{
	width:1020px;
	overflow:hidden;
	*zoom:1;
	list-style:none
}
.top_bnr li{
	float:left;
	width:235px;
	margin-right:20px;
	margin-top:20px;
}
.kiribana_btn{ width:200px; display:block; background:#f90; padding:10px 15px; color:#fff !important; font-weight:bold; border-radius:5px; float:left; text-decoration:none !important;}
.kiribana_btn i{ font-size:120%; padding-right:0.5em;}

.kiribana_btn_l{ width:450px; display:block; background:#f90; padding:10px 15px; color:#fff !important; font-weight:bold; border-radius:5px; float:left; text-decoration:none !important}
.kiribana_btn_l i{ font-size:120%; padding-right:0.5em;}
.kiribana_btn--outline{display: inline-block; float: none}

.top_list_01 { list-style:none; width:100%;}
.top_list_01 li a{ width:220px; display:block; margin:0px 20px 10px 0; background:#f90; padding:10px 15px; color:#fff !important; font-weight:bold; border-radius:5px; float:left; text-decoration:none !important;}
.top_list_01 li:nth-child(1) a{ margin:0 520px 10px 0;}
.top_list_01 li:nth-child(1+3n) a{  margin:0 0 10px 0;}
.top_list_01 li i{ font-size:120%; padding-right:0.5em;}

/* jigyou.html
---------------------------------------------------- */
.jigyou_box{ background-color:#ffe9d0; padding-bottom:20px;
/*  margin-bottom:50px;*/
}
.jigyou_box h5{
	background-color:#f90;
	color:#fff;
	font-size:120%;
	text-align:center;
	padding:10px;
	margin-bottom:20px
}
.jigyou_box p{ margin:0px 20px 15px}


/* shisyo.html
---------------------------------------------------- */
.shisyo_html{ line-height:normal; background-color:#f63; color:#fff; padding:10px; text-align:center}


/* schedule.html
---------------------------------------------------- */
.schedule_box{ margin-bottom:40px;}

.schedule_box table{ float:left; width:780px;}
.schedule_btn{float:right; width:200px}
.schedule_btn .btn{
	width:198px;
	padding:5px 0px !important;
}

.schedule_img{
	width:1000px;
	overflow:hidden;
}
.schedule_img ul{
	width:1020px;
	overflow:hidden;
	zoom:*1;
}
.schedule_img li{
	list-style:none;
	float:left;
	width:150px;
	margin:20px 20px 0px 0px;
}



/* ctnav
---------------------------------------------------- */
#ctnav,
#ctnav2 { width:100%; margin:30px 0px}
#ctnav ul{ list-style:none; height: 40px;}
#ctnav2 ul{ list-style:none; min-height:40px; margin-bottom:30px;}
#ctnav li,
#ctnav2 li{ line-height:100%; display:block; }
#ctnav li a{ float: left;width:125px;display:inline; line-height: normal;padding: 12px 0px;text-align: center;color:#f63; text-decoration:none}
#ctnav2 li a{ float:left; width:250px;display:inline;line-height: normal;padding: 12px 0px;text-align: center;color:#f63; text-decoration:none}
#ctnav li a:after,
#ctnav2 li a:after{ content: "\f078";font-family: FontAwesome; line-height:1.5em; padding-left:5px} 
#ctnav a:link,
#ctnav a:visited,
#ctnav2 a:link,
#ctnav2 a:visited { color:#f63; text-decoration:none}
#ctnav li a:hover,
#ctnav li a:active,
#ctnav2 li a:hover,
#ctnav2 li a:active{color:#fff;background: #f90;opacity:1;filter: alpha(opacity=100);}
#ctnav_current a{ color:#fff !important;background: #f90}


/* paging
---------------------------------------------------- */
div.paging{
	margin-top:20px;
	line-height:1.0em;
	text-align:center;
}
div.paging span.current,
div.paging span a.paging-text{
	margin:0px -1px;
	padding:3px 10px;
	line-height:normal;
	color:#f90;
	zoom:1;
	display:inline-block;
	overflow:hidden;
	text-decoration:none;
}
div.paging span.current{
	background-color:#f90;
	color:#fff;
	zoom:1;
	text-decoration:none;
	display:inline-block;
}
div.paging span a.paging-text:hover{
	background-color:#f90;
	color: #fff;
	zoom:1;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	opacity:1;filter: alpha(opacity=100);
}


/* table
---------------------------------------------------- */
table{border-spacing:0;border-collapse:separate;}
table ul, table ol{margin-left:20px;}

.table{ width:100%; border-collapse:collapse}
.table th{border:1px solid #ccc;padding:5px 15px; background-color:#eee; vertical-align:top;}
.table td{border:1px solid #ccc;padding:5px 15px; background-color:#fff; vertical-align:middle;}


/* title
---------------------------------------------------- */
.tit01{
	color:#630;
	font-family:"Times New Roman","mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:220%;
	text-align:center;
	line-height:normal;
	font-weight:normal;
	margin-bottom:20px
}
.tit01_a{
	color:#630;
	font-family:"Times New Roman","mincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝B","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:220%;
	text-align:left;
	line-height:normal;
	font-weight:normal;
	margin-bottom:20px
}
.tit01_a--color {
  color: #f90;
}
.tit02{
	font-size:140%; 
	font-weight:normal;
	line-height:normal;
	background: url(../images/bg_tit02.gif) left bottom repeat-x;
	color:#f63;
	margin-bottom:15px
}
.tit02 span{display: inline-block;border-bottom:1px solid #f90;padding:0px 30px 10px 0px;}
.tit03{
  font-size:110%;
  font-weight:bold;
  letter-spacing:2px;
  margin-bottom:10px;
}
.tit03:before { content: "― ";} 


/* btn
---------------------------------------------------- */
.btn{
	padding:10px 25px;
	border:1px solid #f63;
	text-align:center
}
.btn:link,
.btn:visited{color:#f63;text-decoration:none;}


/* common
---------------------------------------------------- */
img{border:0;vertical-align:bottom;}
table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}

.clear{clear:both;}

.f-left{float:left;}
.f-right{float:right;}
.center-block{ margin:0px auto; display:block}
.center-height{ display:table; background-color:#fff}
.center-height p{ display:table-cell; vertical-align:middle}


/* テキスト関係 */
.tal{text-align:left !important}
.tac{text-align:center;}
.tar{text-align:right;}
.large{font-size:130%;line-height:1.7em;}
.small{font-size:60%;line-height:1.5em; font-weight:normal}
.lsn{ list-style:none;}
.lhn{ line-height:normal}
.dsb{ display:block}
.red{color:#F30}
.text0 {font-size: 0;}

/* サイズ指定 */
.w-25{ width:25%}

.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb50{ margin-bottom:50px}
.mb70{ margin-bottom:70px}
.ml20{ margin-left:20px}
.mt50{margin-top: 50px;}

@media print {
}
.catalog--btn {float: left; margin-bottom: 15px;}
.catalog--btn:not(:nth-child(4n)) {
	margin-right: 26.6px;
}
/* paging */
div.paging span.current,
div.paging span.paging-text{margin:0px 2px;color:#333;border:1px solid #ccc;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;}
div.paging span.paging-text a{padding:3px 8px; display:block;}
div.paging span.current{background: #C00;border:1px solid #636;color:#fff;display:inline;zoom:1;padding:3px 8px;text-decoration:none;display:inline-block; cursor:pointer;}
div.paging span.paging-text a:hover{background: #CCC;color: #fff;text-decoration:none;cursor:pointer;}