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

body {
	font-family: " メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	/*font-size: 16px;*/
	color: #646464;
}

.clearfix:after {
	content: '';
	clear: both;
	display: block;
}
.fll {
	float: left;
}
.flr {
	float: right;
}

#main {
/*	background: #EDEDE0;*/
    background: url(../images/main_bg.jpg) repeat;
	text-align: center;
	position: relative;
	width: 100%;
}
#main #main_cover {
	background: url(../images/main_cover.png) repeat-x left bottom;
	position: absolute;
	width: 100%;
	height: 39px;
	left: 0;
	bottom: -1px;
	z-index: 2;
}

/*------------------------------
スウィーツ甲子園とは？
-------------------------------*/
#about {
	text-align: center;
	background: url(../images/bg_about1.jpg) no-repeat center top;
	position: relative;
	width: 1130px;
	margin: 0 auto;
	padding-bottom: 10px;
	min-height: 736px;
	height: auto;
}
#about .inner {
	width: 1000px;
	margin: 0 auto;
}
#about h2 {
	padding-top: 29px;
	margin-bottom: 30px;
}

#about p.text_about {
	font-size: 16px;
	line-height: 200%;
	width: 400px;
	margin: 0 auto 60px;
}

#about p.text_link {
	font-size: 15px;
	width: 400px;
	margin: 27px auto 0;
}

#about p.text_link a {
	color: #DB5C84;
}
#about p.text_link a:hover {
	text-decoration: none;
}
#about img#img_pos1,
#about img#img_pos2 {
	position: absolute;
	display: block;
}

#about img#img_pos1 {
	right: 40px;
	z-index: 3;
}
#about img#img_pos2 {
	bottom: -47px;
	left: 37px;
}

#btn_about{position: relative}
#btn_about span{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%,0);
    color: #7a7a7a;
    font-weight: bolder;
    font-size: 1.3em;
}
#btn_about a:hover span{
    color: #db5c84;
}
#btn_about_arrow{
    position:absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,0);
}

/*------------------------------
8thSweetsCollection
-------------------------------*/
#collection {
	width: 100%;
	background: url(../images/bg_collection.jpg);
}

#collection h2 {
	text-align: center;
	background: url(../images/bg_collection_top.jpg) repeat-x 0 0;
	margin-bottom: 10px;
	width: 100%;
}
.bg_end {
	width: 100%;
	text-align: center;
	background: url(../images/bg_collection_bottom.jpg) repeat-x left bottom;
	height: 43px;
	clear: both;
}

.collection_about {
	text-align: center;
	width: 900px;
	margin: 0 auto;
	
}
.collection_about p {
	font-size: 16px;
	line-height: 180%;
}
.collection_about p.text_sub {
	font-size: 13px;
	margin-top: 1.5em;
}

#collection_list {
	width: 1000px;
	margin: 40px auto 0;
}

#collection_list li {
	width: 480px;
	margin-bottom: 62px;
	color: #000000;
}
#collection_list li a {
	color: #000000;
}
#hyogo, #nara, #wakayama, #tokushima{
	clear: both;
	float: left;
}

#osaka, #kyoto, #space {
	float: right;
}

#collection_list .point {
	padding: 20px 5px 15px 10px;
	border-bottom: 1px solid #B9AA7D;
	margin-bottom: 10px;
	box-sizing: border-box;
}

#collection_list p {
	font-size: 14px;
}
#collection_list p.text_head {
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 10px;
}

#collection_list dl {
	font-size: 13px;
	padding-left: 2em;
	text-indent: -1.4em;
}
#collection_list dl:after {
	clear: both;
	display: block;
	content: '';
}
#collection_list dl:before {
	content: '■';	
}
#collection_list dt,
#collection_list dd{
	display: inline;
}
.marL {
	margin-left: 1em;
}


#collection_list #hyogo p.text_head,
#collection_list #hyogo dl:before{
	color: #D58E25;
}
#collection_list #osaka p.text_head,
#collection_list #osaka dl:before{
	color: #364F79;
}
#collection_list #nara p.text_head,
#collection_list #nara dl:before{
	color: #D55912;
}
#collection_list #kyoto p.text_head,
#collection_list #kyoto dl:before{
	color: #922F14;
}
#collection_list #wakayama p.text_head,
#collection_list #wakayama dl:before{
	color: #843B4C;
}
#collection_list #tokushima p.text_head,
#collection_list #tokushima dl:before{
	color: #40210F;
}

/*------------------------------
第８回審査について
-------------------------------*/
#examination {
	width: 1000px;
	margin: 0 auto;
	padding-top: 33px;
}
#examination h2 {
	margin-bottom: 24px;
}

#examination .clearfix {
	width: 100%;
}

#examination_about {
	margin-bottom: 23px;
}
#examination_about .flr {
	width: 452px;
	padding-top: 25px;
	padding-right: 20px;
}
#examination_about .flr > p {
	font-size: 16px;
	line-height: 180%;
}

#gaiyo {
	width: 439px;
	background: url(../images/bg_gaiyo.jpg) repeat-y left top;
	margin-top: 30px;
}
#gaiyo:before {
	background: url(../images/bg_gaiyo_top.jpg) no-repeat left top;
	content: '';
	width: 100%;
	height: 8px;
	display: block;
}
#gaiyo:after {
	background: url(../images/bg_gaiyo_bottom.jpg) no-repeat left bottom;
	content: '';
	width: 100%;
	height: 8px;
	display: block;
}
#gaiyo h3 {
	width: 399px;
	margin: 12px auto 5px;
	color: #87C9A1;
	font-weight: bold;
}
#gaiyo p {
	width: 399px;
	margin: 0 auto 15px;
	font-size: 14px;
	line-height: 180%; 
}

/*------------------------------
フッター
-------------------------------*/
#footer {
	background: /*url(../images/bg_footer.jpg) repeat-x 0 0*/ #A89C85;
	text-align: center;
	margin-top: 47px;
	padding-bottom: 25px;
	padding-top: 0;
}

#footer .pagetop {
	background: url(../images/bg_footer.jpg) repeat-x 0 0;
	width: 100%;
	font-size: 0;
	line-height: 0;
	height: 50px;
	margin-top: -1px;
	margin-bottom: 17px;
}
#footer .pagetop p {
	padding-right: 9px;
	width: 991px;
	margin: 0 auto;
	text-align: right;
}

#footer .text_footer {
	color: #FFF;
	font-size: 12px;
	line-height: 180%;
	width: 900px;
	margin: 20px auto 0;
}
#footer a {
	color: #FFF;
}