/* CSS Document */

/*////////////////////////////////////////////////////////////////////////////

トップ改定CSS　2007／11

////////////////////////////////////////////////////////////////////////////*/


/*汎用
/////////////////////////////////////////////////*/

.titleimg {
margin:0px;
padding:0px;
line-height:0px;
}

.bigpanel {
text-align:center;
margin:10px 0px 0px 0px;
}

.logoutpanel {
text-align:center;
margin:0px 0px 0px 0px;
}

.titleber {
text-align:center;
}

.clear {
clear:both;
}

.topleftblock {
	width:324px;
	float:left;
	padding-left: 3px;
	background-image:url(../images/contents/box_half_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
}

.toprightblock {
width:324px;
float:right;
padding-right: 3px;
background-image:url(../images/contents/box_half_bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:20px;
}

.xsmall {
font-size:small;
line-height:120%;
}

.redbold {
font-weight:bold;
color:#FF0000;
}

.small {
font-size:small;
}

.rightbtn {
text-align:right;
margin:5px 3px 0px 0px;
}

.h2titlebg {
background-image:url(../images/contents/title_bg.gif);
background-repeat:no-repeat;
display:block;
}

.boxFullBottom {
background-image:url(../images/contents/box_full_bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.roundbox {
width:643px; 
margin:5px auto;
padding:9px 8px 10px 8px;
background-image:url(../images/contents/red_frame.gif);
background-repeat:no-repeat;
}

.roundbox2 {
width:643px; 
margin:5px auto 5px auto;
padding:8px 8px 10px 8px;
background-image:url(../images/contents/red_frame2.gif);
background-repeat:no-repeat;
}

.roundbox2 .banner1 {
width:315px;
float:left;
margin-right:4px;
}

.roundbox2 .banner2 {
width:315px;
float:right;
padding-top:18px;
}

.roundbox2 img {
margin-bottom:1px;
}


/*インフォメーション
/////////////////////////////////////////////////*/

.infolistblock {
float:left;
width:545px;
margin:5px 0px 10px 5px;
padding:0px;
}

.infolistbuta {
	float:right;
	margin:5px 5px 15px 0px;
	text-align: right;
}

.infolist {
background-image:url(../images/contents/dotline.gif);
background-position:bottom;
background-repeat:repeat-x;
line-height:190%;
display:block;
padding-left:2px;
margin:0px;
list-style-type:none;
list-style:none;
font-size:small;
text-align:left;
}


/*ピックアップキャンペーン
/////////////////////////////////////////////////*/

.pickupline {
width:316px;
background-image:url(../images/contents/divbg.gif);
padding:1px;
margin:4px 0px 0px 3px;
}

.pickupbody {
	width:306px;
	background-color:#fffbec;
	background:url(../images/contents/pickup_bg.gif);
	padding:5px;
	color:#333333;
}

.campname {
font-size:small;
padding-top:2px;
}



/*新着キャンペーン
/////////////////////////////////////////////////*/

.campdate {
background-image:url(../images/contents/dotline.gif);
background-position:bottom;
background-repeat:repeat-x;
line-height:160%;
font-size:small;
padding-left:3px;
margin:3px;
color:#333333;
}

.newlist {
	font-size:small;
	line-height:130%;
	margin:0px 3px;
}

.newlist th {
font-weight:normal;
text-align:left;
padding-left:3px;
}

/*インナーバナーミニ
/////////////////////////////////////////////////*/

.innerbannermini {
margin:0px 8px 0px 0px;
}

/*ランキング
/////////////////////////////////////////////////*/

.rankin {
margin:0px 5px 0px 0px;
font-size:12px;
line-height:140%;
font-weight:bold;
text-align:160%;
color:#333333;
}

.rankingLeft {
float:left;
width:316px;
margin:0px 0px 0px 3px;
background-image:url(../images/contents/ranking_bg.gif);
background-repeat:no-repeat;
padding-bottom:10px;
}

.rankingRight {
float:right;
width:316px;
margin:0px 3px 0px 0px;
background-image:url(../images/contents/ranking_bg.gif);
background-repeat:no-repeat;
padding-bottom:10px;
}

.rankingline {
background-image:url(../images/contents/dotline.gif);
background-position:bottom;
background-repeat:repeat-x;
}


/*ブタエアー
/////////////////////////////////////////////////*/

.topbutaair {
text-align:center;
margin-bottom:5px;
clear:both;
}

.cation {
font-size:10px;
line-height:140%; 
font-weight:bold; 
color:#FF0000;
}

/*定番ショップ＆つかう
/////////////////////////////////////////////////*/

.exp {
padding:10px;
font-size:small;
line-height:120%;
color:#333333;
}



/* CSS Document */
/* トップページ用メニュー・コンテンツ */



/* コンテンツ全走*/


#contentsArea .topContentsEnd
	{
	text-align: right;
	clear: both;
	padding: 10px;
	font-size: small;
	width: 666px;
	}


/* 豪＝ニュー項慢*/

#contentsArea .topLeftArea
	{
	width: 168px;
	margin: 0px 0px 0px 7px;
	float: left;
	display: inline;
	}

#contentsArea .defLeftArea .guideButton
	{
	text-align: right;
	margin: 0px 5px 3px 0px;
	padding:0px;
	}

#contentsArea .topLeftArea dt
	{
	margin: 1em 0em 0em 0em;
	}

#contentsArea .topLeftArea .loginForm
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: small;
	color: #333333;
	padding: 8px 0px;
	background-color: #FFFBEC;
	}

#contentsArea .topLeftArea .loginForm .input1
	{
	width: 130px;
	}

#contentsArea .topLeftArea .entrance
	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px 0px;
	}
	
#contentsArea .topLeftArea .logoutButton
	{
    margin:5px 0px;
	text-align:right;
	}

#contentsArea .topLeftArea .memberInfoArea .memberInfo
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: small;
	color: #333333;
	padding: 8px 0px;
	background-color: #FFFBEC;
	}

#contentsArea .topLeftArea .loginForm table
	{
	margin: 0px auto;
	}

#contentsArea .topLeftArea .memberInfo table
	{
	margin: 0px auto;
	}

#contentsArea .topLeftArea .memberInfoArea td
	{
	border-bottom: 1px dotted #CCCCCC;
	}

#contentsArea .topLeftArea .memberInfoArea .pointText
	{
	font-size: medium;
	font-weight: bold;
	color: #CC0000;
	}

#contentsArea .topLeftArea .infoList
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: small;
	line-height: 1.2em;
	padding: 8px 0px;
	color: #333333;
	}

#contentsArea .topLeftArea .infoArea dl
	{
	width: 150px;
	margin: 0px auto;
	}

#contentsArea .topLeftArea .infoArea dt
	{
	font-weight: bold;
	}

#contentsArea .topLeftArea .infoArea dd
	{
	margin: 0em 0em 0em 1em;
	}
	
#contentsArea .topLeftArea .infoArea .more_btn
	{
	text-align: right;
	margin: 1em 10px 0px 0px;
	}
	
#contentsArea .topLeftArea .partnerArea .partnerList
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: small;
	line-height: 1.2em;
	padding: 8px 0px;
	color: #333333;
	}

#contentsArea .topLeftArea .partnerArea .partnerList p
	{
	margin: 0px 10px;
	font-weight: bold;
	}

#contentsArea .topLeftArea .partnerArea .partnerList table
	{
	margin: 0px auto;
	}
	
#contentsArea .topLeftArea .PBS {
	padding: 5px auto;
	border-top:1px #CCCCCC solid;
	}	
	

/* 右メニュー項慢*/

#contentsArea .topRightArea
	{
	width: 168px;
	float: right;
	margin: 0px 7px 0px 0px;
	display: inline;
	}

#contentsArea .topRightArea dt
	{
	margin: 1em 0em 0em 0em;
	}
	
#contentsArea .topRightArea .guideButton
	{
	text-align: right;
	margin: 0px 10px 0px 0px;
	}

#contentsArea .topRightArea .newCampArea .newCampList
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: small;
	line-height: 1.2em;
	padding: 8px 0px;
	color: #333333;
	}

#contentsArea .topRightArea .newCampArea dl
	{
	width: 150px;
	margin: 0px auto;
	}

#contentsArea .topRightArea .newCampArea dt
	{
	font-weight: bold;
	}

#contentsArea .topRightArea .newCampArea dd
	{
	margin: 0em 0em 0em 1em;
	}
	
#contentsArea .topRightArea .newCampArea .more_btn
	{
	text-align: right;
	margin: 1em 10px 0px 0px;
	}
	
#contentsArea .topRightArea .tsukauArea .tsukauList
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: small;
	line-height: 1.2em;
	padding: 8px 0px;
	color: #333333;
	}
	
#contentsArea .topRightArea .tsukauArea dl
	{
	width: 150px;
	margin: 0px auto;
	}

#contentsArea .topRightArea .tsukauArea dt
	{
	font-weight: bold;
	}

#contentsArea .topRightArea .tsukauArea dd
	{
	margin: 0em 0em 0em 1em;
	}

	
#contentsArea .topRightArea .tsukauArea .detail_btn
	{
	text-align: right;
	margin: 1em 10px 0px 0px;
	}


/* 中央 */

#contentsArea .topCenterArea
	{
	width: 510px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 1px;
	}
	
#contentsArea .topCenterArea .headArea
	{
	width: 500px;
	margin: 0px auto;
	}

#contentsArea .topCenterArea .guideButton
	{
	text-align: right;
	margin: 0px;
	}
	
#contentsArea .topCenterArea .adTextArea
	{
	background-image: url(../images/contents/bg.gif);
	width: 476px;
	margin: 20px auto 0px auto;
	padding: 7px;
	}
	
#contentsArea .topCenterArea .adTextArea .adTextList
	{
	background-color: #FFFFFF;
	padding: 3px 10px;
	font-size: small;
	line-height: 1.8em;
	color: #333333;
	}
	
#contentsArea .topCenterArea .tameruSerchArea
	{
	margin: 10px auto 0px auto;
	width: 490px;
	height: 150px;
	}
	
#contentsArea .topCenterArea .tokusenArea
	{
	margin: 20px auto 0px auto;
	font-size: small;
	line-height: 1em;
	color: #333333;
	width: 490px;
	}
	
#contentsArea .topCenterArea .tokusenArea h2
	{
	margin: 0px 0px 2px 0px;
	}
	
#contentsArea .topCenterArea .list 
    {
	width:490px;
	margin:5px auto;
	}

#contentsArea .topCenterArea .list_campBanner
    {
    float:left;
    width:120px;
	margin:0px 10px 0px 0px;
	padding:0pc;
	}
	
#contentsArea .topCenterArea .list_campDetail
    {
	margin:0px;
	float: right;
	}
	
#contentsArea .topCenterArea .list h5
    {
	font-size:medium;
	font-weight:bold;
	}

#contentsArea .topCenterArea .list h6
    {
	width:244px;
	float:left;
	font-size:small;
	font-weight:bold;
	line-height:120%;
	margin:0px 0px 3px 0px;
	}
	
#contentsArea .topCenterArea .listFavorite
    {
	float:left;
	margin-bottom:1px;
	}	

#contentsArea .topCenterArea .list table
    {
	background:#CCCCCC;
	clear:both;
	}

#contentsArea .topCenterArea .list th
    {
	background:#FFFBEC;
	}

#contentsArea .topCenterArea .list td
    {
	background:#FFFFFF;
	text-align:left;
	}
	
#contentsArea .topCenterArea .listCopy
    {
	width:370px;
	margin:5px 0px 0px 0px;
	padding:0px;
	float: left;
	clear: both;
	}
	
	
#contentsArea .topCenterArea .listCopyFavorite
    {
	width:315px;
	float:left;
	margin:3px 0px 0px 0px;
	padding:0px;
	}
	
#contentsArea .topCenterArea .listBottom
    {
	width:113px;
	margin:2px 0px 0px 0px;
	padding:0px;
	float: right;
	}
	
#contentsArea .topCenterArea .listBottomFavorite
    {
	width:166px;
	float:left;
	margin:3px 0px 0px 10px;
	padding:0px;
	}
	
#contentsArea .topCenterArea .listBottomFavorite .out
    {
	margin-right:3px;
	}
	
#contentsArea .topCenterArea .listLine
    {
	width:490px;
	padding:12px 0px;
	margin:0px auto;
	clear: both;
	}
	
#contentsArea .topCenterArea .clickArea h2
	{
	margin: 0px 0px 2px 0px;
	}

#contentsArea .topCenterArea .clickArea
	{
	margin: 20px auto 10px auto;
	font-size: small;
	width: 490px;
	}
	
/* buta hunt */

#contentsArea .topCenterArea .huntArea
	{
	margin: 20px auto 0px auto;
	font-size: small;
	width: 490px;
	}

#contentsArea .topCenterArea .huntArea h2
	{
	margin: 0px 0px 2px 0px;
	}

#contentsArea .topCenterArea .huntArea .copy
	{
	float:left;
	width:380px;
	margin-top:5px;
	margin-bottom:20px;
	}
	
#contentsArea .topCenterArea .huntArea .copy .orange
	{
	font-weight:bold;
	color:#FF3300;
	}

#contentsArea .topCenterArea .huntArea .gold
	{
	float:right;
	width:90px;
	margin-left:15px;
	margin-top:8px;
	}
	
#contentsArea .topCenterArea .huntArea .hint
	{
    width:360px;
	margin-top:20px;
	padding:5px;
	border:1px solid #666666;
	background:#FFFBEC;
	line-height:140%;
	}
	
#contentsArea .topCenterArea .huntArea .maintenance
	{
    width:360px;
	margin-top:20px;
	padding:3px;
	border:1px solid #666666;
	background:#EEEEEE;
	line-height:140%;
	}	

#contentsArea .topCenterArea .huntArea .bold
	{
	font-weight:bold;
	}
	
/* buta hunt end */


#contentsArea .topCenterArea .tameruSearchArea
	{
	font-size: small;
	width: 490px;
	margin: 5px auto 0px auto;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeA dd,
#contentsArea .topCenterArea .tameruSearchArea #searchTypeA dt
	{
	display: inline;
	margin: 0em 0em 0em 0.5em;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeA .typeA_head a:link ,
#contentsArea .topCenterArea .tameruSearchArea #searchTypeA .typeA_head a:visited
	{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeA .typeA_head
	{
	padding: 7px 2px 5px 2px;
	color: #FFFFFF;
	background-color: #CC0000;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeA .typeA_list
	{
	padding: 7px;
	border: 2px solid #CC0000;
	line-height: 1.5em;
	width: 472px;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeA .typeA_list li
	{
	display: inline;
	margin: 0em 0.5em 0em 0em;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeB dd,
#contentsArea .topCenterArea .tameruSearchArea #searchTypeB dt
	{
	display: inline;
	margin: 0em 0em 0em 0.5em;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeB .typeB_head a:link ,
#contentsArea .topCenterArea .tameruSearchArea #searchTypeB .typeB_head a:visited
	{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeB .typeB_head
	{
	background-color: #FF6600;
	padding: 7px 2px 5px 2px;
	color: #FFFFFF;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeB .typeB_list
	{
	padding: 7px;
	border: 2px solid #FF6600;
	line-height: 1.5em;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #searchTypeB .typeB_list li
	{
	display: inline;
	margin: 0em 0.5em 0em 0em;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #form2 .input1
	{
	width: 100px;
	}
	
#contentsArea .topCenterArea .tameruSearchArea #form2 .input2
	{
	width: 8em;
	}
	
#contentsArea .topCenterArea .clickArea p
	{
	margin: 2px 0px 0px 10px;
	}
	

#contentsArea .defLeftArea .d_enqArea .d_enqList
	{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-size: small;
	line-height: 1.2em;
	padding: 5px 0px 8px 0px;
	color: #333333;
	}
	
	
#contentsArea .defLeftArea .d_enqArea .copy
	{
	color: #FF3300;
	font-weight: bold;
	padding: 0 0 0 6px;
	}

#contentsArea .defLeftArea .d_enqArea .d_enqList .copy
	{
	color: #FF3300;
	font-weight: bold;
	padding: 5px 0px 0px 6px;
	margin-top:3px;
	}
	
#contentsArea .defLeftArea .d_enqArea dl
	{
	width: 150px;
	margin: 0px auto;
	}
	
#contentsArea .defLeftArea .d_enqArea dt
	{
	font-weight: bold;
	margin: 4px 0 5px 0;
	}
	
#contentsArea .defLeftArea .d_enqArea dd
	{
	font-size: x-small;
	margin: 0 0 2px 0;
	}
	
#contentsArea .defLeftArea .d_enqArea .question
	{
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #333333;
	line-height: 1.3em;
	padding: 0 0 0.5px 0;
	}

#contentsArea .defLeftArea .d_enqArea . d_enqList .question
	{
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #333333;
	line-height: 1.3em;
	padding: 0 0 0.5px 0;
	}
	
#contentsArea .defLeftArea .d_enqArea .vote_btn
	{
	margin: 6px 0 0 0;
	text-align: center;
	}
	
#contentsArea .defLeftArea .d_enqArea .goto_enq
	{
	font-size: x-small;
	margin: 6px 0 0 0;
	padding: 0 10px;
	text-align: right;
	}

#contentsArea .defLeftArea .d_enqArea . d_enqList .vote_btn
	{
	margin: 6px 0 0 0;
	text-align: center;
	}
	
#contentsArea .defLeftArea .d_enqArea . d_enqList .goto_enq
	{
	font-size: x-small;
	margin: 6px 0 0 0;
	padding: 0 10px;
	text-align: right;
	}

/*overture
********************************/

#contentsArea .topCenterArea .ot {
width:500px;
margin:10px auto 0px auto;
color:#333333;
}


#contentsArea .topCenterArea .ot p {
margin-top:5px;
}

#contentsArea .topCenterArea .ot p .ad {
color:#666666;
}

#contentsArea .topCenterArea .ot p .ad {
color:#666666;
}

#contentsArea .adingo {
margin:10px 20px 0px 20px;
text-align:right;
font-size:10px;
color:#666666;
}


/*YSP
/////////////////////////////////////////////////*/

#contentsArea .defRightArea .YSP {
background-image:url(../images/contents/red_frame3.gif);
background-repeat:no-repeat;
width:651px;
margin:5px auto 0px auto;
padding:4px 4px 10px 4px;
font-size:small;
color:#333333;
}

#contentsArea .defRightArea .YSP .logout {
width:300px;
text-align:center;
font-weight:bold;
color:#CC0000;
padding:3px;
background-color:#FFCCCC;
}

/*hotspot
********************************/

#contentsArea .defRightArea .hotspot {
margin:0px auto 10px auto;
padding:0px;
width:639px;
text-align:center;
font-size:12px;
border:0px;
height:15px;
}

#contentsArea .defRightArea .hotspot dl {
margin:0px;
padding:0px;
list-style:none;
}

#contentsArea .defRightArea .hotspot dt {
display:block;
float:left;
margin:0px;
padding:0px;
list-style:none;
}

#contentsArea .defRightArea .hotspot dd {
display:block;
float:left;
margin-left:0px;
padding:0px;
list-style:none;
}

#contentsArea .defRightArea .hotspot dl dd ul {
display:block;
float:left;
margin-left:0px;
padding:0px;
list-style:none;
}

#contentsArea .defRightArea .hotspot dl dd ul li {
display:block;
float:left;
margin-left:20px;
padding:0px;
list-style:none;
background:none;
}