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

/*
============================================================
 共通スタイルシート
 ----------------------------------------------------------
 概要：全ページで共通して使用するスタイルを記述する
============================================================
*/
/*
================= 目次 =================

// リセット
// 汎用クラス指定
// 共通
// 共通ボタン
//------------------------------
// ヘッダー
// フッター
// 全ページ共通
// 検索スタートページ
// 検索結果ページ
//------------------------------
// CSSハック
//------------------------------
// レスポンシブ対応

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

/*-------------------------------------
// リセット
-------------------------------------*/
html
{
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;	/* デフォルトのフォント設定 */
	font-size: 12px;		/* ブラウザのデフォルトのフォントサイズを12pxに設定 */
	font-style: normal;		/* 斜体やイタリック体のフォントをリセット */
	font-weight: normal;	/* 太字のフォントをリセット */
	line-height: 153%;		/* 行間を153%に設定 */
	overflow-y: scroll;		/* 常に縦のスクロールバーを表示して、ページ間のズレをなくす */
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, img, table, th, td, dl, dt, dd, div
{
	font-size: 100%;	/* フォントサイズをデフォルト(上記htmlで設定した12px)の100%(1倍)のサイズに設定 */
	color: #000000;		/* デフォルトの文字色を黒に設定 */
	margin: 0;			/* デフォルトマージンをリセット */
	padding: 0;			/* デフォルトパディングをリセット */
}
img
{
	border: 0; 				/* (リンクを設定した)画像のボーダーをリセット */
	line-height: 0;
	vertical-align: bottom; /* 画像の下の隙間(ディセンダ)をなくす */
}
ul, dl, ol {
	list-style:none;		/* リストマークのリセット */
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------------
// 汎用クラス指定
-------------------------------------*/
/* 【マージン】 */
/* 上部 */  .mrT0 {	margin-top:     0;}  .mrThalf {	margin-top:     0.5em;}  .mrT1 {	margin-top:     1em;}  .mrT2 {	margin-top:     2em;}  .mrT3 {	margin-top:     3em;}  .mrT4 {	margin-top:     4em;}  .mrT5 {	margin-top:     5em;}
/* 下部 */  .mrB0 {	margin-bottom:  0;}  .mrBhalf {	margin-bottom:  0.5em;}  .mrB1 {	margin-bottom:  1em;}  .mrB2 {	margin-bottom:  2em;}  .mrB3 {	margin-bottom:  3em;}  .mrB4 {	margin-bottom:  4em;}  .mrB5 {	margin-bottom:  5em;}
/* 右部 */  .mrR0 {	margin-right:   0;}  .mrRhalf {	margin-right:   0.5em;}  .mrR1 {	margin-right:   1em;}  .mrR2 {	margin-right:   2em;}  .mrR3 {	margin-right:   3em;}  .mrR4 {	margin-right:   4em;}  .mrR5 {	margin-right:   5em;}
/* 左部 */  .mrL0 {	margin-left:    0;}  .mrLhalf {	margin-left:    0.5em;}  .mrL1 {	margin-left:    1em;}  .mrL2 {	margin-left:    2em;}  .mrL3 {	margin-left:    3em;}  .mrL4 {	margin-left:    4em;}  .mrL5 {	margin-left:    5em;}

/* 【パディング】 */
/* 上部 */  .pdT0 {	padding-top:    0;}  .pdThalf {	padding-top:    0.5em;}  .pdT1 {	padding-top:    1em;}  .pdT2 {	padding-top:    2em;}  .pdT3 {	padding-top:    3em;}  .pdT4 {	padding-top:    4em;}  .pdT5 {	padding-top:    5em;}
/* 下部 */  .pdB0 {	padding-bottom: 0;}  .pdBhalf {	padding-bottom: 0.5em;}  .pdB1 {	padding-bottom: 1em;}  .pdB2 {	padding-bottom: 2em;}  .pdB3 {	padding-bottom: 3em;}  .pdB4 {	padding-bottom: 4em;}  .pdB5 {	padding-bottom: 5em;}
/* 右部 */  .pdR0 {	padding-right:  0;}  .pdRhalf {	padding-right:  0.5em;}  .pdR1 {	padding-right:  1em;}  .pdR2 {	padding-right:  2em;}  .pdR3 {	padding-right:  3em;}  .pdR4 {	padding-right:  4em;}  .pdR5 {	padding-right:  5em;}
/* 左部 */  .pdL0 {	padding-left:   0;}  .pdLhalf {	padding-left:   0.5em;}  .pdL1 {	padding-left:   1em;}  .pdL2 {	padding-left:   2em;}  .pdL3 {	padding-left:   3em;}  .pdL4 {	padding-left:   4em;}  .pdL5 {	padding-left:   5em;}

/* 【マージン】左右 */
.mrLR0 {margin-left: 0; margin-right: 0;}  .mrLRhalf {margin-left: 0.5em; margin-right: 0.5em;}  .mrLR1 {margin-left: 1em; margin-right: 1em;}  .mrLR2 {margin-left: 2em; margin-right: 2em;}  .mrLR3 {margin-left: 3em; margin-right: 3em;}  .mrLR4 {margin-left: 4em; margin-right: 4em;}  .mrLR5 {margin-left: 5em; margin-right: 5em;}
/* 【マージン】左右auto */
.mrLRauto {margin-left: auto; margin-right: auto;}

/* テキスト(カラー) */
.blackFont{ color: #000;}
.redFont  { color: #F00;}
.blueFont { color: #00F;}
.grayFont { color: #444;}

/* テキスト(太字) */
.boldFont { font-weight:bold;}

/* テキスト(サイズ) */
.sizeR  { font-size: 1.0em;}
.sizeL  { font-size: 1.1em;}
.sizeLL { font-size: 1.2em;}
.size3L { font-size: 1.3em;}
.sizeM  { font-size: 0.95em;}
.sizeS  { font-size: 0.9em;}
.sizeSS { font-size: 0.8em;}
.size3S { font-size: 0.7em;}

/* 文字寄せ */
.align-center, .alignC {text-align: center !important;}
.align-left,   .alignL {text-align: left   !important;}
.align-right,  .alignR {text-align: right  !important;}

/* 文字装飾 */
.text-underline {text-decoration: underline;}
.text-none-decoration {text-decoration: none;}

/* float */
.float-left   {float:left;}
.float-right  {float:right;}
.float-clear  {clear:both;}

/* ボーダー */
.border-none {border: none !important;}
img          {border: 0;} /* リンク画像のボーダーをリセット */

/* 表示設定 */
.disp-none         {display: none;}
.disp-block        {display: block;}
.disp-inline       {display: inline;}
.disp-inline-block {display: inline-block;}
.sp-inline         {display:none;	/* スマホ版のみ表示(@media使用時) */}
.sp-block          {display:none;	/* スマホ版のみ表示(@media使用時) */}

/* 基本リンクスタイル */
a img:hover{
	opacity: 0.85;
	-moz-opacity: 0.85; /* Firefox */
	filter: alpha(opacity=85); /* IE6/7 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
	-moz-transition: box-shadow 0.1s;
	-webkit-transition: box-shadow 0.1s;
	transition: box-shadow 0.1s;
}


/*-------------------------------------
// 共通
-------------------------------------*/	
body {
	font-size : 100%;
	background: #ffffff;
}
#wrapper {
	width: 660px;
	margin: 15px auto 0;
	padding: 0 10px;
}


/* 入力フォーム共通 */
form input[type="text"], 
form textarea, 
form select,
form input[type="password"] {
	background-color: #FAFCFC;
	border: 1px solid #C0C0C0;
	padding: 6px 1px 4px 5px;
	margin: 0;
}
form input[type="text"]:hover,
form textarea:hover,
form select:hover,
form input[type="password"]:hover {
	background-color: #fffcef !important;
	border: 1px solid #A0A0A0 !important;
}
form input[type="text"]:focus, 
form textarea:focus,
form select:focus,
form input[type="password"]:focus {
	background-color: #fffcef !important;
	border: 1px solid #ffd71f !important;
}

.top-info {
	width: 582px;
	margin: 20px auto 10px;
	padding: 15px 20px 15px 90px;
	font-size: 1.2em;
	border: 4px solid #DADADA;
	color: #333;
	background: url(./ico_info.png) 15px 50% #FAFAFA no-repeat;
}


/*-------------------------------------
// 共通ボタン
//   [使用例]基本btnは必ず指定
//    class="btn btn-default"
//    class="btn btn-blue"
-------------------------------------*/
.btn {
	-moz-user-select: none;
	border-radius: 2px !important;
	box-sizing: border-box;
	color: #555;
	cursor: pointer;
	font-family: Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 13px;
	font-weight: 700;
	padding: 6px 15px 5px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.8);
	background-color: #F9F9F9;
	border: 1px solid #CCC;
	background-repeat: no-repeat;
	display: inline-block;
	text-align: center;
	line-height: 20px;	/* ★縦位置が1pxずれるのを防ぐ。ずれたらこの値を1pxずらしてみる。単位無しはダメ。 */
	margin: 1px 4px;
	text-decoration: none;
}

.btn:hover,
.btn:focus {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	text-decoration: none;
	background-color: #F0F0F0;
	color: #444;
	border-color: #B9B9B9;
}
.btn:active {
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #333;
}
/* トランジション効果 */
.btn {
	transition: color 100ms ease-in-out 0s, background-color 100ms ease-in-out 0s, border-color 100ms ease-in-out 0s, box-shadow 100ms ease-in-out 0s, z-index 100ms ease-in-out 0s;
}

/* 角ボタン */
.btn-square {
	border-radius: 0px !important;
}

/* ボタン[デフォルト白] */
.btn-default {
	background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 0%, rgba(242, 242, 242, 1) 35%, rgba(240, 240, 240, 1) 70%, rgba(230, 230, 230, 1) 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.btn-default:hover,
.btn-default:focus {
	background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 0%, rgba(240, 240, 240, 1) 35%, rgba(236, 236, 236, 1) 70%, rgba(224, 224, 224, 1) 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-shadow: 0 1px rgba(128,128,128,0.2);
}
.btn-default:active {
}

/* ボタン[青系] */
.btn-blue {
	color: #fff;
	background-color: #488AC8;
	background: linear-gradient(to bottom, rgba(84, 150, 212, 1) 0%, rgba(74, 140, 202, 1) 39%, rgba(72, 138, 200, 1) 65%, rgba(62, 128, 190, 1) 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	border-color: #3B87BF;
}
.btn-blue:hover,
.btn-blue:focus {
	color: #F9F9F9;
	background-color: #3E80BE;
	background: linear-gradient(to bottom, rgba(82, 148, 210, 1) 0%, rgba(68, 134, 196, 1) 39%, rgba(66, 130, 192, 1) 65%, rgba(52, 118, 180, 1) 100%) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: #1B67DF;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.btn-blue:active {
	color: #fff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 薄目ボタン(基本のbtn-クラスと一緒に使用) */
.btn-mid {
	padding-right: 12px;
	padding-left:  12px;
	line-height: 16px;
}
/* 小さ目ボタン(基本のbtn-クラスと一緒に使用) */
.btn-small {
	font-size: 12px;
	padding-right: 9px;
	padding-left:  9px;
	line-height: 14px;
}
/* 最小ボタン(基本のbtn-クラスと一緒に使用) */
.btn-xsmall {
	font-size: 12px;
	padding: 2px 6px 2px;
	font-weight: normal;
	line-height: 14px;
}
/* 大き目ボタン(基本のbtn-クラスと一緒に使用) */
.btn-big {
	padding: 7px 40px 6px;
	font-size: 1.1em;
	min-width: 200px;
}
/* 最大ボタン(基本のbtn-クラスと一緒に使用) */
.btn-xbig {
	font-size: 14px;
	padding: 10px 80px 9px;
	min-width: 150px;
}

/* 席書き固定ページ切り換えボタン */
.btn-sekigaki {
	font-family: "Times New Roman", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	min-width: 0px;
	padding: 9px 20px 8px;
	font-size: 2.0em;
	min-width: 200px;
}

/* リンクなし反応なしホバーなしボタン */
.btn-disable {
	background-color: #F9F9F9;
}
.btn-disable:hover,
.btn-disable:focus,
.btn-disable:active {
	cursor: default;
	box-shadow: none;
	text-decoration: none;
	background-color: #F9F9F9;
}

/* アクティブ中ボタン */
.btn-active,
.btn-active:hover,
.btn-active:focus,
.btn-active:active {
	border-color: #CF0000;
	color: #333;
	background-color: #fff6f6;
}

/*-------------------------------------
// ヘッダー
//                             #header
-------------------------------------*/
#header {

}


/*-------------------------------------
// フッター
//                             #footer
-------------------------------------*/
ul.foot-banner {
	text-align: center;
	margin-top: 5em;
}
ul.foot-banner li {
	text-align: center;
	display: inline-block;
	margin: 0 2%;
	max-width: 45%;
}

#footer {
	font-size : 12px;
	color :#6b6155;
	background-color : #fef0cb;
	padding : 7px 0px 4px 0px;
	text-align: center;
	margin-top: 3em;
}

/*-------------------------------------
// 全ページ共通
-------------------------------------*/

h1.main-title {
	text-indent: -9999px;
}

.section {
	padding: 0 1em;
	font-size: 1.1em;
}
ul{
	list-style-position:outside;
}

/* 受賞メニュー */
div.list_sp{
	width:90%;
	margin:0 auto 20px auto;
	background-color:#ffc;
	border:1px solid #ccc;
}

div.list_sp ul{
	width:auto;
	margin:10px auto 10px auto;
	overflow:hidden;
	text-align: center;
}

div.list_sp li{
	width:auto;
	display: inline-block;
}

div.list_sp li a img{
	border:0;
}

.return-link {
	text-align: center;
	border-bottom: solid 1px #FF9900;
	display: inline-block;
	margin: 0 auto;
}
.return-link a{
	color: #666;
	font-size: 1.4em;
	text-decoration: none;
	line-height: 1.5;
}
.return-link a:hover {
	color: #FF7200;
}

/* ヘッダータイトル */
h2{
	margin: 40px 0 15px;
	font-size: 2.3em;
	line-height: 1.1;
	padding-left: 0.3em;
	color: #777;
	font-weight: normal;
	border-bottom: 3px solid #FFCC00;
}
h3{
	margin: 20px 0 10px;
	background: url(./images/ttl_h3.png) 0 0 transparent no-repeat;
	height: 40px;
	padding-left: 2em;
	color: #462132;
	font-family: "Times New Roman", "ＭＳ 明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-size: 1.6em;
	line-height: 2.3;
	text-shadow:  1px 1px 1px rgba(0,0,0,.3);
}

/* 注意事項リスト */
ul.search-warning li {
	text-indent:-3em;
	margin-left: 3em;
	margin-bottom: 0.5em;
}

/* 受賞者一覧テーブル */
table.prize-list {
	width: 100%;
	font-size: 1.2em;
	margin-top: 20px;
}
table.prize-list#prize-ippan {margin-bottom: 30px;}
table.prize-list#prize-sanybs{margin-bottom: 30px;}

table.prize-list caption {
	font-size: 1.4em;
	line-height: 2.5;
}
table.prize-list tr th {
	padding: 8px 0 5px 45px;
	font-size: 1em;
	font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
	text-align: left;
	font-weight: bold;
}
table.prize-list#prize-gakko  th {background-color:#DFD1DF;}
table.prize-list#prize-ippan  th {background-color:#D6F49D;}
table.prize-list#prize-sanybs th {background-color:#FBD3C8;}
table.prize-list tr td {
	padding: 8px 0 5px 30px;
	border-bottom: 1px solid #CCC;
}
table.prize-list tr td.prize {width: 40%;}
table.prize-list tr td.name  {width: 25%;}
table.prize-list tr td.group {width: 35%;}

/*-------------------------------------
// 検索スタートページ
//                                #home
-------------------------------------*/
#home .search2{
	font-size: 1.2em;
	color : #131313;
	margin : 0px;
	padding : 8px 0 8px 15px;
	background-color : #E2E1E1;
}


#home .caution{
	color:#ff0000;
	font-size:1em;
	line-height:90%;
}
#home .style6 {font-size: small; text-align: left;}
#home .style66 {font-size: small; text-align: center;}


/* 検索フォーム */
#home form {
	width: 90%;
	margin: 0 auto;
}
#home form fieldset{
	margin : 30px 5px 10px 5px;
	padding :15px 25px 20px;
}
#home form label{
	font-weight : bold;
	color : #333;
}
#home form legend {
	font-family: "メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: #281863;
}
#home form legend span {
	font-size: 0.7em;
}
#home form .submit-search {
	text-align: center;
	margin: 20px 0 75px;
}
#home form .submit-search .btn {
	font-size: 1.4em !important;
}
#home form input#name_kana {
	width: 55%;
}

/*-------------------------------------
// 検索結果ページ
//                              #search
-------------------------------------*/	
/* リード */
#search .lead-result {
	font-size: 1.4em;
	margin: 2.5em 0 1em;
	text-align: center;
}

#search table{
	width:100%;
/*	border:1px solid #BAB9B9;	*/
	border:1px solid #AAA;
	border-collapse:collapse;
}
#search table#res-table {
	margin-bottom: 4em;
}
#search table th,
#search table td{
	border:1px solid #AAA;
	padding:4px;
}
#search table th{
	background-color : #777;
	color: white;
	padding: 7px 0 5px;
	font-size: 1.1em;
}
#search table#res-table tr td {
	color: #394F0F;
	font-weight: normal;
	text-align: center;
	font-size: 1.3em;
	padding: 0.7em 0.2em 0.5em;
}
#search .txt-notenough,
#search .txt-notfound {
	color: #F00;
	font-size: 1.5em;
	padding-bottom: 2em;
	font-weight: bold;
	text-align: center;
}
#search .txt-notenough {
	margin-top: 2em;
}

/*-------------------------------------
// CSSハック
-------------------------------------*/

/* clearfix - 汎用 */
      .clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
      .clearfix       {	display: inline-block;}
*html .clearfix       {	height: 1%;}
      .clearfix       {	display: block;}


/*-------------------------------------
// レスポンシブ対応
-------------------------------------*/
@media (min-device-width:1024px) and (max-width: 650px),
        (max-width: 650px) and (orientation:landscape),
        (max-width: 450px) and (orientation:portrait)
{
	/* スマホの縦横を切り替えた時に文字サイズを固定にする */
/*	html body {-webkit-text-size-adjust: none;} 	*/ /* こっちは悪影響が出るので禁止 */
	html body {-webkit-text-size-adjust: 100%;} /* この指定と同時にHTMLヘッダでinitial-scaleかmaximum-scaleを指定する必要がある */
	
	/* iPhoneのフォームパーツをリセット */
	form input[type="text"],
	form textarea,
/*	form select,	*/
	form input[type="password"],
	form input[type="button"],
	form input[type="submit"] {
		-webkit-appearance: none;
		border-radius: 0;
	}
	/* iPhoneの入力時の拡大をOFF */
	form input[type="text"],
	form input[type="password"],
	form textarea,
	form select {
		font-size: 16px;
	}
	
	/* 表示設定 */
	.sp-inline      {display:inline !important;	/* スマホ版のみ表示 */}
	.sp-block       {display:block  !important;	/* スマホ版のみ表示 */}
	.sp-none        {display:none   !important;	/* スマホ版のみ非表示 */}
	
	/* width: 100% */
	#wrapper,
	table.prize-list,
	div.list_sp,
	div.list_sp ul,
	#home form
	{
		width: 100% !important;
	}
	/* 画像 */
	img {
		height: auto !important;
		width:  auto !important;
		max-width: 100%;
	}
	/* float解除 */
	/*
	div#main form dl dt,
	div#main form dl dd
	{
		float: none;
	}
	*/
	/* 大き目ボタン(基本のbtn-クラスと一緒に使用) */
	.btn-big,
	.btn-xbig {
		padding: 17px 0 14px;
		font-size: 1.8em;
		width: 100%;
		min-width: 0px;
		max-width: 90%;
	}
	/* 他調整 ------------------------------ */
	#wrapper {
		padding: 0;
		width: 98% !important
	}
	div.list_sp li {
		width: 46%;
	}
	div.list_sp li.float-left  {margin-left: 2%;}
	div.list_sp li.float-right {margin-right:2%;}
	#home form fieldset {
		padding: 0;
		border: none;
	}
	#home form legend {
		margin-bottom: 0.5em;
	}
	table.prize-list tr th {
		padding-left:5%;
	}
	table.prize-list tr td {
		padding-left:3%;
		padding-right: 5px;
	}
	table.prize-list tr td.name {
		word-wrap: normal;
		white-space: nowrap;
	}
	#search table{
		width:100%;
	}
	
	h2 {
		font-size: 1.8em;
	}
	h3 {
		background-size: auto 80%;
	line-height: 1.8;
	}
	
	/*
	#home ul.foot-banner {
		display: none;
	}
	*/
	.return-link {
		font-weight: bold;
	}
}

@media  screen and (min-device-width:1024px) and (max-width: 450px),
		screen and (max-width: 450px) and (orientation:portrait)
{
	ul.foot-banner {
		margin-top: 3em;
		text-align: center;
	}
	ul.foot-banner li {
		display: block;
		margin: 20px auto 20px;
		width: 90%;
		max-width: 90%;
	}
	/*
	#home ul.foot-banner {
		display: none;
	}
	*/
}