@charset "UTF-8";
/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Century Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
	-webkit-text-size-adjust: 100%;
}

header {
	position: fixed;
	top: 0px; left: 0px;
	width: 100%;
	height: 120px;
	background-color: #fff;
}

#mainimg {}
#mainimg li img {
	width: 100%;
	padding: 0;
}
#date { width: 980px; height: 70px; margin: 0 auto; background-image: url(../images/stk_top_date_bg.png); background-position: center; background-repeat: no-repeat; position: relative;}
#date #access1 { position: absolute; top: 8px; left: 715px;}
#date #access2 { position: absolute; top: 38px; left: 715px;}
#date #utamaru { position: absolute; top: -244px; left: 800px;}

#date2 { width: 980px; height: 60px; margin: 0 auto; background-image: url(../images/stk_top_date_bg.png); background-position: center; background-repeat: no-repeat; position: relative;}
#date2 #access1 { position: absolute; top: 21px; left: 705px;}
#date2 #access2 { position: absolute; top: 56px; left: 705px;}

#subhd { width: 980px; height: 70px; margin: 5px auto; background-image: url(../images/skt_subhd_bg.png); background-position: center; background-repeat: no-repeat; position: relative;}
#subhd p { position: absolute; top: 27px; left: 700px;}

#subhd2 { width: 980px; height: 70px; margin: 5px auto; background-image: url(../images/skt_subhd_bg.png); background-position: center; background-repeat: no-repeat; position: relative;}
#subhd2 #access1 { position: absolute; top: 8px; left: 715px;}
#subhd2 #access2 { position: absolute; top: 38px; left: 715px;}


#nav { width: 100%; height: 50px; background-color: #ad9b79;}
#nav ul { width: 840px; margin: 0 auto;}
#nav li { float: left; list-style-type: none; padding-top: 15px; margin-right: 80px;}
#nav .end { margin-right: 0;}

header #nav { width: 100%; height: 50px; background-color: #ad9b79;}
header #nav ul { width: 920px; height: 50px; margin: 0 auto;}
header #nav li { float: left; list-style-type: none; padding-top: 15px; margin-right: 80px;}
header #nav .end { margin-right: 0;}



#gaiyo1 { width: 100%;}
#gaiyo1 h2 { width: 157px; height: 161px; margin: 60px auto 40px;}
#gaiyo1 p { font-size: 18px; margin-bottom: 0; text-align: center;}

#gaiyo2 { height: 700px; width: 100%; background-image: url(../images/stk_top_bg.jpg); background-repeat: repeat; padding: 50px 0;}
#gaiyo2 table {
	width: 640px; margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-collapse: collapse;
}
#gaiyo2 table th { width: 120px; text-align: center; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 20px;}
#gaiyo2 table td { width: 520px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 20px 10px;}
#gaiyo2 .access a { color: #fff; font-size: 10px; border: 1px solid #fff; padding: 3px 3px 3px 6px; text-align: center; text-decoration: none;}

#gaiyo3 { height: 650px; width: 100%; background-image: url(../images/stk_top_bg.jpg); background-repeat: repeat; padding: 50px 0;}
#gaiyo3Inner { width: 980px; margin: 0 auto;}
#gaiyo3 #left { width: 480px; float: left;}
#gaiyo3 #right { width: 480px; float: right;}
#gaiyo3 .area { font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #fff;}
#gaiyo3 table {
	width: 480px; margin: 0 auto;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	border-collapse: collapse;
}
#gaiyo3 table th { width: 70px; text-align: center; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 20px 10px;}
#gaiyo3 table td { width: 410px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 20px 10px;}
#gaiyo3 .access a { color: #fff; font-size: 10px; border: 1px solid #fff; padding: 3px 3px 3px 6px; text-align: center; text-decoration: none;}



#sponsor { height: 220px; text-align: center; font-weight: bold; margin: 0 auto; padding-top: 60px; font-size: 20px; color: #a3813b;}


#news { width: 980px; margin: 0 auto; padding-top: 150px;}
#news h2 { width: 157px; height: 161px; margin: 60px auto 40px;}
#news .area { width: 900px; padding: 40px; border: 2px solid #ad9b79; margin-bottom: 30px;}
#news .area h3 { height: 24px; color: #ad9b79; font-size: 24px; margin: 10px 5px; font-weight: bold;}
#news .area h4 { color: #ad9b79; font-size: 11px; margin: 5px 10px;}
#news .area .photo { float: right; margin-left: 20px;}
#news .area .txt { float: left; width: 560px; font-size: 16px; line-height: 1.8em; margin-bottom: 5px;}
#news .area .txt .fin { font-size: 14px; color: #FF0004;}
#news .area .txt_only { font-size: 16px; line-height: 1.8em; margin-bottom: 8px;}
#news .red { color: #FF0004;}

#goods { width: 980px; margin: 0 auto; padding-top: 150px;}
#goods h2 { width: 157px; height: 161px; margin: 60px auto 40px;}
#goods #noren { width: 387px; height: 299px; margin: 10px auto;}
#goods h3 { text-align: center; font-size: 24px;}
#goods h4 { text-align: center; font-size: 18px; font-weight: normal; margin-bottom: 50px;}
#goods .area { width: 900px; padding: 40px; border: 2px solid #ad9b79; margin-bottom: 30px;}
#goods .area h3 { color: #ad9b79; font-size: 32px; margin: 5px; line-height: 120%;}
#goods .area h4 { font-size: 14px; margin: 5px 10px;}
#goods .area .limited { font-size: 14px;}
#goods .area .photo { }
#goods .area .txt { width: 700px; margin: 0 auto;}


#about #maku { width: 100%; height: 600px; background-image: url(../images/stk_about_bg.jpg); background-repeat: repeat;}
#about #maku p { width: 236px; margin: 0 auto; padding-top: 180px;}
#about h2 { width: 157px; height: 161px; margin: 60px auto 40px;}
#about h3 { text-align: center; font-size: 20px; line-height: 180%;}


#ogiri { width: 980px; margin: 0 auto; padding-top: 150px;}
#ogiri h2 { width: 157px; height: 161px; margin: 60px auto 40px;}
#ogiri #info { width: 800px; height: 400px; margin: 50px auto; background-image: url(../images/stk_ogiri_info.jpg); background-repeat: no-repeat;}
#ogiri .answer1 { width: 934px; height: 893px; margin: 50px auto; background-image: url(../images/stk_ogiri_160729.jpg); background-repeat: no-repeat;}
#ogiri .answer2 { width: 934px; height: 893px; margin: 50px auto; background-image: url(../images/stk_ogiri_160823.jpg); background-repeat: no-repeat;}
#ogiri .answer3 { width: 934px; height: 736px; margin: 50px auto; background-image: url(../images/stk_ogiri_160921.jpg); background-repeat: no-repeat;}
#ogiri .answer4 { width: 934px; height: 736px; margin: 50px auto; background-image: url(../images/stk_ogiri_161012.jpg); background-repeat: no-repeat;}
#ogiri .answer5 { width: 934px; height: 736px; margin: 50px auto; background-image: url(../images/stk_ogiri_170208a.jpg); background-repeat: no-repeat;}
#ogiri .answer6 { width: 934px; height: 736px; margin: 50px auto; background-image: url(../images/stk_ogiri_170208b.jpg); background-repeat: no-repeat;}

#ogiri #ready { width: 300px; height: 50px; margin: 30px auto; text-align: center; font-size: 20px; font-weight: bold; border: solid 2px #000; padding: 100px;}

footer { height: 180px; width: 100%; background-color: #ad9b79;}
footer #inner { width: 1000px; height: 180px; margin: 0 auto; position: relative;}
footer #ftnav { position: absolute; left: 260px; top: 5px; width: 540px; margin: 0 auto;}
footer #ftnav li {float: left; list-style-type: none; margin-right: 30px;}
footer #ftnav .end { margin-right: 0;}
footer #logo { position: absolute; top: 40px; left: 230px;}
footer #copyright { position: absolute; top: 140px; left: 370px; font-size: 10px; color: #000; text-align: center;}


.fs10 { font-size: 10px;}
.fs12 { font-size: 12px;}
.fs14 { font-size: 14px;}
.fs16 { font-size: 16px;}
.fs18 { font-size: 18px;}
.mr0 { margin-right: 0;}
.bold { font-weight: bold;}
.clearfix { clear: both;}
.lh140 { line-height: 140%;}


#page-top {
    position: fixed;
    bottom: 0;
    right: 20px;
}
#page-top a {
    text-decoration: none;
    width: 100px;
    padding: 0px;
    text-align: center;
    display: block;
}


#place { width: 1000px; margin: 20px auto;}
#place h2 { width: 157px; height: 161px; margin: 60px auto 40px;}
/*#place table { width: 1000px; font-size: 13px; border-collapse: collapse; margin-bottom: 100px;}
#place th { border-bottom: 2px solid; padding: 5px; text-align: left;}
#place td { height: 4em; border-bottom: 1px dotted; padding: 5px;}
#place .credit { text-align: center; font-size: 12px; padding: 30px 0 60px;}
#place .red { color: #FF0004;}*/

#place h3 { font-size: 18px; margin-bottom: 15px;}
#place #kinenten { width: 480px; float: left; font-size:  11px;}
#place #fair { width: 480px; float: right; font-size: 11px;}

#place #kinenten table { width: 490px; font-size: 13px; border-collapse: collapse; margin-bottom: 100px;}
#place #kinenten th { border-bottom: 2px solid; padding: 5px; text-align: left;}
#place #kinenten td { height: 4em; border-bottom: 1px dotted; padding: 5px;}
#place #fair table { width: 490px; font-size: 11px; border-collapse: collapse; margin-bottom: 10px;}
#place #fair th { border-bottom: 2px solid; padding: 5px; text-align: left;}
#place #fair td { height: 4em; border-bottom: 1px dotted; padding: 5px;}


#place .credit { text-align: center; font-size: 10px; padding: 30px 0 60px;}
#place .red { color: #FF0004;}