/* ▼▼▼▼▼http://4build-hoyu.com / css / common.css
_______________________________________________________ */


/* ▼▼▼▼▼change 960px（キーカラー：ゴールド #d3af3a）
_______________________________________________________ */


body {
width: 100%;
height: 100%;
color: #333333;
background: url(../image/index/back.png) repeat;
}






/* ▼▼▼▼▼画像のリンクをホバー時に半透明にする
_______________________________________________________ */

a:hover img, a:active img {
text-decoration: none;
filter: alpha(opacity=60);
-moz-opacity: 0.70;
opacity: 0.70;
}






/* ▼▼▼▼▼ヘッダー
_______________________________________________________ */

header {
width: 960px;
height: 140px;
background-color: #fff;
margin: 0px auto;
}


header h1 {
width: 413px;
float: left;
}


header div {
width: 520px;
padding-top: 30px;
float: right;
}


header div p {
margin-bottom: 0px;
}






/* ▼▼▼▼▼当たりパネル
_______________________________________________________ */

#atari {
width: 100%;
height: 150px;
margin:  10px auto 0px;
text-align: center;
background: url(../image/promo/back.png) repeat-x;
}






/* ▼▼▼▼▼ナビゲーション
_______________________________________________________ */

#nav {
width: 100%;
height: 70px;
text-align: center;
margin: 0px auto 0px;
background-image: url(../image/nav/back.png);
background-repeat: repeat-x;
}


#gnavi {
width: 960px;
height: 70px;
margin: 0px auto;
}


#gnavi li {
height: 70px;
margin: 0px 16px;
padding-top: 10px;
float: left;
}


#gnavi li a {
height: 70px;
color: #000;
font-size: 16px;
font-weight: bold;
text-align: center;
padding-top: 10px;
box-sizing: border-box;
display: block;
}


#gnavi li a:hover {
opacity: 0.5;
}








/* ▼▼▼▼▼帯
_______________________________________________________ */

#obi {
width: 100%;
height: 80px;
text-align: center;
margin: 0px auto;
padding-top:-50px;
background-color: #000;
}

#obi p {
width: 100%;
height: 80px;
margin: 0px auto;
margin-top: 10px;
text-align: center;
}






/* ▼▼▼▼▼プロモパネル
_______________________________________________________ */

#promo {
width: 100%;
height: 510px;
margin: 0px auto;
text-align: center;
background: url(../image/promo/back.png) repeat-x;
}






/* ▼▼▼▼▼メインコンテンツのエリア
_______________________________________________________ */

#main {
width: 960px;
margin: 50px auto;
text-align: center;
}


.insta {
width: 738px;
height: 180px;
text-align: center;
margin: 0px auto;
margin-bottom: 30px;
padding: 20px 100px;
border: 1px solid #ADA142;
}


.insta .insta_left {
float: left;
width: 180px;
}


.insta .insta_right {
float: right;
width: 496px;
}



.contents {
width: 960px;
margin: 0px auto;
margin-bottom: 30px;
}


.left_box {
float: left;
}


.right_box {
float: right;
}


h2 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 5px solid #d3af3a;
}





/* くじのご案内（3カラム） */

#index .contents {
margin-bottom: 80px;
}


#index .kuji {
width: 300px;
height: 1100px;
text-align: center;
margin: 10px;
border: 1px solid #d3af3a;
border-bottom: 10px solid #d3af3a;
float: left;
box-sizing: border-box;
}


#index .kuji h3 {
width: 100%;
margin-bottom: 10px;
padding: 0px;
}


#index .kuji h4 {
margin: 10px auto;
text-align: center;
}






/* チャンスセンターのご案内（3カラム） */

#index .shop {
width: 300px;
height: 620px;
text-align: center;
margin: 10px 10px 20px;
border: 1px solid #d3af3a;
border-bottom: 10px solid #d3af3a;
float: left;
box-sizing: border-box;
}



#index .shop h3 {
color: #fff;
background-color: #d3af3a;
background-image: url(../image/index/shop/icon_shop.svg);
background-position: bottom right;
background-repeat: no-repeat;
font-size: 1.3em;
line-height: 1.4em;
margin-bottom: 10px;
padding: 10px;
}


#index .shop p {
margin: 20px auto;
text-align: left;
}


.em {
font-weight: bold;
}


#index .shop p, #index .shop .address {
width: 275px;
text-align: left;
margin: 10px auto 0px;
}


#index .shop .address {
height: 220px;
}






/* ▼▼▼▼▼フッター
_______________________________________________________ */

footer {
color: #000;
width: 100%;
margin: 0px auto;
margin-top: 100px;
padding-top: 30px;
background: url(../image/footer/back.png) repeat-x;
}


footer .container {
width: 960px;
margin: 10px auto 0px;
padding: 30px 0px;
box-sizing: border-box;
}


footer .container a {
color: #000;
text-decoration: underline;
}


footer .container a:hover {
color: #fff;
text-decoration: underline;
}



#credit {
width: 100%;
text-align: right;
margin-top:50px;
margin-bottom: 0px;
padding-top: 5px;
border-top: 1px #000 solid;
}







/* ▼▼▼▼▼縁起日カレンダーのページ
_______________________________________________________ */

.border {
border: 1px solid #ccc;
}


#engibi .contents {
padding: 30px 0px;
border-bottom: 1px solid #d3af3a;
}


#engibi .left_box {
width: 150px;
float: left;
}


#engibi .right_box {
width: 780px;
float: right;
}


#engibi .right_box h4 {
font-size: 1.6em;
font-weight: 600;
margin-bottom: 10px;
}


#engibi .right_box .note {
font-size: 70%;
font-weight: 300;
}






/* ▼▼▼▼▼メディアのページ
_______________________________________________________ */

#media .contents h4 {
font-size: 1.6em;
font-weight: 600;
margin-bottom: 10px;
}






/* ▼▼▼▼▼くじのページ
_______________________________________________________ */

#kuji .contents {
padding: 30px 0px;
border-bottom: 1px solid #d3af3a;
}


#kuji .left_box {
width: 210px;
float: left;
}


#kuji .right_box {
width: 720px;
float: right;
}


#kuji .right_box h4 {
font-size: 1.6em;
font-weight: 600;
margin-bottom: 10px;
}






/* ▼▼▼▼▼チャンスセンターのページ
_______________________________________________________ */


/* 2カラム */

#chance_center .left_box {
width: 600px;
}


#chance_center .right_box {
width: 300px;
}



/* ショップ紹介（左カラム） */

img.border {
border: solid 1px #d3af3a;
padding: 7px;
}

 
ul.spec {
font-size: 1.2em;
margin: 30px auto;
border-top: 1px solid #d3af3a;
}


ul.spec li {
padding: 10px 0px;
border-bottom: 1px solid #d3af3a;
}


ul.spec li a {
color: #ff0000;
text-decoration: underline;
}


ul.spec li a:hover {
opacity: 0.5;
}




/* 当選履歴のテーブル */

table.tosen {
width: 600px;
border: 1px #ccc solid;
}


.tosen tr, .tosen td, .tosen th {
width: 120px;
margin: 5px;
padding: 10px;
border: 1px #ccc solid;
}


.tosen th {
background-color: #d3af3a;
text-align: center;
font-weight: 600;
border: 1px solid #ccc;
}


.tosen td {
background-color: #fff;
}


.tosen tr td.price {
text-align: left;
}


table.tosen tbody .oku {
background-color: #ff99ff;
}




/* ショップリスト（右カラム） */

#chance_center .right_box h3 {
	width: 100%;
	color: #fff;
	background-color: #d3af3a;
	background-image: url(../image/index/shop/icon_shop.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
}


#chance_center .right_box h3 a {
color: #fff;
box-sizing: border-box;
display: block;
}


#chance_center .right_box h3 a:hover {
opacity: 0.7;
}