@charset "shift-jis";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 1;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{
	height: auto;
	line-height: 1
}
article, aside, details, figcaption, figure, footer, header, hgroup, content, nav, section {display: block;}



body {
	font-family: "Source Sans Pro", Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.5;
	color: #777777;
	color: #333333;
	background: #fff;
	height: 100%;
	position: relative;
}

a {
	color: #660000;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
a:hover, a:active, a:focus {
	color: #660000;
	outline: none;
}

p {
  margin-bottom: 1.5em;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* レイアウト
------------------------------------------------------------*/
#wrapper{
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: right;
}

.inner{
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}

#header{
	overflow: hidden;
	padding-top: 10px;
	margin: auto;
}

#content{
	color: #333;
	margin: auto;
	text-align: center;
}

#footer{
	clear: both;
	font-size: 8pt;
	color: #FFF;
	background-color: #999;
	text-align: center;
	height: 200px;
	background-image: url(../img/f-bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: auto;
	padding-top: 20px;
}

.ct-box{
	color: #333;
	margin: auto;
	text-align: right;
	width: 95%;
}

img {
	max-width: 100%;
	height: auto;
	margin: auto;
    }
	
ul, ol {
	padding-top: 0px;/*リスト上の余白*/
	padding-bottom: 0px;/*リスト下の余白*/
	margin-top: 0px;
	margin-bottom: 0px;
}


.line-box{
	background-image: url(../img/line001.png);
	background-repeat: repeat-x;
	height: 20px;
}


/* 画像の収縮
*****************************************************/

@media (max-width: 1920x) {
    #content {
	width: auto;
    }
}


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

/*メインナビの部分
----------------------------------*/
.site-header{
	display: flex;
	position: fixed;
	justify-content: space-between;
	transition: .5s;
	width: 100%;
	z-index: 2;
	background-color: rgba(0,0,0,0.0);
}
.site-header.transform{
	background: rgba(0,0,0,0.0);
	padding-top: 10px;
}


/* topにもどるナビ
----------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
	display: block;
	background-color: #ccc;
	text-align: center;
	color: #222;
	font-size: 10px;
	text-decoration: none;
	padding: 5px 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* トップページ　メイン画像
----------------------------------*/
#title-img{
	clear: both;
	margin-top: 5px;
	line-height: 0;
	text-align: center;
	z-index: 0;
}


/* タイトルをフェードインさせる
----------------------------------*/
.title-in-img {
    animation-name: title;
    animation-duration: 2s;
	z-index:99;

}
@keyframes title {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.titleimg-in1 {
	position: relative;
}
.titleimg-in1 span{
	position: absolute;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;
	z-index: 99;
	bottom: 0px;
	top: 48%;
	right: 0px;
	width: 100%;
}

.titleimg-in1 img{
	margin: auto;
} 

/*----------------------------------*/


.content-img{
	line-height: 0;
	text-align: center;
	z-index: 0;
	margin: auto;
}


.post{
	padding: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 9pt;
}

.content01{
	text-align: center;
	margin: auto;
	width: 100%;
}

.shop{
	text-align: center;
	margin: auto;
	width: 95%;
}

.access{
	text-align: center;
	margin: auto;
	width: 100%;
}

.contact{
	text-align: center;
	margin: auto;
	width: 100%;
}


.main-box{
margin:0 0 20px 0;
padding:20px 10px 20px 20px;
border:1px solid #d5d5d5;
background: #fff;
}


/* トップページの画像ループ
------------------------------------------------------------*/
.top-title-box{
	background-image: url(../img/top/bg-top01.jpg);
	width: 100%;
	text-align: center;
	background-position: center top;
	padding-top: 110px;
	background-repeat: no-repeat;
}

.navi-table {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px solid #996600;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
	background-color: rgba(0, 0, 0, 0.8);
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#container {
	text-align: center;
}

/* 画像の切り替え
------------------------- */


.viewer {
	position: relative;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 65px;
}
.viewer ul {
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	position: absolute;
}
.viewer ul li img {
 }
 
 
.s-box {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 55px;
}



/* 画像を下から表示させるCSS
----------------------------------*/
.img-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.img-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.p-top-img {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}



/*レイアウト用CSS
*****************************************************/


.flex{
	max-width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
@media screen and (min-width:1000px) {  
  .flex{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
  }
  .item01{
    margin: auto;
	text-align: center;
	order: 1;
  }
  .item02{
    margin: auto;
	text-align: center;
	order: 2;
  }
  .item03{
    margin: auto;
	text-align: center;
	order: 3;
  }
  .item04{
    margin: auto;
	text-align: center;
	order: 4;
  }
}

.flex02{
	max-width: 530px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
@media screen and (min-width:530px) {  
  .flex02{
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
	width: 500px;
  }
}

.flex03{
	max-width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
@media screen and (min-width:1000px) {  
  .flex03{
	display: table;
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
  }
  .item03{
	margin: auto;
	text-align: center;
  display: table-cell;
  vertical-align: top;
  }
}


.flex04{
	max-width: 640px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
@media screen and (min-width:620px) {  
  .flex04{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
  }
  .item04{
	margin: auto;
	text-align: center;
  }
}

.flex05{
	max-width: 250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
@media screen and (min-width:250px) {  
  .flex05{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
  }
  .item05{
	margin: auto;
	text-align: center;
  }
}


.flex06{
	max-width: 750px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	background-image: url(../img/bg-img01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
@media screen and (min-width:750px) {  
  .flex03{
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
  }
}

.flex07{
	max-width: 640px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 12pt;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
}
@media screen and (min-width:620px) {  
  .flex07{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
  }
  .item{
	margin: auto;
  }
}


/* 画像とテキストの順番レイアウト
*****************************************************/

.box{
 display: flex;
}
@media screen and (max-width: 768px) {
 .box{
  flex-direction: column;
 }
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
.order4 {
  order: 4;
}
.order5 {
  order: 5;
}
}


/* 基本の文字設定
*****************************************************/
h1.title{
	clear: both;
	margin: 0;
	font-size: 13pt;
	color: #000;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 3px;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

h2.title{
	clear: both;
	margin: 0;
	font-size: 10pt;
	color: #666;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d5d5d5;
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
	border-left-color: #d5d5d5;
	background-color: #fff;
	text-align: center;
}

h3.title{
	clear: both;
	margin: 0;
	font-size: 14pt;
	color: #333;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 3px;
	width: 95%;
}

h4.title{
	clear: both;
	font-size: 12pt;
	color: #FFF;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: #033;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 3px;
	border-top-left-radius: 20px;
}
h5.title{
	clear: both;
	margin: 0;
	font-size: 14pt;
	color: #039;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 3px;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}



/* コンテンツの書式
*****************************************************/

.content01 p{
	color: #333;
	font-size: 10pt;
	line-height: 16pt;
	text-align: center;
}

.content01 ul{
	font-size: 11pt;
	font-weight: normal;
	color: #999;
}

.content01 ul li{
}

.content01 ol{
	margin: 0;
}

.content01 ol li{list-style:decimal;}

.content01 h1{
	margin: 0;
	font-size: 14pt;
	color: #660000;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 20px;
}

.content01 h2{
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.content01 h3{
	margin: 0;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.content01 h4{
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 2px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

.content01 h5{
	margin: 0;
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 2px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	line-height: 20px;
}

.content01 h6{
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 2px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;

}

ul.content01{
	clear: both;
	padding: 0;
}

ul.content01 li{
	margin: 0 10px;
	padding: 20px 0 15px;
}

ul.content01 li:last-child{border:0;}

.content01-box1{
	margin: auto;
	text-align: left;
	font-size: 14px;
	color: #333;
	padding: 25px;
	height: 100%;
}

.content01-box2{
	text-align: center;
	margin: auto;
	font-size: 16pt;
	color: #369;
	font-weight: bold;
}


.content01-table-f{
	font-size: 10pt;
	color: #CCCCCC;
	margin-right: 10px;
	margin-left: 10px;
}

.content-text01{
	margin: auto;
	text-align: left;
	font-size: 12pt;
	color: #F00;
	padding: 25px;
	height: 100%;
}

.content-text02{
	margin: auto;
	text-align: left;
	font-size: 12pt;
	color: #066;
	padding: 25px;
	height: 100%;
}

.content01-line-text1{
	background-image: url(../img/text_line.gif);
	line-height: 20px;
	text-align: left;
	font-size: 10pt;
	color: #333333;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 5px;
}

.content01-line-text2{
	background-image: url(../img/text_line.gif);
	line-height: 20px;
	text-align: left;
	font-size: 10pt;
	color: #333333;
	padding: 5px;
	width: 90%;
	margin: auto;
}


.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2400;
}


.dl-box1{
	margin: auto;
	font-size: 14px;
	color: #333;
	height: 100%;
	background-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* 画像のセンターよせ
*****************************************************/
.img01-box1{
	margin: auto;
	text-align: center;
}



/* ショップページ用
*****************************************************/

.shop p{
	color: #333;
	font-size: 10pt;
	line-height: 16pt;
}

.shop ul{
	font-size: 11pt;
	font-weight: normal;
	color: #999;
}

.shop ul li{
}

.shop ol{
	margin: 0;
}

.shop ol li{list-style:decimal;}

.shop h1{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	line-height: 20px;
}

.shop h2{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #333333;
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: normal;
	line-height: 20px;
}

.shop h3{
	clear: both;
	margin: 0;
	font-size: 9pt;
	color: #333333;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: normal;
}

.shop h4{
	clear: both;
	margin: 0;
	font-size: 11pt;
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 2px;
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.shop h5{
	margin: 0;
	font-size: 9pt;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	letter-spacing: 2px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	line-height: 18px;
}

.content01 h6{
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 2px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;

}

ul.shop{
	clear: both;
	padding: 0;
}

ul.shop li{
	margin: 0 10px;
	padding: 20px 0 15px;
}

ul.shop li:last-child{border:0;}

.shop-box1{
	margin: auto;
	text-align: center;
	width: 100%;
}

.shop-box2{
	margin: auto;
	padding: 5px;
}

.shop-text01{
	clear: both;
	margin: auto;
	font-size: 10pt;
	color: #666;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: left;
	line-height: 12pt;
	width: 60%;
	letter-spacing: 1pt;
	padding-top: 20px;
}

.shop01-line-text1{
	background-image: url(../img/text_line.gif);
	line-height: 20px;
	text-align: left;
	font-size: 12pt;
	color: #FFFFFF;
	padding: 5px;
	font-weight: normal;
	width: 90%;
	margin: auto;
}

.kodawari-text01{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #FFFFFF;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: normal;
	line-height: 20px;
	background-image: url(../img/kodawari-bg01.png);
	background-repeat: no-repeat;
	background-position: center center;
}



/* アクセスのページ用
*****************************************************/

.access p{
	color: #333;
	font-size: 10pt;
	line-height: 16pt;
}

.access ul{
	font-size: 11pt;
	font-weight: normal;
	color: #999;
}

.access ul li{
}

.access ol{
	margin: 0;
}

.access ol li{list-style:decimal;}

.access h1{
	clear: both;
	font-size: 14pt;
	color: #333333;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	line-height: 18pt;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 10;
}

.access h2{
	clear: both;
	font-size: 12pt;
	color: #333333;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: normal;
	line-height: 24px;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 10;
}

.access h3{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #333333;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: normal;
}

.access h4{
	clear: both;
	margin: 0;
	font-size: 10pt;
	color: #333333;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: normal;
}

.access h5{
	clear: both;
	margin: 0;
	font-size: 14pt;
	color: #333333;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
}

.access h6{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 3px;
	text-align: center;
}

ul.access{
	clear: both;
	padding: 0;
}

ul.access li{
	margin: 0 10px;
	padding: 20px 0 15px;
}

ul.access li:last-child{border:0;}

.access-box1{
	margin: auto;
	text-align: center;
	width: 100%;
}

.access-box2{
	margin: auto;
	padding: 5px;
}

.access-text01{
	clear: both;
	margin: auto;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: left;
	line-height: 12pt;
	width: 60%;
	letter-spacing: 1pt;
	padding-top: 20px;
}

.access01-line-text1{
	background-image: url(../img/text_line.gif);
	line-height: 20px;
	text-align: left;
	font-size: 12pt;
	color: #333333;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 5px;
	font-weight: normal;
}



/* お問合せ用ページ
*****************************************************/

.contact p{
	color: #333;
	font-size: 10pt;
	line-height: 16pt;
}

.contact ul{
	font-size: 11pt;
	font-weight: normal;
	color: #999;
}

.contact ul li{
}

.contact ol{
	margin: 0;
}

.contact ol li{list-style:decimal;}

.contact h1{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #CC0000;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
}

.contact h2{
	clear: both;
	margin: 0;
	font-size: 18pt;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
}

.contact h3{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
}

.contact h4{
	clear: both;
	margin: 0;
	font-size: 11pt;
	color: #333333;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
}

.contact h5{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
}

.contact h6{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px;
}

ul.contact{
	clear: both;
	padding: 0;
}

ul.contact li{
	margin: 0 10px;
	padding: 20px 0 15px;
}

ul.contact li:last-child{border:0;}

.contact-box1{
	margin: auto;
	text-align: center;
	width: 100%;
}

.contact-text01{
	clear: both;
	margin: auto;
	font-size: 10pt;
	color: #666;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: left;
	line-height: 12pt;
	width: 60%;
	letter-spacing: 1pt;
	padding-top: 20px;
}

.contact01-line-text1{
	background-image: url(../img/text_line.gif);
	line-height: 20px;
	text-align: left;
	font-size: 12pt;
	color: #333333;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 5px;
	font-weight: normal;
}



/* コンテンツページ用
*****************************************************/

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}



/* フッター
*****************************************************/

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
color:#000;
font-size:10px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}


/* テーブル収納
------------------------------------------------------------*/

@media screen and (max-device-width: 850px), screen and (max-width: 850px) {

    td[class="fluid"]{
	display: block !important;
	width: 100% !important;
	clear: both;
    }
}



/* メールフォーム　スタイル
------------------------------------------------------------*/

.mail-box{
	text-align: center;
	vertical-align: top;
}


.mail{
	padding: 5px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
}


.mail p{
	color: #333;
	font-size: 10pt;
	line-height: 16pt;
}

.mail ul{
	font-size: 11pt;
	font-weight: normal;
	color: #999;
}

.mail ul li{
}

.mail ol{
	margin: 0;
}

.mail ol li{list-style:decimal;}

.mail h1{
	font-size : 12px;
	font-weight : bold;
	color : #666666;
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.mail h2{
	clear: both;
	margin: 0;
	font-size: 14pt;
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 3px;
}

.mail h3{
	clear: both;
	margin: 0;
	font-size: 10pt;
	color: #666;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #fff;
}

.mail h4{
	clear: both;
	margin: 0;
	font-size: 14pt;
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 3px;
	text-align: center;
}

.mail h5{
	clear: both;
	margin: 0;
	font-size: 10pt;
	color: #666;
	font-weight: normal;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #fff;
	text-align: center;
}

.mail h6{
	clear: both;
	margin: 0;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 3px;
	text-align: center;
}

ul.mail{
	clear: both;
	padding: 0;
}

ul.mail li{
	margin: 0 10px;
	padding: 20px 0 15px;
}

ul.mail li:last-child{border:0;}

.mail table{
	font-size: 10pt;
	color: #FFF;
	margin: auto;
	border-collapse: collapse;
	border: 1px solid #666;
}

.mail tr{
	font-size: 10pt;
	color: #FFF;
	margin: auto;
	background-color: #FFF;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

.mail td{
	font-size: 10pt;
	color: #FFF;
	margin: auto;
	background-color: #FFF;
	padding: 2px;
}

.mail_title {
	font-size: 11pt;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.mail-td-l{
	margin: auto;
	font-size: 10pt;
	font-weight: normal;
	color: #666;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.mail-td-r{
	margin: auto;
	font-size: 8pt;
	font-weight: normal;
	color: #666;
	padding: 3px;
}


/* メールフォーム　問合せありがとうございます
------------------------------------------------------------*/

.thanks_box{
	width: 280px;
	margin: auto;
}

.thanks_text1{
	font-size : 12pt;
	font-weight : bold;
	color : #990000;
	letter-spacing : 2px;
}
.thanks_text2{
	font-size : 10pt;
	color : #000000;
	line-height : 18px;
	font-weight : normal;
	text-align: left;
}
.thanks_link{
	font-size : 11pt;
	font-weight : bold;
	color : #000000;
	letter-spacing : 2px;
}