@charset "utf-8";

/* CSS Document */



body {

	margin-top:0px;

	background-color: #333;

}



.clear {clear:both;

}

.space03 {

	width:auto;

	height:3px;

}

.space05 {

	width:auto;

	height:5px;

	background-color: #FFF;

}

.space10 {

	width:auto;

	height:10px;

	background-color: #FFF;

}

.space15 {

	width:auto;

	height:15px;

	background-color: #FFF;

}

.space20 {

	width:auto;

	height:20px;

	background-color: #FFF;

}

.space05gray {

	width:auto;

	height:5px;

	background-color: #999;

}

.space20gray {

	width:auto;

	height:20px;

	background-color: #CCC;

}

a:link {

	border:none;

}

a:link,

a:visited {

	color:#2d5fb6;

	font-weight:bold;

	text-decoration:none;

}



a:active,

a:hover {

	color:#ff3366;

	font-weight:bold;

	text-decoration:none;

}

.descript1 {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	font-weight: bold;

	color: #333;

}

.descript2 {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	color: #333;

}

.descript3 {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	text-align: left;

	height: auto;

	width: auto;

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 15px;

	padding-left: 20px;

	border: 1px solid #090;

}

.descript4 {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 16px;

	color: #666;

}

.descript5 {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	color: #333;

	line-height: 18px;

}



/*  フッター */

.foot {

	height: 100px;

	width: 1099px;

	margin-right: auto;

	margin-left: auto;

	overflow: auto;

	background-color: #FFF;

	text-align: center;

}

.contentInfo {

	height: 80px;

	width: 500px;

	overflow: auto;

	margin-right: auto;

	margin-left: auto;

	color: #666;

}



.contentsKiyaku {

	font-family: "小塚ゴシック Pro L", "ＭＳ Ｐゴシック", "MS UI Gothic";

	font-size: 12px;

	height: auto;

	width: auto;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}

.footCase {

	height: 60px;

	width: 800px;

}

.footCase .companyInfo {

	font-family: "小塚ゴシック Pro L", "ＭＳ Ｐゴシック", "MS UI Gothic";

	font-size: 10px;

	text-align: center;

	font-weight: bold;

	color: #666;

}

.footCase .copyright {

	font-family: "小塚ゴシック Pro L", "ＭＳ Ｐゴシック", "MS UI Gothic";

	font-size: 10px;

	text-align: center;

	font-weight: bold;

	color: #999;

}

/*  /フッター */



/*  メンバーヘッダー */

.head {

	background-image: url(../images/headerMember.jpg);

	height: 64px;

	width: 1093px;

	margin-right: 3px;

	margin-left: 3px;

}



.topMenu {

	background-image: url(../images/topMenuBar.jpg);

	height: 38px;

	width: 1093px;

	margin-right: 3px;

	margin-left: 3px;

}

/*  /メンバーヘッダー */



.wrapper {

	height: auto;

	width: 1099px;

	margin-right: auto;

	margin-left: auto;

	background-color: #999;

	background-image: url(../images/bg_greenStripe02.jpg);

}

.middle {

	height: auto;

	width: 1099px;

}

.bottom {

	height: auto;

	width: 892px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

}



/*  メンバー左コラム */

.ltCol {

	width: 166px;

	height: auto;

	float: left;

	background-color: #FFF;

	margin-right: 2px;

	margin-left: 2px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 8px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: ridge;

	border-left-style: solid;

	border-top-color: #CCC;

	border-right-color: #CCC;

	border-bottom-color: #090;

	border-left-color: #CCC;

}



/* ログイン情報 */

.statusInfo {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 11px;

	/*height: 132px;*/
	height: 180px;

	width: 152px;

	background-image: url(../images/bg_status.jpg);
	background-repeat:no-repeat;

	padding-top: 20px;

	color: #666;

	text-align: right;

	font-weight: bold;

	padding-right: 7px;

	padding-left: 7px;

}

.userName {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #060;

}

.loginMode {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 11px;

	color: #090;

	text-decoration: underline;

}

.currentPoint {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #090;

}

.newMail {

	font-family: "Arial Black", Gadget, sans-serif;

	font-size: 12px;

	color: #F90;

}

.btnMail {

	height: 27px;

	width: auto;

	padding-top: 3px;

	text-align: center;

}

.btnMode {

	text-align: center;

	height: 38px;

	width: auto;

}





/* /ログイン情報 */



/* ランダムプレビュー */

.randomPreview {

	background-image: url(../images/bg_live.jpg);

	height: 176px;

	width: 166px;

	text-align: center;

}

/* /ランダムプレビュー */



/* ランキング */

.ranking {

	background-image: url(../images/bg_ranking.jpg);

	height: 691px;

	width: 166px;

	padding-top: 25px;

	padding-bottom: 20px;

	background-color: #FFF;

	background-repeat: no-repeat;

}

.topRankingSec {

	width:151px;

	margin-top:10px;

	margin-left:7px;

	margin-bottom:10px;

	border-top:1px solid #ebebeb;

}

.topRanking {

	width:149px;

	height:48px;

	padding-top:10px;

	padding-right:5px;

	padding-left:5px;

	padding-bottom:10px;

	background-image:url(../images/bg_ranking.gif);

	background-repeat:no-repeat;

	border-left:1px solid #ebebeb;

	border-right:1px solid #ebebeb;

	border-bottom:1px solid #ebebeb;

	clear:both;

}

.topRanking a:link,

.topRanking a:visited,

.topRanking a:active {

	font-size:10px;

	color:#4d4d4d;

	font-weight:normal;

}

.topRanking a:hover {

	color:#5b88c1;

	font-weight:normal;

	text-decoration:none;

}

.topRanking img {

	float:left;

}

.topRankingNum {

	font-size:20px;

	font-weight:bold;

	margin-top:5px;

}

/*/ランキング*/



/*  メンバーメインコラム */

.mainCol {

	height: auto;

	width: 750px;

	padding-right: 3px;

	padding-left: 3px;

	float: left;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 8px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: ridge;

	border-left-style: solid;

	border-top-color: #CCC;

	border-right-color: #CCC;

	border-bottom-color: #090;

	border-left-color: #CCC;

	background-color: #FFF;

}

.autoBanner {

	height: 200px;

	width: 750px;

}

/*  /メンバーメインコラム */



/*  メンバー右コラム */

.rtCol {

	float: left;

	height: auto;

	width: 163px;

	background-color: #FFF;

	margin-right: 2px;

	margin-left: 2px;

	padding-bottom: 15px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 8px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: ridge;

	border-left-style: solid;

	border-top-color: #CCC;

	border-right-color: #CCC;

	border-bottom-color: #090;

	border-left-color: #CCC;

}



.ad1 {

	background-image: url(../images/ad_HD.jpg);

	height: 170px;

	width: 163px;

}

.ad2 {

	background-image: url(../images/ad_Guerrilla.jpg);

	height: 150px;

	width: 163px;

}

.title {

	height: 16px;

	width: 163px;

}

.plNewsContents {

	background-color: #000;

	height: 90px;

	width: 163px;

	font-family: "小塚ゴシック Pro L", "ＭＳ Ｐゴシック", "MS UI Gothic";

	font-size: 11px;

	color: #FFF;

	text-align: left;

}





.plNews {

	width: 163px;

	height: auto;

}

.buyPoint {

	height: auto;

	width: 163px;

}

.buyPointContents {

	height: auto;

	width: 163px;

}

.connectSupport {

	height: auto;

	width: 163px;

}

.supportBrowser {

	height: auto;

	width: 144px;

	padding-right: 3px;

	padding-left: 2px;

	margin-right: auto;

	margin-left: auto;

}

.connectInfo {

	height: auto;

	width: 144px;

	margin-right: auto;

	margin-left: auto;

}

/*  /メンバー右コラム */



/*  メンバーメインコラム */

.autoAd {

	height: 323px;

	width: 163px;

}

.sortTitle {

	background-image: url(../images/title_categorySort.jpg);

	height: 22px;

	width: 750px;

}

.sortMenu {

	background-image: url(../images/title_categoryMenu.jpg);

	height: 22px;

	width: 750px;

}

.sortList {

	height: auto;

	width: 728px;

	border: 1px solid #CCC;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #FFF;

	margin-bottom: 5px;

}



/*  メンバーメインコラム検索・結果 */

.searchTitle {

	background-image: url(../images/title_search.jpg);

	height: 22px;

	width: 750px;

}

.search {

	height: auto;

	width: 750px;

}

.searchItem {
	width: 748px;
	border: 1px solid #CCC;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;
	font-size: 12px;
	color: #333;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;

}

.result {

	height: auto;

	width: 750px;

}

.resultTitle {

	background-image: url(../images/title_searchResult.jpg);

	height: 22px;

	width: 750px;

}

.resultList {

	height: auto;

	width: 748px;

	border: 1px solid #CCC;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

}

/*  /メンバーメインコラム検索・結果 */

/*  /メンバーメインコラム */





.favorite {

	height: 400px;

	width: 750px;

}

.favoriteTitle {

	background-image: url(../images/title_favorite.jpg);

	height: 22px;

	width: 750px;

}

.favoriteList {

	height: 376px;

	width: 748px;

	border: 1px solid #CCC;

	overflow-y: hidden;

	overflow-x: hidden;

}



/*  メンバージョイン */



.buyPointCard {

	height: auto;

	width: 750px;

}

.buyPointCardTitle {

	background-image: url(../images/title_buyPointCard.jpg);

	height: 22px;

	width: 750px;

}

.buyPointCardContents {

	height: auto;

	width: 748px;

	padding-bottom: 15px;

	border: 1px solid #CCC;

	padding-top: 10px;

}

.buyPointCash {

	height: auto;

	width: 750px;

}

.buyPointCashTitle {

	background-image: url(../images/title_buyPointCash.jpg);

	height: 22px;

	width: 750px;

}

.buyPointCashContents {

	height: auto;

	width: 748px;

	padding-top: 10px;

	padding-bottom: 15px;

	border: 1px solid #CCC;

}

/*  /メンバージョイン */



/*  Join */

.introduction {

	height: auto;

	width: 750px;

}

.introTitle {

	height: 22px;

	width: 750px;

	background-image: url(../images/title_intro.jpg);

}

.introContents {

	height: auto;

	width: 748px;

	padding-top: 10px;

	padding-bottom: 15px;

	border: 1px solid #CCC;

}

.introDescription {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 11px;

}

.introUser {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 12px;

	font-weight: bold;

	color: #333;

	text-align: right;

	width: 140px;

	height: auto;

}

.introDescriptTitle {

	height: 22px;

	width: 700px;

	margin-right: auto;

	margin-left: auto;

}

.introDescriptContents {

	height: auto;

	width: 658px;

	padding-bottom: 15px;

	margin-right: auto;

	margin-left: auto;

	border: 1px solid #CCC;

	padding-right: 20px;

	padding-left: 20px;

	padding-top: 10px;

}



/*  /Join */



/*  FAQ */

.faq {

	height: auto;

	width: 750px;

}

.faqTitle {

	background-image: url(../images/title_freqQuestion.jpg);

	height: 22px;

	width: 750px;

}

.faqContents {

	height: auto;

	width: 748px;

	padding-top: 10px;

	padding-bottom: 15px;

	border: 1px solid #CCC;

}

.faqAicon {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #390;

}





.faqAnswer {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #390;

}

/*  /FAQ */



/*  Company Info */

.case {

	height: auto;

	width: 892px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

}

.companyTitle {

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	height: 18px;

	width: 400px;

	padding-bottom: 5px;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

	padding-top: 20px;

}

.companyContent {

	height: 80px;

	width: 400px;

	text-align: left;

	margin-right: auto;

	margin-left: auto;

	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, Verdana;

	font-size: 14px;

	color: #333;

	padding-bottom: 20px;

}

.companyTopBanner {

	height: 300px;

	width: 892px;

	background-image: url(../images/companyTopBanner.jpg);

	margin-right: auto;

	margin-left: auto;

}

/*  /Company Info */