/*
Project Name:
Theme Name: layout.css
Author: kawada
Description: CSS that controls each content page
*/

/*=========================================================================

	* The following is a style of each page content.
	* Please adjust config, etc. as appropriate.

=========================================================================*/

/*
	Responsible Config
----------------------------------------------------------------------------
.pc {display: block !important;}
.sp {display: none !important;}
@media screen and (max-width: 768px){
.pc {display: none !important;}
.sp {display: block !important;}
img {max-width: 100%; width: 100%;}
}*/

/*
	Base Layout
---------------------------------------------------------------------------- */
html {background-color: #EEE;}
body {background: #dfdcc8 url(../images/common/bg_01.png) repeat-x;}
.wrap {position: relative; width: 100%; text-align: center;}
.container {margin: 0 auto; width: 1000px; text-align: left;}

/*
	Base Config
---------------------------------------------------------------------------- */
a:hover img {opacity: 0.65;}

/*
	Header
---------------------------------------------------------------------------- */
header {min-height: 160px;}
header .container {position: relative;}
header .description {position: absolute; font-size: 14px; top: 10px;}
header .logo {position: absolute; display: block; top: 70px; width: 50%; left: -10px;}
header .logo img {width: 680px; height: auto;}
header .base_logo {position: absolute; display: block; top: 30px; right: 0;}

/*
	Gmenu
---------------------------------------------------------------------------- */
.gmenu_bg {background-color: #000; padding: 25px 0;}
.gmenu_bg nav {position: relative;}
.gmenu_bg ul li  {line-height: 1.0em;}
.gmenu_bg ul li a {color: #FFF; float: left; font-size: 16px; margin: 0 30px 0 0;}
.gmenu_bg ul li a:hover {opacity: 0.65;}
.gmenu_bg ul li a i {color: #ccb342; font-weight: bold; margin: 0 10px 0 0;}
.oflinks_gmenu {position: absolute; display: block; right: 0; color: #FFF !important; font-size: 16px;}
.oflinks_gmenu i {color: #ccb342; font-weight: bold; margin: 0 10px 0 0;}

/*
	Layout
---------------------------------------------------------------------------- */
.main_content {padding: 20px 0;}
.main_content .contents {float: left; width: 680px;}
.main_content .side {float: right; width: 300px;}

/*
	Side
---------------------------------------------------------------------------- */
.side .bn_list li {margin: 0 0 10px;}

/*
	Footer
---------------------------------------------------------------------------- */
footer {background-color: #eeeeee; border-top: 1px solid #d7d7d7; padding: 30px 0;}
footer .l_box {width: 48.5%; float: left;}
footer .r_box {width: 28.5%; float: right; text-align: right;}
footer .coution p {font-size: 10px;}
footer .foot_logo {background: url(../images/common/footer/logo.png) no-repeat; font-weight: bold;}

/*
	Common Parts
---------------------------------------------------------------------------- */
.oflinks {background-color: #FFF; display: block; padding: 10px 20px; font-size: 14px; font-weight: bold;}
.oflinks i {color: #dd221c; margin: 0 10px 0 0;}
.oflinks:hover {opacity: 0.65;}
.num {font-weight: bold; margin-right: 0.5rem; color: #ff0a0a;}


/*
	Top
---------------------------------------------------------------------------- */
.home section {margin: 0 0 20px;}
.info_bg {background-color: #000;}
.date_info {padding: 0.5rem 0;}
.date_info h3 {display: inline-block; padding-right: 20px; color: #FFF;}
.date_info h3 {display: inline-block; padding-right: 20px; color: #FFF;}
.date_info_tx {color: #FFF; font-size: 15px;}
.statment {border: 1px solid #999; background-color: #FFF;}
.statment {padding: 20px;}
.statment p {font-size: 14px; line-height: 2.0em;}
.statment h2 {font-size: 30px; margin: 0 0 5px; color: #000;}
.navigation {background-color: #191919; border-radius: 10px;}
.navigation .inner {padding: 20px;}
.navigation ul li a {color: #FFF; border-bottom: 1px solid #FFF; padding: 0 0 10px; margin: 0 0 10px; display: block; font-size: 16px; color: #e7d248;}
.navigation ul li a i {margin: 0 10px 0 0;}
.navigation ul li a:hover {opacity: 0.65;}

/*
	Second Common
---------------------------------------------------------------------------- */
.smain_content {border: 1px solid #999; background-color: #FFF;}
.smain_content .inner {padding: 10px;}
.smain_content h2 {padding: 10px 15px 5px; border-bottom: 5px solid #cc0000; font-size: 20px; color: #333; margin: 0 0 20px;}
.smain_content h2 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffcfc+0,ededed+100 */
background: #fffcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fffcfc 0%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fffcfc 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fffcfc 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */}
.smain_content h3 {padding: 2.5px 10px 2.5px; border-left: 4px solid #cc0000; border-bottom: 1px solid #cc0000;  font-size: 16px; color: #333; margin: 0 0 10px;}
.smain_content h4 {margin: 0 0 5px; color: #7a6401;}
.smain_content p {margin: 0 0 1.5em; font-size: 13px; line-height: 2.0em;}
.smain_content ul li {list-style: outside none disc; margin: 0 0 10px; font-size: 13px;}
.smain_content ul {margin: 15px 1.5em 2.0em;}
.smain_content ol {margin: 15px 0 2.0em;}
.smain_content ol li {margin: 0 0 10px; font-size: 13px;}
.smain_content table th,
.smain_content table td {vertical-align: top;}
.past .past_list {margin: 0; padding: 0;}
.past .past_list li {list-style: none;}
.prizeSection {margin: 0 0 30px;}
#resultBox {margin: 0 0 30px;}
.prizeSection h2 {background: none; padding: 0; border: none;}
.prizeSection h3.resultBar {background: url("../images/contents/kekka/resultH3.png") no-repeat;color: #000;margin: 20px 0 10px;padding: 10px 6px; border: none;}



/*2016よりコピー*/

div.prizeSection {
	margin: 0 0 72px 0;
	padding: 0 0 20px;
}

div.prizeSection dl#prizeSpec {
	padding: 0 18px 18px;
}

div.prizeSection dl#prizeSpec dt {
	color: #000;
	font-size: 148%;
	font-weight: bold;
	padding: 0 0 6px;
}

div.prizeSection dl#prizeSpec dd {
	padding: 4px 0;
	font-size: 124%;
}

div.prizeSection dl#prizeSpec dd span.itemName {
	font-weight: bold;
}


dl#prizeSpec dd span.category {
	color: #67634f;
}

div.prizeSection dl#prizeSpec2 {
	padding: 18px;
}

div.prizeSection dl#prizeSpec2 dt {
	color: #000;
	font-size: 148%;
	font-weight: bold;
	padding: 0 0 6px;
}

div.prizeSection dl#prizeSpec2 dd {
	padding: 4px 0;
	font-size: 124%;
}


dl#prizeSpec2 dd span.category {
	color: #67634f;
}

.borderGray {
	border-top: 1px dotted #CCC;
}

.bordergoTop {
	border-bottom: 1px solid #CCC;
}

a:link {
	color: #045AB8;
	text-decoration: none;
}

a:visited {
	color: #045AB8;
	text-decoration: none;
}

a:hover {
	color: #045AB8;
	text-decoration: underline;	
}

p.goToTop {
	font-size:11px;
}