@charset "UTF-8";
/* ========BASIC======== */
html {
overflow-y:scroll;
}
body {
margin:0;
padding:0;
line-height:1.6;
letter-spacing:1px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 14px;
color:#000;
}
br {
letter-spacing:normal;
}
a {
color:#000;
text-decoration:none;
}
a:hover {
color: #ff8034;
text-decoration:underline;
}
img {
border:0;
vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6 {
margin:0;
}
h2 {
clear:both;
padding:0 10px;
color:#000;
font-size: 24px;
font-weight:normal;
line-height:1.4;
text-align: left;
font-family: YuMincho, 'Yu Mincho', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", sans-serif;
}
h3 {
clear:both;
margin: 50px 0 12px 0;
font-size: 24px;
font-weight:normal;
color: #ff8034;
line-height:1.8;
border-bottom: 2px solid #ff8034;
font-family: YuMincho, 'Yu Mincho', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", sans-serif;
}
h2 + h3 {
margin-top:20px;
}
h3:first-child {
margin-top:0;
}
h3 + h4 {
margin-top:10px;
}
h4 {
margin:30px 0 0 0;
color:#333;
font-weight:bold;
font-size:16px;
line-height:2.0;
border:0;
}
h5 {
line-height:2.0;
font-size:14px;
color:#000;
font-weight:normal;
}
h6 {
font-size:14px;
font-weight:normal;
color:#917700;
line-height:2.0;
}
p {
margin:0.5em 0 1em 0;
line-height:1.8;
}
ul,ol,dl {
margin:10px 0;
padding:0;
}
li {
padding:0;
margin:0 0 0 30px;
}
dt {
margin:0;
padding:0;
}
dd {
margin:0 0 1em 0;
padding:10px;
background:#f1f1f1;
}
table {
width:600px;
margin:10px 0;
border-collapse:collapse;
border:1px solid #999;
border-spacing:0;
line-height:1.8;
}
table th {
padding:5px;
border:1px solid #999;
border-width:0 0 1px 1px;
background:#EFEBEF;
font-weight:bold;
text-align:left;
}
table td {
padding:5px;
border:1px solid #999;
border-width:0 0 1px 1px;
text-align:left;
}
/* ========TEMPLATE LAYOUT======== */
#container {
width:100%;
margin:0 auto;
background:#fff;
}
#head {
width:940px;
margin:0 auto;
}
#menu {
position:absolute;
right:0;
top:35px;
}
#Contents {
clear:both;
overflow:hidden;
width:940px;
padding:10px 0;
margin:0 auto;
}
#contentsLeft {
float:left;
width: 600px;
}
#contentsRight {
float:right;
width: 300px;
}
#footerMenu {
clear:both;
width:940px;
margin:30px auto 0 auto;
}
#foot {
clear:both;
width:940px;
margin:0 auto;
}
/* ========head CUSTOMIZE======== */
#head h1 {
text-align: center;
margin:0;
padding:30px 0;
font-size:30px;
color:#770000;
line-height:1.0;
}
#head h1 a {
color: #ff8034;
font-family: YuMincho, 'Yu Mincho', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", sans-serif;
}
#head h1 a:hover {
color: #ffb88e;
text-decoration: none;
}
/* ========MENU CUSTOMIZE======== */
#menu ul {
margin:0;
padding:0;
list-style:none;
}
#menu li {
overflow:hidden;
float:left;
margin:0;
padding:0 0 0 30px;
}
#menu li a {
display:block;
font-weight:bold;
color:#333;
outline:none;
text-decoration:none;
font-family: YuMincho, 'Yu Mincho', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", sans-serif;
}
#menu li a:hover {
color: #24BBA7;
text-decoration:none;
}
/* ========HEADIMAGE CUSTOMIZE======== */
#slide {
display: none;
position:relative;
overflow:hidden;
padding-bottom:25px;
}
.slidePrev {
position:absolute;
cursor:pointer;
z-index:100;
}
.slideNext {
position:absolute;
cursor:pointer;
z-index:100;
}
.slidePrev img {
position:absolute;
width:50px;
height:60px;
}
.slideNext img {
position:absolute;
width:50px;
height:60px;
}
.slideInner {
position:relative;
margin:0;
padding:0;
}
.slideInner li {
float:left;
margin:0;
padding:0;
list-style:none;
}
.slideInner li img {
margin:0 5px;
padding:0;
}
.filterPrev {
position:absolute;
left:0;
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
}
.filterNext {
position:absolute;
right:0;
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
}
.controlNav {
position:absolute;
float:left;
left:50%;
bottom:0;
}
.controlNav span {
position:relative;
left:-50%;
float:left;
margin:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:10px;
height:10px;
overflow:hidden;
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
background:#eee;
text-indent:-9999px;
vertical-align:middle;
}
.controlNav span:hover {
background:#ccc;
cursor:pointer;
}
.controlNav span.current {
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
background: #ff8034;
}
/* ========MAINCONTENTS CUSTOMIZE======== */
/* TOPNAVI CUSTOMIZE */
.topNavi {
overflow:hidden;
position:relative;
margin-left:-20px;
margin-top:20px;
margin-bottom:20px;
}
* html .topNavi {
height:1em;
overflow:visible;
}
.topNaviColumn {
display:inline;
width:298px;
float:left;
margin-left:20px;
}
.topNaviColumn h2 {
text-align: center;
}
.topNaviImg {
margin:0;
padding:0;
}
.topNaviDetail {
position:absolute;
bottom:0;
width:280px;
text-align:right;
}
.topNaviDetail a {
padding:0 0 0 7px;
background:url("../images/bg_arrow.gif") no-repeat left 50%;
}
.topNaviCon {
position:relative;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:0 0 2em 0;
}
.topNavi h2 {
padding:10px 0;
color:#fff;
font-size:14px;
background: #ff8034;
}
.topNavi p {
margin:10px;
}
.topNaviPhoto img {
margin:10px 8px 0 8px;
}
/* INFORMATION CUSTOMIZE */
.information {
margin-bottom:20px;
}
.information dl {
margin:0;
}
.information dt {
float:left;
padding-top:5px;
}
.information dd {
margin:0 0 5px 0;
padding:5px 0px 5px 9em;
border-bottom:1px solid #ddd;
background:none;
}
/* subMenu CUSTOMIZE */
.subMenu h3 {
position:relative;
text-align:center;
margin:0;
padding:15px 0;
line-height:1.0;
color:#fff;
border:none;
background: #ff8034;
}
.subMenu h3:after {
content:'▼';
position:absolute;
bottom:-13px;
left:50%;
float:left;
color: #ff8034;
}
.subMenu h4 {
padding:10px;
font-weight:normal;
font-size:14px;
background:#f1f1f1;
}
.subMenu ul {
margin:0 10px;
padding:0;
}
.subMenu li {
margin:0;
padding:0 0 0 7px;
list-style:none;
border-bottom:1px dotted #ddd;
background:url("../images/bg_arrow.gif") no-repeat left 50%;
}
.subMenu li a {
display:block;
padding:10px 0;
text-decoration:none;
font-family: YuMincho, 'Yu Mincho', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", sans-serif;
}
.subMenu p {
margin:10px;
}
/* BANNER CUSTOMIZE */
.bnrL {
margin:20px 0;
}
.bnrL ul {
margin:0 -15px 0 0;
padding:0;
overflow:hidden;
}
.bnrL li {
float:left;
margin:0 15px 0 0;
padding:0;
list-style:none;
margin-bottom:10px;
}
.bnrR {
width:278px;
margin:20px 0;
padding:10px;
border:1px solid #ddd;
}
.bnrR ul {
margin:0 0 -10px 0;
padding:0;
}
.bnrR li {
margin:0;
padding:10px;
list-style:none;
margin-bottom:10px;
background:#eee;
}
/* BOX CUSTOMIZE */
.box {
overflow:hidden;
margin:10px 0;
padding:10px;
border:10px solid #eee;
}
.box h4 {
margin-top:0;
}
.box img {
float:left;
}
.box p {
margin-left:210px;
}
.first {
margin-top:0;
}
/* ========footerMenu CUSTOMIZE======== */
#footerMenu ul {
margin:5px 0;
padding:20px 0;
text-align:center;
border-top:1px solid #ddd;
}
#footerMenu li {
display:inline;
margin:0 0 0 20px;
list-style:none;
}
#footerMenu li a {
color:#000;
text-decoration:none;
}
#footerMenu li a:hover {
color:#666;
text-decoration:underline;
}
/* ========FOOTER CUSTOMIZE======== */
.copyright {
font-style:normal;
font-size:11px;
color:#999;
line-height:3.0;
text-align:center;
}
/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
position:fixed;
right:20px;
bottom:20px;
}
#pageTop a {
display:block;
padding:30px 30px 30px 42px;
color:#fff;
font-size:11px;
text-decoration:none;
background: #ff8034 url(../images/bg_pagetop.gif) 30px 50% no-repeat;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#pageTop a:hover {
background: #ffb88e url(../images/bg_pagetop.gif) 30px 50% no-repeat;
}