/*
========  Reset ============================================
*/

* {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,Arial,Verdana,Helvetica,sans-serif;
}
/*
========  body and base setting ============================
*/

div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background:url(../images/prt_head_back.jpg) repeat-x;
	color:#333333;
}

h1, h2, h3, h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
img{
	border:0;
}
ol,ul,li {
	margin: 0;
	padding: 3px 0 0 0;
}
table {
	border:0;
	padding:0px;
	margin:0px;
}
td, th {
	padding:0px;
	margin:0px;
}
a,a:link,a:visited {
 color:#0066ff;
	text-decoration: underline;
}

a:hover,a:active {
	color:#ff9900;
	text-decoration: underline;
}


/*
========  base Layout ====================================
*/
#container {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background:#ffffff;
}
#head {
	width: 900px;
	padding: 0;
	background:url(../images/prt_head_back.jpg) repeat-x;
}
#contents {
	width: 680px;
	padding:0;
	margin:0 20px 0 0;
	text-align: left;
	display:inline;
	float:left;
}

#side {
	width: 198px;
	margin:0;
	padding:0;
	float:left;
	text-align: left;
	display:inline;
	border-left:#0099cc 1px solid;
	border-right:#0099cc 1px solid;
	border-bottom:#0099cc 1px solid;
}

#bred {
	margin: 0;
	padding: 10px;
	font-size:11px;
	text-align: left;
	clear:both;
}
#foot {
	clear:both;
	padding: 5px;
	margin:10px 0 0 0;
	text-align: center;
	background: url(../images/prt_foot_back.gif) repeat-x;
	height:30px;
	font-size:80%;
	color:#ffffff;
	line-height:120%;
}
/*
======== Header ========================================
*/
#head h1{
	margin:0;
	padding:0;
	float:left;
	display:inline;
}
#head p{
	margin:0;
	padding:0;
	float:right;
	display:inline;
}



/*
======== contents =====================================
*/
#contents_head{
	background:url(../images/img_main.jpg) no-repeat;
	width:680px;
	height:154px;
	margin:0 0 20px 0;
}
#contents h1.head{
	background:url(../images/ttl_top.gif) no-repeat;
	width:660px;
	height:20px;
	margin:0;
	padding:10px;
	font-size:130%;
	color:#ffffff;
}
#contents_head p{
	padding:50px 160px 0 130px;
	margin:0;
	font-size:12px;
	line-height:140%;
}

#contents .clumn {
	padding:20px 0 0 0;
	margin:0;
	clear:both;
	width:680px;
}
#contents .clumn .text{
	padding:10px;
	margin:0;
	width:530px;
	float:left;
	display:inline;
	clear:both;
}
#contents .clumn h4 {
	clear:both;
	background:url(../images/ttl_circle_back.gif) no-repeat;
	font-size:90%;
	font-weight:bold;
	padding:0 0 5px 25px;
	margin:0 10px 10px 10px;
	line-height: 140%;
	border-bottom:#0066cc 1px dashed;
	color:#0066cc;
}
#contents .clumn .banner {
	text-align:center;
	padding:0;
	margin:0 10px 10px 10px;
}
#contents .clumn .text p {
	font-size:80%;
	padding:0 0 20px 0;
	margin:0;
	line-height: 140%;
}
#contents .clumn .img {
	padding:0;
	margin:0;
	width:130px;
	float:left;
	display:inline;
}
#contents .clumn .detail {
	padding:10px;
	margin:0;
	text-align:center;
}
#contents .clumn strong {
	color:#ff0000;
	font-weight:bold;
}

#contents .clumn .ranking_head h2 {
	padding:10px 0 0 0;
	margin:0;
	font-size:120%;
	color:#333333;
	font-weight:bold;
}
#contents .clumn .ranking_head {
	background:url(../images/ttl_ranking_head_back.gif) no-repeat;
	width:660px;
	height:61px;
	padding:0 10px 10px 10px;
}
#contents .clumn .ranking_head .ranking_img{
	padding:3px 5px 3px 0;
	display:inline;
	float:left;
}
#contents .clumn .ranking_head h2{
	padding:35px 5px 0 5px;
	display:inline;
	float:left;
	width:300px;
	font-weight:bold;
	font-size:120%;
}
#contents .clumn .ranking_head h3{
	padding:40px 5px 0 5px;
	display:inline;
	float:right;
	width:200px;
	font-weight:normal;
	font-size:80%;
	text-align:right;
}
#contents .clumn .ranking_head .up{
	padding:15px 5px 0 0;
	display:inline;
	float:left;
	width:50px;
	text-align:center;
}
#contents .clumn .ranking_head .up p{
	padding:2px 0;
	color:#ffffff;
	margin:3px 0 0 0;
	background:#ff0000;
	width:50px;
	font-weight:bold;
	font-size:70%;
}
#contents .clumn .ranking_head .down{
	padding:15px 5px 0 0;
	display:inline;
	float:left;
	width:50px;
	text-align:center;
}
#contents .clumn .ranking_head .down p{
	padding:2px 0;
	color:#ffffff;
	margin:3px 0 0 0;
	background:#0033cc;
	width:50px;
	font-weight:bold;
	font-size:70%;
}
#contents .clumn .ranking_head .same{
	padding:15px 5px 0 0;
	display:inline;
	float:left;
	width:50px;
	text-align:center;
}
#contents .clumn .ranking_head .same p{
	padding:2px 0;
	color:#ffffff;
	margin:3px 0 0 0;
	background:#339900;
	width:50px;
	font-weight:bold;
	font-size:70%;
}
#contents .top_back{
	padding:20px 0 10px 0;
	text-align:right;
	font-size:80%;
}

.btn {
	text-align:center;
	width:173px;
	height:39px;
	padding:5px;
	text-align:center;
	background: url(../images/btn_back_detail.gif) no-repeat;
	margin:0 auto;
	line-height: 120%;
	font-size:90%;
	}

.btn a,.btn a:link,.btn a:visited {
	color:#ffffff;
	text-decoration: underline;
}

.btn a:hover,.btn a:active {
	color:#ff0000;
	text-decoration: underline;
}
#contents .clumn .detail_table{
	border: 1px #cccccc solid;
	border-collapse: collapse;
	margin:10px;
}
#contents .clumn .detail_table td{
	background:url(../images/prt_sell_back_01.gif) repeat-x;
	border-top: 1px #cccccc solid;
	border-left: 1px #ebebeb solid;
	border-right: 1px #ebebeb solid;
	font-size:80%;
	color:#333333;
	padding:5px;
	vertical-align:middle;
	text-align:center;
	line-height:150%;
}
#contents .clumn .detail_table td.left{
	background:url(../images/prt_sell_back_01.gif) repeat-x;
	border-top: 1px #cccccc solid;
	border-left: 1px #ebebeb solid;
	border-right: 1px #ebebeb solid;
	font-size:80%;
	color:#333333;
	padding:5px;
	vertical-align:middle;
	text-align:left;
	line-height:150%;
}
#contents .clumn .detail_table th{
	background:url(../images/prt_sell_back_02.gif) repeat-x;
	border-top: 1px #cccccc solid;
	border-left: 1px #ebebeb solid;
	border-right: 1px #ebebeb solid;
	font-size:80%;
	color:#333333;
	padding:5px;
	vertical-align:middle;
	text-align:center;
	line-height:150%;
}

#contents .clumn .ranking_table{
	border: 1px #cccccc solid;
	border-collapse: collapse;
	margin:10px;
}
#contents .clumn .ranking_table td{
	background:url(../images/prt_sell_back_01.gif) repeat-x;
	border-top: 1px #cccccc solid;
	border-left: 1px #ebebeb solid;
	border-right: 1px #ebebeb solid;
	font-size:80%;
	color:#333333;
	padding:5px;
	vertical-align:middle;
	text-align:center;
	line-height:150%;
}

#contents .clumn .ranking_table th{
	background:url(../images/prt_sell_back_02.gif) repeat-x;
	border-top: 1px #cccccc solid;
	border-left: 1px #ebebeb solid;
	border-right: 1px #ebebeb solid;
	font-size:80%;
	color:#333333;
	padding:5px;
	vertical-align:middle;
	text-align:center;
	line-height:150%;
}

#contents .clumn .common_table{
	border: 1px #cccccc solid;
	border-collapse: collapse;
	margin:10px;
}
#contents .clumn .common_table td,
#contents .clumn .common_table th {
	border-top: 1px #cccccc solid;
	border-left: 1px #ebebeb solid;
	border-right: 1px #ebebeb solid;
	font-size:80%;
	color:#333333;
	padding:5px 10px;
	vertical-align:middle;
	line-height:1.5;
}
#contents .clumn .common_table td{
	background:url(../images/prt_sell_back_01.gif) repeat-x;
	text-align:left;
}

#contents .clumn .common_table th{
	background:url(../images/prt_sell_back_02.gif) repeat-x;
	text-align:center;
}
.formnotes {
	margin:10px;
	line-height:1.5;
	font-size:80%;
}
.submit {
	text-align: center;
	font-size:80%;
}
.submit input {
	font-size: 120%;
	margin: 1em;
	padding:0.5em;
}
.formerror {
	margin:1em 2em;
	color:#FF0000;
	line-height:1.8;
	font-size:80%;
}
.complete {
	margin:1em 10px;
	font-weight: bold;
	font-size:80%;
}
/*
======== side ========================================
*/

#side ul {
	margin: 5px;
	padding:0;
	width:186px;
	border:1px #cccccc solid;
}
#side li{
	list-style:none;
	background:url(../images/btn_back_menu.gif) no-repeat;
	padding: 16px 5px 10px 30px;
	margin:0;
	text-align: left;
	height:21px;
	width:151px;
	font-size:14px;
	color:#0099cc;
}
#side a,#side a:link,#side a:visited {
	color:#0099cc;
	text-decoration: none;
}

#side a:hover,#side a:active {
	color:#ff9900;
	text-decoration: underline;
}
/*
======== foot ========================================
*/
#foot a,#foot a:link,#foot a:visited {
	color:#ffffff;
	text-decoration: underline;
}

#foot a:hover,#foot a:active {
	color:#ff9900;
	text-decoration: underline;
}