@charset "UTF-8";

/* CSS information ===================================================

	file name  :basic.css
	style info :共通スタイル

=================================================================== */

/* ---------------------------------------------------------
	ページ全体の基本設定
--------------------------------------------------------- */

html {
	overflow-y:scroll;
}
 
body {
	margin:0;
	padding:0;
	font-size:0.813em;
	color:#333;
}

#page {
	width:100%;
	background:#b2dff1 url(../img/page_bg_blue.png) repeat-x center top;
}

#wrapper {
	width:960px;
	margin:0 auto;
}


/*	フォント
----------------------------------------------- */

body {
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	/*text-shadow:0px 1px 0px #fff;*/
}

input, textarea {
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
 
* html body {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


/*	リンクカラー
----------------------------------------------- */

a:link {
	color:#06559E;
	text-decoration:underline;
}

a:visited {
	color:#06559E;
	text-decoration:underline;
}

a:hover {
	color:#F60;
	text-decoration:underline;
}

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


/* ---------------------------------------------------------
	汎用class
--------------------------------------------------------- */

.imgC {
	margin:0 auto 20px;
	text-align:center;
}

/*	clearfix
----------------------------------------------- */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/* \ *//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear {
	clear:both;
}


/* ---------------------------------------------------------
	#header
		ヘッダー
--------------------------------------------------------- */

#header {
	height:80px;
}

#header div.logo {
	float:left;
	margin: 20px 0 20px;
	width:100%;
}

#header div.logo h1 {
	float:left;
	margin: 0 0px 0px 10px;
}

#header div.logo h2 {
	float:left;
	margin:0 0 0 0px;
}

#header ul.directLink {
	float:right;
	margin:10px 0 5px;
}

#header ul.directLink li {
	float:left;
	margin-left:10px;
	display:inline;
}

#header div.inner {
	width:960px;
	margin: 0 auto;
}

#header span a {
	text-decoration: none;
}

/* ---------------------------------------------------------
	#globalNavi
		グローバルナビ
--------------------------------------------------------- */

#globalNavi {
	clear:both;
	float:left;
	width:960px;
	height:42px;
	margin:10px auto 10px;
	background-color:#000000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#globalNavi ul {
	float:left;
	padding-left:15px;
}

#globalNavi ul li {
	float:left;
	font-size:0;
	display:inline;
}


/* ---------------------------------------------------------
	#topicPath
		パンくず
--------------------------------------------------------- */

#topicPath {
	clear:both;
	width:960px;
	margin-bottom:10px;
}

#topicPath p {
	margin:0 10px;
	font-size:0.846em;
	line-height:1.2;
}

#topicPath p span {
	padding:0 8px;
}

#topicPath p em {
	font-style:normal;
}


/* ---------------------------------------------------------
	#eyecatch
		アイキャッチ
--------------------------------------------------------- */
#mainVisual {
	clear: both;
	width:960px;
	height:342px;
	margin-bottom:20px;
	background-color:#f0f0f0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#mainVisual div.inner {
	float:left;
	width:960px;
	margin:0;
	display:inline;
}

#mainVisual .changeImg {
	position:relative;
}
#mainVisual .changeImg a {
	display:block;
}
#mainVisual .changeImg a {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#mainVisual .changeImg a.active {
	z-index:10;
}
#mainVisual .changeImg a.last-active {
	z-index:9;
}

#mainVisual ul {
	clear:both;
	width:942px;
	margin:0 -3px;
}

#mainVisual ul li {
  display:block;
  float:left;
  width:308px;
  height:50px;
  margin:0 3px 0;
  display:inline;
}

#mainVisual ul li a {
  float:left;
}

#mainVisual .pickupMenu {
	position:relative;
	top:308px;
}

/* ---------------------------------------------------------
	#content
		コンテンツ
--------------------------------------------------------- */

#content {
	/*float:left;*/
	clear: both;
/*	width:829px;*/
/*	width:787px;*/
	margin: 0 auto 50px;
	padding:10px 20px 80px;
	line-height:1.4;
	background-color:rgba(255, 255, 255, 0.9);
	border: 0;
/*	border:solid 1px #E5E5E5;*/
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#content div.banner {
	margin-bottom:0px;
}

#content div.inner {
	clear: both;
	width:100%;
}


#content  div.innerDescription {
	clear: both;
	margin: 0 10px 20px;
}


/* ---------------------------------------------------------
	#sideMenu
		サイドメニュー
--------------------------------------------------------- */

#sideMenu {
	float:right;
	width:250px;
	margin-bottom:50px;
	padding:5px;
	font-size:0.923em;
	line-height:1.2;
	background-color:#FFF;
/*	border:solid 1px #F1DE70;*/
	border:solid 1px #E5E5E5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}


/*	初めてご利用になる方（ログイン前に表示）
----------------------------------------------- */

#sideMenu dl.register {
	clear:both;
	width:244px;
	margin-bottom:10px;
	border:solid 3px #DF2228;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#sideMenu dl.register dt {
	width:244px;
	padding:8px 0;
	text-align:center;
	background-color:#DF2228;
}

#sideMenu dl.register dd {
	padding:10px 15px 15px;
}

#sideMenu ul.register li.text {
	margin:0 0 20px;
}

#sideMenu ul.register li.button {
	margin:0 auto;
	text-align:center;
}


/*	すでに登録済みの方（ログインに前表示）
----------------------------------------------- */

#sideMenu dl.login {
	clear:both;
	width:244px;
	margin-bottom:10px;
	border:solid 3px #1265BE;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#sideMenu dl.login dt {
	width:244px;
	padding:8px 0;
	text-align:center;
	background-color:#1265BE;
}

#sideMenu dl.login dd {
	padding:10px 15px 15px;
}

#sideMenu ul.login li.text {
	margin:0 0 10px;
}

#sideMenu ul.login li.label {
	width:194px;
	margin-bottom:3px;
	padding:8px 10px;
	color:#FFF;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(112,188,18) 0%,rgb(97,166,12) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(112,188,18)),color-stop(1, rgb(97,166,12)));
	background-image:-webkit-linear-gradient(-90deg,rgb(112,188,18) 0%,rgb(97,166,12) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(112,188,18) 0%,rgb(97,166,12) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(112,188,18) 0%,rgb(97,166,12) 100%);
	background-image:linear-gradient(-90deg,rgb(112,188,18) 0%,rgb(97,166,12) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff70bc12,endColorstr=#ff61a60c,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff70bc12,endColorstr=#ff61a60c,GradientType=0);
	border:none;
}

#sideMenu ul.login li.textbox {
	margin-bottom:10px;
}

#sideMenu ul.login input.textbox {
	width:202px;
}



#sideMenu ul.login li.link {
	min-height:16px;
	height:auto !important;
	height:16px;
	margin-bottom:10px;
	padding-left:25px;
	background:url(../img/sideMenu_icon02.gif) no-repeat left center;
}

#sideMenu ul.login li.button {
	margin:0 auto;
	text-align:center;
	
}

#sideMenu ul.login li.checkbox {
	margin-bottom:15px;
	margin-left:17px;
}


/*	会員メニュー（ログイン後に表示）
----------------------------------------------- */

#sideMenu dl.memberMenu {
	clear:both;
	width:244px;
/*	margin-bottom:10px;*/
	border:solid 3px #1265BE;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#sideMenu dl.memberMenu dt {
	width:244px;
	padding:6px 0;
	text-align:center;
	background-color:#1265BE;
}


#sideMenu dl.memberMenu dd {
	padding:10px 0 0;
}


#sideMenu ul.memberMenu li.name {
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0 10px 10px;
	padding-top:5px;
	padding-left:25px;
	font-weight:bold;
	background:url(../img/sideMenu_icon01.gif) no-repeat left top;
}

#sideMenu ul.memberMenu li.info {
	float:left;
	width:224px;
	margin-bottom:0px;
	padding:5px 10px 0;
	font-weight:bold;
	line-height:30px;
	background-color:#EDEDED;
	border-top:dotted 1px #E4E4E4;
	border-bottom:dotted 1px #E4E4E4;
	overflow:auto;
}

#sideMenu ul.memberMenu li.nospace {
	margin-bottom:0px;
	border-bottom:0px;
}

#sideMenu ul.memberMenu li.rank{
	background-color:#F5F5F5;
}

#sideMenu ul.memberMenu li.info span.label {
	float:left;
	font-weight:bold;
	display:block;
}

#sideMenu ul.memberMenu li.info span.point {
	float:right;
	font-weight:bold;
	display:block;
}

#sideMenu ul.memberMenu li.info span.point em {
	font-size:1.500em;
	font-weight:bold;
	color:#FB5912;
}

#sideMenu ul.memberMenu li.info span.point em.rank {
	color:#FB5912;
}

#sideMenu ul.memberMenu li.button {
	margin:0 auto 10px;
	text-align:center;
}

#sideMenu ul.memberMenu li.link {
	clear:both;
	padding:10px;
	border-top:dotted 1px #E4E4E4;
}

#sideMenu ul.memberMenu li.link span {
	min-height:16px;
	height:auto !important;
	height:16px;
	padding-left:25px;
	background:url(../img/sideMenu_icon02.gif) no-repeat left center;
	display:block;
}

#sideMenu ul.memberMenu li div.wchance {
	clear:both;
	font-weight: bold;
	padding:4px 10px;
	text-align: right;
}

#sideMenu ul.memberMenu li div.comment {
	clear:both;
	color: #BE1257;
	font-weight: bold;
	padding:4px 4px;
}

#sideMenu ul.memberMenu li div.wchance em {
	font-weight: bold;
	color: #FB1212;
	font-size: 1.300em;
}

#sideMenu ul.memberMenu li.wchance span.link {
	min-height:16px;
	height:auto !important;
	height:16px;
	padding-left:25px;
	background:url(../img/sideMenu_icon02.gif) no-repeat left center;
	display:block;
}

#sideMenu ul.memberMenu li.noline {
	border-top:none;
}

/*	キャンペーンコードを入力（ログイン後に表示）
----------------------------------------------- */

#sideMenu dl.campaignCode {
	clear:both;
	width:244px;
	margin-bottom:10px;
	border:solid 3px #FFCD00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#sideMenu dl.campaignCode dt {
	width:244px;
	padding:8px 0;
	text-align:center;
	background-color:#FFCD00;
}

#sideMenu dl.campaignCode dd {
	padding:15px 0;
}

#sideMenu ul.campaignCode li.top {
	padding-left:95px;
	margin-bottom:10px;
	background:url(../img/sideMenu_icon03.gif) no-repeat 15px center;
}

#sideMenu ul.campaignCode li.bottom {
	padding-left:95px;
	margin-bottom:15px;
	background:url(../img/sideMenu_icon04.gif) no-repeat 15px center;
}

#sideMenu ul.campaignCode input.textbox {
	width:122px;
}

#sideMenu ul.campaignCode li.button {
	margin:0 auto 10px;
	text-align:center;
}

#sideMenu ul.campaignCode li.link {
	min-height:16px;
	height:auto !important;
	height:16px;
	margin:0 15px;
	padding-left:25px;
	background:url(../img/sideMenu_icon02.gif) no-repeat left center;
}


/*	ヘルプデスク（ログイン・新規登録・パスワード忘れ時に表示）
----------------------------------------------- */

#sideMenu ul.helpDesk  {
	clear:both;
	width:242px;
	margin-bottom:10px;
	padding:6px 4px 4px;
	background-color:#FFDD00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(PIE.htc);
}

#sideMenu ul.helpDesk li {
	font-size:0;
/*	line-height:0;*/
	margin-top:-2px;
	border:solid 2px #FFC000;
}


/*	バナー
----------------------------------------------- */

#sideMenu ul.banner  {
	clear:both;
	width:242px;
	padding:4px;
/*	background-color:#FFD900;*/
	position:relative;
	behavior:url(PIE.htc);
}

#sideMenu ul.banner li {
	font-size:0;
/*	line-height:0;*/
}

/* ---------------------------------------------------------
	#pageTop
		ページの上部へ
--------------------------------------------------------- */

#pageTop {
	clear:both;
	width:960px;
	margin:0 auto;
	text-align:right;
	overflow:hidden;
}


/* ---------------------------------------------------------
	#footer
		フッター
--------------------------------------------------------- */

#footer {
	clear:both;
	width:100%;
	padding-bottom:30px;
	background-color:#FFF;
/*	background-color:#303030;*/
/*	border-top:solid 2px #ca0a37;*/
}

#footer div.inner {
	width:960px;
	margin:0 auto;
}

#footer ul {
	margin-top:15px;
	text-align:center;
	line-height:1.2;

}

#footer ul li {
	display:inline;
	line-height:1.2;
	padding:0 10px;
	border-right:1px solid #FFFFFF;
}

#footer ul li:last-child {
	border-right:none;
}

/* last-child for IE6/7 */
#footer ul li {
	border-right:expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':'1px solid #FFF');
}

#footer ul li a {
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer small {
	clear:both;
	float:right;
	margin-top:30px;
	font-size:0.769em;
/*	text-shadow:0px -1px 0px #555;*/
	line-height:1.1;
	font-weight:bold;
	color:#999;
	display:block;
}

#footer span {
	clear:both;
	float:right;
	font-size:0.769em;
	margin-top:5px;
/*	text-shadow:0px -1px 0px #555;*/
	line-height:1.1;
	font-weight:bold;
	color:#999;
	display:block;
}