@charset "utf-8";
/* CSS Document */

.box:after,
.block:after,
.row:after,
.submitBlock .button:after,
#entryForm .radiobox:after,
#entryForm .cnt:after,
#entryForm .box .cont:after,
#entryForm .lead ul:after,
#myPageInfo ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.box,
.block,
.row,
.submitBlock .button,
#entryForm .radiobox,
#entryForm .cnt,
#entryForm .box .cont,
#entryForm .lead ul,
#myPageInfo ul {
zoom: 1;
}

#topicpath {
margin: 0 auto 37px auto;
width: 964px;
font-size:11px;
text-align: left;
}
#topicpath ul li{
display:inline;
}
#topicpath a {
color: #006699 !important;
}

#pageBody {
margin: 0;
padding-bottom: 30px;
width: auto;
text-align: center;
}
#pageBody .head {
position: relative;
margin: 0 auto;
width: 964px;
height: 51px;
text-align: left;
}
#pageBody .head div {
padding-left: 4px;
float: left;
}
#pageBody .head ul {
padding-top: 14px;
float: right;
}
#pageBody .head li {
float: left;
}
#pageBody .head li.twitter {
width: 88px;
}
#pageBody .head li.facebook {
width: 101px;
}

.section {
position: relative;
margin: 0 auto;
width: 800px;
text-align: left;
}

#myPageInfo {
margin-bottom: 46px;
}
#myPageInfo .box {
background-color: #e3f2f9;
border: solid 1px #abd9e2;
padding: 14px 17px 0 0;
}
#myPageInfo .button {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/myp_btn.png) no-repeat left top;
width: 26px;
height: 26px;
cursor: pointer;
float: right;
}
#myPageInfo .button.open {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/myp_btn.png) no-repeat left bottom;
}
#myPageInfo h3 {
padding: 7px 4px 17px 21px;
font-size: 16px;
font-weight: bold;
}
#myPageInfo .cont {
padding: 9px 4px 10px 21px;
display: none;
}
#myPageInfo p {
margin-bottom: 17px;
font-size: 13px;
line-height: 1.55;
}
#myPageInfo li {
width: 360px;
font-size: 14px;
font-weight: bold;
}
#myPageInfo li.li1 {
float: left;
}
#myPageInfo li.li2 {
float: right;
}
#myPageInfo li a {
background-color: #fff;
border: solid 1px #abd9e2;
display: block;
line-height: 33px;
color: #31708f;
text-align: center;
text-decoration: none;
}
#myPageInfo li a:hover {
background-color: #f1f9fc;
}
#myPageInfo .about {
margin-top: 16px;
margin-bottom: 0;
text-align: right;
color: #31708f;
}
#myPageInfo .about a {
color: #31708f;
}
#spotList h2 {
margin-bottom: 19px;
}
#spotList .lead p {
font-size: 14px;
line-height: 1.6;
}
#spotList .lead p strong {
font-weight: bold;
}
#spotList .lead .box {
background: #e4e4e4 url(/IMAGES/DRIVENAVI/SPOT/REGIST/spo_map.png) no-repeat 21px center;
margin: 15px 0 26px 0;
padding: 24px 0 24px 0;
}
#spotList .lead .box h4 {
padding: 12px 0 0 56px;
font-size: 16px;
font-weight: bold;
float: left;
}
#spotList .lead .box p {
margin-left: 203px;
}
#spotList .lead .box input[type="text"] {
margin-right: 20px;
width: 452px;
float: left;
}
#spotList .lead .box button {
background-color: #c71444;
border: none;
width: 105px;
font-size: 14px;
font-weight: bold;
line-height: 33px;
text-align: center;	
display: block;
color: #fff;
float: left;
}
#spotList .lead .box button:hover {
background-color: #b10b2b;
text-decoration: none;
}
#spotList .flow {
background-color: #f9f9f9;
border: solid 1px #d8d8d8;
margin-bottom: 49px;
padding: 12px 14px 0 14px;
}
#spotList .flow h3 {
padding: 5px 0 16px 3px;
}
#spotList .flow .cont {
padding: 15px 0 39px 0;
text-align: center;
}
#spotList .button {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/flo_btn.png) no-repeat left top;
width: 25px;
height: 25px;
cursor: pointer;
float: right;
}
#spotList .button.open {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/flo_btn.png) no-repeat left bottom;
}
#spotList .spot-no {
padding: 15px 0 32px 0;
text-align: center;
}
#spotList .spot-no h3 {
	margin-bottom: 22px;
	font-size: 20px;
	font-weight: bold;
}
#spotList .spot-no p {
	margin-bottom: 24px;
	font-size: 16px;
}
#spotList .spot-no p a {
	font-weight: bold;
color: #c71444;
}
#spotList .spot {
background-color: #fff;
border-top: solid 3px #c71445;
margin-bottom: 40px;
padding: 31px 0 47px 0;
}
#spotList .spot h2 {
margin: 0 30px 11px 30px;
font-size: 24px;
font-weight: normal;
}
#spotList .spot h2 img {
position: relative;
top: 2px;
vertical-align: baseline;
}
#spotList .note {
margin: 0 30px 32px 30px;
font-size: 14px;
color: #666;
}
#spotList .pagination {
margin: 0 30px;
text-align: right;
}
#spotList .pagination li {
padding: 0 2px;
font-size: 12px;
display: inline-block;
}
#spotList .pagination li.next {
padding: 0 2px 0 21px;
}
#spotList .pagination li.prev {
padding: 0 21px 0 2px;
}
#spotList .pagination a {
color: #c71444;
}
#spotList .list {
border-bottom: solid 1px #e2e2e2;
margin: 16px 0 23px 0;
}
#spotList .block {
border-top: solid 1px #e2e2e2;
padding: 20px 30px;
}
#spotList .block .image {
margin-right: 29px;
width: 121px;
float: left;	
}
#spotList .block .pack {
width: 415px;
float: left;	
}
#spotList .block .pack h3 {
margin-bottom: 3px;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
}
#spotList .block .pack h3 a {
color: #c71444;
}
#spotList .block .pack .ctg {
margin-bottom: 9px;
font-size: 13px;
color: #666666;
}
#spotList .block .pack .cdt {
margin-bottom: 5px;
font-size: 13px;
}
#spotList .block .pack .cdt span {
color: #666666;
}
#spotList .block .pack .cdt strong {
font-weight: bold;
}
#spotList .block .pack .exp {
font-size: 13px;
line-height: 1.4;
}
#spotList .block .entry {
width: 145px;
float: right;	
}
#spotList .block .entry p {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/ent_lin.png) no-repeat left bottom;
}
#spotList .block .entry .btn {
padding-bottom: 9px;
}
#spotList .block .entry .btn a {
background-color: #c71444;
border: none;
font-size: 14px;
line-height: 34px;
text-align: center;	
display: block;
color: #fff;
}
#spotList .block .entry .btn a:hover {
background-color: #b10b2b;
text-decoration: none;
}
#spotList .block .entry .str {
padding: 6px 0 7px 0;
text-align: center;
}
#spotList .block .entry .rev {
padding: 8px 0 6px 0;
font-size: 13px;
text-align: center;
color: #666666;
}
#entryForm h2 {
margin-bottom: 19px;
}
#confirmForm h2 {
margin-bottom: 40px;
}
#completeForm {
margin-bottom: 128px;
text-align: center;
}
#completeForm h2 {
margin-bottom: 82px;
}
#completeForm ul {
margin-top: 42px;
font-size: 14px;
line-height: 2;
color: #c71444;
}
#completeForm ul a {
color: #c71444;
}
#entryForm .spot {
padding: 4px 0 13px 0;
}
#entryForm .spot div {
background-color: #e4e4e4;
padding: 17px 17px 9px 17px;
}
#entryForm .spot p {
font-size: 14px;
}
#entryForm .spot div h3 {
margin-top: 10px;
font-size: 24px;
font-weight: bold;
}
#entryForm .spot div h3 span {
font-size: 14px;
font-weight: normal;
}
#entryForm .spot .link {
margin-top: 10px;
color: #c71444;
}
#entryForm .spot a {
color: #c71444;
}
#entryForm .lead {
margin-bottom: 66px;
}
#entryForm .lead p {
margin-bottom: 21px;
font-size: 14px;
line-height: 1.6;
}
#entryForm .lead p a {
font-weight: bold;
color: #c71444;
}
#entryForm .lead li {
width: 250px;
font-size: 16px;
}
#entryForm .lead li.li1 {
margin-right: 25px;
float: left;
}
#entryForm .lead li.li2 {
float: left;
}
#entryForm .lead li.li3 {
float: right;
}
#entryForm .lead li a {
background-color: #c71444;
display: block;
line-height: 35px;
color: #fff;
text-align: center;
text-decoration: none;
}
#entryForm .lead li a:hover {
background-color: #b10b2b;
}
#entryForm .errorBox {
background-color: #ffd9d9;
margin: -16px 0 30px 0;
padding: 15px 15px 12px 15px;
font-size: 16px;
font-weight: bold;
color: #fe0000;
}
#entryForm p.error {
margin: 0 0 -5px 0;
padding: 5px 0 0 0;
font-size: 14px;
font-weight: bold;
color: #fe0000;
clear: both;
}
#entryForm p.error2 {
margin: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
color: #fe0000;
clear: both;
}
#entryForm .form2,
#entryForm .form {
background-color: #fff;
border-top: solid 3px #c71445;
margin-bottom: 40px;
padding: 33px 30px 33px 30px;
}
#entryForm .form2 {
padding: 33px 30px 20px 30px;
}
#confirmForm .form2,
#confirmForm .form {
background-color: #fff;
border-top: solid 3px #c71445;
margin-bottom: 40px;
padding: 33px 30px 24px 30px;
}
#entryForm .form2 fieldset .cnt {
margin-bottom: 30px;
}
#confirmForm h3,
#entryForm h3 {
margin-bottom: 9px;
}
#confirmForm .note,
#entryForm .note {
margin-bottom: 33px;
font-size: 14px;
color: #666;
}
#confirmForm .required,
#entryForm .required {
color: #c71444;
}
#entryForm .form fieldset {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/ent_lin.png) no-repeat left top;
padding: 31px 0 27px 0;
width: 100%;
display: table;
}
#entryForm .form2 fieldset {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/ent_lin.png) no-repeat left top;
padding: 26px 0 0 0;
width: 100%;
display: block;
}
#confirmForm .form2 fieldset,
#confirmForm .form fieldset {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/ent_lin.png) no-repeat left top;
padding: 21px 0 12px 0;
width: 100%;
display: table;
}
#entryForm .form2 fieldset.top {
background: none;
padding: 0;
}
#confirmForm .form2 fieldset.top .hed,
#confirmForm .form .hed,
#entryForm .form .hed {
width: 130px;
font-size: 16px;
font-weight: bold;
line-height: 1.25;
vertical-align: middle;
display: table-cell;
}
#confirmForm .form2 fieldset.top .hed,
#confirmForm .form .hed {
padding: 0 0 8px 0;
}
#confirmForm .form .hed span,
#entryForm .form .hed span {
font-size: 13px;
font-weight: normal;
}
#confirmForm .form2 .hed,
#entryForm .form2 .hed {
margin-bottom: 12px;
font-size: 16px;
font-weight: bold;
line-height: 1.25;
display: block;
}
#confirmForm .form2 fieldset.top .cnt,
#confirmForm .form .cnt,
#entryForm .form .cnt {
padding-right: 30px;
width: 580px;
vertical-align: middle;
display: table-cell;
}
#entryForm .cnt p {
font-size: 13px;
line-height: 1.55;
}
#confirmForm .cnt p {
margin-bottom: 8px;
font-size: 16px;
line-height: 1.4;
}
#confirmForm .cnt div {
margin-bottom: 8px;
}
#entryForm .cnt p strong {
font-weight: bold;
}
#entryForm .cnt p.txt {
margin-bottom: 8px;
clear: both;
}
#entryForm .cnt p.txt2 {
padding-top: 16px;
margin-bottom: 8px;
clear: both;
}
#entryForm .cnt p.remark {
padding-top: 8px;
clear: both;
}
#entryForm .cnt p.remark2 {
margin-top: 12px;
color: #ff0000;
}
#entryForm .cnt p.remark a {
font-weight: bold;
color: #c71444;
}
#entryForm .cnt p.link {
margin-top: 8px;
color: #c71444;
}
#entryForm .cnt p.link a {
color: #c71444;
}
#entryForm #comment_title,
#entryForm #spot_name_kana,
#entryForm #spot_name {
width: 580px;
}
#entryForm #email,
#entryForm #nick_name {
width: 740px;
}
#entryForm #lat {
width: 270px;
}
#entryForm #lng {
width: 270px;
}
#entryForm #address {
margin-top: 10px;
width: 460px;
}
#entryForm #access {
width: 580px;
height: 65px;
}
#entryForm #comment_body {
width: 580px;
height: 145px;
}
#entryForm .image_title input[type="text"] {
width: 423px;
float: right;
}
#entryForm .block {
width: 580px;
}
#entryForm .box {
background-color: #f4f4f4;
border: 1px solid #d5d5d5;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
padding: 10px;
}
#entryForm .box .button {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/myp_btn.png) no-repeat left top;
width: 26px;
height: 26px;
cursor: pointer;
float: right;
}
#entryForm .box .button.open {
background: url(/IMAGES/DRIVENAVI/SPOT/REGIST/myp_btn.png) no-repeat left bottom;
}
#entryForm .box h4 {
padding: 5px 0 5px 0;
font-size: 16px;
font-weight: normal;
}
#entryForm .box .cont {
padding-top: 16px;
display: none;
font-size: 13px;
}
#entryForm .box .cont label {
margin: 0 10px 11px 0;
display: block;
float: left;
}

#entryForm .fileUploder {
position:relative;
width: 148px;
float: left;
}
#entryForm .fileUploder .txt {
height: 29px;
line-height: 13px;
background-color: inherit;
width: 580px;
border: none;
}
#entryForm .fileUploder .txt:focus {
border: none;
background-color: inherit;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
box-shadow: none;
}
#entryForm .map a,
#entryForm .fileUploder .btn {
border: solid 1px #ccc;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:#ccc 0 1px 1px;
-webkit-box-shadow:#ccc 0 1px 1px;
-khtml-box-shadow:#ccc 0 1px 1px;
box-shadow:#ccc 0 1px 1px;
display:block;
font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック", Verdana, sans-serif;
font-size: 14px;
line-height: 34px;
color: #666;
width: 148px;
height: 36px;
}
#entryForm .fileUploder .btn {
background: #fdfdfd url(/IMAGES/DRIVENAVI/SPOT/REGIST/ent_file.png) no-repeat 8px center;
padding-left: 24px;
width: 148px;
}
#entryForm .map {
margin-bottom: 13px;
}
#entryForm .map a {
background: #fdfdfd url(/IMAGES/DRIVENAVI/SPOT/REGIST/ent_map.png) no-repeat 10px center;
padding-left: 34px;
width: 252px;
color: #666;
}

#entryForm .map a:hover,
#entryForm .fileUploder .btn.hover {
background-color: #f9f9f9;
border: solid 1px #828282;
-moz-box-shadow:#828282 0 1px 1px;
-webkit-box-shadow:#828282 0 1px 1px;
-khtml-box-shadow:#828282 0 1px 1px;
box-shadow:#828282 0 1px 1px;
text-decoration: none;
}
#entryForm .fileUploder .uploader {
position:absolute;
top:0;
left:0;
z-index:99;
width: 148px;
height: 36px;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
}
#entryForm .radio,
#entryForm .checkbox2,
#entryForm .checkbox {
font-size: 16px;
}
#entryForm .radio label,
#entryForm .checkbox label {
padding: 7px 0;
margin: 0 18px 0 0;
display: block;
float: left;
}
#entryForm .checkbox2 label {
padding: 12px 0;
margin: 0 18px 0 0;
display: block;
float: left;
}
#entryForm .radiobox {
font-size: 16px;
}
#entryForm .radiobox label {
border: solid 1px #e0e0e0;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
width: 230px;
display: block;
line-height: 48px;
text-align: center;
float: left;
}
#entryForm .radiobox.w230 label {
width: 230px;
}
#entryForm .radiobox.w350 label {
width: 350px;
}
#entryForm .select {
position: relative;
background-color: #f4f4f4;
border: 1px solid #d5d5d5;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
width: 232px;
display: block;
}
#entryForm .select.w172 {
width: 172px;
}
#entryForm .select.w350 {
width: 350px;
}
#entryForm .select:hover {
border: 1px solid #828282;
}
#entryForm .select:before {
content: "";
background:  url(/IMAGES/DRIVENAVI/SPOT/REGIST/ent_select.png) 0 0 no-repeat transparent;
position: absolute;
top: 0;
right: 0;
display: block;
width: 45px;
height: 35px;
}
#entryForm .select select {
position: relative;
-webkit-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 5px;
width: 232px;
height: 35px;
padding: 4px 10px;
font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック", Verdana, sans-serif;
font-size:16px;
line-height: 18px;
color: #666;
display: block;
cursor: pointer;
}
#entryForm .select.w172 select {
width: 172px;
}
#entryForm .select.w350 select {
width: 350px;
}
::-ms-expand {
display: none;
}

#entryForm input {
vertical-align:baseline;
}

#spotList input[type="text"],
#entryForm input[type="text"],
#entryForm input[type="password"],
#entryForm textarea {
padding: 4px 10px;
border:1px solid #d7d7d7;
background-color:#fff;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#spotList input[type="text"],
#entryForm input[type="text"],
#entryForm input[type="password"],
#entryForm textarea {
font-size:13px;
outline: none;
font-family: "Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Osaka","ＭＳ Ｐゴシック", Verdana, sans-serif;
}
#spotList input[type="text"],
#entryForm input[type="text"],
#entryForm input[type="password"] {
height: 35px;
line-height: 17px;
}

#entryForm input[type="checkbox"],
#entryForm input[type="radio"] {
position: relative;
margin-top: -2px;
/*\*/
*margin-top: 1px;
/**/
margin-right: 4px;
vertical-align: middle;
}
#spotList input[type="text"]:focus,
#entryForm input[type="text"]:focus,
#entryForm input[type="password"]:focus,
#entryForm textarea:focus {
border:1px solid #aae45e;
background-color:#efffd9;
-moz-box-shadow:#aae45e 0 0 6px;
-webkit-box-shadow:#aae45e 0 0 6px;
-khtml-box-shadow:#aae45e 0 0 6px;
box-shadow:#aae45e 0 0 6px;
}

.submitBlock {
padding: 19px 0 86px 0;
}
#confirmForm .submitBlock {
padding: 19px 0 65px 0;
}
.submitBlock ul {
margin-bottom: 31px;
font-size: 14px;
line-height: 1.6;
text-align: center;
}
.submitBlock p.next {
margin:  0 auto;
width: 300px;
font-size: 16px;
line-height: 50px;
text-align: center;	
}
.submitBlock .next a {
background-color: #c71444;
display: block;
color: #fff;
}
.submitBlock .next a:hover {
background-color: #b10b2b;
text-decoration: none;
}
.submitBlock .prev a {
background-color: #767676;
display: block;
color: #fff;
}
.submitBlock .prev a:hover {
background-color: #666666;
text-decoration: none;
}

.submitBlock .button {
margin:  -11px auto  0 auto;
width: 640px;
}
.submitBlock .button p {
margin-top: 11px;
font-size: 13px;
line-height: 1.55;
}
.submitBlock .button .prev {
width: 300px;
text-align: center;
float: left;
}
.submitBlock .button .next {
width: 300px;
text-align: center;
float: right;
}
.submitBlock .button .prev a,
.submitBlock .button .next a {
line-height: 50px;
font-size: 16px;
}