@charset "UTF-8";

/* reset
----------------------------------------------- */
*{
margin:0;
padding:0;
}
body{ 
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #222;
	font-family: "Verdana","Osaka","ＭＳ Ｐゴシック";
	font-size: 76%;
}
h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, table, caption, th, td, img, form{
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.4;
	font-style: normal;
	font-weight: normal;
	font-size: 100%; /* about 12px */
	text-align: left;
	list-style-type: none;
}
html{ overflow-y: scroll;}
textarea{ font-size: 100%;}
img{ margin: 0; padding: 0; border: none; vertical-align: bottom;}
a{ outline: none;}

a.a1:link, a.a1:visited{ color: #000; text-decoration: underline;}
a.a1:hover, a.a1:active{ color: #a95d8d; text-decoration: none;}
a.a2:link, a.a2:visited{ color: #998500; text-decoration: underline;}
a.a2:hover, a.a2:active{ color: #a95d8d; text-decoration: none;}

/* CSS Hack
----------------------------------------------- */
/* Hides from IE-mac \*/
.clearfix:after{ content: url("../images/pixel.gif"); display: block; clear: both; height: 0;}
.clearfix{ display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix{height: 1%;} 
/* End hide from IE-mac */

/* Sticky Footer by Ryan Fait
http://ryanfait.com/ */
html, body{ height: 100%;}
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -136px; /* the bottom margin is the negative value of the footer's height */
}
.push{
	margin-left:40px;
	width: 820px;
	background: url("../images/cont_bg_mid.gif") repeat-y left top;
}	
#footer{ margin: 0 auto;	width: 900px;}	
#footer, .push{ height: 136px; /* .push must be the same height as .footer */}
#footerinner{ padding: 0 40px; width: 820px;}



/* spacer/etc
----------------------------------------------- */
#pagetop{ display: none;}
.hidetxt{ text-indent: -9999px; overflow: hidden;}
.day{ color: #8c8a8b;}
.day2{ color: #8c8a8b;}
.fs0{ font-size: 0px;}/*IEの画像周りに隙間出来るワカランチンを補正*/
strong{ font-style: normal; font-weight: bold;}
.clear{ clear: both;}
.bold { font-weight: bold;}
.dsN{ font-size: 0px;}



/* base
----------------------------------------------- */
html{ margin: 0 auto;
	background: #fff url("../images/body_bg.gif") repeat-y center bottom fixed;
}
body{ text-align: center;}

#wrapper{
	width: 900px;
	text-align: left;
	vertical-align: text-bottom;
}
a:link, a:visited{ color: #222; text-decoration: underline;}
a:hover, a:active{ color: #c22f82; text-decoration: none;}



/* header
----------------------------------------------- */
#wrapper #header-Area{
	margin: 0 40px 0;
	padding-top: 10px;
	width: 820px;
}

/* main-logo */
#header-Area #mainlogo{ 
	margin-bottom: 10px;
	float: left;
}

/* prize */
#prize{
	margin: 0 0 10px 0;
	float: right;
}
#prize ul li{
	float: left;
	height: 29px;
}
#prize01{ width: 128px; height: 22px; display: block; background: url("../images/prize_01.gif") no-repeat 0 0;}
#prize02 a{ width: 90px; height: 29px; display: block; background: url("../images/prize_02.gif") no-repeat 0 0;}
#prize03 a{ width: 90px; height: 29px; display: block; background: url("../images/prize_03.gif") no-repeat 0 0;}
#prize04 a{ width: 90px; height: 29px; display: block; background: url("../images/prize_04.gif") no-repeat 0 0;}
#prize05 a{ width: 90px; height: 29px; display: block; background: url("../images/prize_05.gif") no-repeat 0 0;}
#prize06 a{ width: 90px; height: 29px; display: block; background: url("../images/prize_06.gif") no-repeat 0 0;}
#prize07 a{ width: 90px; height: 29px; display: block; background: url("../images/prize_07.gif") no-repeat 0 0;}
#prize08 a{ width: 90px; height: 29px; display: block; background: url("../images/prize_08.gif") no-repeat 0 0;}

/* h1tex */
#h1tex ul li{
	height: 11px;
	float: left;
}
#h1-01{ margin:0 11px 0 21px; width: 157px; height: 11px; display: block; background: url("../images/h1_01.gif") no-repeat 0 0;}
#h1-02{ width: 578px; height: 11px; display: block; background: url("../images/h1_02.gif") no-repeat 0 0;}

/* top-header-nav */
#top-header-nav{
	margin: 0;
	padding: 0;
	clear: both;
}
#top-header-nav ul li{
	margin:0px 4px 10px 0;
	float: left;
}
#top-header-nav ul li.mr4Cancel{ margin: 0;}



/* mainContents-Area
----------------------------------------------- */
#wrapper #mainContents-Area{
	margin: 0 40px;
	width: 820px;
}
#wrapper #mainContents-Area #mainContents-bg{ background: url("../images/cont_bg_mid.gif") repeat-y left bottom;}

/* bread */
#bread ul{	margin: 0 0 20px 25px;}
#bread ul li{
	display: inline;
	color: #666;
	font-size: 80%;
}	
#bread ul li a:link, #bread ul li a:visited{ color: #666; text-decoration: none;}
#bread ul li a:hover, #bread ul li a:active{ color: #a95d8d; text-decoration: underline;}

/* flash-area */
.flash-area{
	margin-bottom: 30px;
	padding: 16px 25px 0;
}
.left-area{
	margin-left: 25px;
	display: inline;/*IE6のマージン倍になるワカランチンを補正*/
	float: left;
	width: 550px;
}
.right-area{
	display: inline; 
	float: left;
}
.right-area .bnr{ margin: 0 25px 10px 50px;}

/* ********************************************************************************************************************** */
.newslist{ margin: 15px 0 30px 20px;}
.newslist td{ padding-bottom: 0.5em;}
.newslist2{ margin: 15px 0 30px 20px;}
.newslist2 tr td a{}
* html .newslist2 {}
.newslist2 tr td p{ padding-bottom: 1px;}
.newslist3{ margin: 15px 0 30px 20px;}
.newslist3 .day2{}
.newslist3 tr td a{}
.day2{ width: 13%; vertical-align: top;}
.winning{ padding-bottom: 0.5em;}
/* ********************************************************************************************************************** */


/* footer-link-area */
.footer-link-area{
	clear: both;
	width: 820px;
	background: url("../images/cont_bg_mid.gif") repeat-y left top;
}
.link-area-c-bg ul{ padding-left: 14px;}
.link-area-c-bg ul li{
	margin: 0 0.6em 0 0;
	display: inline;
	color: #a95d8d;
	font-size: 80%;
}
.link-area-c-bg ul li a:link, .link-area-c-bg ul li a:visited{ color: #a95d8d; text-decoration: underline;}
.link-area-c-bg ul li a:hover, .link-area-c-bg ul li a:active{ color: #222; text-decoration: none;}
.link-area-c-bg{
	margin: 0;
	padding: 0;
	width: 616px;
	background: url("../images/linkarea_bg_mid.gif") repeat-y left bottom;
}
.link-area-ul{ margin: 0.3em 0 0.4em 0;}



/* footer-Area
----------------------------------------------- */

#footer-Area{
	width: 820px;
	margin: 0 auto;
	background: #fff url("../images/body_bg.gif") repeat-y center bottom fixed;
}
#footer-Area ul{
	padding: 6px 0 30px 2px;
}
#footer-Area ul li{
	margin: 0 10px 0 0;
	display: inline;
}
#footer-Area ul li.copy{
	margin: 0 0 4px 336px;
	display: inline;
}



/* second-nav
----------------------------------------------- */
#second-nav{
	margin: 0 0 25px 24px;
	display: inline;
	float: left;
	font-size: 0px;
	width: 182px;
}
#second-nav ul{	background: url("../images/2nd_nav_bg_mid.gif") repeat-y;}

.s-nav-01{
	width: 182px;
	height: 59px;
	background: url("../images/2nd_nav_bg_period.gif") no-repeat left bottom;
}
.s-nav-01 img{ margin: 4px 0 0 10px;}

.s-nav-02{
	width: 182px;
	height: 60px;
	background: url("../images/2nd_nav_bg_period.gif") no-repeat left bottom;
}
.s-nav-02 img{ margin: 5px 0 0 10px;}

.s-nav-03{
	width: 182px;
	height: 30px;
	background: url("../images/2nd_nav_bg_period.gif") no-repeat left bottom;
}
.s-nav-03 img{ margin: 0 0 0 4px;}

.s-nav-04{
	width: 182px;
	height: 63px;
	background: url("../images/2nd_nav_bg_bot.gif") no-repeat left bottom;
}
.s-nav-04 img{ margin: 6px 0 0 10px;}



/* second-contents
----------------------------------------------- */
#second-contents{
	margin: 0 0 0 39px;
	padding-right: 25px;
	display: inline;
	float: left;
	width: 550px;
	min-height: 500px;
}
#second-contents .contTtl{ margin-bottom: 20px;}



/* second-contents - LOTOHOUSE
----------------------------------------------- */
#second-contents .lotoBox{
	margin: 0 3px 20px;
	width: 544px;
}
#second-contents .lotoTex{
	margin-bottom: 0px;
	background: url("../../lotohouse/images/img_02_mid.gif") repeat-y left top;
}
#second-contents .lotoTex ul{
	padding: 10px 15px 10px 100px;
}
.lotoTex ul li{
	padding-left: 12px;
	padding-top: 5px;
	background:url("../images/dot_house.gif") no-repeat left 10px;
}
.atentTbl{	padding: 0 0 10px ;}
.atntTD{
	width: 1.2em;
	vertical-align: top;
}
.spacerTD{width: 99px;}



/* second-contents - SLOT GAME
----------------------------------------------- */
#second-contents .luckyBox{
	margin: 0 3px 40px;
}
.note{
	margin:  4px 5px 0;
	color: #666;
	font-size: 80%;
}
.noteTop{
	margin:  4px 34px 0 0;
	color: #666;
	font-size: 80%;
	text-align: right;
}
#second-contents .cautionBox{ margin-top: 5px;}
#second-contents .cautionTex{
	margin-bottom: 0px;
	background: url("../../simulation/images/cautionBox_mid.gif") repeat-y left top;
	float: left;
}
#second-contents .cautionTex ul{
	padding: 0px;
}
.cautionTex ul li{
	padding-left: 12px;
	padding-top: 5px;
}
.qr{float: left;}


/* second-contents - STORE
----------------------------------------------- */
#second-contents .storeBox{
	margin: 0 2px 40px 3px;
	clear: both;
}
#second-contents .store2ndttl{ margin-bottom: 10px;}
#second-contents ul.storeCategory { margin-bottom: 25px;}
#second-contents ul.storeCategory li {
	margin-bottom:10px;
	margin-right: 1em;
	padding-left: 17px;
	float: left;
	background: url("../images/ico_arw02.gif") no-repeat left 4px;
}
#second-contents .storeCategory li a:link, a:visited{ color: #998500; text-decoration: underline;}
#second-contents .storeCategory li a:hover, a:active{ color: #330; text-decoration: none;}
#second-contents .categoryTtl{
	font-weight: bold;
	margin-bottom: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0.7em;
	background: url(../../store/images/ico_catttl.gif) no-repeat left center;
	clear: both;
}


#second-contents .storeTable{
	margin-bottom: 30px;
	background: #ccc;
	vertical-align: top;
}
#second-contents .storelist { margin: 15px 0 30px 20px; }
#second-contents .storelist li{	padding-bottom: 7px;}
#second-contents .storelist li span{
	color: #8c8a8b;
	padding-right: 5px;
}

.storeTable tr th{ padding: 7px; background: #f8f8f8;}
.storeTable tr th.center{ text-align: center; }
.storeTable tr td{ padding: 7px; background: #fff; vertical-align: top;}
.storeTable tr td img{ margin: 0 1px 0; padding: 0;}

/* STORE DETAIL */
#container{	text-align: center;}
#storeDetail {
	margin: 0 auto;
	text-align: left;
	width: 570px;
}
#storeDetail #outer{ margin-top: 30px;}



/* second-contents - RECRUIT
----------------------------------------------- */
#second-contents .recrTable{ margin-bottom: 10px; background: #e0e0e0; font-size: 100%;}
#second-contents .recrTable tr th{ padding: 3px; background: #f8f8f8;}
#second-contents .recrTable tr th table tr td{ background: #f8f8f8;}
#second-contents .recrTable tr td{ padding: 3px; background: #fff; vertical-align: top;}
#second-contents .recrTable tr th dl{ width: 500px;}
#second-contents .recrTable tr th dt{
	float: left; 
	width: 7em;
	clear: both;
}  
#second-contents .recrTable tr th dd{
	margin-left: 60px;
	width: 400px;
}
#second-contents .recrTable tr td dl{ width: 500px;} 
#second-contents .recrTable tr td dt{
	float: left; 
	width: 7em;
	clear: both;
}  
#second-contents .recrTable tr td dd{
	margin-left: 60px;
	width: 400px;
}
.frmBtn{ margin-bottom: 30px;}
.red { margin-left: 0.2em; color: #f00; vertical-align: top;}
.red2 { margin-left: 0.2em; color: #000; vertical-align: top;}
.red2 span{color: #f00;}
.col999{ color: #999;}
.comfBtn{ text-align: center;}
.wid400 {width: 350px;}
.frmBtnBack{ margin-top: 30px; text-align: center;}
.max-wid{width:400px;}
#second-contents .mb5{ margin-bottom: 5px;}

#second-contents .formTexArea{
	border: 1px solid #7f9db9;
	color: #000;
	background-color: #fff;
}
.bor0{ border: 0;}
.wid9em{ width: 7em;}
.individual{ width: 544px;}
.logbox{
	margin-bottom: 10px;
	background: #fdfcfc;
	border: solid 1px #7f9db9;
	height: 110px;
	padding: 0.5em;
	overflow: auto;
}
.director2 tr{
	height: 1em;
	margin: 0;
	padding: 0;
}



/* second-contents - COMPANY
----------------------------------------------- */
#second-contents .compBox{ margin: 0 3px;}
#second-contents #tex-area{
	float: left;
	width: 320px;
}
#second-contents #tex-area p{ padding-left: 3px;}
#second-contents #tex-area .name{
	margin-top: 20px;
	text-align: right;
}
#second-contents #image-area{
	float: left;
	width: 230px;
}
#second-contents #image-area img{ margin-left: 27px;}

#second-contents .compTable{ margin-bottom: 25px; background: #e0e0e0;}
#second-contents .compTable tr th{ padding: 7px; background: #f8f8f8;}
#second-contents .compTable tr td{ padding: 7px; background: #fff; vertical-align: top;}
#second-contents .compTable tr th dl{ width: 440px;}
#second-contents .compTable tr th dt{
	float: left; 
	width: 7em;
	clear: both;
}  
#second-contents .compTable tr th dd{ margin-left: 50px;}
#second-contents .compTable tr td dl{ width: 440px;}
#second-contents .compTable tr td dt{
	float: left; 
	width: 7em;
	clear: both;
}  
#second-contents .compTable tr td dd{	margin-left: 50px;}

.director tr{
	height: 1em;
	margin: 0;
	padding: 0;
}

.wid7em{ width: 5.4em;}

#second-contents .compGmap{ border: 1px solid #e0e0e0; margin-bottom: 25px; background: #fff;}
#second-contents .compGmap tr td{ background: #fff;}
#second-contents .compGmap .map{ padding: 3px;}



/* second-contents - POLICY
----------------------------------------------- */
#second-contents .policyBox{
	margin: 0 3px;
	width: 544px;
}
#second-contents .policyBox p.lastP{ margin-bottom: 1.9em;}
#second-contents .policyBox dl{ width: 544px;}
#second-contents .policyBox dt{
	padding-bottom: 0.3em;
	float:left;
	clear:both;
}
#second-contents .policyBox dd{
	padding-bottom: 0.3em;
	margin-left:2.9em;
}



/* second-contents - LINK
----------------------------------------------- */
#second-contents #linkArea{ margin: 0 3px;}
#second-contents #linkArea li{
	margin-bottom: 11px;
	padding-left: 17px;
	background: url("../images/ico_arw03.gif") no-repeat left 4px;
}



/* second-contents - SITEMAP
----------------------------------------------- */
.siteL{
	width: 270px;
	float: left;
}
.siteR{
	width: 280px;
	float: left;
}

#second-contents .siteMapList1 li{
	margin-bottom: 2px;
	padding-left: 20px;
	background: url("../images/ico_arw01.gif") no-repeat 5px 4px;
}
#second-contents .siteMapList1 li.mb1em{ margin-bottom: 0.8em;}
#second-contents .siteMapList2{ margin-bottom: 1.5em;}
#second-contents .siteMapList2 li{
	margin-bottom: 2px;
	padding-left: 30px;
}