body {
color:#333333;
font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
font-size:small;
line-height:140%;
margin:0;
padding:0;
vertical-align:baseline;
}
img {
border:0 none;
margin:0;
}
p {
font-size:small;
}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, form, blockquote, form {
margin:0;
padding:0;
}
h1 {
font-size:200%;
}
h2 {
font-size:180%;
}
h3 {
font-size:160%;
}
h4 {
font-size:140%;
}
h5 {
font-size:120%;
}
h6 {
font-size:110%;
}
ul, li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
table th {
text-align:center;
vertical-align:baseline;
}
table td {
vertical-align:baseline;
}
input {
vertical-align:middle;
}
input.input_text {
border:1px solid #FE8227;
padding-left:3px;
}
textarea {
border:1px solid #C9C9C9;
}
.vam {
vertical-align:middle;
}
.t_ac {
text-align:center;
}
.t_ar {
text-align:right;
}
.t_al {
text-align:left;
}
.fl {
float:left;
}
.fr {
float:right;
}
.curP {
cursor:pointer;
}
.bold {
font-weight:bold;
}
.clear:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
.clear {
min-height:1px;
}
* html .clear {
height:1px;
}
.e6bd1 {
border:1px solid #E6E6E6;
}
.dash_2px {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/line/line_h_2px_dash.gif) repeat-x scroll 0 0;
height:1px;
}
.ml5 {
margin-left:5px;
}
.ml10 {
margin-left:10px;
}
.ml20 {
margin-left:20px;
}
.mr5 {
margin-right:5px;
}
.mr10 {
margin-right:10px;
}
.mt5 {
margin-top:5px;
}
.mt10 {
margin-top:10px;
}
.mt15 {
margin-top:15px;
}
.mt20 {
margin-top:20px;
}
.mb5 {
margin-bottom:5px;
}
.mb10 {
margin-bottom:10px;
}
.pl5 {
padding-left:5px;
}
.pl10 {
padding-left:10px;
}
.pr5 {
padding-right:5px;
}
.pr10 {
padding-right:10px;
}
.e01 {
color:#E01E36;
}
.pl1{
padding-left:1px;
}
.layerBgOpacity_50 {
background-color:#FFFFFF;
height:100%;
left:0;
opacity:0.5;
position:absolute;
top:0;
width:100%;
z-index:10;
filter:alpha(opacity=50);
}
a:link, a:visited {
color:#666666;
text-decoration:none;
}
a:hover, a:active {
color:#FE8227;

}
a.c_gray:link, a.c_gray:visited {
color:#8F8F8F;
text-decoration:none;
}
a.c_gray:hover, a.c_gray:active {
color:#FE8227;
text-decoration:underline;
}
a.c_red:link, a.c_red:visited {
color:#E01E36;
text-decoration:none;
}
a.c_red:hover, a.c_red:active {
color:#FE8227;
text-decoration:underline;
}
#wrap {
margin:0 auto;
width:991px;
color:#666666;
}



#content {
margin-left:15px;
margin-top:75px;
padding:3px 0 0;
width:735px;
}
#r_bar {
float:right;
width:226px;
}
#footer {
clear:both;
}
.login_form_section {
background-color:#F1F1F1;
border:1px solid #E7E7E7;
margin:0 auto;
text-align:left;
width:498px;
}
.login_form_section dl {
margin-left:15px;
margin-top:15px;
}
.login_form_section dl dt {
float:left;
font-weight:bold;
margin-right:5px;
text-align:right;
width:106px;
}
.login_form_section dl dt.email {
padding-top:4px;
}
.login_form_section dl dt.pass {
padding-top:3px;
text-align:right;
}
.login_form_section dl dd input.input_box {
border:1px solid #D6D6D6;
font-size:120%;
font-weight:bold;
height:21px;
padding-left:3px;
text-transform:lowercase;
width:220px;
}
.login_form_section dl dd label {
cursor:pointer;
width:210px;
}
.login_form_section dl dd a.forgot_password_link {
color:#0000EE;
text-decoration:underline;
}
.login_form_section dl dd #email_process_desc, #pass_process_desc {
color:#DD0202;
font-weight:bold;
margin:0 0 0 100px;
}
.login_form_section div.btn_wrapper {
margin:10px 0 15px;
text-align:center;
}
.login_form_section div.btn_wrapper input {
height:34px;
width:118px;
}
#login_form_layer {
background-color:#EE6A22;
margin:0 auto;
padding-bottom:5px;
text-align:left;
width:522px;
}
#login_form_layer img {
margin-top:7px;
}
#login_form_layer div.close_btn {
color:#FFFFFF;
cursor:pointer;
display:inline;
float:right;
font-weight:bold;
height:22px;
margin-right:10px;
margin-top:5px;
text-align:center;
width:50px;
}
#login_form_layer div.outer_wrapper {
margin:8px 0 0 5px;
padding-top:7px;
width:510px;
}
#login_form_layer div.inner_wrapper {
background-color:#FFFFFF;
border-left:1px solid #F4F4F4;
border-right:1px solid #F4F4F4;
padding-bottom:17px;
padding-top:4px;
width:508px;
}
#login_form_layer div.member_regist {
text-align:center;
}
#login_form_layer div.member_regist p {
font-weight:bold;
}
#login_form_layer div.member_regist input {
height:34px;
width:118px;
}
#login_form_layer .login_form_section p.login_form_desc {
border:1px dashed #EE0022;
color:#EE0022;
margin:5px 5px -10px;
padding:5px;
}
#login_form_layer .login_form_section dl dd#email {
width:190px;
}
#login_form_layer .login_form_section dl dd#pass {
width:190px;
}
#login_form_layer .login_form_section div.btn_wrapper input {
height:34px;
width:118px;
}
#login_form_layer .inner_wrapper div.member_regist a {
height:34px;
width:118px;
}
ul#page_no_nav {
padding-bottom:1px;
}
ul#page_no_nav li {
display:inline;
margin:0 3px;
}
ul#page_no_nav li a {
border:1px solid #D9D9D9;
color:#888888;
font-weight:bold;
margin-right:4px;
padding:1px 3px;
}
ul#page_no_nav li a:hover {
background-color:#F1F1F1;
color:#333333;
}
ul#page_no_nav li a.now {
background-color:#F1F1F1;
color:#333333;
cursor:default;
text-decoration:none;
}
ul#page_no_nav li a.next_pre {
border:0 none;
}
ul#page_no_nav li a.next_pre:hover {
background-color:transparent;
border:0 none;
color:#333333;
}
#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

height:67px;
margin-top:8px;
position:absolute;
top:0;
width:991px;
color:#8f8f8f;
}

#header div.mt5{padding-left:15px;}
#header div.mt5 ul{ width:975px; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;}
#header div.mt5 ul li{float:left;}
#header div.mt5 ul li a{background:url(http://image.utravelnote.com/images/note/bg/bg_new_mainmenu.gif) no-repeat; width:125px; height:32px; display:block;}
#header div.mt5 ul li a:hover, #header div.mt5 ul li a.a_1_now,#header div.mt5 ul li a.a_2_now, #header div.mt5 ul li a.a_3_now, #header div.mt5 ul li a.a_4_now, #header div.mt5 ul li a.a_5_now, #header div.mt5 ul li a.a_6_now
{background:url(http://image.utravelnote.com/images/note/bg/bg_new_mainmenu_on.gif) no-repeat; width:125px; height:32px;}
#header div.mt5 ul li a.a_2, #header div.mt5 ul li a.a_2:hover, #header div.mt5 ul li a.a_2_now, #header div.mt5 ul li a.a_2_now:hover{background-position:-126px;}
#header div.mt5 ul li a.a_3, #header div.mt5 ul li a.a_3:hover, #header div.mt5 ul li a.a_3_now, #header div.mt5 ul li a.a_3_now:hover{background-position:-250px;}
#header div.mt5 ul li a.a_4, #header div.mt5 ul li a.a_4:hover, #header div.mt5 ul li a.a_4_now, #header div.mt5 ul li a.a_4_now:hover{background-position:-373px;}
#header div.mt5 ul li a.a_5, #header div.mt5 ul li a.a_5:hover, #header div.mt5 ul li a.a_5_now, #header div.mt5 ul li a.a_5_now:hover{background-position:-498px;}
#header div.mt5 ul li a.a_6, #header div.mt5 ul li a.a_6:hover, #header div.mt5 ul li a.a_6_now, #header div.mt5 ul li a.a_6_now:hover{background-position:-623px;}
#header div.mt5 ul li input#gsw{border:1px solid #fe8227; height:22px; margin-top:2px;width:150px;}
#header div.mt5 ul li img{vertical-align:middle; margin-top:2px; margin-left:5px;}
#header div.mt5 ul li input.gsw_submit{border:none; margin-top:1px;}
#sub_menu_map{font-size:11px;}
#sub_menu_map a{margin-right:7px; color:#8f8f8f;}
#sub_menu_map a:hover{color:#666666;}

#r_bar {
margin-top:8px;
position:absolute;
right:0;
top:63px;
}
#footer {
border:1px solid #D9D9D9;
color:#8F8F8F;
margin:20px 0 10px;
padding:9px;
}
#footer p {
font-size:small;
}
ul#page_nav {
font-size:smaller;
}
ul#page_nav li {
display:inline;
}
ul#page_nav li span {
color:#8F8F8F;
}
.text_btn_out_bg {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/bg/bg_btn_right.gif) no-repeat scroll right top;
height:18px;
}
.text_btn_inner_a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/bg/bg_btn_left.gif) no-repeat scroll left top;
display:block;
float:left;
height:18px;
padding:0 7px;
text-decoration:none;
}
a.text_btn_inner_a:hover, a.text_btn_inner_a:active {
color:#333333;
text-decoration:none;
}
.text_btn_inner_a span {
display:block;
margin-top:-1px;
}
ul#small_star li.on_l {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -10px -37px;
float:left;
height:12px;
width:7px;
}
ul#small_star li.on_r {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -22px -37px;
float:left;
height:12px;
width:7px;
}
ul#small_star li.off_l {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -10px -10px;
float:left;
height:12px;
width:7px;
}
ul#small_star li.off_r {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -22px -10px;
float:left;
height:12px;
width:7px;
}
ul#small_star li.on_sml {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -72px -37px;
float:left;
height:8px;
width:4px;
}
ul#small_star li.on_smr {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -81px -37px;
float:left;
height:8px;
width:4px;
}
ul#small_star li.off_sml {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -72px -10px;
float:left;
height:8px;
width:4px;
}
ul#small_star li.off_smr {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -81px -10px;
float:left;
height:8px;
width:4px;
}
.noImage170 {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) no-repeat scroll -34px -33px !important;
height:170px;
width:170px;
}
.noImage115 {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) no-repeat scroll -212px -88px !important;
height:115px;
width:115px;
}
.noImage84 {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) no-repeat scroll -336px -120px !important;
height:84px;
width:84px;
}
.noImage55 {
-moz-background-clip:border !important;
-moz-background-inline-policy:continuous !important;
-moz-background-origin:padding !important;
background:transparent url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) no-repeat scroll -428px -149px !important;
height:55px;
width:55px;
}
/* blog icon */
.b_yahoo {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/yahoo.gif) left 50% no-repeat;}
.b_ameblo {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/ameblo.gif) left 50% no-repeat;}
.b_fc2 {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/fc2.gif) left 50% no-repeat;}
.b_goo {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/goo.gif) left 50% no-repeat;}
.b_jugem {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/jugem.gif) left 50% no-repeat;}
.b_livedoor {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/livedoor.gif) left 50% no-repeat;}
.b_rakuten {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/rakuten.gif) left 50% no-repeat;}
.b_yaplog {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/yaplog.gif) left 50% no-repeat;}
.b_seesaa {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/seesaa.gif) left 50% no-repeat;}
.b_cocolog {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/cocolog.gif) left 50% no-repeat;}
.b_excite {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/excite.gif) left 50% no-repeat;}
.b_exblog {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/excite.gif) left 50% no-repeat;}
.b_so-net {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/so-net.gif) left 50% no-repeat;}
.b_etc {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/0802/icon/blog.gif) no-repeat scroll left 50%;
padding-left:48px;
}
#m_nav_main {
height:49px;
width:134px;
}
#m_nav_main div.main_l {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/bg/member_nav/l_bar.png) no-repeat scroll left top;
float:left;
height:49px;
width:3px;
}
* html #m_nav_main div.main_l {
background-image:url(http://image.utravelnote.com/images/note/blank.gif);
}
#m_nav_main div.main_c {
background-color:#FFFFFF;
border-top:1px solid #ADADAD;
float:left;
width:128px;
}
#m_nav_main div.main_r {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/bg/member_nav/r_bar.png) no-repeat scroll left top;
float:left;
height:49px;
width:3px;
}
* html #m_nav_main div.main_r {
background-image:url(http://image.utravelnote.com/images/note/blank.gif);
}
#m_nav_main ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/line/line_h_2px_dash.gif) repeat-x scroll center bottom;
padding-bottom:5px;
}
#m_nav_main ul li {
margin-left:5px;
}
#m_nav_main p {
text-align:right;
}
#m_nav_main p img {
cursor:pointer;
}
#m_nav_bt {
height:6px;
width:134px;
}
#m_nav_bt div.bt_l {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/bg/member_nav/bt_l.png) no-repeat scroll left top;
float:left;
height:6px;
width:4px;
}
* html #m_nav_bt div.bt_l {
background-image:url(http://image.utravelnote.com/images/note/blank.gif);
}
#m_nav_bt div.bt_c {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/bg/member_nav/bt_c.png) no-repeat scroll left top;
float:left;
height:6px;
width:126px;
}
* html #m_nav_bt div.bt_c {
background-image:url(http://image.utravelnote.com/images/note/blank.gif);
}
#m_nav_bt div.bt_r {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/bg/member_nav/bt_r.png) no-repeat scroll left top;
float:left;
height:6px;
width:4px;
}
* html #m_nav_bt div.bt_r {
background-image:url(http://image.utravelnote.com/images/note/blank.gif);
}
.ico_rowp {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://image.utravelnote.com/images/note/ico/ico_lowprice.gif) no-repeat scroll 0 0;
float:left;
height:16px;
margin-left:7px;
width:96px;
}

#login_pop{ width:530px; border:5px solid #5b5b5b; background-color:#ffffff;}
div.login_top{ background:url(http://image.utravelnote.com/images/note/bg/bg_login_top.gif) no-repeat; width:525px; height:29px; margin:2px;}
div.login_top h1{ font-size:18px; color:#ffffff; padding-top:5px; padding-left:5px; float:left; font-size:15px;}
div.login_top p{ float:right; color:#ffffff; padding-top:5px; background:url(http://image.utravelnote.com/images/note/btn/btn_login_close.gif) no-repeat; width:49px; height:29ppx; padding-right:5px; width:60px; background-position:10px 0px;}
div.login_body{margin:10px 2px; padding:8px;}
div.login_input{ margin-top:3px; padding:7px;}
div.login_input p{padding:2px 0;}
div.login_input p a{text-decoration:underline; color:#0033cc; padding-left:15px;}
.login_input_text{width:229px; height:18px; border:1px solid #c9c9c9; color: #666666; padding:4px;}
div.btn_login{ text-align:center; padding:6px 0;}
div.new_member{ width:245px;}
div.new_member div{ padding:4px 0;}
div.new_member div.mt5 a{text-decoration:underline; color:#0033cc;}
#new_member{ width:530px; margin:50px auto; border:5px solid #5b5b5b; background-color:#ffffff;}
#login_error{width:530px; margin:50px auto; border:5px solid #5b5b5b; background-color:#ffffff;}

.error_mes{ color:#e70c0c; font-size:9px;}


/* member navi */
#newNavi{border:solid 1px #c9c9c9;width:140px;background-color:#ffffff;}
#newNavi ul{padding-right:0px; padding-bottom:5px; padding-left:10px;}
#newNavi ul li{margin-top:5px;}
.note_see{background:url(http://image.utravelnote.com/images/note/bg/note_see.gif) no-repeat 0px 4px; padding-left:15px;}
.note_watch{background:url(http://image.utravelnote.com/images/note/bg/note_watch.gif) no-repeat 0px 4px; padding-left:15px;}
.note_message{background:url(http://image.utravelnote.com/images/note/bg/note_message.gif) no-repeat 0px 4px; padding-left:15px;}
.note_blog{background:url(http://image.utravelnote.com/images/note/bg/note_blog.gif) no-repeat 0px 4px; padding-left:15px;}
.note_see_over{background:url(http://image.utravelnote.com/images/note/bg/note_see_over.gif) no-repeat 0px 4px; padding-left:15px; color:#FE8227;}
.note_watch_over{background:url(http://image.utravelnote.com/images/note/bg/note_watch_over.gif) no-repeat 0px 4px; padding-left:15px; color:#FE8227;}
.note_message_over{background:url(http://image.utravelnote.com/images/note/bg/note_message_over.gif) no-repeat 0px 4px; padding-left:15px; color:#FE8227;}
.note_blog_over{background:url(http://image.utravelnote.com/images/note/bg/note_blog_over.gif) no-repeat 0px 4px; padding-left:15px; color:#FE8227;}
div.menu_bottom_line{clear:both;background:url(http://image.utravelnote.com/images/note/line/line_menu_bott.gif) no-repeat; width:976px; height:3px;}
div.menu_top_line{background:url(http://image.utravelnote.com/images/note/line/line_menu_top.gif) no-repeat; width:976px; height:2px; overflow:hidden;}



/*12.18*/
ul.area_select li {
float:left;
padding:10px;}

td.area_left{width:65px;}