@charset "utf-8";

/* --- 全体 --- */
body {
min-width: 1000px;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 150%;
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #4d4d4d;
background-color: #ffffff;
visibility: hidden;
}

/* --- リンク --- */
a:link { text-decoration: none; color: #4682b4; }
a:visited { color: #386992; }
a:hover { text-decoration: underline; color: #79a7cc; }
a:active { color: #00c0c0; }

/* 画像（基本設定） */
img {
margin: 0;
padding: 0;
border: none;
max-width: 100%;
height: auto;
width /***/:auto;
}

/* --- 画像左フロート --- */
img.floatLeft {
float: left;
margin: 0 20px 20px 0;
padding: 0;
}

/* --- 画像右フロート --- */
img.floatRight {
float: right;
margin: 0 0 20px 20px;
padding: 0;
}

/* --- 黒 --- */
.color00 {
color: #000000;
}
/* --- 金 --- */
.color01 {
color: #daa520;
}

/* --- 中央揃え --- */
.center {
text-align: center;
}
/* --- 右寄せ --- */
.right {
text-align: right;
}

/* --- リンク --- */
a.type01 {
display: block;
width: 300px;
height: 30px;
margin: 50px auto 20px;
padding: 0;
text-align: center;
line-height: 35px;
color: #ffffff;
text-decoration: none;
border-bottom: 5px solid #000000;
background-color: #1a1a1a;
}
a.type01:hover {
border-bottom: 5px solid #1a1a1a;
background-color: #343434;
}


/* --- ヘッダー --- */
header {
margin: 0;
padding: 0;
}

/* --- スライドショー --- */
.fullSlideShow {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
position: relative;
overflow: hidden;
}
.fullSlideShow ul {
top: 50%;
left: 50%;
width: 100%;
position: fixed; /* absolute または fixed */
overflow: hidden;
margin: 0;
padding: 0;
}
.fullSlideShow ul li {
top: 0;
left: 0;
width: 100%;
display: none;
position: absolute;
margin: 0;
padding: 0;
}
.fullSlideShow ul li img {
width: 100%;
}

/* --- スライドナビ --- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
margin-top: -25px;
top: 50%;
width: 50px;
height: 50px;
position: fixed; /* absolute or fixed */
z-index: 105;
}
.fullSlideShow .btnPrev {
left: 10px;
background: transparent url(../img/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
right: 10px;
background: transparent url(../img/btnNext.png) no-repeat center center;
}

/* --- ページネーション --- */
.pagiNation {
bottom: 30px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: fixed; /* absolute または fixed */
z-index: 110; /* 非表示にする場合は「90」以下に */
visibility: visible; /* 非表示にする場合は「hidden」に */
}

.pagiNation a {
margin: 0 5px;
width: 20px;
height: 20px;
display: inline-block;
overflow: hidden;
background: #000;
}
.pagiNation a.pnActive {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}

/* --- ナビ --- */
.fullSlideShow div.nav {
position: absolute;
z-index: 999;
top: 20px;
left: 20px;
margin: 0;
padding: 20px 50px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: rgba(50,50,50,0.3);
}
.fullSlideShow div.nav h1 {
margin: 0 0 20px;
padding: 0;
color: #ffffff;
font-size: 35px;
font-weight: normal;
font-family: 'Droid Sans', sans-serif;
}
.fullSlideShow div.nav h1 span {
font-size: 15px;
}

.fullSlideShow div.nav ol {
margin: 0;
padding: 0;
line-height: 100%;
list-style-type: none;
}
.fullSlideShow div.nav ol li {
display: inline;
margin: 0 20px 0 0;
padding: 0;
}
.fullSlideShow div.nav ol li:last-child {
margin: 0;
}
.fullSlideShow div.nav ol li a {
color: #ffffff;
border-bottom: none;
}
.fullSlideShow div.nav ol li.active a,
.fullSlideShow div.nav ol li a:hover {
color: #ffffff;
border-bottom: 2px solid #daa520;
text-decoration: none;
}

/* --- ピックアップ --- */
.fullSlideShow div.pickUp {
position: absolute;
z-index: 998;
bottom: 25px;
right: 20px;
margin: 0;
padding: 10px;
background-color: rgba(50,50,50,0.3);
}
.fullSlideShow div.pickUp p {
margin: 0 0 10px;
padding: 0;
line-height: 100%;
color: #ffffff;
}
.fullSlideShow div.pickUp ol {
margin: 0;
padding: 0;
line-height: 100%;
list-style-type: none;
}
.fullSlideShow div.pickUp ol li {
display: inline;
margin: 0 20px 0 0;
padding: 0;
}
.fullSlideShow div.pickUp ol li:last-child {
margin: 0;
}

/* --- 著作権表記 --- */
.fullSlideShow p.credit {
position: absolute;
z-index: 997;
bottom: 5px;
right: 20px;
margin: 0;
padding: 0;
color: #808080;
font-size: 10px;
}


/* --- メインコンテンツ --- */
#wrapper {
width: 100%;
margin: 0;
padding: 0;
background: #ffffff;
position: relative;
z-index: 120;
}

article {
margin: 0;
padding: 0;
}

.contents {
width: 100%;
margin: 0 auto;
padding: 0;
}

.container {
width: 1000px;
margin: 0 auto;
padding: 0;
}

/* --- 見出し・段落 --- */
.contents h2 {
margin: 0 0 60px;
padding: 0;
line-height: 100%;
font-size: 25px;
color: #000000;
text-align: center;
}
.contents h2 span {
border-bottom: 2px solid #daa520;
}
.contents p {
margin: 0 0 20px;
padding: 0;
line-height: 180%;
}


/* --- コンテンツ背景 --- */
.content01 {
margin: 0;
padding: 60px 0 60px;
background-color: #ffffff;
}
.content02 {
margin: 0;
padding: 60px 0 60px;
background: #f5f5f5 url(../img/background02.png) ;
}


/* --- 4カラムリスト --- */
ul.type01 {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 180%;
text-align: center;
}
ul.type01 li {
float: left;
width: 192px;
margin: 0 10px 0 0;
padding: 0;
}
ul.type01 li:last-child {
margin: 0;
}
ul.type01 li a {
font-size: 18px;
color: #b8860b;
}
ul.type01 li img {
display: block;
width: 120px;
height: 120px;
margin: 0 auto 5px;
padding: 0;
}

/* --- ニュース --- */
div.news {
margin: 0 0 20px;
padding: 0;
border-bottom: 1px dotted #808080;
}
div.news h3 {
margin: 0 0 20px;
padding: 0;
font-size: 15px;
line-height: 180%;
}
div.news h3 span.category01 {
display: inline-block;
margin: 0 20px 0 0;
padding: 0 10px;
color: #ffffff;
background-color: #d40000;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.news h3 span.category02 {
display: inline-block;
margin: 0 20px 0 0;
padding: 0 10px;
color: #ffffff;
background-color: #c83771;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.news h3 span.category03 {
display: inline-block;
margin: 0 20px 0 0;
padding: 0 10px;
color: #ffffff;
background-color: #e96a16;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.news h3 span.category04 {
display: inline-block;
margin: 0 20px 0 0;
padding: 0 10px;
color: #ffffff;
background-color: #b8860b;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
div.news h3 span.date {
font-size: 12px;
}


/* --- 2カラムボックス --- */
div.leftBox450 {
float: left;
width: 450px;
margin: 0;
padding: 0;
}
div.rightBox450 {
float: right;
width: 450px;
margin: 0;
padding: 0;
}

/* --- 新着情報 --- */
dl.information {
margin: 0;
padding: 0;
line-height: 150%;
}
dl.information dt {
margin: 0 0 5px;
padding: 10px 0 0;
font-size: 13px;
color: #B8860B;
}
dl.information dd {
margin: 0;
padding: 0 0 10px;
border-bottom: 1px dotted #808080;
}
dl.information a {
display: block;
margin: 0;
padding: 0;
color: #000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
}
dl.information a:hover {
color: #000;
background-color: #c8c8c8;
}

/* --- 表 --- */
table.standard {
width: 100%;
margin: 0 0 20px;
border: 1px #c0c0c0 solid;
border-collapse: collapse;
line-height: 200%;
vertical-align: middle;
}
table.standard caption {
padding-bottom: 5px;
text-align: center;
color: #000000;
}
table.standard th,
table.standard td {
padding: 10px 5px;
border: 1px #c0c0c0 solid;
vertical-align: middle;
}
table.standard th {
background-color: #f9f9f9;
text-align: center;
font-weight: normal;
}
table.standard td {
background-color: #ffffff;
}
table.standard th.nowrap,
table.standard td.nowrap {
white-space: nowrap;
}
table.standard a.type01 {
display: block;
width: 100%;
height: 20px;
margin: 10px auto;
padding: 0;
text-align: center;
line-height: 25px;
color: #ffffff;
text-decoration: none;
border-bottom: 5px solid #000000;
background-color: #1a1a1a;
}
table.standard a.type01:hover {
border-bottom: 5px solid #1a1a1a;
background-color: #343434;
}

/* --- フッター --- */
footer {
margin: 0;
padding: 40px 0 0;
background-color: #1a1a1a;
color: #c8c8c8;
}

footer nav {
margin: 0;
padding: 0;
}

footer ul.menu {
margin: 0 0 40px;
padding: 0 0 40px;
line-height: 100%;
list-style-type: none;
font-size: 13px;
text-align: center;
border-bottom: 1px solid #505050;
}
footer ul.menu li {
display: inline;
margin: 0 15px;
padding: 0;
}
footer ul.menu li a {
color: #ffffff;
padding: 0 0 2px
border-bottom: 2px solid #1a1a1a;
}
footer ul.menu li.active a,
footer ul.menu li a:hover {
text-decoration: none;
border-bottom: 2px solid #daa520;
}


/* --- ロゴ --- */
footer p.logo {
margin: 0 0 20px;
padding: 0;
color: #ffffff;
font-size: 25px;
font-weight: normal;
font-family: 'Droid Sans', sans-serif;
text-align: center;
}
footer p.logo span {
font-size: 15px;
}

footer p.attention {
margin: 0 0 20px;
padding: 0;
font-size: 12px;
text-align: center;
}
/* --- コピーライト --- */
footer p.copyright {
margin: 0;
padding: 0;
font-size: 10px;
text-align: center;
}


/* --- その他の設定 --- */
.fullSlideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.fullSlideShow ul {
display: inline-block;
overflow: hidden;
}

/* --- ソーシャルボタン --- */
.socialBtn {
margin: 0; 
padding: 15px 0;
text-align: left;
background-color: #424242;
}
iframe.twitter-share-button {
width: 75px!important;
}
.fb_iframe_widget > span {
vertical-align: baseline !important;
}
.hatena-bookmark-button img {
width: 20px !important;
}

/* --- トップに戻る --- */
#backTop {
position: fixed;
bottom: 170px;
margin-left: 1050px;
}
#backTop a {
width: 50px;
height: 50px;
display: block;
text-align: center;
}
/* arrow icon (span tag) */
#backTop span {
width: 50px;
height: 50px;
display: block;
background: #ddd url(../img/up-arrow.png) no-repeat center center;
/* rounded corners */
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#backTop a:hover span {
background-color: #777;
}

/* --- clearFix--- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.p01 {
padding: 80px 0 0 !important;
}