@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
body { margin:0px; padding:0px; font-size:15px; font-family:'Roboto',arial,sans-serif; color:#000; background:url(../images/back.png); background-attachment:fixed;}

h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure { margin:0px; padding:0px;}

ul { list-style-type:none;}

img { border:none; vertical-align:bottom;}

input, textarea, select { font-size:1em;}

form { margin:0px;}

table { border-collapse:collapse; font-size:100%; border-spacing:0;}

.center{text-align:center;}
.right{ text-align:right;}
.left{ text-align:left;}

.mark{ background:#ffc1ff;}

.mark2{ background:#ccffff;}

/*リンク
---------------------------------------------------------------------------*/
a { text-decoration:none;}

a:hover { color:#ba0d0d; text-decoration:none;}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container { width:1050px; margin:0px auto;}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header { padding:40px; overflow:hidden;}
header #logo { float:left; margin-top:30px;}
header address { float:right; letter-spacing:0.2em; border-radius:8px; width:345px; text-align:center; padding:5px;}

.hed{width:490px; height:auto;}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents { clear:left; overflow:hidden; padding:20px 20px 0px; background:url(../img/mainback.png) #fff; color:#333;}

/*コンテンツ内のリンクテキストのマウスオン時の色*/
#contents a:hover { color:#ba0d0d;}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main { width:98%; margin-left:auto; margin-right:auto; padding-bottom:30px;}

/*mainコンテンツのh2タグの設定*/
#main h2 { width:95%; height:35px; background:url(../img/ton.png) no-repeat left center; padding-left:35px; letter-spacing:2px; font-size:18px; font-weight:bold; color:#330000; vertical-align:text-bottom; border-bottom:solid 1px #333; margin-left:auto; margin-right:auto; margin-bottom:10px;}

/*mainコンテンツの段落タグ設定*/
#main p { padding:0.5em 15px 1em; line-height: 1.7em;}

#menu ul { position:relative;}
#menu li{ width:110px; height:25px; padding:5px; margin-bottom:3px; display:inline-block; text-align:center; vertical-align:top; border:#ccc solid 1px;}

.arrow_box { display:none; position:absolute; padding:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#333; color:#fff;}

.arrow_box:after { position:absolute; bottom:100%; left:30%; width:0; height:0; margin-left:-10px; border:solid transparent; border-color:rgba(51, 51, 51, 0); border-bottom-color:#333; border-width:10px; pointer-events:none; content:" ";}

span:hover + p.arrow_box { display:block;}

/*入賞者
---------------------------------------------------------------------------*/
.nha dt{ width:95%; height:35px; background:url(../img/ton.png) no-repeat left center; padding-left:35px; letter-spacing:2px; font-size:18px; font-weight:bold; color:#330000; vertical-align:text-bottom; border-bottom:solid 1px #333; margin-left:auto; margin-right:auto; margin-bottom:20px;}

#nha ul { position:relative;}

#nha li{ width:110px; height:25px; letter-spacing:2px; font-size:15px; font-weight:bold; padding:5px; margin-left:12px; margin-bottom:10px; display:inline-block; text-align:center; vertical-align:top;}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub { float:left; width:220px; padding-bottom:30px;}

/*subコンテンツ内のh2タグ設定*/
#sub h2 { font-size:100%; padding:5px 10px; background:#555; color:#fff;}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu { margin-bottom:15px;}

#sub .box1 ul.submenu { margin-bottom:0;}

/*メニュー１個ごとの設定*/
#sub ul.submenu li a { margin-top:5px; margin-bottom:10px; text-decoration:none; display:block; padding:2px 5px; -webkit-transition:0.5s; transition:0.5s;}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 { border:1px solid #ccc; padding:10px; margin-bottom:15px;}

/*フッター設定
---------------------------------------------------------------------------*/
footer { clear:both; color:#666; text-align:center; padding-top:15px; padding-bottom:15px;}

footer.pr{ display:block; font-size:80%;}

footer a { text-decoration:none; color:#666;}

footer a:hover { color:#ba0d0d; text-decoration:none;}

#pc{ display:block;}
#sp{ display:none;}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new{ width:99%; margin-left:auto; margin-right:auto; margin-bottom:30px;}

.info{ width:99%; margin-left:auto; margin-right:auto; margin-bottom:50px;}

.info dt{ height:35px; background:url(../img/ton.png) no-repeat left center; padding-left:35px; letter-spacing:2px; font-size:18px; font-weight:bold; color:#330000; vertical-align:text-bottom; border-bottom:solid 1px #333; margin-left:auto; margin-right:auto; margin-bottom:10px;}

.hi{ font-size:15; letter-spacing:0px; color:#999;}

.info dd{ width:98%; line-height:1.7em; margin-left:auto; margin-right:auto; margin-bottom:10px;}

/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop { clear:both;}

#pagetop a { color:#fff; font-size:10px; background:#333; text-decoration:none; text-align:center; width:12em; display:block; float:right; letter-spacing:0.1em;}

/*マウスオン時*/
#pagetop a:hover { background-color:#666; color:#fff;}
/*その他ページ設定
---------------------------------------------------------------------------*/
.title{ width:95%; height:35px; background:url(../img/ton.png) no-repeat left center; padding-left:35px; letter-spacing:2px; font-size:18px; font-weight:bold; color:#330000; vertical-align:text-bottom; border-bottom:solid 1px #333; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.title2{ width:95%; height:35px; background:url(../img/ton.png) no-repeat left center; padding-left:35px; letter-spacing:2px; font-size:25px; font-weight:bold; color:#330000; vertical-align:text-bottom; border-bottom:solid 1px #333; margin-left:auto; margin-right:auto; margin-bottom:10px;}

.catch{ font-size:25px; font-weight:bold; text-align:center; letter-spacing:2px; margin-bottom:20px; color:#669900;}

/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

#main { width:99%;}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container { width:auto; margin:0px 15px;}

.title{ width:95%; height:50px; background:url(../img/ton.png) no-repeat left center; padding-left:35px; letter-spacing:2px; font-size:16px; font-weight:bold; color:#330000; vertical-align:text-bottom; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-bottom:5px;}

.imbox{ width:95%;}

input{ width: 90%; margin: 0; padding: 0;}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header { width:80%; text-align:center;}

/*ロゴ画像*/
header #logo { float:none;}

/*電話番号ボックスの設定*/
header address { float:none; width:80%; margin-left:auto; margin-right:auto;}

.hed{ width:100%; height:auto;}

.hed2{ width:100%; height:auto;}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub { float:none; width:auto;}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub { display:none;}

/*フッター*/
#pc{ display:none;}
#sp{ display:block;}
}

/*スマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width:480px) {

#main { width:99%;}
/*br { display:none;}*/

input{ width: 90%; margin: 0; padding: 0;}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container { width:auto; margin:0px 15px;}

.title{ width:95%; height:50px; background:url(../img/ton.png) no-repeat left center; padding-left:35px; letter-spacing:2px; font-size:16px; font-weight:bold; color:#330000; vertical-align:text-bottom; border-bottom:solid 1px #333; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:10px;}

.imbox{ width:95%;}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header { width:90%; text-align:center; padding:20px;}

/*ロゴ画像*/
header #logo { float:none;}

/*電話番号ボックスの設定*/
header address { float:none; width:90%; margin:0px auto;}

.hed{ width:100%; height:auto;}

.hed2{ width:100%; height:auto;}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub { float:none; width:auto;}

/*mainコンテンツ
---------------------------------------------------------------------------*/
/*mainコンテンツの段落タグ設定*/
#main p { padding:0.5em 5px 1em;}

/*その他
---------------------------------------------------------------------------*/
.ws { width:96%;}

/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
body.s-n #sub { display:none;}

/*フッター*/
#pc{ display:none;}
#sp{ display:block;}

}