@charset "UTF-8";

/*記事に関するスタイルシート（PC／印刷共通）*/

/*BASIC
--------------------------------------------------*/

body#game {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック";
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;/* IE6以前用CSSハック*/
}

body#otuge {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;/* IE6以前用CSSハック*/
}

body#otuge1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-color: #ff0;
	margin: 0px;
	padding: 0px;
	text-align: center;/* IE6以前用CSSハック*/
}

body#otuge5 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: 1.5;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;/* IE6以前用CSSハック*/
}

body#other {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;/* IE6以前用CSSハック*/
}

body#popup {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 360px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #FFF;
	empty-cells:    hide;
}

table.separate {
	border-collapse: separate;
	border-spacing: 2px;
}

td {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

p.lucky_comment {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #C00;
}

p.lucky_comment img {
	margin-bottom: 5px;
}

p.lucky_goods {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #F60;
}

p.lucky_goods img {
	margin-top: 10px;
	margin-bottom: 10px;
}

p.play_comment {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

p.play_comment img {
	margin-bottom: 5px;
}

ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

li {
	margin-bottom: 5px;
}

li img {
	margin: 10px 0px 2px;
}

.hide {
	display: none;	
}

em {
	font-style: normal;
	font-weight: bold;
}

dt {
	font-weight: bold;
	margin-top: 10px;
}

dd {
	padding: 0px;
	margin: 5px 0px 5px 20px;
}

dl.history {
	font-size: 10px;
}

dl.history dt {
	color: #666;
	margin-top: 10px;
}

embed {
	margin: 0px;
	padding: 0px;
}

ul.profile_degree,
ul.profile_degree li
{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}

embed {
	text-decoration: none;
	/* FireFox用CSSハック（リンク選択時の点線を消す） */
	outline:none;
}


/*LINK
--------------------------------------------------*/

a {
	text-decoration: none;
	/* FireFox用CSSハック（リンク選択時の点線を消す） */
	outline:none;
}

a:link {
	color: #03c;
	text-decoration: none;
}

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

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

a:active {
	color: #cc33cc;
	text-decoration: underline;
}

a img {
	border: 1px solid #03c;
}

a:link img {
	border: solid 1px #03c;
}

a:visited img {
	border: solid 1px #03c;
}

a:hover img {
	border: solid 1px #f39;
}

a:active img {
	border: solid 1px #f39;
}

/*CONTENTS-TEXT
--------------------------------------------------*/

h1 {
	font-size: 0px;
	background-image: url(../img_scheme/header.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
	width: 100%;
	height: 80px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

h1#home {
	font-size: 0px;
	background-image: url(../img_scheme/kanban.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-indent: -9999px;
	width: 100%;
	height: 180px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

body#game h1,
body#lucky h1,
body#otuge h1,
body#otuge1 h1,
body#otuge5 h1,
body#playground h1,
body#trav h1,
body#trav_c h1,
body#trav_r h1,
body#trav_farm h1,
body#other h1
{
	display: none;
} 

h2 {
	color: #36C;
	font-size: 24px;
	margin-bottom: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-top: 64px;
}

h3 {
	color: #36C;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #36C;
	margin: 30px 0px 2px;
	padding: 0px;
}

h3.shop {
	border-bottom-width: 1px;
	background-image: url(../img_scheme/icon_shop.gif);
	background-repeat: no-repeat;
	margin: 30px 0px 10px;
	padding: 20px 0px 5px 36px;
	background-position: 0px center;
}

h3.prof {
	background-image: url(../img_scheme/icon_prof.gif);
	background-repeat: no-repeat;
	margin: 30px 0px 10px;
	padding: 20px 0px 5px 36px;
	background-position: 0px center;
}

h4 {
	color: #36C;
	font-size: 14px;
	margin-top: 30px;
	clear: both;
}

p.lead {
	color: #666;
	font-size: 16px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 30px 80px 50px;
}

p.lead2 {
	color: #666;
	font-size: 16px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
}

p.copyright {
	font-size: 10px;
	font-style: italic;
	text-align: center;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.note {
	color: #f00;
	font-size: 10px;
	font-weight: normal;
}

.supp {
	color: #696969;
	font-size: 10px;
	font-weight: normal;
}

.date {
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}

span.new {
	color: #ff4500;
	font-size: 10px;
	line-height: 7pt;
	background-color: #ff6;
	height: 8pt;
	margin-left: 2px;
	padding: 0px 1px 0px;
	border: solid 1px #ffd700;
}

p.attention,
span.attention {
	color: #c00;
	font-weight: bold
}

span.caption {
	color: #696969;
	font-size: 10px;
	font-weight: normal
}

/*LIST
--------------------------------------------------*/

ul.shockwave_game,
ul.shockwave_swa,
ul.shockwave_other
{
	text-align:left;
	margin: 0px 0px 0px 200px;
	padding: 0px;
}

ul.shockwave_game li {
	list-style-image: none;
	list-style-image: url(../img_scheme/bullet_game.gif);
}

ul.shockwave_swa li {
	list-style-image: none;
	list-style-image: url(../img_scheme/bullet_swa.gif);
}

ul.shockwave_other li {
	list-style-image: none;
	list-style-image: url(../img_scheme/bullet_other.gif);
}

ul.shockwave_other li ul {
	margin: 20px 0px;
}

ul.shockwave_other li ul li {
	list-style-image: none;
	list-style-type: disc;
}

ul.shockwave_game li a,
ul.shockwave_swa li a,
ul.shockwave_other li a
{
	font-weight: bold;
}


/*CONTACT
--------------------------------------------------*/

.mail_form {
	background-color: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px;
	border: double 3px silver
}

table.box_contact {
	margin-bottom: 20px;
	padding: 10px;
}

table.box_contact td {
	font-size: 10px;
	vertical-align: top;
	padding: 5px;
}

table.box_contact th {
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	white-space: nowrap;
	color: #666666;
}

/*FORM
--------------------------------------------------*/

textarea {
	line-height: 1.5;
}

.form1 {
	width: 100%;
	border: solid 1px #696969;
	margin: 0px;
}

.form2 {
	background-color: #f5f5f5;
	border: solid 1px #696969;
}

.form1:focus {
	background-color: #fff;
}

.form2:focus {
	background-color: #fff;
}

/*LAYOUT
--------------------------------------------------*/

/*回り込み(float)が解除されないバグがあるブラウザーの対策*/
/* モダンブラウザ用clearfix
----------------------------------------------- */
.clearfix_prof:after {
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

/* IE7用clearfix
----------------------------------------------- */
.clearfix_prof {
	min-height: 1px;
	vertical-align: top;
	position: relative;
	width: 640px;
	margin: 0px;
	padding: 0px;
}

/* IE6以前用clearfix
----------------------------------------------- */
* html .clearfix_prof {
	height: 1px;/* なおかつMac IE4,5用clearfix
----------------------------------------------- */
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*CONTENTS-LAYOUT
--------------------------------------------------*/

/* モダンブラウザ用clearfix
----------------------------------------------- */
.clearfix_contents:after {
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

/* IE7用clearfix
----------------------------------------------- */
.clearfix_contents {
	min-height: 1px;
	vertical-align: top;
	position: relative;
	width: 740px;
	margin: 0px;
	padding: 0px;
}

/* IE6以前用clearfix
----------------------------------------------- */
* html .clearfix_contents {
	height: 1px;/* なおかつMac IE4,5用clearfix
----------------------------------------------- */
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/* モダンブラウザ用clearfix
----------------------------------------------- */
.clearfix_contents2:after {
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

/* IE7用clearfix
----------------------------------------------- */
.clearfix_contents2 {
	min-height: 1px;
	vertical-align: top;
	position: relative;
	width: 640px;
	margin: 0px;
	padding: 0px;
}

/* IE6以前用clearfix
----------------------------------------------- */
* html .clearfix_contents2 {
	height: 1px;/* なおかつMac IE4,5用clearfix
----------------------------------------------- */
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*CONTENTS-LAYOUT
--------------------------------------------------*/

/* モダンブラウザ用clearfix
----------------------------------------------- */
.clearfix_shop:after {
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

/* IE7用clearfix
----------------------------------------------- */
.clearfix_shop {
	min-height: 1px;
	vertical-align: top;
	position: relative;
	width: 490px;
	margin: 0px;
	padding: 0px;
}

/* IE6以前用clearfix
----------------------------------------------- */
* html .clearfix_shop {
	height: 1px;/* なおかつMac IE4,5用clearfix
----------------------------------------------- */
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*Win IE6ではfloatで指定した方向にmarginを指定すると2倍程度の余白になってしまうバグがあるので注意！*/
.col_poem {
	padding-right:  0px;
	padding-bottom: 10px;
	width:          123px;
	float:          left;
	font-size: 12px;	
}

.col_poem img {
	padding: 0px;
}

/*Win IE6ではfloatで指定した方向にmarginを指定すると2倍程度の余白になってしまうバグがあるので注意！*/
.col_shop1 {
	padding-right:  0px;
	padding-bottom: 10px;
	width:          160px;
	float:          left;
	font-size: 12px;
	margin-right: 20px;
}

.col_shop2 {
	padding-right:  0px;
	padding-bottom: 10px;
	width:          110px;
	float:          left;
	font-size: 12px;
	margin-right: 20px;
}

.col_poem shop1,
.col_poem shop2
{
	padding: 0px;
}

/*Win IE6ではfloatで指定した方向にmarginを指定すると2倍程度の余白になってしまうバグがあるので注意！*/
.col_photo {
	width:          260px;
	float:          left;
	position: relative;
	margin-right: 30px;
}

.col_photo img {
}

.col_txt {
	width:          350px;
	float:          left;
}

/*Win IE6ではfloatで指定した方向にmarginを指定すると2倍程度の余白になってしまうバグがあるので注意！*/
.col_contents2l {
	width:          250px;
	float:          left;
	margin-right: 30px;
}

.col_contents2r {
	width:          320px;
	float:          left;
	text-align: left;
}

.box_shop1 {
	margin: 10px auto;
	padding: 40px;
	width: 490px;
	border: 6px double #0C3;
}

.box_shop2 {
	margin: 10px auto;
	padding: 40px;
	width: 490px;
	border: 6px double #F9C;
}

.box_shop3 {
	margin: 10px;
	padding: 10px;
	border: 1px dotted #F60;
	background-color: #FF9;
}

.box_lucky {
	margin: 50px auto;
	padding: 10px;
	width: 50%;
	border-top: 1px dotted #F60;
	border-bottom: 1px dotted #F60;
}

.box_rule {
	margin: 50px auto;
	padding: 10px;
	width: 320px;
	background-color: #eee;
	border: 3px double #F60;
}


table.low {
	border: 1px solid #666;
}

table.low th{
	border: 1px solid #666;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #f5f5f5;
	padding: 3px 10px 3px 3px;
}

table.low td{
	border: 1px solid #666;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 3px 3px 3px 10px;
}

table.order{
	border: 1px solid #666;
}

table.order th{
	border: 1px solid #666;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #f5f5f5;
	padding: 3px 10px 3px 5px;
}

table.order td{
	border: 1px solid #666;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 3px 5px 3px 10px;
}

table.order td.shop_set1 {
	background-color: #ccffcc;
	text-align: right;
}

table.order td.shop_set2 {
	background-color: #ffd0ff;
	text-align: right;
}

table.pay {
	border-collapse: separate;
	border-spacing: 5px;
}

table.pay td {
	text-align: center;
	white-space: nowrap;
}

table.pay td.consumer {
	background-color: #ffff99;
	padding: 10px;
	border: 1px solid #666;
}

table.pay td.brainy {
	background-color: #f5f5f5;
	padding: 10px;
	border: 1px solid #666;
}

table.param {
	border: 1px solid #666;
	margin: 20px 0px;
	width: 100%;
}

table.param th{
	border: 1px solid #666;
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #f5f5f5;
	padding: 3px 10px 3px 5px;
}

table.param td{
	border: 1px solid #666;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px;
	vertical-align: top;
}

table.rule_key1 {
	margin: 20px 0px 0px;
	width: 100%;
}

table.rule_key1 th{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 5px 10px 5px 0px;
}

table.rule_key1 td{
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 5px 0px 5px 10px;
	vertical-align: top;
	text-align: left;
}

table.rule_key2 {
	margin: 20px 0px 0px;
	width: 100%;
	background-color: #66ccff;
}

table.rule_key2 td {
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px;
	text-align: center;
	white-space: nowrap;
}

table.rule_key2 td img {
	margin-bottom: 3px;	
}

table.rule_quo {
	margin: 20px auto 0px;
	width: 70%;
}

table.rule_quo td {
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px;
	text-align: center;
	white-space: nowrap;
}

table.rule_quo td img {
	margin-top: 10px;
	margin-bottom: 10px;
}