@charset "UTF-8";
  .mA00{margin:0 auto;} .mT05 {
margin-top:5px;
}
.mT10 {
margin-top:10px;
}
.mT15 {
margin-top:15px;
}
.mT20 {
margin-top:20px;
}
.mT25 {
margin-top:25px;
}
.mT30 {
margin-top:30px;
}
.mT35 {
margin-top:35px;
}
.mT40 {
margin-top:40px;
}
.mT60 {
margin-top:60px;
} .mR05 {
margin-right:5px;
}
.mR10 {
margin-right:10px;
}
.mR15 {
margin-right:15px;
}
.mR20 {
margin-right:20px;
}
.mR25 {
margin-right:25px;
}
.mR27 {
margin-right:27px;
}
.mR30 {
margin-right:30px;
}
.mR35 {
margin-right:35px;
}
.mR40 {
margin-right:40px;
} .mB05 {
margin-bottom:5px;
}
.mB10 {
margin-bottom:10px;
}
.mB15 {
margin-bottom:15px;
}
.mB20 {
margin-bottom:20px;
}
.mB25 {
margin-bottom:25px;
}
.mB30 {
margin-bottom:30px;
}
.mB35 {
margin-bottom:35px;
}
.mB40 {
margin-bottom:40px;
} .mL05 {
margin-left:5px;
}
.mL10 {
margin-left:10px;
}
.mL15 {
margin-left:15px;
}
.mL20 {
margin-left:20px;
}
.mL25 {
margin-left:25px;
}
.mL30 {
margin-left:30px;
}
.mL35 {
margin-left:35px;
}
.mL40 {
margin-left:40px;
}  .pT05{
padding-top:5px;
}
.pT10{
padding-top:10px;
}
.pT15{
padding-top:15px;
}
.pT20{
padding-top:20px;
}
.pT25{
padding-top:25px;
}
.pT30{
padding-top:30px;
}
.pT35{
padding-top:35px;
}
.pT40{
padding-top:40px;
}
.pT45{
padding-top:45px;
}
.pT50{
padding-top:50px;
}
.pT55{
padding-top:55px;
}
.pT60{
padding-top:60px;
}
.pT65{
padding-top:65px;
} .pR05{
padding-right:5px;
}
.pR10{
padding-right:10px;
}
.pR15{
padding-right:15px;
}
.pR20{
padding-right:20px;
}
.pR25{
padding-right:25px;
}
.pR30{
padding-right:30px;
}
.pR35{
padding-right:35px;
}
.pR40{
padding-right:40px;
} .pB05{
padding-bottom:5px;
}
.pB10{
padding-bottom:10px;
}
.pB15{
padding-bottom:15px;
}
.pB20{
padding-bottom:20px;
}
.pB25{
padding-bottom:25px;
}
.pB30{
padding-bottom:30px;
}
.pB35{
padding-bottom:35px;
}
.pB40{
padding-bottom:40px;
} .pL05{
padding-left:5px;
}
.pL10{
padding-left:10px;
}
.pL15{
padding-left:15px;
}
.pL20{
padding-left:20px;
}
.pL25{
padding-left:25px;
}
.pL30{
padding-left:30px;
}
.pL35{
padding-left:35px;
}
.pL40{
padding-left:40px;
} .w50{
width:50px;
}
.w70{
width:70px;
}
.w80{
width:80px;
}
.w100{
width:100px;
}
.w150{
width:150px;
}
.w170{
width:170px;
}
.w200{
width:200px;
}
.w250{
width:250px;
}
.w260{
width:260px;
}
.w270{
width:270px;
}
.w275{
width:275px;
}
.w300{
width:300px;
}
.w700{
width:700px;
} .f10{
font-size:10px;
}
.f11{
font-size:11px;
}
.f14{
font-size:14px;
}
.f16{
font-size:16px;
}
.f18{
font-size:18px;
}
.f19{
font-size:19px;
}
.f25{
font-size:25px;
}
.f30{
font-size:30px;
} .floatLeft {float:left;}
.floatRight {float:Right;}
.bdr_gray {border: 1px solid #bdbdbd;}
.red {color:red !important;}
.bold {font-weight:bold;}
.center { margin-left:auto; margin-right:auto; text-align:center;}
.hvr a:hover, input[type=submit]:hover.hvr, input[type=image]:hover.hvr {
opacity: 0.75;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.hide {display: none;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
clear:both;
overflow: hidden;
zoom: 1;
}
@media (min-width: 641px) {
body {
margin: 0 auto;
text-align: center;
font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
line-height: 1.75;
letter-spacing: 0;
color: #333;
font-size: 14px;
}
html>body {
background: #FFFFFF center 158px url(//www.us-lighthouse.com/images/bg_tree.jpg) no-repeat;
border-top:22px solid #05ae39;
}
}
@media (max-width: 640px) {
img { max-width: 100%;
height: auto;
width :auto;
}
embed,iframe,object,video {
max-width: 95%;
margin: 0 10px;
}
body {
margin: 0 auto;
text-align: center;
font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
line-height: 1.75;
letter-spacing: 0;
color: #333;
font-size: 14px;
-webkit-text-size-adjust: 100%;
}
html>body { border-top:14px solid #05ae39;
}
} @media (min-width: 641px) {
.ltbnr-mb {
display:none;}
}
@media (max-width: 640px) {
.ltbnr-dt {
display:none;}
} @media (min-width: 641px) {
#layout {
margin: -22px auto 0;
width: 1024px;
}
#right_navi {
float:right;
margin:12px 0 25px;
width: 300px;
text-align: left;
}
#content {
margin-top: 12px;
margin-bottom: 20px;
padding-right: 24px;
width: 700px;
float:left;
text-align: left;
}
}
@media (max-width: 640px) {
#layout {
margin: -22px auto 0;
width: 100%;
}
#right_navi {
float:right;
margin:0 auto;
width: 100%;
text-align: left;
}
#content {
margin-top: 10px;
margin-bottom: 10px; width: 100%;
float:left;
text-align: left;
}
} @media (min-width: 641px) {
#sub_navi {
background-color: #e9e9e9;
}
#sub_navi div.cate_link {
width: 907px;
float: left;
font-size: 13px;
text-align: left;
}
}
@media (max-width: 640px) {
#sub_navi {
Display: none;
}
#sub_navi div.cate_link {
width: 100%;
float: left;
font-size: 80%;
text-align: left;
}
}
#sub_navi div.cate_link a {
color: #656562;
}
#sub_navi div.cate_link a:hover {
color: #05ae39;
}
#sub_navi div.cate_link table td {
padding:0 10px;
} @media (min-width: 641px) {
#sub_navi div.cate_classified {
background:url(//www.us-lighthouse.com/images/ttl_icn_classified.png) left top no-repeat;
width:97px;
height:72px;
float:left;
}
}
@media (max-width: 640px) {
#sub_navi div.cate_classified {
display:none;
}
} @media (min-width: 641px) {
#sub_navi div.cate_leisure {
background:url(//www.us-lighthouse.com/images/ttl_icn_leisure.png) left top no-repeat;
width:97px;
height:72px;
float:left;	
}
}
@media (max-width: 640px) {
#sub_navi div.cate_leisure {
display:none;
}
}
#leisure h2 {
background: url(//www.us-lighthouse.com/images/icn_leisure.png) left 6px no-repeat;
padding-left: 48px;
font-size: 16px;
float: left;
color: #2e2e2d;
margin: 5px 0 0 5px;
line-height:1.3;
height: 50px;
padding-top: 5px;
}
#leisure h2 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#leisure .content {
line-height: 1.5;
color: #3f3f3f; font-size: 13px;
}
.icn_leisure_lg {
background:url(//www.us-lighthouse.com/images/icn_leisure_lg.png) center center no-repeat;
} @media (min-width: 641px) {
#sub_navi div.cate_food {
background:url(//www.us-lighthouse.com/images/ttl_icn_food.png) left top no-repeat;
width:97px;
height:72px;
float:left;	
}
}
@media (max-width: 640px) {
#sub_navi div.cate_food {
display:none;
}
}
#food h2 {
background: url(//www.us-lighthouse.com/images/icn_food.png) left 6px no-repeat;
padding-left: 48px;
font-size: 16px;
float: left;
color: #2e2e2d;
margin: 5px 0 0 5px;
line-height:1.3;
height: 50px;
padding-top: 5px;
}
#food h2 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#food .content {
line-height: 1.5;
color: #3f3f3f; font-size: 13px;
}
.icn_food_lg {
background:url(//www.us-lighthouse.com/images/icn_food_lg.png) center center no-repeat;
} @media (min-width: 641px) {
#sub_navi div.cate_study {
background:url(//www.us-lighthouse.com/images/ttl_icn_study.png) left top no-repeat;
width:97px;
height:72px;
float:left;	
}
}
@media (max-width: 640px) {
#sub_navi div.cate_study {
display:none;
}
}
#study h2 {
background: url(//www.us-lighthouse.com/images/icn_study.png) left 6px no-repeat;
padding-left: 48px;
font-size: 16px;
float: left;
color: #2e2e2d;
margin: 5px 0 0 5px;
line-height:1.3;
height: 50px;
padding-top: 5px;
}
#study h2 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#study .content {
line-height: 1.5;
color: #3f3f3f; font-size: 13px;
}
.icn_study_lg {
background:url(//www.us-lighthouse.com/images/icn_study_lg.png) center center no-repeat;
} @media (min-width: 641px) {
#sub_navi div.cate_job {
background:url(//www.us-lighthouse.com/images/ttl_icn_job.png) left top no-repeat;
width:97px;
height:72px;
float:left;	
}
}
@media (max-width: 640px) {
#sub_navi div.cate_job {
display:none;
}
}
#job h2 {
background: url(//www.us-lighthouse.com/images/icn_job.png) left 6px no-repeat;
padding-left: 48px;
font-size: 16px;
float: left;
color: #2e2e2d;
margin: 5px 0 0 5px;
line-height:1.3;
height: 50px;
padding-top: 5px;
}
#job h2 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#job .content {
line-height: 1.5;
color: #3f3f3f; font-size: 13px;
}
.icn_job_lg {
background:url(//www.us-lighthouse.com/images/icn_job_lg.png) center center no-repeat;
} @media (min-width: 641px) {
#sub_navi div.cate_life {
background:url(//www.us-lighthouse.com/images/ttl_icn_life.png) left top no-repeat;
width:97px;
height:72px;
float:left;	
}
}
@media (max-width: 640px) {
#sub_navi div.cate_life {
display:none;
}
}
#life h2 {
background: url(//www.us-lighthouse.com/images/icn_life.png) left 6px no-repeat;
padding-left: 48px;
font-size: 16px;
float: left;
color: #2e2e2d;
margin: 5px 0 0 5px;
line-height:1.3;
height: 50px;
padding-top: 5px;
}
#life h2 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#life .content {
line-height: 1.5;
color: #3f3f3f; font-size: 13px;
}
.icn_life_lg {
background:url(//www.us-lighthouse.com/images/icn_life_lg.png) center center no-repeat;
} @media (min-width: 641px) {
#sub_navi div.cate_etc {
background:url(//www.us-lighthouse.com/images/ttl_icn_etc.png) left top no-repeat;
width:97px;
height:72px;
float:left;	
}
}
@media (max-width: 640px) {
#sub_navi div.cate_etc {
display:none;
}
}
#etc h2 {
background: url(//www.us-lighthouse.com/images/icn_etc.png) left 6px no-repeat;
padding-left: 48px;
font-size: 16px;
float: left;
color: #2e2e2d;
margin: 5px 0 0 5px;
line-height:1.3;
height: 50px;
padding-top: 5px;
}
#etc h2 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#etc.content {
line-height: 1.5;
color: #3f3f3f; font-size: 13px;
}
.icn_etc_lg {
background:url(//www.us-lighthouse.com/images/icn_etc_lg.png) center center no-repeat;
} .line_top {
width: 100%;
border-top: 2px solid #e4e4e4;
padding-bottom: 3px;
}
.line_top_drk {
width: 100%;
border-top:3px solid #7d7d7d;
padding-bottom:3px;
}
.line_top_dot {
width: 100%;
border-top:1px dotted #8b8b8b;
}
@media (min-width: 641px) {
#ttl_block {
background-color:#eef2e6;
width:100%;
margin: 0 0 10px;
padding-bottom:15px;
}
#ttl_block p strong, #ttl_block h5 {
color : #656562 ;
}
#ttl_block h5 {
margin:3px auto 1px;
}
.blk_left {
width: 505px;
padding: 10px 20px 0;
float: left;
}
.blk_right {
width: 135px;
padding: 15px 20px 0 0;
float: left;
}
h3.category_name, h1.category_name {
border-left: 7px solid #05ae39;
margin-bottom: 15px;
padding-left: 10px;
line-height: 37px;
font-size: 20px !important;
font-weight: bold;
color: #333333;
height: 35px;
}
h4.category_name , h2.category_name {
margin-top: 10px;
padding-left: 15px;
font-size: 14px;
color: #333333;
}
}
@media (max-width: 640px) {
#ttl_block {
background-color:#eef2e6;
width:100%;
margin: 0 0 10px;
padding-bottom:15px;
}
#ttl_block p strong, #ttl_block h5 {
color : #656562 ;
}
#ttl_block h5 {
margin:3px auto 1px;
}
.blk_left {
width: 95%;
padding: 10px 10px 0; }  .blk_right {
width: 0%;
padding: 10px 0 0;
float: right;
display:none;
}
h3.category_name, h1.category_name {
border-left: 7px solid #05ae39;
margin: 10px 0; 
padding-left: 10px;
line-height: 20px;
font-size: 18px;
font-weight: bold;
color: #333333; }
h4.category_name, h2.category_name {
margin-top: 10px;
padding-left: 15px;
font-size: 14px;
color: #333333;
}
}
.blk_right h5 {
font-size:14px;
text-align:center;
}
.blk_right p {
font-size:12px;
text-align:left;
}
.archive-meta {
margin-bottom: 20px;
} #question_block {
width: 100%;
border-top:3px solid #7d7d7d;
padding-bottom:3px;
}
#question_title.topTitle1 {
margin-bottom: -20px;
padding: 25px 15px 5px;
}
#question_title.topTitle2 {
padding: 25px 15px 5px;
}
#question_title {
line-height: 18px;
color: #3f3f3f;
font-size: 17px;
border-bottom: 1px solid #7d7d7d;
}
#question_block.topBlock2 #question_sub{
padding-bottom:0 !important;
}
#question_sub {
padding-left:15px;
padding-bottom: 20px;
font-weight: normal;
border-bottom:none !important;
}
.writer {
padding: 0px 15px 20px;
text-align: left;
color : #3f3f3f ;
font-size: 12px;
}
.writer a {
color : #05ae39 ;
text-decoration: none;
}
.writer a:hover {
color: #05ae39;
text-decoration: none;
}
.writer:caption {
padding: 0px 0px 20px;
text-align: left;
color : #3f3f3f ;
font-size: 12px;
}
#answer_text {
margin-bottom: 25px;
padding: 0 15px;
color : #3f3f3f ; font-size : 14px ; line-height: 2.0;
}
#answer_text b {
color: #3f3f3f;
font-size: 14px;
}
#answer_text a {
color : #05ae39 ; text-decoration: underline;
}
#answer_text a:hover {
color: #05ae39;
text-decoration: none;
}
@media (min-width: 641px) {
#content h2.tittle {
border-left: 7px solid #05ae39;
margin-bottom: 10px;
margin-left: 15px;
margin-top: 20px;
padding-left: 10px;
line-height: 28px;
font-size: 16px;
font-weight: bold;
color: #333333; }
}
@media (max-width: 640px) {
#content h2.tittle {
border-left: 7px solid #05ae39;
margin-bottom: 15px;
margin-left: 15px;
margin-top: 20px;
padding-left: 10px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
color: #333333; }
}
#content h2.tittle a {
color: #333333;
}
#content h2.tittle a:hover {
color: #05ae39;
}
#content h2.oc21 {
border-left: 7px solid #ffa83b;
margin-bottom: 15px;
margin-left: 15px;
margin-top: 20px;
padding-left: 10px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
color: #333333; }
#content h3 {
padding: 2px 5px;
color : #3f3f3f ; font-size : 14px ; border-bottom: 1px solid #05AE39;
margin : 5px 5px 10px 10px;
}
#content h3 a {
color: #333333;
}
#content h4 {
padding: 2px 5px;
color : #3f3f3f ; font-size : 14px ; margin : 5px 5px 10px 10px;
} .caption {
margin: 0 0 0 10px;
padding: 0;
color : #3f3f3f ;
font-size : 12px ;
}
.caption-center {
margin: 0 0 0 10px;
padding: 0;
color : #3f3f3f ;
font-size : 12px ;
text-align: center;
}
.caption b {
color: #3f3f3f;
font-size: 13px;
font-weight: bold;
}
.caption-s {
margin: 0;
padding: 0;
color : #3f3f3f ;
font-size : 10px ;
}
@media (max-width: 640px) {
.alignleft, div.alignleft {
margin: 0 auto;
}}
@media (min-width: 641px) {
.alignleft, div.alignleft {
margin: 0px 0px 0px 15px;
padding: 0px 10px 10px 0px;
float: left;
}}
#content p.wp-caption-text {
margin-bottom: 10px;
padding: 0px;
font-size : 12px ; } #share_menu {
width: 100%;
height: 25px;
border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
list-style:none;
margin: 40px auto 5px;
padding-top: 8px;
}
@media (min-width: 641px) {
#share_menu li {
color: #636363;
font-size: 12px;
line-height: 18px;
float:left;
padding-left:30px;
border-left:1px solid #e3e3e3;
padding-left: 38px;
padding-right: 8px;
cursor:pointer;
}
}
@media (max-width: 640px) {
#share_menu li {
color: #636363;
font-size: 12px;
line-height: 18px;
float:left;
padding-left:25px;
border-left:1px solid #e3e3e3;
padding-left: 33px;
padding-right: 8px;
cursor:pointer;
}
}
#share_menu li a {
color: #636363;
text-decoration:none;
}
#share_menu li:hover {
opacity: 0.75;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
@media (min-width: 641px) {
#share_menu li:first-child {
margin-left:180px;
border:none;
}
}
@media (max-width: 640px) {
#share_menu li:first-child {
margin-left: 0;
border:none;
}
}
.icn_fb {
background:url(//www.us-lighthouse.com/images/icn_fb.png) 10px center no-repeat;
}
.icn_tw {
background:url(//www.us-lighthouse.com/images/icn_tw.png) 10px center no-repeat;
}
.icn_env {
background:url(//www.us-lighthouse.com/images/icn_env.png) 10px center no-repeat;
}
.icn_print {
background:url(//www.us-lighthouse.com/images/icn_print.png) 10px center no-repeat;
} .share{
width:100%;
}
.share h4{
font-size:120%; 
text-align:center;
}
.sns{
margin:0 auto;
text-align:center;
}
.sns ul {
list-style:none;
}
.sns li {
float:left;
width:25% ;
margin:0 0 3% 0;
}
.sns li a { ;
position:relative;
display:block;
padding:10px;
color:#fff; text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
} .sns .twitter a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
}
.sns  .twitter a:hover {
background:#0092ca;
} .sns  .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
background:#2c4373;
} .sns .googleplus a {
background:#db4a39;
box-shadow:0 5px 0 #ad3a2d;
}
.sns  .googleplus a:hover {
background:#ad3a2d;
} .sns  .hatebu a {
background:#5d8ac1;
box-shadow:0 5px 0 #43638b;
}
.sns .hatebu a:hover {
background:#43638b;
}  .align-right {
display: block; text-align: right; margin-top: 0.25em;
margin-bottom: 0.25em; } .three-level {
margin: 0 0 1rem 0; padding-left: 1.2rem; font-size: 1rem;
line-height: 1.6;
} .three-level > li {
list-style-type: disc; margin: 0.35rem 0;
} .three-level li > ul {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
padding-left: 1rem; }
.three-level li > ul > li {
list-style-type: circle; } .three-level li > ul > li > ul {
padding-left: 1rem; }
.three-level li > ul > li > ul > li {
list-style-type: square; } .three-level li::marker {
font-weight: 600;  } .three-level, .three-level ul {
margin-bottom: 0;
margin-top: 0;
} ul.backnumber_list {
margin-top:0;	
}
ul.backnumber_list li {
list-style-image: url(//www.us-lighthouse.com/images/icn_arrow_ball.png);
margin-left:38px;	
}
ul.backnumber_list li:last-child {	
padding-bottom:15px;
}
.entry_list {
font-size: 14px;
color: #3f3f3f; line-height: 1.3;
}
.entry_list a {
color: #05ae39; text-decoration: underline;
}
.entry_list a:hover {
color: #05ae39;
text-decoration: none;
} .backnumber_block {
float: left;
width: 330px;
height: 75px;
padding: 10px;
overflow: hidden;
}
.backnumber_img {
float: left;
width: 100px;
height: 75px;
overflow: hidden;
margin: 0 10px 0 0;
border: 1px solid #B1B0AE;
}
.backnumber_block h3 {
list-style-image: url(//www.us-lighthouse.com/images/icn_arrow_ball.png) top left no-repeat;
font-weight: bold;
font-size: 13px;
color: #656562;
margin: 0;
padding: 0 0 5px 0;
}
.backnumber_block h3 a {
list-style-image: url(//www.us-lighthouse.com/images/icn_arrow_ball.png) top left no-repeat;
font-weight: bold;
font-size: 13px;
color: #656562;
margin: 0;
padding: 0 0 5px 0;
}
.backnumber_block p {
padding: 0;
margin: 0;
font-size: 11px;
color: #656562;
}	
#column {
margin: 0 0 25px 15px;
padding: 0;
width: 80%;
border-top: 1px solid #B1B0AE;
border-left: 1px solid #B1B0AE;
}
.rate {
margin: 0;
padding: 0 2px;
width: 15%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate06 {
margin: 0;
padding: 0 2px;
width: 20%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate02 {
margin: 0;
padding: 0 10px;
width: 25%;
text-align: left;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate10g {
margin: 0;
padding: 0 2px;
width: 10%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate15g {
margin: 0;
padding: 0 2px;
width: 15%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate20g {
margin: 0;
padding: 0 2px;
width: 20%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate25g {
margin: 0;
padding: 0 2px;
width: 25%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate30g {
margin: 0;
padding: 0 2px;
width: 30%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate35g {
margin: 0;
padding: 0 2px;
width: 35%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate40g {
margin: 0;
padding: 0 2px;
width: 40%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate45g {
margin: 0;
padding: 0 2px;
width: 45%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate50g {
margin: 0;
padding: 0 2px;
width: 50%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate60g {
margin: 0;
padding: 0 2px;
width: 60%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate70g {
margin: 0;
padding: 0 2px;
width: 70%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate80g {
margin: 0;
padding: 0 2px;
width: 80%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate10 {
margin: 0;
padding: 0 10px;
width: 10%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate15 {
margin: 0;
padding: 0 10px;
width: 15%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate20 {
margin: 0;
padding: 0 10px;
width: 20%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate25 {
margin: 0;
padding: 0 10px;
width: 25%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate30 {
margin: 0;
padding: 0 10px;
width: 30%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate35 {
margin: 0;
padding: 0 10px;
width: 35%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate40 {
margin: 0;
padding: 0 10px;
width: 40%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate45 {
margin: 0;
padding: 0 10px;
width: 45%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate50 {
margin: 0;
padding: 0 10px;
width: 50%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate60 {
margin: 0;
padding: 0 10px;
width: 60%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate70 {
margin: 0;
padding: 0 10px;
width: 70%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate80 {
margin: 0;
padding: 0 10px;
width: 80%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
#columnw {
margin: 0 0 25px 15px;
padding: 0;
width: 95%;
border-top: 1px solid #B1B0AE;
border-left: 1px solid #B1B0AE;
}
#columnw40 {
margin: 0 0 25px 15px;
padding: 0;
width: 40%;
border-top: 1px solid #B1B0AE;
border-left: 1px solid #B1B0AE;
}
.ratew {
margin: 0;
padding: 0 2px;
width: 20%;
text-align: center;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
background-color: #ebebeb;
}
.rate02w {
margin: 0;
padding: 0 10px;
width: 75%;
text-align: left;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
}
.rate50w {
margin: 0;
padding: 0 10px;
width: 50%;
text-align: left;
font-size: 13px;
border-right: 1px solid #B1B0AE;
border-bottom: 1px solid #B1B0AE;
} .bg_ttl_gry {
width: 100%;
height: 25px;
background-color: #ebebeb;
color : #333333 ;
font-size : 14px ;
padding-left: 15px;
line-height: 28px;
}
@media (min-width: 641px) {
#bg_icn_lg {
margin:20px 15px;
width: 128px;
height: 128px;
background-color: #05ae39;
float:left;
}
#txt_latest {
width: 540px;
margin: 20px 0;
float:left;
}
}
@media (max-width: 640px) {
#bg_icn_lg {
display: none;
}
#txt_latest {
width: 95%;
margin: 5px 10px 10px;
float:left;	
}
}
#txt_latest span {
display:block;
color: #3f3f3f ; font-size: 11px;
margin-bottom: 5px;
}
#txt_latest h3 {
color: #3f3f3f;
font-size: 14px;
}
#txt_latest h3 a {
color: #3f3f3f;
text-decoration: underline;
}
#txt_latest h3 a:hover {
color: #05ae39;
text-decoration:none;
}
#txt_latest p {
color: #3f3f3f ; font-size: 13px;
line-height: 1.5;
} #navigation {
clear: both;
padding: 40px 0;
text-align: center;
font-size: 12px;
}
#navigation a {
width: 79px;
height: 35px;
display:inline-block;
color: #05ae39;
line-height: 37px;
border:1px solid #05ae39;
margin: 0 80px;
}
#navigation a:hover {
background-color: #05ae39 ;
color: #ffffff;
text-decoration: none;
} .navigation { font-size: 12px;
line-height: 18px;
overflow: hidden;
}
.navigation a:link,
.navigation a:visited { display:inline-block;
color: #05ae39; border:1px solid #05ae39;
margin: 0 0 0 15px;
padding: 10px;
}
.navigation a:active,
.navigation a:hover { background-color: #05ae39 ;
color: #ffffff;
text-decoration: none;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#nav-below {
padding: 20px 0;
} #lighthouse {
border:1px solid #B1B0AE;
width: 100%;
height: 350px;	
color: #333333;
}
#lighthouse-sp {
border:1px solid #B1B0AE;
width: 100%;
height: 305px;	
color: #333333;
}
#lighthouse-sdguide {
border:1px solid #B1B0AE;
width: 100%;
height: 375px;	
color: #333333;
}
#lighthouse .ttl_latest {	
font-size: 16px;
line-height: 33px;
height: 31px;
color:#FFFFFF;
text-align:center;
background-color: #bdbdbd;	
}
#lighthouse-sp .ttl_latest {	
font-size: 16px;
line-height: 33px;
height: 31px;
color:#FFFFFF;
text-align:center;
background-color: #bdbdbd;	
}
#lighthouse-sdguide .ttl_latest {	
font-size: 16px;
line-height: 33px;
height: 31px;
color:#FFFFFF;
text-align:center;
background-color: #bdbdbd;	
}
ul#lighthouse_btns {
margin: 10px 0 10px 10px;
}
ul#lighthouse_btns li {
list-style:none;
float:left;
margin-right:8px;
width: 134px;
height: 20px;
}
ul#lighthouse_btns2 {
margin: 10px 0 10px 10px;
}
ul#lighthouse_btns2 li {
list-style:none;
float:left;
margin-right:8px;
width: 134px;
height: 40px;
}
ul#lighthouse_btns2 li:hover {
opacity: 0.65;
}
.cvr_latest {
margin: 15px auto 0;
text-align: center;
background-color: #FFFFFF;	
}
.cvr_latest img {
width: 178px;
} #right_navi #classified {
border:1px solid #bdbdbd;
background-color: #FFFFFF;
}
#right_navi #classified h3 {
background: url(//www.us-lighthouse.com/images/bg_classified_sidettl.png) ;
font-size: 15px;
color: #FFFFFF;
line-height:27px;
height: 26px;
text-align:center;
margin: 0 auto;
}
#right_navi #classified h3 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
text-transform:uppercase;
}
#right_navi #classified .content {
clear:both;
padding: 5px 0px;
}
#right_navi #apply_classified_label {
float: right;
padding-top:5px;
}
#right_navi #classified ul.classified_category {
list-style:none;
padding: 10px 0px 28px 11px;
}
#right_navi #classified ul.classified_category li {
height: 16px;
margin-right: 8px;
list-style: outside none none;
float: left;
}
#right_navi #classified ul.classified_category li.icn_arrow_s {
}
#right_navi #classified ul.classified_category li:hover {
background-color: #05ae39;
}
#right_navi #classified ul.classified_category li a {
text-decoration:none;
display: block;
font-size: 12px;
font-weight:bold;
padding-right: 10px;
padding-left: 15px;
}
#right_navi #classified ul#job_list {
clear: both;
margin-left: 25px;
padding: 10px 8px 5px;
list-style-image:url(//www.us-lighthouse.com/images/icn_arrow_ball.png);
}
#right_navi #classified ul#job_list li {
color: #3f3f3f ; letter-spacing:-1px;
margin-bottom: 5px;
}
#right_navi #classified ul#job_list li a {
color: #05ae39 ; font-size: 13px;
line-height: 22px;
letter-spacing:normal;
margin-right: 5px;
}
#right_navi #classified ul#job_list li a:hover {
color: #05ae39;
text-decoration:none;
}
#right_navi #classified ul#job_list li span {
display:inline-block;
width: 100px;
height: 18px;
background-color: #e5e0c8;
color: #656562;
font-size: 11px;
line-height: 18px;
margin-right:8px;
text-align:center;
}
@media (min-width: 641px) {
.btn_bg_sq, .btn_bg_sq_c {
height: 24px;
float: right;
border-radius:3px;
border:1px solid #cccccc;
background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -o-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 100%);
margin-bottom: 10px;
}
}
@media (max-width: 640px) {
.btn_bg_sq {
display: none;
}
.btn_bg_sq_c {
height: 24px;
float: right;
border-radius:3px;
border:1px solid #cccccc;
background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);	background-image: -o-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 100%);
margin-bottom: 10px;
}
}
.btn_bg_sq:hover, .btn_bg_sq_c:hover {
background:none;
background-color:#05ae39;
}
.btn_bg_sq a, .btn_bg_sq_c a {
background:url(//www.us-lighthouse.com/images/icn_arrow.png) 6px 9px no-repeat;
color: #05ae39;
font-size: 12px;
text-decoration:none;
display:block;
padding-right:11px;
padding-left:18px;
letter-spacing:-1px;
line-height:26px;
font-weight: bold;
}
.btn_bg_sq a:hover, .btn_bg_sq_c a:hover {
background:url(//www.us-lighthouse.com/images/icn_arrow_wt.png) 6px 9px no-repeat;
color:#fff;
}
@media (min-width: 641px) {
.btn_bg_sq_xl {
height: 48px;
border-radius:3px;
border:1px solid #cccccc;
background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -o-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 100%);
}
.btn_bg_sq_xl:hover {
background:none;
background-color:#05ae39;
}
.btn_bg_sq_xl a,
.btn_bg_sq_xl input[type=submit],
.btn_bg_sq_xl input[type=button] {
background:url(//www.us-lighthouse.com/images/icn_arrow.png) 9px 21px no-repeat;
color: #05ae39;
font-size: 24px;
text-decoration:none;
display:block;
padding-right:11px;
padding-left:18px;
line-height:52px;
font-weight: bold;
outline:none;
}
.btn_bg_sq_xl a:hover,
.btn_bg_sq_xl input[type=submit]:hover,
.btn_bg_sq_xl input[type=button]:hover {
background:url(//www.us-lighthouse.com/images/icn_arrow_wt.png) 9px 21px no-repeat;
color:#fff;
}
}
@media (max-width: 640px) {
.btn_bg_sq_xl {
height: 60px;
border-radius:3px;
border:1px solid #cccccc;
background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -o-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 100%);
}
.btn_bg_sq_xl:hover {
background:none;
background-color:#05ae39;
}
.btn_bg_sq_xl a,
.btn_bg_sq_xl input[type=submit],
.btn_bg_sq_xl input[type=button] {
background:url(//www.us-lighthouse.com/images/icn_arrow.png) 9px 28px no-repeat;
color: #05ae39;
font-size: 20px;
text-decoration:none;
display:block;
padding-right:11px;
padding-left:18px;
line-height:31px;
font-weight: bold;
outline:none;
}
.btn_bg_sq_xl a:hover,
.btn_bg_sq_xl input[type=submit]:hover,
.btn_bg_sq_xl input[type=button]:hover {
background:url(//www.us-lighthouse.com/images/icn_arrow_wt.png) 9px 28px no-repeat;
color:#fff;
}
} .btn_bg_sq_l {
height: 24px;
float:left;
border-radius:3px;
border:1px solid #cccccc;
background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -o-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 100%);
margin: 0 auto;
}
.btn_bg_sq_l:hover {
background:none;
background-color:#05ae39;
}
.btn_bg_sq_l a,
.btn_bg_sq_l input[type=submit],
.btn_bg_sq_l input[type=button] {
background:url(//www.us-lighthouse.com/images/icn_arrow.png) 6px 9px no-repeat;
color: #05ae39;
font-size: 14px;
text-decoration:none;
display:block;
padding-right:11px;
padding-left:18px;
font-weight: bold;
}
.btn_bg_sq_l a {
line-height:26px;
}
.btn_bg_sq_l input[type=submit],
.btn_bg_sq_l input[type=button] {
line-height:24px;
}
.btn_bg_sq_l a:hover,
.btn_bg_sq_l input[type=submit]:hover,
.btn_bg_sq_l input[type=button]:hover {
background:url(//www.us-lighthouse.com/images/icn_arrow_wt.png) 6px 9px no-repeat;
color:#fff;
}
input[type=submit],
input[type=button] {
display: inline;
vertical-align: bottom; }
.bdr_ad { 
box-sizing: border-box;
border: 1px solid #B1B0AE;
}
.bdr_ad img { 
vertical-align: bottom;
} #detail_data_block_gr {
margin: 10px 5px 20px;
padding: 10px 5px;
border: 1px solid #B1B0AE;
}
#detail_data_block_oc {
margin: 10px 5px 20px;
padding: 10px 5px;
border: 1px solid #F5C863;
background-color: #FDFBE6;
}
#detail_data_block {
margin: 10px 5px 20px;
padding: 10px 5px;
border: 1px solid #05AE39;
}
#concl {
margin: 10px 5px 20px;
padding: 10px 15px;
border: 2px solid #05AE39;
background-color: #eef2e6;
}
#bg_ft_recommend {
background-color: #f4f1e4;
width:100%;
}
@media (min-width: 641px) {
#ft_recommend {
width:1024px;
margin:auto;
text-align:left;
padding-bottom: 35px;
}
#ft_recommend h3 {
background: url(//www.us-lighthouse.com/images/icn_recommend.png) 0px 4px no-repeat;
padding-left: 38px;
font-size: 15px;
float: left;
color: #2e2e2d;
margin: 15px 0px 5px 3px;
line-height:1.3;
padding-top: 5px;
}
#ft_recommend h3 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#ft_recommend .ftcontent {
clear:both;
padding: 10px 0px;
line-height: 1.2;
color: #656562;
font-size: 12px;
}
#ft_recommend .ftcontent a {
font-size: 12px;
}
#ft_recommend .box_category {
width: 148px;
height: 198px;
border:1px solid #bdbdbd;
background-color: #ffffff;
float:left;
margin-left:24px;
}
#ft_recommend .box_category:first-child {
margin-left:0 !important;
}
}
@media (max-width: 640px) {
#ft_recommend {
width:100%;
margin:auto;
text-align:left;
padding-bottom: 15px;
}
#ft_recommend h3 {
background: url(//www.us-lighthouse.com/images/icn_recommend.png) 0px 4px no-repeat;
padding-left: 38px;
font-size: 15px;
float: left;
color: #2e2e2d;
margin: 15px 0px 5px 3px;
line-height:1.3;
padding-top: 5px;
}
#ft_recommend h3 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#ft_recommend .ftcontent {
clear:both;
padding: 5px 10px;
line-height: 1.2;
color: #656562;
font-size: 12px;
}
#ft_recommend .ftcontent a {
font-size: 12px;
}
#ft_recommend .box_category {
width: 148px;
height: auto;
border:1px solid #bdbdbd;
background-color: #ffffff;
float:left;
margin: 0 auto 5px;
} }
#ft_recommend .box_category:hover {
border:1px solid #05AE39;
}
#ft_recommend .box_category img {
border-bottom:1px solid #bdbdbd;
}
#ft_recommend .box_category ul {
padding-top: 10px;
margin-left: 14px;
}
#ft_recommend .box_category ul li {
list-style-image:url(//www.us-lighthouse.com/images/img_list_dot.png)
}
#ft_recommend .box_category ul li a {
color:#3f3f3f ; }
#ft_recommend .box_category ul li a:hover {
color: #05AE39;
text-decoration:none;
}
#ft_recommend .box_category a.link {
background:url(//www.us-lighthouse.com/images/icn_arrow_gy.png) 40px 9px no-repeat;
height: 25px;
background-color: #f2f2f2;
text-align:center;
color:#9f9f9f;
font-weight:bold;
display:block;
border-top:1px solid #bdbdbd;
line-height: 23px;
text-decoration:none;
}
#ft_recommend .box_category a.link:hover {	
background:url(//www.us-lighthouse.com/images/icn_arrow_wt.png) 40px 9px no-repeat;
color:#FFFFFF;
background-color: #05ae39;
text-decoration:none;
}
#ft_recommend .box_list {
height: 63px;
} #ft_recommend .box_category a.link2 {
height: 25px;
color:#3f3f3f;
font-weight:bold;
display:block;
margin:2px;
}
#ft_recommend .box_category a.link2:hover {	
color: #05ae39;
text-decoration:none;
} @media (min-width: 641px) {
.PageTop a {
background:url(//www.us-lighthouse.com/images/img_top.png) top center no-repeat; width:75px; height:53px; display:block; position:fixed; bottom: 205px; bottom: 197px\9; right: 50px; opacity: 0.35; filter: alpha(opacity=35); -ms-filter: "alpha( opacity=35 )";
-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.PageTop a:not(:target) {
bottom: 197px; }
}
.PageTop a:hover {
opacity: 1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
#bg_footer {
background-color: #e5e0c8;
width:100%;
}
@media (min-width: 641px) {
#footer_link {
width: 1024px;
color: #464644;
margin:0 auto;
padding: 47px 0 25px;
text-align: left;
line-height: 1.5;
}
}
@media (max-width: 640px) {
#footer_link {
width: 90%;
color: #464644;
margin:0 auto;
padding: 10px 0;
text-align: left;
line-height: 1.5;
}
}
#footer_link a:hover {
color: #05ae39;
}
#footer_link h4 {
color: #05ae39;
font-size: 14px;
}
#footer_link a:hover {
text-decoration: none;
}
#ftmenu_links {
float:left;
margin-right:30px; margin-bottom: 20px;
} @media (max-width: 640px) {
#ftmenu_links {
width: 100%;
margin-bottom: 10px;
}
} #ftmenu_links li {
list-style-image:url(//www.us-lighthouse.com/images/icn_arrow_dgy.png);
}
#ftmenu_links li a, #ftgroupe_sites li a {
color: #464644;
font-weight: bold;
font-size: 13px;
text-decoration:none;
}
#ftgroupe_sites {
list-style:none;
}
#footer_copy {
margin-top:44px;
font-size: 11px;
} @media (min-width: 641px) {
.trend_img  {
float: right;
margin: 2px 0px 10px 10px;
}
.sub_img01 {
float: left;
margin: 10px 10px 10px 15px;
padding: 0;
width: 300px;
}
.sub_img02 {
float: right;
margin: 10px 10px 10px 10px;
padding: 0;
width: 200px;
}
}
@media (max-width: 640px) {
.trend_img  {
margin:0 auto;
padding: 5px 0;
margin-left:10px;
}
.sub_img01 {
margin:0 auto;
padding: 5px 15px;
width: 300px;
}
.sub_img02 {
margin:0 auto 10px;
padding: 0;
width: 300px;
}
}
.trend_img2  {
float: left;
margin: 2px 10px 10px 10px;
}
.sub_img {
float: left;
margin: 0;
padding: 10px 10px 10px 10px;
width: 200px;
}
.sub_img01s {
float: left;
margin: 10px 10px 10px 10px;
padding: 0;
width: 150px;
}
.sub_img01xs {
float: left;
margin: 10px 10px 10px 10px;
padding: 0;
width: 100px;
}
.sub_img02s {
float: right;
margin: 10px 10px 10px 10px;
padding: 0;
width: 150px;
}
.sub_img02xs {
float: right;
margin: 10px 10px 10px 10px;
padding: 0;
width: 100px;
}
.sub_img03 {
float: left;
margin: 10px 5px 10px 10px;
padding: 0;
} #bg_ft_subscribe {
background-color: #eef2e6;
width:100%;
}
@media (min-width: 641px) {
#ft_subscribe {
width:1024px;
margin:10px auto;
text-align:left;
padding-bottom: 15px;
}
#ft_subscribe h3 {
border-left: 7px solid #05ae39;
padding-left: 15px;
font-size: 15px;
float: left;
color: #2e2e2d;
margin: 15px 0px 5px 3px;
line-height:1.3;
padding-top: 5px;
}
#ft_subscribe h3 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#ft_subscribe .content {
clear:both;
padding: 10px 0px;
line-height: 1.2;
color: #656562;
font-size: 12px;
}
}
@media (max-width: 640px) {
#ft_subscribe {
width:100%;
margin:10px auto;
text-align:left;
padding-bottom: 10px;
}
#ft_subscribe h3 {
border-left: 7px solid #05ae39;
padding-left: 15px;
font-size: 15px;
float: left;
color: #2e2e2d;
margin: 15px 0px 5px 3px;
line-height:1.3;
padding-top: 5px;
}
#ft_subscribe h3 span {
font-family: "Myriad Pro";
font-size: 12px;
font-weight: 400;
color: #949494;
text-transform:uppercase;
}
#ft_subscribe .content {
clear:both;
padding: 5px 10px;
line-height: 1.2;
color: #656562;
font-size: 12px;
}
}
.bmform_outer1082630{width:300px;}
.bmform_inner1082630{border:1px solid #797a7b;}
.bmform_head1082630{background-color:#FF7502; height:43px; }
.bm_headetext1082630{color:#FDFDFD; font-family:Arial black; font-size:12px; font-weight:bold; }
.bmform_body1082630{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt1082630{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:12px;text-align:left;}
.bmform_frmtext1082630{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;}
.bmform_button1082630{text-align:center; padding-top:15px;}
@media (min-width: 641px) {
.bmform_frm1082630{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:20px 5px 0 30px;}
.bmform_submit1082630{padding:10px 12px 10px 12px; margin: 20px 0 0 0}
}
@media (max-width: 640px) {
.bmform_frm1082630{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:10px 5px 0 20px;}
.bmform_submit1082630{padding:10px 12px 10px 12px; margin: 10px 0 0 20px}
}
.bmform_footer1082630{}
.footer_bdy1082630{}
.footer_txt1082630{}
#tdLogo1082630 img{margin-bottom:10px; max-width:300px;}
.bmform_outer1091232{width:300px;}
.bmform_inner1091232{border:1px solid #797a7b;}
.bmform_head1091232{background-color:#FF7502; height:43px; }
.bm_headetext1091232{color:#FDFDFD; font-family:Arial black; font-size:12px; font-weight:bold; }
.bmform_body1091232{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt1091232{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:12px;text-align:left;}
.bmform_frmtext1091232{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;}
.bmform_button1091232{text-align:center; padding-top:15px;}
@media (min-width: 641px) {
.bmform_frm1091232{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:20px 5px 0 30px;}
.bmform_submit1091232{padding:10px 12px 10px 12px; margin: 20px 0 0 0}
}
@media (max-width: 640px) {
.bmform_frm1091232{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:10px 5px 0 20px;}
.bmform_submit1091232{padding:10px 12px 10px 12px; margin: 10px 0 0 20px}
}
.bmform_footer1091232{}
.footer_bdy1091232{}
.footer_txt1091232{}
#tdLogo1091232 img{margin-bottom:10px; max-width:300px;} .bmform_outer303309{width:300px;}
.bmform_inner303309{border:1px solid #797a7b;}
.bmform_head303309{background-color:#FF7502; height:43px; }
.bm_headetext303309{color:#FDFDFD; font-family:Arial black; font-size:12px; font-weight:bold; }
.bmform_body303309{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt303309{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:12px;text-align:left;}
.bmform_frmtext303309{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;}
.bmform_button303309{text-align:center; padding-top:15px;}
@media (min-width: 641px) {
.bmform_frm303309{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:20px 5px 0 30px;}
.bmform_submit303309{padding:10px 12px 10px 12px; margin: 20px 0 0 0}
}
@media (max-width: 640px) {
.bmform_frm303309{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:10px 5px 0 20px;}
.bmform_submit303309{padding:10px 12px 10px 12px; margin: 10px 0 0 20px}
}
.bmform_footer303309{}
.footer_bdy303309{}
.footer_txt303309{}
#tdLogo303309 img{margin-bottom:10px; max-width:300px;} .bmform_outer1749485{width:300px;}
.bmform_inner1749485{border:1px solid #797a7b;}
.bmform_head1749485{background-color:#FF7502; height:43px; }
.bm_headetext1749485{color:#FDFDFD; font-family:Arial black; font-size:12px; font-weight:bold; }
.bmform_body1749485{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt1749485{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:12px;text-align:left;}
.bmform_frmtext1749485{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;}
.bmform_button1749485{text-align:center; padding-top:15px;}
@media (min-width: 641px) {
.bmform_frm1749485{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:20px 5px 0 30px;}
.bmform_submit1749485{padding:10px 12px 10px 12px; margin: 20px 0 0 0}
}
@media (max-width: 640px) {
.bmform_frm1749485{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:10px 5px 0 20px;}
.bmform_submit1749485{padding:10px 12px 10px 12px; margin: 10px 0 0 20px}
}
.bmform_footer1749485{}
.footer_bdy1749485{}
.footer_txt1749485{}
#tdLogo1749485 img{margin-bottom:10px; max-width:300px;} .bmform_outer306687{width:300px;}
.bmform_inner306687{border:1px solid #797a7b;}
.bmform_head306687{background-color:#FF7502; height:43px; }
.bm_headetext306687{color:#FDFDFD; font-family:Arial black; font-size:12px; font-weight:bold; }
.bmform_body306687{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt306687{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:12px;text-align:left;}
.bmform_frmtext306687{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;}
.bmform_button306687{text-align:center; padding-top:15px;}
@media (min-width: 641px) {
.bmform_frm306687{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:20px 5px 0 30px;}
.bmform_submit306687{padding:10px 12px 10px 12px; margin: 20px 0 0 0}
}
@media (max-width: 640px) {
.bmform_frm306687{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:10px 5px 0 20px;}
.bmform_submit306687{padding:10px 12px 10px 12px; margin: 10px 0 0 20px}
}
.bmform_footer306687{}
.footer_bdy306687{}
.footer_txt306687{}
#tdLogo306687 img{margin-bottom:10px; max-width:300px;} .bmform_outer514986{width:300px;}
.bmform_inner514986{border:1px solid #797a7b;}
.bmform_head514986{background-color:#FF7502; height:43px; }
.bm_headetext514986{color:#FDFDFD; font-family:Arial black; font-size:12px; font-weight:bold; }
.bmform_body514986{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt514986{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:12px;text-align:left;}
.bmform_frmtext514986{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;}
.bmform_button514986{text-align:center; padding-top:15px;}
@media (min-width: 641px) {
.bmform_frm514986{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:20px 5px 0 30px;}
.bmform_submit514986{padding:10px 12px 10px 12px; margin: 20px 0 0 0}
}
@media (max-width: 640px) {
.bmform_frm514986{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:10px 5px 0 20px;}
.bmform_submit514986{padding:10px 12px 10px 12px; margin: 10px 0 0 20px}
}
.bmform_footer514986{}
.footer_bdy514986{}
.footer_txt514986{}
#tdLogo514986 img{margin-bottom:10px; max-width:300px;} .bmform_outer1757027{width:300px;}
.bmform_inner1757027{border:1px solid #797a7b;}
.bmform_head1757027{background-color:#FF7502; height:43px; }
.bm_headetext1757027{color:#FDFDFD; font-family:Arial black; font-size:12px; font-weight:bold; }
.bmform_body1757027{background-color:#f0f2f3; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px;} .bmform_introtxt1757027{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:12px;text-align:left;}
.bmform_frmtext1757027{padding: 5px 0px 3px 0px; display:block; float:none; text-align: left; text-decoration: none; width: auto; font-weight:bold;}
.bmform_button1757027{text-align:center; padding-top:15px;}
@media (min-width: 641px) {
.bmform_frm1757027{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:20px 5px 0 30px;}
.bmform_submit1757027{padding:10px 12px 10px 12px; margin: 20px 0 0 0}
}
@media (max-width: 640px) {
.bmform_frm1757027{color:#000000; display:block; float:left; font-family:Verdana,sans-serif; font-size:12px; font-style:normal; font-weight:normal; text-align:left; text-decoration:none; width:240px; padding:10px; margin:10px 5px 0 20px;}
.bmform_submit1757027{padding:10px 12px 10px 12px; margin: 10px 0 0 20px}
}
.bmform_footer1757027{}
.footer_bdy1757027{}
.footer_txt1757027{}
#tdLogo1757027 img{margin-bottom:10px; max-width:300px;} @media (min-width: 641px) {
#form_block {
margin-left:10px;
margin-right:10px;
width:95%;
padding: 15px;
}
#form_block input[type="text"], #form_block input[type="email"], #form_block input[type="tel"] {
width:80%;
border:1px solid #cccccc;
padding:3px;
}
#form_block select {
width:auto;
border:1px solid #cccccc;
padding:3px;
}
#form_block textarea {
width:80%;
border:1px solid #cccccc;
padding:3px;
}
#form_block .adform_txarea textarea {
width:80%;
padding:3px;
}
#form_block .column_left {
width: 180px;
font-weight: bold;
float: left;
border-left: 5px solid #e5e0c8;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 15px;
}
#form_block .column_right {
width: 425px;
float: left;
padding:4px;
margin-bottom: 30px;
}
}
@media (max-width: 640px) {
#form_block {
margin-left:5px;
margin-right:5px;
width:90%;
padding: 10px;
}
#form_block input[type="text"], #form_block input[type="email"], #form_block input[type="tel"] {
width:90%;
border:1px solid #cccccc;
padding:5px 10px;
}
#form_block select {
width:auto;
border:1px solid #cccccc;
padding:3px;
}
#form_block textarea {
width:90%;
border:1px solid #cccccc;
padding:3px;
}
#form_block .adform_txarea textarea {
width:90%;
padding:3px;
}
#form_block .column_left {
width: 100%;
font-weight: bold;
float: left;
border-left: 5px solid #e5e0c8;
padding-left: 10px;
margin-top: 10px;
margin-bottom: 3px;
}
#form_block .column_right {
width: 100%;
float: left;
margin-bottom: 20px;
padding:4px;
}
}
.scroll{ overflow: auto; } .scroll::-webkit-scrollbar{ height: 5px;} .scroll::-webkit-scrollbar-track{background: #F1F1F1;} .scroll::-webkit-scrollbar-thumb {background: #BCBCBC;} .aligncenter, div.aligncenter {
margin: 0 auto;
}
@media (min-width: 641px) {
.alignleft, div.alignleft {
margin: 0px 0px 0px 15px;
padding: 0px 10px 10px 0px;
float: left;
}
.alignright, div.alignright {
margin: 0px 15px 0px 0px;
padding: 0px 0px 10px 10px;
float: right;
}}
@media (max-width: 640px) {
.alignleft, div.alignleft {
margin: 0 auto;
padding-left:10px;
display: block;
}
.alignright, div.alignright {
margin: 0 auto;
padding-left:10px;
display: block;
}
}
.label-genre {
border: 1px solid #05ae39;
padding: 2px;
margin: 5px 5px 5px 0;
background: #05ae39;
color: #fff;
font-weight: bold;
font-size: 80%;
}  .must{
color: #fff;
margin-right: 8px;
padding: 6px 10px;
background: #F92931;
border-radius: 20px;
font-size: 80%;
} .free {
color: #fff;
margin-right: 8px;
padding: 6px 10px;
background: #999;
border-radius: 20px;
font-size: 80%;
} form p {
font-weight: 600;
} input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding: 8px 15px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #d0d5d8;
border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 200px;
} input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
background: rgba(255, 255, 142, 0.46);
} input.wpcf7-submit {
width: 90%;
height: 60px;
background: #05ae39;
color: #fff;
font-size: 20px;
font-weight: 600;
} span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
color: red;
font-weight: 600 !important;
} div.wpcf7-mail-sent-ok {
background-color: #eef2e6;
border: 2px solid #05AE39;
font-weight:bold;
padding:20px 10px !important;
} .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
} #pickup_guide .content_box_guide_text a, #pop_contents_guide .content_box_guide_text a {
color:#05AE39; font-size:16px;
font-weight:bold;
margin-bottom: 10px; }
#content #pickup_guide .caption {
margin-bottom: 5px;
padding: 0;
color : #949494;
font-size : 10px ;
font-weight: normal;
text-align:left; } @media (max-width: 640px) {
#content #pickup_guide h2.tittle, #content #pop_contents_guide h2.tittle {
border-left: 7px solid #05ae39;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;  padding: 7px 10px 7px 5px;
font-size: 16px;
font-weight: bold;
color: #333333; 
background:#cdfedc; }
#content #pickup_guide h3, #content #pop_contents_guide h3 {
padding: 0 10px;
margin-bottom: 5px;
color: #3f3f3f;
font-size: 14px; }
#pickup_guide .content_guide {
clear:both;
padding: 10px 0px;
line-height: 1.4;
color: #000;
font-size: 14px;
font-weight:normal; }
#pop_contents_guide .content_guide {
clear:both;
padding: 0;
line-height: 1.3;
color: #000;
font-size: 14px;
font-weight:normal; }
#pickup_guide .content_box_guide {
margin: 0 auto 10px;
width: 100%; }
#pop_contents_guide .content_box_guide {
margin: 0 auto 10px;
width: 100%; }
#pickup_guide .content_box_guide_photo {
margin: 0 auto 5px;
width: 100%; }
#pop_contents_guide .content_box_guide_photo {
margin: 0 10px 0 10px;
float: left; }
#pickup_guide .content_box_guide_text{
margin: 5px 10px;
color:#000; }
#pop_contents_guide .content_box_guide_text {
margin: 0 10px;
color:#000; }
#pickup_guide .content_box_guide_text a:hover, #pop_contents_guide .content_box_guide_text a:hover {
color: #05AE39;
text-decoration:none; }
.readmore {border:#05AE39 1px solid; background:#05AE39; color:#FFF; font-size: 16px; font-weight: bold; text-align:center; margin:5px 10px; padding:3px 0; } 
} .readmore a {
color:#FFF; text-decoration: none;
}
@media (min-width: 641px) {
#content #pickup_guide h2.tittle, #content #pop_contents_guide h2.tittle {
border-left: 7px solid #05ae39;
margin-top: 10px;
margin-bottom: 15px;
margin-left: 15px;
padding-left: 10px;
font-size: 16px;
font-weight: bold;
color: #333333; }
#pickup_guide .content_guide {
width: 330px; height: 400px;
border-top:1px solid #bdbdbd;
border-right:2px solid #bdbdbd;
border-bottom:2px solid #bdbdbd;
border-left:1px solid #bdbdbd;
background-color: #ffffff;
float:left;
margin-bottom:15px;
margin-left:15px; 
line-height: 1.4;
color: #000;
font-size: 14px;
font-weight:normal; }
#pop_contents_guide .content_guide {
width: 332px; 
background-color: #ffffff;
float:left;
margin-bottom:15px;
margin-left:15px; 
line-height: 1.2;
color: #000;
font-size: 14px;
font-weight:normal; }
#pickup_guide .content_box_guide {
margin: 10px 15px 10px 15px;  }
#pop_contents_guide .content_box_guide {
margin: 0;  }
#pickup_guide .content_box_guide_photo {
margin-bottom: 10px; }
#pop_contents_guide .content_box_guide_photo {
margin: 0 10px 0 0;
float: left; }
.readmore {border:#05AE39 1px solid; background:#05AE39; color:#FFF; font-size: 16px; font-weight: bold; text-align:center; margin:5px 15px; padding:3px 0; } 
} .readmore a {
color:#FFF; text-decoration: none;
}  .cp_overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
left:  0px; 
top: 0px; 
z-index: 1000;
}
.cp_btn_area {
width: 400px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #fff;
border: solid 5px #86c4b9; padding:15px;
z-index: 2000;
}
.cp_btn_area .cp_title {
font-weight: bold;
font-size: 1.4em;
line-height:1.4em;
text-align: center;
}
.cp_btn_area p { padding: 15px 15px 0px 15px;
}
.cp_btn_area img {
margin: 0 auto;
display:block;
}
.cp_btn_area .cp_info {
line-height:1.3em;
margin-bottom:20px;
}
.cp_btn_area button {
display: block;
margin: 0 auto;
background: #1bad40;
color: #fff;
font-size: 1.1em;
padding: 20px 40px;
border: none;
cursor: pointer;
transition: 0.8s ;
}
.cp_btn_area button:hover {
background: #86c4b9;
}
.cp_close_txt {
width:100px;
display: block; margin: 20px auto 0px auto;
line-height:25px;
font-size:1.1em;
text-align: center;
cursor: pointer;
transition: 0.8s ;
}
.cp_close_txt:hover  {
color:#1bad40;
} @media (max-width: 640px) {
.cp_btn_area {
position: absolute;
top: 45%;
}
.cp_btn_area {
width: 95%;
}
}  .floating-banner{ 
position: fixed; 
right: 35px; 
bottom: 60px; 
z-index: 9998; 
display:none; 
background-color: #f2f2f2; padding: 0px; -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 20%);
box-shadow: 0 0 7px rgb(0 0 0 / 20%);
}
.floating-banner img{ 
width:250px;
vertical-align:top; }
.close-button { 
font-weight: bold;
position: absolute;
top: -4px;
right: -6px;
z-index: 99999; padding: 2px 10px; border: none;
background-color: #f8f8f8; border-radius: 50%;
cursor: pointer; -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 20%);
box-shadow: 0 0 7px rgb(0 0 0 / 20%);
} @media (max-width: 640px) {
.floating-banner img{ 
width:210px;
}
} @media (min-width: 641px) {
#header {
width: 100%;
height: 102px;
}
#header_left {
width: 724px;
height:102px;
float:left;
}
.ttl_top {
padding-top: 1px;
color: #FFFFFF;
text-align: left;
font-size: 12px;
}
#header_right {
width: 300px; height:40px; 
float:left;
text-align:right;
}
#logo a {
background: url(//www.us-lighthouse.com/images/logo_lighthouse.png) no-repeat;
float: left;
display: block;
width: 200px;
height: 50px;
margin-top:9px;
}
#losangeles a {
background: url(//www.us-lighthouse.com/images/logo_lh_la.png) no-repeat;
float: left;
display: block;
width: 130px;
height: 50px;
margin-top:9px;
}
#sandiego a {
background: url(//www.us-lighthouse.com/images/logo_lh_sd.png) no-repeat;
float: left;
display: block;
width: 130px;
height: 50px;
margin-top:9px;
display: block;
}
ul#area_btns {
width:auto;
}
ul#area_btns li {
height: 16px;
margin-right:10px;
list-style:none;
float:left;
}
.btn_bg {
border-radius: 10px;
border:1px solid #cccccc;
background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -o-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 100%);
}
.btn_bg:hover {
background:none;
background-color:#05ae39;
}
.icn_arrow_s a {
background-position: 5px 5px;
font-size: 12px;
line-height: 18px;
}
.icn_arrow_s a, .icn_arrow_l a {
background-image:url(//www.us-lighthouse.com/images/icn_arrow.png);
background-repeat:no-repeat;
color: #05ae39;
display:block;
text-decoration:none;
padding-right:11px;
padding-left:18px;
letter-spacing:-1px;
}
.icn_arrow_s a:hover, .icn_arrow_l a:hover {
background-image:url(//www.us-lighthouse.com/images/icn_arrow_wt.png);
background-repeat:no-repeat;
color:#fff;
}
.icn_arrow_l a {
background-position: 7px 7px;
font-size:14px;
line-height:21px;
text-align: center;
}
div.topmenu {
float: left;
}
div.topmenu {
position: relative;
z-index: 300;
margin: 0px !important;
}
#LH_GM {
margin-top:15px;
text-align: left;
font-size: 12px;
height: 47px;
padding-bottom:12px;
}
} @media (max-width: 640px) {
#header {
width: 100%;
height:65px;
}
#header_left {
width: 100%; float:left;
}
.ttl_top {
padding-top: 7px;
color: #FFFFFF;
text-align: left;
font-size: 10px;
}
#header_right {
display: none;
}
#logo a {
background: url(//www.us-lighthouse.com/images/logo_lighthouse_s.png) no-repeat;
float: left;
display: block;
width: 100px;
height: 25px;
margin-top:6px;
}
#losangeles a {
background: url(//www.us-lighthouse.com/images/logo_lh_la_s.png) no-repeat;
float: left;
display: block;
width: 65px;
height: 25px;
margin-top:6px;
}	
#sandiego a {
background: url(//www.us-lighthouse.com/images/logo_lh_sd_s.png) no-repeat;
float: left;
display: block;
width: 65px;
height: 25px;
margin-top:6px;
display: block;
}
ul#area_btns {
width:auto;
}
ul#area_btns li {
height: 12px;
margin-right:5px;
list-style:none;
float:left;
}
.btn_bg {
border-radius: 10px;
border:1px solid #cccccc;
background-image: -webkit-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -moz-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: -o-linear-gradient(90deg, #e4e4e4 0%, #ffffff 100%);
background-image: linear-gradient(0deg, #e4e4e4 0%, #ffffff 100%);
}
.btn_bg:hover {
background:none;
background-color:#05ae39;
}
.icn_arrow_s a {
background-position: 3px 3px;
font-size: 8px;
line-height: 14px;
}
.icn_arrow_s a, .icn_arrow_l a {
background-image:url(//www.us-lighthouse.com/images/icn_arrow.png);
background-repeat:no-repeat;
color: #05ae39;
display:block;
text-decoration:none;
padding-right:11px;
padding-left:18px;
letter-spacing:-1px;
}
.icn_arrow_s a:hover, .icn_arrow_l a:hover {
background-image:url(//www.us-lighthouse.com/images/icn_arrow_wt.png);
background-repeat:no-repeat;
color:#fff;
}
.icn_arrow_l a {
background-position: 7px 7px;
font-size:14px;
line-height:21px;
text-align: center;
}
div.topmenu {
float: left;
position: relative;
z-index: 300;
margin: 0px !important;
width: 12%;
}
#LH_GM {
display: none;
} #sns_icons_block {
position:absolute;
top: 0px;
right: 10px;
}
} *{
margin: 0;
padding: 0;
}		
*:first-child+html #header {
}
html>body .header_inner {
width: 1024px;
} .sub_top {
display: none;
} .separator { 
border-right:1px dotted #FFFFFF;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
#subtitle {
float: left;
margin: 0;
padding: 0;
width: 150px;
height: 40px;
background: url(//www.us-lighthouse.com/images/grobalmenus/subtitle.gif) no-repeat;
}
#header_login_block { }
#header_logout_block { }
#header_user {
clear: both;
margin: 0;
padding: 2px 0 0 2px; text-align: left;
width: 140px;
}
#header_user2 {
clear: both;
margin: 0;
padding: 2px 0 0 2px;
height: 14px;
font-size: 10px;
text-align: left;
width: 140px;
}
#login_link { }
#header_login_btn { }
#header_login_btn a { }
#header_member_regi_btn { }
#header_member_regi_btn a { }
#header_logout_btn { }
#header_logout_btn a { }
#header_member_info_btn { }
#header_member_info_btn a { }
.hide {display: none;}
#btn_utopia_block a {
display:block;
background:url(//www.us-lighthouse.com/images/btn-onlinshop-utopia.png) top left no-repeat;
width: 204px;
height: 25px;
margin-top: 18px;
float: right;
} #sns_icons_block {
width: 80px;
height: 30px;
padding-top: 40px;
text-align: right;
float: right;
}
#sns_icons_block .sns_container{
width:30px;
height:30px;
margin-left:7px;
float:right;
position:relative;
overflow: hidden;
}	
#sns_icons_block .sns_container img {
display:block;
position:absolute;
top:0;
left:0;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}
#sns_icons_block .sns_container:hover img:nth-of-type(2)  {
opacity: 0;
} @media (max-width: 640px) {
#sns_icons_block {
padding-top: 50px;
padding-right: 3px;
}
#sns_icons_block .sns_container img {
width:25px;
height:25px;
}
}  @media (min-width: 641px) {
#ad_button_block {
width: 150px;
height: 30px;
padding-top: 41px;
text-align: center;
float: right;
}
.btn_header_ad{ height: 27px;
float: right;
border-radius:3px;
border:1px solid #ff7f00;
margin-bottom: 10px;
}
.btn_header_ad a {
color: #ff7f00;
font-size: 12px;
text-decoration:none;
display:block;
padding-right:11px;
padding-left:11px;
letter-spacing:-1px; line-height:27px;
font-weight: bold;
}
}
@media (max-width: 640px) {
#ad_button_block {
width:auto; height:auto; padding-top: 28px;
text-align: center;
float: right;
position:absolute;
top: 0px; right: 10px;
}
.btn_header_ad{ height:auto;
float: right;
border-radius:3px;
border:1px solid #ff7f00;
margin-bottom: 10px;
}
.btn_header_ad a {
color: #ff7f00;
font-size: 9px;
text-decoration:none;
display:block;
padding-right:10px;
padding-left:10px;
letter-spacing:-1px; line-height:15px;
font-weight: bold;
}
}
.btn_header_ad:hover {
background:none;
background-color:#ff7f00;
color:#ffffff;
}
.btn_header_ad a:hover {
background:none;
background-color:#ff7f00;
color:#ffffff;
} #search_block {
float: right;
margin-top:10px;
}
#search_block input#search_box {
background:url(//www.us-lighthouse.com/images/icn_magnifiy.png) 5px 3px no-repeat;
width: 129px;
height: 21px;
padding-left: 28px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
border: 2px solid #B4B4B4;
margin-right: -1px;
float: left;
}
#search_block input[type="submit"] {
width: 44px;
height: 25px;
font-weight:bold;
font-size: 12px;
line-height: 23px;
color:#FFFFFF;
border:none;
background-color: #828281;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#topmenu_blog {
width: 108px;
}
div#topmenu_blog img {
width: 108px;
}
}
a.submenu, a.submenu:link, a.submenu:visited,
a.submenu2, a.submenu2:link, a.submenu2:visited {
background-color:#FFFFFF;
color: #2e2e2d ;
display: block;
width: 180px;
line-height: 24px;
padding-left:20px;
height: 24px;
font-size: 13px;
text-decoration: none;
letter-spacing:-1px;
-webkit-box-shadow: 3px 5px 4px 2px rgba(20, 20, 20, 0.35);
-moz-box-shadow:3px 5px 4px 2px rgba(20, 20, 20, 0.35);
box-shadow:3px 5px 4px 2px rgba(20, 20, 20, 0.35);
}
a.submenu, a.submenu:link, a.submenu:visited {
background-image:url(//www.us-lighthouse.com/images/icn_arrow_gy.png);
background-position:7px 9px;
background-repeat:no-repeat;
}
a.submenu:hover {
background-color:#d0f5df;
color:#05ae39;
}
a.submenu:hover {
background-image:url(//www.us-lighthouse.com/images/icn_arrow.png);
}
#navi_list { padding: 5px 10px 5px 5px;
text-align: left;
color: #909093;
}
#navi_list a {
color: #909093;
}
#navi_list a:hover {
color: #05ae39;
text-decoration:none;
}
#navi_list a img {
vertical-align:-1px;
}
.navi_hvr {
margin-top:-4px;
}	
#LH_GM div.topmenu:first-child {
border-left:1px dotted #959595;
}
.separator_gnavi {
border-right:1px dotted #959595;
}	
.top_cate {
margin: 5px 0 0 0;
padding: 0;
}
.top_cate li {
margin: 0;
padding: 2px 5px 2px 12px;
background: 0 4px url(//www.us-lighthouse.com/images/grobalmenus/top_cate.gif) no-repeat;
font-weight: bold;
list-style-type: none;
}
.top_cate li a.top_link {
color: #000;
}
.sub_cate {
margin: 0 0 5px 0;
padding: 0;
}
.sub_cate li {
margin: 0;
padding: 2px 5px 2px 8px;
font-weight: normal;
background: none;
list-style-type: none;
}
.popup {
margin: 0;
padding: 0;
width: 540px;
border: solid 3px #7C828C !important;
}
.popup h3 {
margin: 0;
padding: 2px;
color: #FFF;
font-size: 10px;
font-weight: bold;
background: #7C828C;
}
.popup_contents {
margin: 0;
padding: 5px;
}
.popup_contents li {
float: left;
margin: 0;
padding: 2px 0 3px 0;
width: 175px;
font-size: 12px;
white-space: nowrap;
list-style-type: none;
}
#header {
position: relative;
}
#top234Banner {
position: absolute;
top: 8px;
right: 8px;
width: 345px;
height: 60px;
} @media (min-width: 641px) {
#LH_GM_sp{
Display: none;
}}
@media (max-width: 640px) {
#LH_GM_sp{
text-align:left; padding:15px 5px 15px 5px;
-webkit-tap-highlight-color:rgba(0,0,0,0); 
}
#LH_GM_sp ul {
display: none;
list-style:none;
}
#LH_GM_sp p {
cursor: pointer;
background-color:#eee;
border-bottom:dotted 1px #ababab;
padding-left:10px;
line-height: 2.3em;
position:relative;
}
#LH_GM_sp p:after {
content:"+";
position:absolute;
right: 15px;
}
#LH_GM_sp .open:after {
content:"-";
position:absolute;
right: 15px;
}
#LH_GM_sp li {
cursor: pointer;
line-height: 2.7em;
}
#LH_GM_sp li div{
border-bottom:solid 2px #ddd;
position:relative;
}
#LH_GM_sp li div:after {
content:"+";
position:absolute;
right: 15px;
}
#LH_GM_sp #main_menu0 div:before {
content: url(http://www.us-lighthouse.com/images/icn_sp_classified.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp #main_menu1 div:before {
content: url(http://www.us-lighthouse.com/images/icn_sp_townguide.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp #main_menu2 div:before {
content: url(http://www.us-lighthouse.com/images/icn_sp_food.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp #main_menu3 div:before {
content: url(http://www.us-lighthouse.com//images/icn_sp_learn.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp #main_menu4 div:before {
content: url(http://www.us-lighthouse.com/images/icn_sp_job.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp #main_menu5 div:before {
content: url(http://www.us-lighthouse.com/images/icn_sp_life.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp #main_menu6 div:before {
content: url(http://www.us-lighthouse.com/images/icn_sp_im.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp #main_menu7 div:before {
content: url(http://www.us-lighthouse.com/images/icn_sp_guide.png);
margin: 0px 10px;
position: relative;
top: 5px;
}
#LH_GM_sp li li {
border-bottom:dotted 1px #ccc;
}
#LH_GM_sp a{
display: block;
text-indent: 41px;
text-decoration:none;
color : #05ae39;
font-size : 13px;
}
#LH_GM_sp li li a: {
display: block;
　cursor: pointer;
-webkit-tap-highlight-color:#d0f5df;
}
#LH_GM_sp li li a:hover {
text-decoration:underline;
background-color: #d0f5df;
}
#LH_GM_sp li li a:active {
text-decoration:underline;
background-color: #d0f5df;
}}