﻿/* ページ全体の基本的な設定 */
body{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	color: black;
	background : #4a4a4a url(./img/bg.jpg) repeat-x;
}

/* 指定が無い時のリンクの設定 */
a {
	text-decoration: underline;	
	color: #006699;
}

/* マウスカーソルがリンクにかさなった時 */
a:hover {
	color: #cc0000;
	text-decoration: underline;
}

/* 指定が無い時の見出しタグの設定 */
h1,h2,h3{
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	font-weight: normal;
	margin: 0;
}
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; }


/* 全体を囲む枠の設定 */
#wrap{
	width: 750px;
	text-align :left;
	background: #FFF;
	margin: 0 auto;
	border-top:    1px solid #999;
	border-left:   1px solid #999;
	border-right:  2px solid #444;
	border-bottom: 2px solid #444;
}

/* トップバナーの設定 */
.banner{
	background: black;
	background: url(./img/header.jpg);
	color: white;
	height: 125px;
}

.banner h1{
	margin: 0;
	padding: 12px 0 0 0;
	text-align: center;
	color: #FF2266; 
/*
	color:#FA5022; 
*/
}

.banner h1 a{
	color: white;
	text-decoration: none;
}

.banner h1 a:visited{
	color: white;
}

/* パンくずリストの設定 */
.navi{
	font-size: 14px;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	font-weight: normal;
	padding: 0px 30px;
	margin-bottom: 0px;
	color: #fff;
	background-image: url(img/nav_back.jpg);
	line-height: 24px;
	height: 28px;
}

.navi p{
	margin: 0;
	padding: 0 10px;
}

.navi a{
	color: #fff;
}

.main{
	float: right;
	width: 540px;
}

.main h2{
	padding: 0px 0px 0px 26px;
	margin: 0;
	background : url(./img/title-bar1.gif) no-repeat;
	color: #fff;
	line-height: 26px;
	height: 26px;
}

.main h3{
	padding: 0px 0px 0px 26px;
	margin: 5px 0;
	background : url(./img/title-bar2.gif) no-repeat;
	color: #333;
	line-height: 26px;
	height: 26px;
}

.main ul{
	margin: 0;
	padding: 0px 25px;

}

.main li{
	margin: 0;
	padding: 0 2px 10px;
	vertical-align: middle;
	list-style-image: url(img/list-mark1.gif);
}

.main p{
	padding: 0px 10px;
	margin: 0;
/*
	padding: 0px 10px;
	margin: 0px 0px 20px 0px;
*/
}

.main .description{
	background: #eee;
	color: #333;
	padding: 10px;
	margin: 10px 5px;
	border: 1px solid #bbb;
}

.main .description table {
	font-size: 12px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}


.main .advertisement {
	margin: 10px;
	padding: 5px;
	border: 3px dotted #FF0099;
}
.main .advertisement b {
	color: #FF0000;
}


.main .no-link a{
	text-decoration: none;
	color: #000;
}

.main-pad{
	padding: 5px 10px 10px;
}



.main #e-list dt { /* エントリーのタイトル */
/*
	font-size: 14px;
	font-weight:bold;
	margin:0 0 3px 0px;
*/
	font-size: 14px;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	font-weight: normal;
	padding: 0px 0px 0px 26px;
	margin: 5px 0;
	background : url(./img/title-bar2.gif) no-repeat;
	color: #333;
	line-height: 26px;
	height: 26px;
}

.main dd.e-des { /* エントリーの説明 */
	font-size:12px;
	line-height:1.2em;
	background:#e6e6e6;
	padding:3px 3px 0 6px;
	margin:5px 5px 0px;
}

.main dd.e-more { /* 続きを読む */
	text-align:right;
	font-size:90%;
	background:#e6e6e6;
	margin:0 5px 20px 5px;
	padding:0 2px 2px 0;
}

.main dd.e-more a span { /* 続きを読むの頭の「>」マーク */
	font-size:80%;
	margin-right:3px;
	vertical-align:1px;
}


.main .pad {
	padding: 5px;
}

.main table.citys {
	font-size: 12px;
	width: 510px;
}



.button_frame {
	text-align: center;
}
.button_frame a:hover{
   color: #fff;
   text-decoration: underline;
}
.button {
	color:#fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	padding: 0px;
	margin: 10px auto 10px auto; 
	width: 240px;
	height: 46px;
	line-height: 46px;
	background: url(./img/button1.gif) no-repeat;
	text-align: center;
	text-decoration: none;
}
.button2 {
	color:#fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	padding: 0px;
	margin: 10px auto 10px auto; 
	width: 160px;
	height: 44px;
	line-height: 44px;
	background: url(./img/button5.gif) no-repeat;
	text-align: center;
	text-decoration: none;
}
.button3 {
	color:#fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	padding: 3px 0px 0px 0px;
	margin: 10px auto 10px auto; 
	width: 160px;
	height: 44px;
/*
	line-height: 40px;
*/
	background: url(./img/button5.gif) no-repeat;
	vertical-align:middle;
	text-align: center;
	text-decoration: none;
}




.map {
	margin: 5px;
	padding: 5px;
	border: 1px dashed #aaa;
}
.map td {
	text-align: center;
	border: 0;
	padding: 2px;
	font-size: 12px;
/*
	padding: 2px;
	font-size: 14px;
*/
}
.map span{
	background: #eee;
	color: #333;
	width: 320px;
	padding: 10px;
	border: 1px solid #bbb;
}

.map .hokaido { background-color: #4bb6fe; height: 60px; }
.map .tohoku  { background-color: #b9e0de; }
.map .tokai   { background-color: #fef3b6; }
.map .sinetu  { background-color: #ffcc99; }
.map .kanto   { background-color: #49da92; }
.map .kansai  { background-color: #d9d945; }
.map .kinki   { background-color: #4bb6fe; }
.map .cyugoku { background-color: #ffd7e7; }
.map .sikoku  { background-color: #ffbbdb; }
.map .kyusyu  { background-color: #ffcccc; }



.main table.management {
	font-size: 12px;
	text-align: left;
}
.main ul.management {
	list-style-type: decimal;
} 
.main li.management {
	list-style-type: decimal;
} 




.ranking {
	padding: 5px;
}
.ranking h3 {
	padding: 0px 0px 0px 50px;
	margin: 5px 0;
	background : url(./img/title-bar3.gif) no-repeat;
	color: #333;
	line-height: 26px;
	height: 26px;
}

.ranking_male{
	width: 240px;
	float: left;
	border: 1px solid #bbb;
}

.ranking_female {
	width: 240px;
	float: right;
	border: 1px solid #bbb;
}

.special {
}




.result {
	text-align: center;
}
.result table {
	font-size: 12px;
	border: #666 1px solid;
	border-collapse: collapse;
	width: 510px;
	margin: 10px auto 5px;
	color: #333;
	text-align: left;
}
.result th {
/*
	letter-spacing: 10px;
*/
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	height: 24px;
	background: url(./img/table-back1.gif) repeat-x;
	border: #666 1px solid;
	padding: 4px 6px;
}
.result th.result_th1 {
	background: url(./img/table-back2.gif) repeat-x;
}
.result th.result_th2 {
	background: url(./img/table-back3.gif) repeat-x;
}
.result th.result_th3 {
	background: url(./img/table-back4.gif) repeat-x;
}
.result td {
	border: #666 1px solid;
	padding: 4px 6px;
}
.result .supplement {
	font-size: 10px;
	letter-spacing: 0;
}
.result_title {
	background: url(./img/table-back1.gif) repeat-x;
	height: 18px;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	font-weight: normal;
	font-size: 14px;
}
.result_star {
	font-weight: normal;
	color: #dd0;
	padding: 0 6px;
	font-size: 15px;
}
.result_star a { 	  color: blue; text-decoration: underline; font-size:14 }
.result_star a:hover{ color: #c00; text-decoration: underline; font-size:14 }


.hyouka {
	font-weight: normal;
	color: #dd0;
	padding: 0;
	font-size: 14px;
}

.register .syoryaku_table {
	border: #fff 0px solid;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
.register .syoryaku_td {
	border: #fff 0px solid;
	margin: 0px;
	padding: 0px;
}

/* 登録画面 */
.register {
	text-align: center;
}
.register table {
	font-size: 12px;
	border: #666 1px solid;
	border-collapse: collapse;
	width: 510px;
	margin: 10px auto 5px;
	color: #333;
	text-align: left;
}
.register th {
/*
	letter-spacing: 10px;
*/
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	height: 24px;
	background: url(./img/table-back1.gif) repeat-x;
	border: #666 1px solid;
	padding: 4px 6px;
}
.register th.reg_th1 {
	background: url(./img/table-back2.gif) repeat-x;
}
.register th.reg_th2 {
	background: url(./img/table-back3.gif) repeat-x;
}
.register th.reg_th3 {
	background: url(./img/table-back4.gif) repeat-x;
}
.register th.reg_th4 {
	background: url(./img/table-back5.gif) repeat-x;
}
.register td {
	border: #666 1px solid;
	padding: 4px 6px;
}
.register td.reg_td1 {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.register .supplement {
	font-size: 10px;
	letter-spacing: 0;
}
.register .sample {
	letter-spacing: 0;
	font-weight: bold;
	font-style: oblique;
	color: #0000FF;
}
.register .input_text1 {
	width: 100;
}
.register .input_text2 {
	width: 150;
}
.register .input_text3 {
	width: 200;
}
.register .input_text4 {
	width: 248;
}
.register .input_num0 {
	width: 20;
}
.register .input_num1 {
	width: 30;
}
.register .input_num2 {
	width: 40;
}
.register .input_num3 {
	width: 50;
}
.register .input_num4 {
	width: 60;
}
.register .input_wide {
	width: 490;
}
.register .input_normal {
	width: 320;
}
.register .error_border {
	border: 2px solid #FF3300;
	padding: 0px;
	margin: 0px;
	color: #FF3300;
}
.register .no_border {
	padding: 0px;
	margin: 0px;
}

.register .rule_out div {
	border: 1px solid #969696;
	text-align: left;
	overflow: scroll;
	width: 478px;
	height: 200px;
}
.register .rule_in div {
	width: 440px;
	line-height: 1.5em; 
}

.register .submit1 {
	color:#fff;
	font-size: 16px;
	font-weight: normal;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	text-decoration: underline;
	width: 240px;
	height: 46px;
	background: url(./img/button1.gif) no-repeat;
	text-align: center;
	border: 0px;
	cursor: pointer;
}
.register .submit2 {
	color:#fff;
	font-size: 16px;
	font-weight: normal;
	font-family: "HGSｺﾞｼｯｸE", "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
	text-decoration: underline;
	width: 160px;
	height: 44px;
	background: url(./img/button5.gif) no-repeat;
	text-align: center;
	border: 0px;
	cursor: pointer;
}

/* 写真を枠の設定 */
#pic_normal{
	width:  320px;
	height: 240px;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 0;
}
#pic_small{
	width:  160px;
	height: 120px;
	text-align: center;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
}


.explanation {
/*
	text-align: center;
*/
}
.explanation table {
	font-size: 12px;
	border: 0px;
/*
	border-collapse: collapse;
*/
	width: 510px;
	margin: 10px auto 5px;
	color: #333;
	text-align: left;
}
.explanation th {
/*
	letter-spacing: 10px;
*/
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	height: 24px;
	background: url(./img/table-back1.gif) repeat-x;
/*
	border: #666 1px solid;
*/
	border: 0px;
	padding: 4px 6px;
}

.melmaga {
/*
	font-size: 14px;
*/
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0;
}
.melmaga_hr {
	border-style: dashed none none none;
	border-top-width: 1px;
	border-top-color: #000000;
	height: 1px;
}



.letter {
	line-height: 1.7em;
	padding: 10px;
}
.letter b {
	color: red;
}
.letter2 {
	margin: 8px 0 0 0;
	line-height: 1.0em;
}
.letter_hr {
	border-style: dashed none none none;
	border-top-width: 1px;
	border-top-color: #000000;
	height: 1px;
}


.menu{
	float: left;
	background: #ddd;
	border: 1px solid #999;
	margin: 5px 0 5px 5px;
	width: 191px;
	height: auto;
}

.menu h2{
	padding: 0px 0px 0px 10px;
	margin: 0px 0 2px 0px;
	background : url(./img/list-back1.gif) no-repeat;
	color: #fff;
	line-height: 26px;
	height: 26px;
}

.menu h2 a{
	display: block;
	text-decoration: none;
	color: #fff;
	position: relative;
}

.menu ul{
	margin: 0;
	padding: 0;
}

.menu li{
	margin: 0;
	padding: 0;
	display: inline;
	width: auto;
	height: auto;
}

.menu a{
	text-decoration: none;
	color: #000;
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: block;
	padding: 3px 10px;
	width: auto;
	height: auto;
}

.menu li a:link{	color: #000; }
.menu li a:visited{ color: #000; }
.menu li a:hover{ 
	background: #fed;
	text-decoration: none;
}

.menu-pad{
	padding: 5px 5px;
}


.menu #link_free {
	display: block;
	width: 179px;
	height: 50px;
	line-height: 50px;
	background: url(./img/link_free.gif) no-repeat;
}
.menu #mag table {
	font-size: 12px;
	margin: 0px 0 3px 0px;
	padding: 0px 0px 0px 0px;
}
.menu #mag_frame {
	width: 179px;
}
.menu #mag a:visited {
	color: #00f;
	text-decoration: underline;
}
.menu #mag a:hover {
	color: #cc0000;
	text-decoration: underline;
}
.menu #mag_title {
	margin: 0px;
	padding: 0px;
	border-width: 3px;
	border-style: solid;
	border-color: #FF99CC;
}
.menu #mag_logo {
	background: url(./img/logo_mag2.gif) no-repeat;
	font-size: xx-small;
	height: 19px;
	padding-right: 60px;
	float: right;
}
.menu #mag_circle {
	padding-left: 16px;
	background: url(./img/list-mark_s2.gif) no-repeat;
}




.footer{
	clear: both;
	padding: 0;
	border-top: 1px solid #DDD;
	background: #333;
	color: #e8e8e8;
	text-align: center;
	height: 20px;
}

.footer p{
	padding: 0;
	margin: 0;
}

.footer a{         color: #e8e8e8; text-decoration: none; }
.footer a:visited{ color: #e8e8e8; }





/*** Google Map ウィンドウ ***/

/* 全体を囲む枠の設定 */
#gmap_main {
	width: 99%;
	height: 99%;
	text-align :left;
	background: #FFF;
	margin: 0 auto;
	border-top:    1px solid #999;
	border-left:   1px solid #999;
	border-right:  2px solid #444;
	border-bottom: 2px solid #444;
}

#gmap_h2 {
	padding: 0px 0px 0px 26px;
	margin: 0px;
	background : url(./img/title-bar4.gif) no-repeat;
	color: #333;
	line-height: 26px;
	height: 26px;
}

#gmap_table {
	width:   100%;
	height:  100%;
	margin:  0px;
	padding: 0px;
	border:  1px solid #999;
	font-size: 12px;
//	background: #fff;
}

#gmap_td1 {
//	background: #eee;
	background: #fff;
//	color: #333;
	color: #000;
	padding: 5px;

	margin: 0;
}

#gmap_td2 {
	padding: 0;
	margin: 0;
}

#gmap {
	width:   100%;
	height:  100%;
	margin:  0px;
	padding: 0px;
//	text-align: center;
}

#gmap_rule_out div {
	border: 1px solid #969696;
	text-align: left;
	overflow: scroll;
	width: 100%;
	background-color:#FFFFFF;
	height: 400px;
}
#gmap_rule_in div {
	width: 100%;
	line-height: 1.5em;
}


/*** Sub ウィンドウ ***/

.subwin{
	width: 100%;
	height:  100%;
	line-height: 1.8em;
	text-align :left;
	background: #fff;
}

.subwin h2{
	padding: 0px 0px 0px 26px;
	margin: 0px;
	background : url(./img/title-bar4.gif) no-repeat;
	color: #333;
	line-height: 26px;
	height: 26px;
}

.subwin h3{
	padding: 0px 0px 0px 26px;
	margin: 5px 0;
	background : url(./img/title-bar2.gif) no-repeat;
	color: #333;
	line-height: 26px;
	height: 26px;
}

.subwin ul{
	margin: 0;
	padding: 0px 25px;

}

.subwin li{
	margin: 0;
	padding: 0 0px 0px;
	vertical-align: middle;
	list-style-image: url(img/list-mark1mini.gif);
}

.subwin .description{
	background: #eee;
	color: #333;
	padding: 10px;
	margin: 10px 0px;
	border: 1px solid #bbb;
}

.subwin .main_contents {
	width:   100%;
/*
	height:  100%;
*/
	margin:  0px;
	padding: 10px;
	background: #fff;
	border:  1px solid #999;
	font-size: 12px;
}

.subwin .button_background {
	width:   100%;
	margin:  0px;
	padding: 0px;
	background: #fff;
/*
	border:  1px solid #999;
*/
	border-top:    1px solid #fff;
	border-left:   1px solid #999;
	border-right:  1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 12px;
}

.subwin2 {
	width:   100%;
	margin:  0px;
	padding: 10px;
	font-size: 10px;
}

.subwin2 table {
	font-size: 12px;
	border: #666 1px solid;
	border-collapse: collapse;
	margin: 10px auto 5px;
	color: #333;
	text-align: left;
}
.subwin2 th {
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	height: 24px;
	background: url(./img/table-back2.gif) repeat-x;
	border: #666 1px solid;
	padding: 4px 6px;
}
.subwin2 td {
	border: #666 1px solid;
	padding: 4px 6px;
}
