/* style order ----------------------------------------------------- */
/*	clear:
	display:
	float:
	position:
	left|right:
	top|bottom:
	z-index:
	overflow:
	visibility:
	width:
	min-width:
	max-width:
	height:
	min-height:
	max-height:
	padding:
	margin:
	text-align:
	vertical-align:
	text-decoration:
	text-indent:
	letter-spacing:
	word-spacing:
	text-transform:
	white-space:
	color:
	list-style:
	font:
	font-style:
	font-variant:
	font-weight:
	font-size:
	line-height:
	font-family:
	background:
	background-color:
	background-url:
	background-position:
	background-repeat:
	border:
	border-collapse: collapse;
*/
/* ----------------------------------------------------------------- */

/* default colors -----------------------------------------------------
#F4F2F2 Pail Gray
#C7BCBC Middle Gray

//////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////
   Browser Default Clear & Set Element Default
//////////////////////////////////////////////////////////////////// */
html,body,h1,h2,h3,h4,h5,h6,table,ul,ol,dl,dt,dd,p,form,hr,input {
	padding: 0; margin: 0;
	}

html {
	margin: 0px;
	}

body {
	vertical-align: bottom;
	color: #333333;
	font-size: medium;
	line-height: 1.6;
	font-family:  "メイリオ" , Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
	}

table th,
table td {
	line-height: 1.4;
	}

strong {
	color: #FD6513;
	font-weight: bold;
	font-style: normal;
	}

em {
	font-style: normal;
	}

img {
	vertical-align: top;
	border: 0;
	}

a {
	text-decoration: none;
	color: #1D4BA0;
	}
a:hover,
a:active,
a:focus {
	overflow: hidden;
	}
a:hover {
	text-decoration: underline;
	}
div#bk_menu a:hover {
	text-decoration: none;
	}
ol.marker_alphabet {
	list-style-type: lower-alpha;
	}
li {
	list-style: none;
	}
sup {
	font-size: 75%;
	}
sub {
	vertical-align: baseline;
	font-size: 65%;
	}
p.text_align_right {
	text-align: right;
	}
	

	
/*
  General Styles
==================================================================== */
div#box01 {
	width:100%!important;}
	

/* ////////////////////////////////////////////////////////////////////
   ClearFix Only
//////////////////////////////////////////////////////////////////// */
.clearfix:after
	 { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

.clearfix
	{ display: inline-block; }

/* Hides from IE-Mac \*/
.clearfix
	{ height: 1%; }

.clearfix
	{ display: block; }
/* Hides from IE-Mac \*/


/* ////////////////////////////////////////////////////////////////////
   return_top Styles
//////////////////////////////////////////////////////////////////// */

/* page-top */
div#return {
	background: #000000;
	width: 100%;
	position: fixed;
	bottom: 0px;
	height: 55px;	
	z-index: 1000;
}
a div#return img {
	display: block;
	width: 329px;
	height: 55px;
	margin: 0 auto;
}

div#return2 {
	background: #000000;
	position: fixed;
	bottom: 0px;
	right: 10px;
	height: 55px;	
	z-index: 1000;
}
a div#return2 img {
	display: block;
	margin-top: 18px;
	
}
table#kouenkai {
	width: 950px;
	display:block;
	margin: 0 auto;
	margin-top: 20px;
	}
table#kouenkai th {
	width: 170px;
	}
table#kouenkai td {
	text-align: left;
	padding-left: 15px;
	}
table#kouenkai th, table#kouenkai td {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: 1px dotted #7AABF7;
	}


/* ////////////////////////////////////////////////////////////////////
   header Styles
//////////////////////////////////////////////////////////////////// */


#header { 
	width: auto;
	background: #201C1B;
	position: static;
	}

div.logo {
	float: left;
	width: 320px;
	height: 64px;
	background: url(../../img/common/navi.png) no-repeat;
	text-indent: -9999px;
	}

/* ナビゲーション \*/
div#nav {
	float: right;
	}

ul.menu li {
	float: left;
	}

ul.menu li a {
    display: block;
    height: 66px;
    color: rgb(49, 49, 49);
    -moz-transition: background 0.25s ease-out 0s;
}

ul.menu li.home a {
	width: 78px;
	height: 64px;
	text-indent: -9999px;
	background:url(../../img/common/navi.png) 643px 0px;
	}
ul.menu li.about a {
	width: 87px;
	height: 64px;
	text-indent: -9999px;
	background:url(../../img/common/navi.png) 565px 0px;
	}
ul.menu li.nominators a {
	width: 138px;
	height: 64px;
	text-indent: -9999px;
	background:url(../../img/common/navi.png) 478px 0px;
	}
ul.menu li.report a {
	width: 101px;
	height: 64px;
	text-indent: -9999px;
	background:url(../../img/common/navi.png) 340px 0px;	
	}
ul.menu li.contact a {
	width: 109px;
	height: 64px;
	text-indent: -9999px;
	background:url(../../img/common/navi.png) 239px 0px;
	}
ul.menu li.recommend a {
	width: 131px;
	height: 64px;
	text-indent: -9999px;
	background:url(../../img/common/navi.png) 131px 0px;
	}
ul.menu li.ishikawafoundation a {
	width: 157px;
	height: 64px;
	text-indent: -9999px;
	background:url(../../img/common/zaidan.png);
	}
/* ナビゲーション-ホバー \*/
ul.menu li.home a:hover {
	background:url(../../img/common/navi.png) 643px 64px;
	}
ul.menu li.about a:hover {
	background:url(../../img/common/navi.png) 565px 64px;
	}
ul.menu li.nominators a:hover {
	background:url(../../img/common/navi.png) 478px 64px;
	}
	
ul.menu li.report a:hover {
	background:url(../../img/common/navi.png) 340px 64px;	
	}
ul.menu li.contact a:hover {
	background:url(../../img/common/navi.png) 239px 64px;
	}
ul.menu li.recommend a:hover {
	background:url(../../img/common/navi.png) 131px 64px;
	}
ul.menu li.ishikawafoundation a:hover {
	background:url(../../img/common/zaidan2.png);
	}
	

ul.menu > li {
    text-transform: uppercase;
}
#header nav.main {
    line-height: 67px;
    font-size: 14px;
}
#header nav.main ul li.search span {
    position: relative;
    display: block;
    width: 66px;
    height: 68px;
    background: none repeat scroll 0% 0% rgb(52, 52, 52);
    text-indent: -23em;
    cursor: pointer;
    -moz-transition: all 0.25s ease-out 0s;
	}


/* ////////////////////////////////////////////////////////////////////
   コンテンツ top Styles
//////////////////////////////////////////////////////////////////// */
div.content {
    padding: 0px;
	padding-top: 130px;
	padding-bottom: 100px;
    vertical-align: middle;
	background: url(../../img/common/bg_okayama.png) no-repeat;
	background-size: cover;
	width: auto;
}

div#main_logo {
	max-width: 100%;
	text-align: center;
	}

div#about {
	background-color: #00CCFF;
	padding-bottom: 120px;
	text-align: center;
	}
div#about h2 {
	padding-top: 120px;
	}
div#about p {
	margin-top: 35px;
	}
div#aisatsu {
	text-align: center;
	margin-top: 40px;
	}
div#gaiyo {
	margin-top: 120px;
	}


div#bg_about img {
	width: 100%;
	height: 100%;

	}
div#bg_report img {
	width: 100%;
	height: 100%;

	}
	
	
/* ////////////////////////////////////////////////////////////////////
   受賞者 Styles
//////////////////////////////////////////////////////////////////// */	

div#nominator {
	padding-top: 110px;
	text-align: center;
	background-color: #23282B;
	}
div#nominator ul {
	margin: 0 auto;
	width: 950px;
	}
div#nominator ul li {
	float: left;
	margin: 60px 53px 75px;
	}

div#nominator ul.nominator_style li {
	float: left;
	margin: 0px;
	}
	

/* ////////////////////////////////////////////////////////////////////
   イベントレポート Styles
//////////////////////////////////////////////////////////////////// */	
div#report {
	background-color: #00CCFF;
	padding-bottom: 120px;
	text-align: center;
	}
div#report h2 {
	padding-top: 120px;
	}
	
/* ////////////////////////////////////////////////////////////////////
   コンタクト Styles
//////////////////////////////////////////////////////////////////// */
div#contact {
	padding-bottom: 40px;
	}
div#contact h2 {
	padding-top: 120px;
	}
p#about_form {
	color: #FFFFFF;
	text-align: center;
	}

div#mf_wrapper {
	width: 950px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
	margin-top: 40px;
	padding-bottom: 60px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	color: #FFFFFF;
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td input {
	height: 25px;
	}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
	}
div#btn {
	text-align: center;
	}
	

/* ////////////////////////////////////////////////////////////////////
   フッター Styles
//////////////////////////////////////////////////////////////////// */
div#footer {
	height: 30px;
	background-color: #00CCFF;
	padding-bottom: 30px;
	}
div#footer p {
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 5px;
	}
	
body.recommend div#footer{
	height: 50px;
	}


/* ////////////////////////////////////////////////////////////////////
   推薦者ページ Styles
//////////////////////////////////////////////////////////////////// */


body#recommend2 {
	background-image:url(../../img/common/recommendation/bg_big2.jpg);
	background-attachment: fixed;
    background-size: cover;
	}

	
div#wrapper {
	width: 1000px;
	margin: 0 auto;
	background:url(../../img/common/recommendation/recommend_bg_wrapper.png) repeat;
	}
div#recommend_wrapper {
	width: 900px;
	margin: 0 auto;
	}
div#recommenr_main {
	width: 900px;
	margin: 0 auto;
	display: block;
	padding-top: 95px;
	margin-bottom: 0px;
	}
div#contact_form {
	
	margin-top: 50px;
	}


div#recommend {
	width: 740px;
	background: #F6CB48;
	padding: 55px 80px;
	margin-top: 25px;
	}
body.recommend h3 {
	border-bottom: 3px solid #333333;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

body.recommend h3 img {
	padding-top: 5px;
	}
body.recommend h3 span {
	font-size: 12px;
	color:#222222;
	padding-left: 10px;
	}

body.recommend h4 {
	margin-top: 10px;
	margin-left: 15px;
	}
div#recommend input {
	height: 20px;
	padding: 5px;
	border: #FFA500 4px solid;
	font-size: 20px;
	}
body.recommend textarea {
	padding: 5px;
	border: #FFA500 4px solid;
	font-size: 20px;
	}


div#contact div {
	margin-bottom: 30px;
	}
div.name {
	float: left;
	width: 480px;
	}
div.name input {
	font-size: 20px;
	}
div#recommend div.age {
	float: left;
	width: 140px;
	margin-left: 25px;
	}
div.syozoku {
	clear: both;
	width: 740px;
	}
div.age input {
	font-size: 20px;
	}
div.prize_select {
	clear: both;
	}
div.prize_select ul li{
	float: left;
	width: 220px;
	font-size: 18px;
	}
div.prize_select ul li input {
	top: 10px;
	}
div.prize_select h5 {
	font-size: 16px;
	clear: both;
	margin: 10px;
	margin-bottom: 0px;
	border-bottom: 1px solid #000000;
	}


div.free_prize {
	margin-top: 10px;
	}
	

div#tokubetu_check label.cbxbd {
	width: 200px;
	margin-top: 10px;
	}
div#tokubetu_check {
	clear: both;
	padding: 10px;
	}
	

div#recommender {
	width: 740px;
	background: #232323;
	padding: 55px 80px 80px;
	}
	
div#recommender input {
	height: 20px;
	padding: 5px;
	border: #313131 4px solid;
	font-size: 12px;
	}

div#recommender div.sex, div#recommender div.age {
	height: 50px;
	float: left;
	}
div#recommender div.age {
	width: 140px;
	margin-left: 30px;
	}
div#recommender div.sex  label {
	height: 30px;
	padding-left: 20px;
	padding: 15px 20px;
	}
div.male, div.female {
	display: block;
	float: left;
	width: 180px;
	height: 60px;
	background:#333333;
	font-size: 20px;
	height-left: 55px;
	color: #FFFFFF;
	margin-right: 15px;
	}
div#recommender div.male input, div#recommender div.female input {
	height: auto;
	margin-right: 10px;
	}

input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.cbxbd{
    background:url(../../img/common/recommendation/checkbox.png) no-repeat left top;
    height: 25px;
    line-height: 28px;
    display: block;
    padding: 0 0 0 15px;
    cursor: pointer;
    overflow: hidden;
	padding-left: 30px;
	width: 280x;
	float: left;
	margin-left: 10px;
}
.c_on{background-position:left bottom;}

div#recommend div.mfp_buttons input {
	border: none;
	}
.check-left {
	margin-left: 20px;
	}
	
.prize_select label {
	border-radius: 3px;
	margin: 3px;
	display: block;
	margin-left: 10px;
}

.prize_select label.mfp_not_checked {
	width: 215px;
	height: 30px;
	float: left;

	margin-top:10px;
	text-align: center;
	padding: 3px;
	border: solid 3px #EEE;
	font-weight: bold;
	padding-top: 6px;
	}

.prize_select label.mfp_checked {
	padding: 3px;
	border: solid 3px #CCC;
	background-color: #E8EEF9;
	width: 215px;
	height: 30px;
	float: left;
	margin-left: 10px;
	margin-top:10px;
	text-align: center;
	font-weight: bold;
	padding-top: 6px;
}
div#contact div.prize_select div {
    margin-bottom: 10px;
}
div#contact div.prize_select {
	margin-bottom: 5px;
	}
	
div#others {
	text-align:center;
	}
div#jyoho {
	margin-top: 35px;
	border-top: 5px dotted #CF9E0A;
	padding-top: 35px;
	}


div.report_img img {
	margin-top: 7px;
	}
	

body.prizer_detail {
	margin: 0px;
	}
div.detail_thums {
	float: left;
	}
div.detail_name {
	float: left;
	}
	
form#mailformpro textarea {
    width: 100%;
	}
	
div#recommender div.sex input {
	width: auto!important;	
	margin-left: 20px;
	}
	
div#recommender div.sex  label {
	display:inline-block;
    position:relative;
    padding-left:25px;
	}
div#recommender div.sex  label:before, div#recommender div.sex  label:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:15px;
    height:15px;
    border-radius:50%;
}

@media screen and (max-width: 1024px) {

}