/*
========  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:#eeeeee;
	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: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background:#ffffff;
	border-left:#cccccc 1pz solid;
	border-right:#cccccc 1pz solid;
}
#head {
	width: 900px;
	padding: 0 50px;
	background: url(../images/prt_back_head.jpg) no-repeat;
}
#contents {
	width: 900px;
	padding: 0 50px;
	text-align: left;
	clear:both;
}

#main {
	width: 700px;
	height: 100%;
	margin: 0;
	padding: 0 0 0 10px;
	float:left;
	text-align: left;
	display:inline;
}


#side {
	width: 190px;
	margin: 0;
	padding: 0;
	float:left;
	text-align: left;
	display:inline;
}

#pankuzu {
	margin: 0;
	padding: 10px;
	font-size:11px;
	text-align: left;
}
#footer {
	clear:both;
	width: 900px;
	padding: 40px 50px 0 50px;
	margin:30px 0 0 0;
	text-align: left;
	background: url(../images/prt_back_foot.gif) no-repeat;
	height:60px;
	font-size:10px;
	color:#ffffff;
	line-height:160%;
}
/*
======== Header ========================================
*/
#head .banner img{
	margin:0 0 10px 0;
}
#head img{
	margin:0;
	padding:0;
}
#head p{
	font-size:80%;
	color:#ffffff;
	margin:5px 0;
}
#head h1{
	font-size:80%;
	color:#ffffff;
	margin:5px 0;
	font-weight: normal;
}



/*
======== contents =====================================
*/
#contents #main h1 {
	padding:10px 0 0 0;
	margin:0;
	font-size:150%;
	color:#FFFFFF;
	font-weight:bold;
}
#contents #main span {
	padding:0 0 5px 0;
	margin:0;
	font-size:70%;
	color:#FFFFFF;
	font-weight:bold;
}
#contents #main .mainttl_server {
	padding:5px 0px 5px 20px;
	margin:0;
	background: url(../images/ttl_h1.jpg) no-repeat;
	height:60px;
}
#contents #main .clumn {
	padding:20px 0;
	margin:0;
	clear:both;
}

#contents #main p {
	font-size:80%;
	padding:10px 10px 15px 10px;
	margin:0;
	line-height: 140%;	
}
#contents #main p.policy {
	font-size:80%;
	padding:10px 30px 15px 30px;
	margin:0;
	line-height: 140%;	
}
#contents #main ul.policy {
	font-size:80%;
	padding:0 40px 15px 40px;
	margin:0;
}
#contents #main ul.policy li{
	padding:0 0 5px 0;
	margin:0;
}
#contents #main .sitemap{
	clear:both;
}
#contents #main .sitemap ul{
	font-size:80%;
	padding:0px 40px 0px 40px;
	margin:10px 0 0 0;
}
#contents #main .sitemap ul li{
	padding:10px 5px;
	margin:0 2px 5px 2px;
	display:inline;
	background:#eeeeee;
	width:180px;
	float:left;
	border:#cccccc 1px solid;
	text-align:center;
}

#contents #main .clumn .ranking_head h2 {
	padding:10px 0 0 0;
	margin:0;
	font-size:120%;
	color:#333333;
	font-weight:bold;
}
#contents #main .clumn .ranking_head {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:#98d6ea 1px dashed;
}
#contents #main .clumn .up {
	background: url(../images/prt_ranking_arrow_01.gif) 3px 10px no-repeat;
}
#contents #main .clumn .down {
	background: url(../images/prt_ranking_arrow_02.gif) 3px 10px no-repeat;
}
#contents #main .clumn .same {
	background: url(../images/prt_ranking_arrow_03.gif) 3px 10px no-repeat;
}
#contents #main .clumn .up p{
	padding:10px 0 0 30px;
	color:#ff0000;
	margin:0;
}
#contents #main .clumn .down p{
	padding:10px 0 0 30px;
	color:#0033ff;
	margin:0;
}
#contents #main .clumn .same p{
	padding:10px 0 0 30px;
	color:#339900;
	margin:0;
}
.btn {
	text-align:center;
	width:173px;
	height:39px;
	padding:5px;
	text-align:center;
	background: url(../images/btn_back.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:#ff9900;
	text-decoration: underline;
}
.btn2 {
	text-align:center;
	width:173px;
	height:39px;
	padding:12px 5px 0 5px;
	text-align:center;
	background: url(../images/btn_back.gif) no-repeat;
	margin:5px 25px;
	_margin:-5px 25px 10px 25px;
	line-height: 120%;
	font-size:90%;
	float:left;
	display:inline;
	}

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

.btn2 a:hover,.btn2 a:active {
	color:#ff9900;
	text-decoration: underline;
}
#map {
	text-align:center;
	width:650px;
	height:500px;
	padding:0px;
	text-align:center;
	background: url(../map/images/map.gif) no-repeat;
	margin:0 auto;
	line-height: 120%;
	font-size:90%;
	}
#map #hokkaido {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #BAE1E8;
	}
#map #tohoku {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #00B9E6;
	}
#map #kanto {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #0B3C95;
	}
#map #hokuriku {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #548DCB;
	}
#map #tokai {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #1A284F;
	}
#map #kinki {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #626395;
	}
#map #chugoku {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #D397C2;
	}
#map #shikoku {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #BE99C7;
	}
#map #kyusyu {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #6B318F;
	}
#map #okinawa {
	text-align:center;
	width:150px;
	padding:5px;
	text-align:center;
	margin:0 10px 10px 10px;
	font-size:90%;
	display:inline;
	float:left;
	border:#cccccc 1px solid;
	background-color: #D83D91;
	}
#map a,#map a:link,#map a:visited {
 color:#ffffff;
	text-decoration: underline;
}

#map a:hover,#map a:active {
	color:#ff9900;
	text-decoration: underline;
}
#contents #main #kuchikomi {
	font-size:80%;
	margin: 0.5em;
	min-height: 13px;
	background: url(../images/prt_arrow_04.gif) no-repeat left 0.2em;
	padding: 0 0 0 20px;
	float: right;
}
*html #contents #main #kuchikomi{
	height: 13px;	
}

/*
======== side ========================================
*/
#side ul {
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size:80%;
}
#side li{
	list-style-image:url(../images/prt_arrow_01.gif);
	list-style-position: inside;
	padding: 0 0 5px 5px;
	margin:0 0 10px 0;
	text-align: left;
	border-bottom:#98d6ea 1px dashed;
	
}
/*
======== sub ========================================
*/
#sub ul {
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size:80%;
}
#sub li{
	list-style-image:url(../images/prt_arrow_02.gif);
	padding: 0 0 5px 0;
	margin:0 0 10px 0;
	text-align: left;
	list-style-position: inside;
}
#sub a,#sub a:link,#sub a:visited {
 color:#ff9900;
	text-decoration: underline;
}

#sub a:hover,#sub a:active {
	color:#0066ff;
	text-decoration: underline;
}
#sub .mame{
	background: url(../images/ttl_mame.gif) no-repeat;
	width:700px;
	height:55px;
}
#sub .hikaku{
	background: url(../images/ttl_hikaku.gif) no-repeat;
	width:345px;
	height:55px;
}
#sub .map{
	background: url(../images/ttl_map.gif) no-repeat;
	width:345px;
	height:55px;
}
#sub .takuhai{
	background: url(../images/ttl_map_l.gif) no-repeat;
	width:700px;
	height:55px;
}
#sub h2{
	text-indent:-9999px;
	float:left;
}
#sub h3{
	text-indent:-9999px;
	float:left;
}

#syousai h3{
	padding:10px 10px 15px 40px;
	margin:20px 0 15px 0;
	font-size:100%;
	font-weight:bold;
	background-image: url(../images/ttl_h3_back.gif);
	background-repeat: no-repeat;
	color:#0099cc;
}
#syousai h4{
	padding:5px 10px 5px 15px;
	margin:10px 15px 5px 15px;
	border-bottom:#98d6ea 1px dashed;
	font-size:90%;
	font-weight:bold;
	background-image: url(../images/prt_icon.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	clear:both;
}



#contents #main #sub .link ul {
float:right;
	margin: 0;
	padding: 30px 0 0 0;
	font-size:80%;
}
#contents #main #sub .link li{
	list-style-image:url(../images/prt_arrow_02.gif);
	padding: 0 0 5px 0;
	margin:0;
	text-align: left;
	list-style-position: inside;
}
#syousai .white{
	background:#ffffff;
}
#syousai .grey{
	background-color: #eeeeee;
}

#syousai table{
	margin: 10px auto;
	padding:0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background:#ffffff;
}
#syousai th{
	font-size:80%;
	padding:10px;
	border: 1px  #cccccc solid;
	background-color: #eeeeee;
	text-align:center;
}
#syousai td{
	font-size:80%;
	padding:10px;
	border: 1px  #cccccc solid;
	line-height:140%;
}


/*
======== sub ========================================
*/
#footer a,#footer a:link,#footer a:visited {
	color:#ffffff;
	text-decoration: underline;
}

#footer a:hover,#footer a:active {
	color:#ff9900;
	text-decoration: underline;
}
/*
======== top ========================================
*/
#contents #main .top_clumn {
	width:341px;
}
#contents #main .top_clumn p img{
	float:right;
	margin:0 0 10px 10px;
}
#contents #main .link ul {
float:right;
	margin: 0;
	padding: 5px 10px;
	font-size:80%;
}
#contents #main .link li{
	list-style-image:url(../images/prt_arrow_01.gif);
	padding: 0 0 5px 0;
	margin:0;
	text-align: left;
	list-style-position: inside;
}
/*
======== link ========================================
*/
.linkcategory{
	float: left;
	margin: 0  30px 1em 1em;
	font-size: 80%;
}
.linkcategory li{
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0.5em 0;
	background: url(../images/prt_arrow_01.gif) no-repeat 0px 0.2em;
}
.linkcategory  ul li{
	background:url(../images/list_next.gif) no-repeat 0px 0.2em;
	list-style-type: none;
	padding-left: 15px;
}
.clear {
	clear: both;
} 
#linkcol {
	font-size: 80%;
}
#linkcol h4 {
	color:#666666;
}
#linkcol h5 {
	color:#666666;
	font-size: 90%;
	background:url(../images/prt_kugiri.gif) no-repeat 0px center;
	padding-left:15px;
	margin: 1em 20px 0.2em;
	clear: both;
}
.linklista{
	float: left;
	width: 300px;
	margin: 0.2em 40px 1em 30px;
	padding:0;
}
*html .linklista {
	margin: 0.2em 40px 1em 20px;
}
.linklista li,
.linklistb li{
	background:url(../images/link_arrow_01.gif) no-repeat 0px 0.7em;
	list-style-type: none;
	padding-left: 15px;
	margin: 0 0 0.3em;
}
.linklistb{
	float: left;
	width: 300px;
	margin: 0.2em 0 1em;
	padding:0;
}
.pageanchor{
	clear:both;
	margin-top:1em;
	text-align: right;
}
.pageanchor a{
	background:url(../images/prt_arrow_03.gif) no-repeat 0px 0.3em;
	padding: 0 0 0 15px;
}
#mutuallink {
	width: 600px;
}
#mutuallink th {
	padding: 7px 11px;
	width: 200px;
}
#mutuallink td {
	padding: 7px 11px;
}
#mutuallink td textarea {
	width: 390px;
	height: 4em;
	padding:0.2em;
	font-size: 12px;
}
#linkform {
	margin:1em 0;
}
#container p#linkformnote {
	width: 600px;
	margin:10px auto 5px;
}
#linkformcol {
	background: #EEEEEE;
	width: 600px;
	margin:5px auto 10px;
	font-size: 80%;
	padding-top: 20px;
}
#linkformcol dl {
	margin: 0 20px 20px;
}
#linkformcol dt {
	border-left: 5px solid #A3D2E9;
	padding-left:0.5em;
	margin-bottom:0.5em;
}
#linkformcol dd {
	margin:0.5em 0 1em;
}
#linkformcol input {
	width: 520px;
	padding:0.2em;
}
#linkformcol p.submitButton {
	padding: 2em 0;
	text-align: center;
}
#linkformcol p.submitButton input {
	color: #444444;
	font-size: 130%;
	font-weight: bold;
	height: 50px;
	width: 239px;
}
.returnButton {
	padding: 2em 0;
	text-align: center;
}
.returnButton input {
	color: #444444;
	font-size: 130%;
	font-weight: bold;
	height: 50px;
	width: 239px;
}
#formerrer {
	margin-left:20px;
	font-size:80%;
	color:#FF0000;
}
#formerrer ul {
	margin: 1em;
}
#formerrer ul li {
	margin-left:1em;
	list-style-type: disc;
}
/*
======== inquiry ========================================
*/
.submit {
	text-align: center;
}
.submit input {
	font-size: 120%;
	margin: 1em;
	padding:0.5em;
}
.formerror {
	margin:1em 2em;
	color:#FF0000;
	line-height:1.8;
}
.complete {
	margin:1em 2em;
	font-weight: bold;
}
/*
======== update ========================================
*/
#update {
	margin: 20px;
}
#update table {
	border-collapse:collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 12px;
}
*html #update table {
	font-size: 80%;
}
#update th {
	border-bottom: 1px solid #E7E7E7;
	padding:0.7em 0.5em 0.5em 0;
	width: 6em;
	text-align: left;
	font-weight: normal;
	color: #009ACF;
}
#update td {
	border-bottom: 1px solid #E7E7E7;
	padding:0.7em 0.5em 0.5em 1.5em;
	background: url(../images/arrow_update.gif) no-repeat left 1em;
}
*html #update td {
	padding:0.7em 0.5em 0.5em 1em;
}