@charset "utf-8";



/* master css */



/* +++++ キャンペーンページ用 +++++ */



/* レイアウト */

body {

	text-align:center;

	font-size:12px;

	background:url(../img/bg_body.gif) repeat-y center #fff;

}

#container {

	width:950px;

	margin:0 auto;

	text-align:left;

}

#header {

	font-size:12px;

}

#title {

	height:315px;

	background:url(../img/bg_title.jpg) no-repeat;

	clear:both;

	position:relative;

}

#wchance {

	height:460px;

	margin-bottom:10px;

	background:url(../img/bg_wchance.gif) no-repeat;

	position:relative;

}

#flow {

	height:475px;

}

#button {

	height:100px;

	margin-bottom:10px;

}

#ranking {

	margin-bottom:10px;

	padding-bottom:10px;

	background:#eae0cf;

}

#ranking { /padding-bottom:20px; }

#mobile {

	height:245px;

	margin-bottom:10px;

	background:#eee;

}

#outline {

	margin-bottom:10px;

}

#footer {

	background:#fff;

	margin-top:10px;

}



/* header */

#header .logoArea {

	float: left;

	position: relative;

}

#header .logoArea strong {

	background: url("../img/common/logo.png") no-repeat center center;

	display: block;

	height: 60px;

	margin: 8px 0 0 10px;

	overflow: hidden;

	text-indent: -9999px;

	width: 187px;

}

#header .logoArea #pageInfo {

	color: #fff;

	display: block;

	left: 220px;

	position: absolute;

	top: 10px;

	width: 540px;

}

#header .logoArea h1 {

	color: #fff;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 3px;

}

#header .logoArea p.contentsText {

}

#header .discriptionArea {

	float: right;

	margin: 5px;

	text-align: right;

}

#header .discriptionArea .glovalLink {

}

#header .discriptionArea ul {

	margin-right: -12px;

	overflow: hidden;

}

#header .discriptionArea li {

	background: url("../img/common/listline_white.png") no-repeat 100% center;

	display: inline;

}

#header .discriptionArea li a {

	color: #fff;

	margin-right: 12px;

}

#header .discriptionArea #gnavi a{

	background: url("../img/common/gnavi_logo.png") no-repeat center center;

	color: #fff;

	display: block;

	height: 32px;

	margin: 12px 4px 6px 0;

	text-align: left;

	text-indent: -9999px;

	width: 169px;

}



#numberOfItems {

	background-color: #d97322;

	color: #fff;

	font-size:12px;

	margin: 0 auto;

	overflow: hidden;

	padding: 4px;

	width: 942px;

}

* html #numberOfItems  { width: 942px; }



#numberOfItems p#number {

	color: #ffffff;

	float: left;

}

#numberOfItems p#number span {

	margin-right: 10px;

}

#numberOfItems p#number span.countingDay {

	font-size: 10px;

}

#numberOfItems p#number span strong {

	font-size: 14px;

	margin-left: 5px;

}



#numberOfItems ul#utilityLink {

	float: right;

	margin-right:12px;

	overflow: hidden;

}



#numberOfItems ul#utilityLink li {

	background: url("../img/common/listline_white.png") no-repeat 100% center;

	display: inline;

}



#numberOfItems ul#utilityLink li a {

	color: #fff;

}



/* title */

#title .subtitle {

	position:absolute;

	top:10px;

	left:290px;

}

#title .maintitle {

	position:absolute;

	top:35px;

	left:290px;

}

#title .kikan {

	position:absolute;

	top:170px;

	left:290px;

}

#title .t-button {

	position:absolute;

	top:225px;

	left:290px;

	width:650px;

	height:90px;

}

#title .t-button p.button,

#title .t-button p.attention {

	text-align:center;

}



/* wchance */

#wchance .chance1title {

	position:absolute;

	top:40px;

	left:260px;

}

#wchance .chance1text {

	position:absolute;

	top:40px;

	left:655px;

}

#wchance .chance2title {

	position:absolute;

	top:215px;

	left:260px;

}

#wchance .chance2text {

	position:absolute;

	top:215px;

	left:655px;

}

#wchance .w-bottom {

	position:absolute;

	top:370px;

	left:325px;

}

#wchance .link {

	position:absolute;

	top:430px;

	left:0px;

	width:930px;

	margin:0 10px;

	text-align:right;

	font-weight:bold;

	font-size:12px;

}

#wchance .link a { color:#d00; text-decoration:underline; }

#wchance .link a:hover { color:#f60; }



/* flow */

#flow h2 {

	margin-bottom:10px;

}

#flow table {

	width:950px;

	height:380px;

	font-size:12px;

	color:#555;

	background:url(../img/img_flowimage.gif) no-repeat;

}

#flow table th {

	width:300px;

	height:25px;

}

#flow p {

	text-align:center;

	line-height:1.3;

}

#flow p.flow01-01 { margin-top:15px; }

#flow p.flow01-02 { margin-top:60px; }

#flow p.flow02-01 { margin-top:308px; line-height:1.0; }

#flow p.flow03-01 {

	margin-top:266px;

	margin-left:55px;

	text-align:left;

	line-height:1.1;

}



#flow p a {

	color:#36c;

	text-decoration:underline;

}

#flow p span {

	color:#d82250;

	font-size:14px;

	font-weight:bold;

}

#flow p.link {

	font-size:12px;

	margin-right:10px;

	margin-top:8px;

	font-weight:bold;

	text-align:right;

}

#flow p.link a { color:#d00; text-decoration:underline; }

#flow p.link a:hover { color:#f60; }



/* button */

#button div,

#button2 div,

#button p,

#button2 p {

	text-align:center;

}

#button p,

#button2 p {

	font-size:10px;

	color:#555;

}

#button p a,

#button2 p a {

	color:#d00;

	text-decoration:underline;

}

#button p a:hover,

#button2 p a:hover { color:#f60; }



/* ranking */

#ranking h3 {

	color:#884210;

	font-size:13px;

	font-weight:bold;

	height:20px;

	margin:5px 0 0 10px;

}

#ranking table.big {

	width:930px;

	margin:0 10px;

}

#ranking table.big th {

	padding-bottom:15px;

	background:#fff;

}

#ranking table.big td.menu01,

#ranking table.big td.menu02,

#ranking table.big td.menu03 {

	height:20px;

	background:#fff;

	color:#c57342;

	font-size:14px;

	font-weight:bold;

	padding-left:70px;

	padding-right:10px;

	padding-top:2px;

}

#ranking table.big td.menu01 { background:url(../img/icon_ranking01.gif) no-repeat 10px #fff; }

#ranking table.big td.menu02 { background:url(../img/icon_ranking02.gif) no-repeat 10px #fff; }

#ranking table.big td.menu03 { background:url(../img/icon_ranking03.gif) no-repeat 10px #fff; }



#ranking table.big td.white,

#ranking table.big td.rankarea {

	background:#fff;

	padding-top:3px;

}

#ranking table.big p.shop { font-size:12px; padding-left:10px; padding-right:10px; }

#ranking table.big p.location { font-size:10px; padding-left:10px; padding-right:10px; }





#ranking table.small {

	width:280px;

	margin:5px 10px 20px 10px;

	background:#fff;

}

#ranking table.small td.thumnail { width:100px; }

#ranking table.small td.text {

	width:175px;

	padding-left:5px;

	color:#555;

}

#ranking table.small p.shop { font-size:12px; margin-bottom:5px; padding:0; }

#ranking table.small p.location { font-size:10px; padding:0; }



#ranking table.link {

	width:930px;

	margin:10px 10px 15px;

	color:#555;

	font-size:12px;

}

#ranking table.link a {

	color:#d00;

	text-decoration:underline;

	font-weight:bold;

}

#ranking table.link a:hover { color:#f60; }



/* mobile */

#mobile .mobilearea {

	height:200px;

	background:url(../img/bg_mobile.gif) no-repeat;

	position:relative;

}

.mobilearea h3.title01 {

	position:absolute;

	top:0;

	left:20px;

}

.mobilearea h3.title02 {

	position:absolute;

	top:0;

	left:455px;

}

.mobilearea .qr {

	position:absolute;

	top:65px;

	left:50px;

}

.mobilearea .career {

	position:absolute;

	top:65px;

	left:145px;

}

.mobilearea .list-qr {

	position:absolute;

	top:130px;

	left:160px;

	font-size:10px;

	color:#555;

	width:270px;

}

.mobilearea .midasi {

	position:absolute;

	top:50px;

	left:455px;

}

.mobilearea .form {

	position:absolute;

	top:95px;

	left:465px;

	width:450px;

	height:20px;

	vertical-align:middle;

}

.mobilearea ul {

	position:absolute;

	top:130px;

	left:465px;

	font-size:10px;

	color:#555;

}



/* outline */

#outline .o-title {

	position:relative;

}

#outline .o-title h2 {

	color:#b66226;

	font-size:18px;

	font-weight:bold;

	position:absolute;

	top:13px;

	left:50px;

}

#outline .o-body {

	width:930px;

	margin:10px;

	font-size:12px;

	padding-bottom:15px;

	background:url(../img/bg_o-body.gif) no-repeat bottom right #f7f0e5;

}

#outline .o-body strong {

	display:block;

	color:#d00;

	font-weight:bold;

	margin-left:50px;

	margin-right:10px;

	padding-top:15px;

	margin-bottom:15px;

}

#outline .o-body dl {

	margin-left:50px;

	margin-right:10px;

	margin-bottom:15px;

}

#outline .o-body dt {

	color:#9d541e;

	font-weight:bold;

	margin-bottom:5px;

}

#outline .o-body dd {

	color:#555;

	line-height:1.3;

}

#outline .o-body a { color:#d00; text-decoration:underline; }

#outline .o-body a:hover { color:#f60; }