body { 
margin: 0 0 30px 0;
padding:0;
border:0;
font: 80% tahoma,sans-serif;
color: #2B2B2B;
line-height:1.5em;
text-align:center;
}

#container{
position:relative;
width:1000px;
margin: 0px auto 0 auto;
}

#supportingText{
margin: 0 0 0 205px;
text-align:left;
}

#linkList{
position:absolute;
top:90px;
left:0px;
width:200px;
text-align:left;
}

#footer{
height:3.5em;
margin-top:2em;
}


#pageHeader{
height:80px;
padding-top:10px;

}



h1, #explanation h3, #preamble h3, #supportingText h3, #linkList h3
					{margin:0;}

h1{
	height:287px;
	padding-top: 20px;
}

h3					{font-size:150%}
#explanation h3		{height:30px;}
#participation h3	{height:30px;}
#benefits h3		{height:30px;}
p{
	letter-spacing:0.05em;
	word-spacing:0.1em;
	padding: 0 10px 0 10px;
}
#benefits p, #preamble p{
letter-spacing:0px;
}



#lselect a{
	font:normal 100% tahoma,sans-serif;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	padding-left:0.25em;
	margin-left:-0.25em;
	border-bottom:0;

}
#lselect a:hover{
	background-color: #FFCCCC;
}

#lselect a.c{
font: italic 100% georgia,serif;
text-transform:none;
color:#d25c3e;
display:inline;
padding-left:0;
margin-left:0;
background:none;
}
#lselect a.c:hover{
color:#0cf;
background:none;
border-bottom:1px solid #ddd1a8;
}

#linkList ul{
list-style:none;
padding:0;
margin-right:40px;
margin-left:0.5em;
}

#linkList ul li{
	margin: 0.5em 0;
	padding: 0.3em 0;
	font: normal 90% tahoma,serif;
}











a{
text-decoration:none;
color:#1D3994;
}

a:hover{
text-decoration:underline;
}


img{
border:0;
}


a:hover img
{
filter: alpha(opacity=50);
opacity:0.8;
background: #fff;
}







.page{
	font-size: 15px;
	font-weight: normal;
	
}


.page a:link, .page a:visited {
margin:0px; 
padding:4px;
border:1px solid #DBDBDB;
color:#1D3994;
background-color:#ffffff;
text-decoration: none;
}

.page a:hover {
margin:0px;
padding:4px;
border:1px solid #DBDBDB;
color:#ffffff;
background-color:#1D3994;
text-decoration: none;
}


.page3 {
font-size: 15px;
margin:0px; 
padding:4px;
border:1px solid #DBDBDB;
color:#ffffff;
font-weight:bold;
background-color:#1D3994;
}



#pageguide{
	position: relative;
	margin-top: -35px;
	float: right;
	margin-right:20px;
	font-size:14px;
	font-weight:bold;
}


.textbox{
float: right;
padding-left: 20px;
text-align:left;
margin-bottom:30px;
width: 595px;
margin-top:-20px;
}



div#chie ul {
   margin:5px 0 0 5px;
   padding:0;
font-size:13px;
}

div#chie li {
   padding:5px 0 5px 0;
   list-style:none;
font-size:13px;
}

div#chie li a {
   padding-left:12px;
   background:url("images/bg_list.gif") 0 4px no-repeat;
font-size:13px;
}




.tablebox{
   border:1px solid #CECFCE;
	width:146px;
}








.br5{
height:5px;
}

.br10{
height:10px;
}




.off{
	font-size: 13px;
	font-weight: bold;
	color: #473f36;
background-color:#ede8e1;
display:block;
text-align: center;
border:1px solid #7b6a59;
}



.tdbox{
padding:20px 12px;
font-size:12px;
background-color:#ffffff;
border:1px solid #C7CACF;
}


.imgbox{
	border: 1px solid #c7cacf;
	width: 146px;
}


.tdbox a{
text-decoration:none;
}

.tdbox a:hover{
text-decoration:underline;
}


.fbtext a{
text-decoration:none;
}

.fbtext a:hover{
text-decoration:underline;
}


#chie li a{
text-decoration:none;
}

#chie li a:hover{
text-decoration:underline;
}


.tdbox2{
padding:0 8px;
font-size:13px;
margin-right:10px;
max-width:110px;
min-width:80px;
}


.tdbox2 a{
text-decoration:none;
}

.tdbox2 a:hover{
text-decoration:underline;
}



.price{
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}

img.mid{
	vertical-align: -1px;
}


.souryou{
 background: #66CC33;
 color:#FFF;
 padding: 0 3px;
 margin-right: 3px;
	font-weight: bold;
font-size:13px;
}




.point{
 background: #FFFE99;
 color:#FF0000;
 padding: 0 3px;
 margin-right: 3px;
	font-weight: bold;
}



.fbbox{
	text-align:center;
	float:left;
	width:150px;
	text-align:center;
}


.fbtext{
	float:right;
	width: 560px;
font-size:13px;
}



.dsouryou{
 background: #66CC33;
 color:#FFF;
 padding: 0 3px;
 margin-right: 3px;
font-size:100%;
	font-weight: bold;
}




.dpoint{
 background: #FFFE99;
 color:#FF0000;
 padding: 0 3px;
 margin-right: 3px;
font-size:100%;
	font-weight: bold;
}


.dprice{
	font-size: 25px;
	font-weight: bold;
	color: #CC0000;
}


.dtitle{
	font-size: 15px;
	font-weight: bold;
	color: #67797E;
}




.sideprice{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}


.doff{
	font-weight: bold;
 background: #B5AC77;
 color:#FFF;
	text-align:center;
padding:0 2px 0 4px;
font-size:18px;
margin-bottom: 5px;
}






/*-------右側メイン--------*/
/*-------------------------*/
#rightArea {
	width: 100%;
	width: 780px;
	position: relative;
	margin: auto;
	float: left;
	margin-top: -10px;
	margin-bottom: 40px;
padding-left:10px;
}

/*右側リスト*/
#rightArea .rankArea {
	margin: 0 0 15px 0;
	padding: 0;
	height: 1%;
	display: table;
	width: 100%;
	*width: 99%;
}


#rightArea .rankArea .rankLeft{
	margin: 0;
	width: 49%;
	font-size: 14px;
	color: #ffffff;
	float: left;
}

#rightArea .rankArea .rankRight {
	margin: 0;
	width: 49%;
	font-size: 14px;
	color: #ffffff;
	float: right;
}

#rightArea .rankArea ul.title {
	margin: 5px 0;
	background: #faa74b;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	list-style-type:none;
}

#rightArea .rankArea ul.title li{
	color: #ffffff;
padding-top:2px;
}

#rightArea .rankArea ul.title li.rank{
	width: 20%;
	float: left;
	border-right: 1px solid #FFFFFF;
}
#rightArea .rankArea ul.item {
	margin: 5px 0;
	background: #FFFFFF;
	font-size: 14px;
	color: #666666;
	text-align: center;
	border-bottom: 1px dotted #faa74b;
	list-style-type:none;
}
#rightArea .rankArea ul.item li.rank{
	width: 20%;
	float: left;
	border-right: 1px solid #FFFFFF;
	font-size: 14px;
}


#rightArea a{
text-decoration:none;
}

#rightArea a:hover{
text-decoration:underline;
}


.store{
	font-size: 12px;
	color: #3b5998;
background-color:#eceef5;
border: 1px solid #cad4e7;
display:block;
padding:2px;
margin-bottom:3px;
}



.review{
 font-weight:bold;
 background: #FFCCCC;
 color:#FF0000;
 border: 0px;
 padding: 0 3px;
}


.bread a{
padding-left:10px;
text-decoration:none;
color:#000080;
}
.bread a:hover{
text-decoration:underline;
color:#000080;
}


