@charset "utf-8";
@import "common.css";

body { text-align:center; }
#all_wrapper { margin:auto; width:950px; }
/* .*_btn type1 */
.green_btn { background:#329900; font-size:14px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #FFF; color:#FFF; cursor:pointer; padding:0 3px 0 3px; font-weight:bold; height:30px; line-height:29px; overflow:hidden; width:44px; }
/* .*_btn type2 */
.orange_btn,
.red_btn { background:#f08223; font-size:14px; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; border:2px solid #FFF; color:#FFF; cursor:pointer; font-weight:bold; height:30px; line-height:28px; letter-spacing:1px; }
.red_btn { background:#900; }
/* .grad_*_btn */
.grad_blue_btn,
.grad_orange_btn,
.grad_green_btn { font-size:16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#FFF; cursor:pointer; height:26px; line-height:26px; letter-spacing:1px; background:url(../img/grad_button_bg.png) repeat-x; display:inline-block; padding:0 8px 0 8px; text-align:center; }
.grad_blue_btn:hover,
.grad_orange_btn:hover,
.grad_green_btn:hover { text-decoration:none; }
.grad_blue_btn { background-postion:0 0; }
.grad_orange_btn { background-position:0 -54px; }
.grad_green_btn { background-position:0 -27px; }
/* .new */
a.new { display:inline-block; background:url(../img/new.png) no-repeat 0 center; padding-left:45px; }
/* .up */
a.up { display:inline-block; background:url(../img/up.png) no-repeat 0 center; padding-left:45px; }
/* .links */
ul.links { list-style:none; }
/* .ad_banners */
ul.ad_banners { list-style:none; text-align:center; }
ul.ad_banners li { display:block; margin:auto; text-align:center; width:150px; height:50px; overflow:hidden; margin-bottom:5px; }

.rad2 { border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.rad5 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.rad8 { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }

.diluted, .underconst {
  -ms-filter: "alpha( opacity=30 )";
  filter: alpha( opacity=30 );
  opacity: 0.3;
}

p {
    margin-bottom: 15px;
  font-size: 14px;
}
label, button {
  cursor: pointer;
}
fieldset { display: none; }


/*
 * ヘッダーエリア #header
 */
#header { text-align:left; margin-top:5px; }
/* トップ #top */
#top { margin-bottom:7px; overflow:hidden; }
#logo { float:left; width:415px; }
#logo h1 { color:#319400; font-size:80%; font-weight:bold; margin-left:6px; }
#top_menu { float:left; width:525px; margin-left:10px; }
#greeting_eng { color:#319400; font-size:90%; font-family:Verdana, Geneva, sans-serif; margin-bottom:8px; letter-spacing:1px; }
#top_menu ul { list-style:none; }
#top_menu ul li { float:left; margin:0; overflow:hidden; margin-right:5px; }
#top_menu ul a { display:block; float:left; background:#81bc24; font-size:100%; padding:5px; font-weight:bold; border:#329a00 solid 0px; color:#FFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; }
#top_menu ul a:hover { text-decoration:none; }
#top_menu ul a.orange { background:#f0801e; border-color:#cd6502; }
#search_box { margin-top:3px; float: right; }
#search_box input { width:120px; height:25px; line-height:25px; font-size:15px; margin-right:5px; }
/* ユーザーインフォーム #user_inform */
#user_inform { height:40px; background:#81bc24; border:#329a00 solid 0px; color:#FFF; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; line-height:40px; margin-bottom:5px; overflow:hidden; }
#user_inform div { float:left; }
#user_inform #login_txt { margin:0 10px 0 10px; _margin:0 5px 0 5px; font-weight:bold; font-size:90%; }
#user_inform #id_txt,
#user_inform #passwd_txt { margin-right:10px; _margin-right:5px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:90%; }
#user_inform #id_frm,
#user_inform #passwd_frm { margin-right:10px; _margin-right:5px; padding-top:4px; }
#user_inform #id_frm input,
#user_inform #passwd_frm input { height:24px; line-height:24px; width:100px; }
#user_inform #remember_txt { margin-right:10px; _margin-right:5px; padding-top: font-weight:bold; font-size:80%; }
#user_inform button,
#user_inform .be-btn {
  margin: 5px 10px 0 0;
  float: left;
  padding: 0 5px;
}
#user_inform .be-btn {
  height: 26px;
  padding: 0 4px;
}
#user_inform .be-btn:hover {
  text-decoration: none;
}
#user_inform #forgot_passwd { }
#user_inform #forgot_passwd a { font-size:80%; color:#FFF; }
#user_inform #whois { width:360px; padding-left: 4px; }
#user_inform #whois .my_status { margin:6px 5px 0 0; }
.my_status { border:1px solid #FFF; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; font-size:11px; font-weight:bold; height:26px; line-height:26px; padding:0 5px; width:70px; text-align:center; }
.my_status_premium { background:#004dbf; }
.my_status_free { background:#d32233; }
#user_inform .welcome_message { font-size:80%; font-weight:bold; width: 269px; }
#user_inform #my_menu { float:right; width:490px; list-style:none; }
#user_inform #my_menu li { float:left; margin:7px 7px 0 0; }
#user_inform #my_menu li a,
#user_inform #my_menu li span { display:block; background:#FFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:85%; height:26px; line-height:26px; color:#336600; width:90px; font-weight:bold; text-align:center; letter-spacing:-1px; }
#user_inform #my_menu li span { color:#beceb6; }
.alert-box { padding-left:30px; font-size:13px; height:28px; line-height:28px; color:#000; background-color:#FFF0B4; background-image:url(../img/alert.png); background-repeat:no-repeat; background-position:10px center; margin-bottom:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
/* バナー #banners */
#banners { list-style:none; margin-bottom:5px; width:953px; height:75px; }
#banners li { float:left; overflow:hidden; margin-right:3px; height:75px; }
/* パンクズ #pankuzu */
#pankuzu { background:#81bc24; border:#329a00 solid 0px; color:#FFF; padding:3px; text-align:center; margin-bottom:5px; }
#pankuzu a,
#pankuzu span { color:#FFF; margin:0 3px 0 3px; font-size:80%; }
#pankuzu span { font-size:50%; }

/*
 * コンテンツエリア #contents
 */
#contents { text-align:left; }
#left_panel { float:left; width:170px; margin-right:5px; }
#center_panel { float:left; width:600px; min-height:10px; }
#right_panel { float:left; width:170px; margin-left:5px; }
/* .box */
.box { background:#81bc24; border:#329a00 solid 0px; color:#FFF; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:left; padding:5px; margin-bottom:5px; }
.box dt { font-weight:bold; font-size:90%; overflow:hidden; }
.box dt span { display:block; float:left; width:15px; font-size:14px; overflow:hidden; }
.box dd { margin:3px 0 0 15px; font-size:80%; }
.box dd a { color:#FFF; }
.box dd#search_insite { margin-left:0; }
.box dd#search_insite input { margin-right:5px; width:95px; height:22px; vertical-align:top; line-height:22px; }
/* .trans_box */
.trans_box { margin-bottom:5px; }
/* .wide_inform */
.wide_inform { background:#ad8446; border:#81562c solid 2px; color:#FFF; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:left; padding:5px; margin-bottom:5px; }
.wide_inform dl { float:left; width:50%; }
.wide_inform dt { font-weight:bold; font-size:120%; }
.wide_inform dt span { display:block; float:left; width:20px; font-size:20px; overflow:hidden; }
.wide_inform dd { margin:0 10px 0 20px; font-size:80%; }
.wide_inform ul { float:left; width:50%; list-style:none; }
.wide_inform ul a { font-size:80%; color:#FFF; }
/* #river */
.rivers { list-style:none; }
.rivers .river { display:block; float:left; width:196px; margin-left:6px; }
.rivers .likedl { margin-bottom:5px; }
.rivers dl { border-style:solid; border-width:2px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:left; margin-bottom:5px; }
.rivers dt { padding:3px; font-weight:bold; font-size:85%; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; color:#FFF; }
.rivers dt span { display:block; float:left; width:15px; font-size:14px; overflow:hidden; }
.rivers dd { padding:5px; font-size:80%; }
.kansai dl { background:#e4f8f9; border-color:#407dbc; }
.kansai dt { background:#407dbc; }
.chubu dl { background:#fffae3; border-color:#f08222; }
.chubu dt { background:#f08222; }
.kanto dl { background:#dcf4dd; border-color:#32a03a; }
.kanto dt { background:#32a03a; }
.rivers .users_avatar { text-align:center; }
.rivers .users_avatar a { margin:0 3px 0 3px; }
.rivers .users_action { list-style:none; }
.rivers .states { float:left; width:50%; text-align:center; }
.rivers .states div { margin:auto; margin-left:10px; text-align:left; height:40px; }
.rivers .states a { margin:0 3px 0 3px; }
.rivers .go_search { float:left; width:50%; text-align:center; }
.rivers .go_search a { margin:7px auto auto auto; }
/* .weather */
.weather { list-style:none; overflow:hidden; }
.weather li { font-size:90%; }
/* .mini_menu */
.mini_menu { margin-bottom:5px; list-style:none; }
.mini_menu li { float:left; margin-left:6px; }
.mini_menu li a { display:block; float:left; font-size:75%; width:95px; height:31px; line-height:31px; background:#81bc24; border:#329a00 solid 0px; color:#FFF; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:center; }
/* .vote */
.vote { font-size:75%; height:31px; line-height:31px; background:#FFF; border:#329a00 solid 2px; color:#030; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-bottom:5px; }
.vote .vote_items { float:left; margin-left:5px; }
.vote form { display:inline; }
.vote form button { font-size:12px; height:31px; float:right; }
/* #copyright */
#copryright { height:40px; line-height:40px; background:#81bc24; border:#329a00 solid 0px; color:#FFF; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; text-align:left; font-size:80%; padding:0 10px 0 10px; margin-bottom:20px; }
#copryright #copy_text { display:block; float:left; }
#copryright a { display:block; float:right; margin-top:5px; }
/* #please_login */
#please_login { margin:0 0 20px 0; }
#please_login a { font-size:80%; }

.newface dd,
.pickup dd {
  height: 36px;
  overflow: hidden;
}
.newface a,
.pickup a {
  font-size: 90%;
}

.ticker {
}
.ticker li {
  text-align: left;
}

#btn-to-search {
  margin-bottom: 5px;
}

/* h* */
h2 { font-size:16px; height:40px; line-height:40px; background:url(../img/gray_bg.png) repeat-x; border:1px solid #EEE; color:#333; padding:0 10px 0 10px; margin-bottom:15px; font-weight:bold; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
h2 .main-text { float: left; font-weight: bold; }
h2 .sub-text { float: right; font-size: 13px; }
h3 { font-size:16px; height:30px; line-height:30px; color:#CD6502; margin-bottom:10px; font-weight:bold; }

/* .youre_admin */
.youre_admin { background:#333; color:#FFF; height:30px; line-height:30px; margin-bottom:5px; padding:0 8px; font-size:80%; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.youre_admin-left { float:left; width:50%; }
.youre_admin-right { float:right; width:50%; text-align:right; }
.youre_admin-right a { color:#FFF; text-decoration:underline; margin-left:10px; }

/* .styled_form */
.styled_form input[type="text"],
.styled_form input[type="password"],
.styled_form textarea { width:340px; padding:5px; border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.styled_form textarea { height:100px; font-size:100%; }
.styled_form input[type="text"]:focus, .styled_form input[type="password"]:focus { border-color:#333; }
.styled_form select { padding:5px; border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.deleting { background:#ffffb9; }
.user_search { border:1px solid #CCC; padding:10px; margin-bottom:10px; }
    .user_search table { font-size:80%; }
    .user_search table th, .user_search table td { vertical-align:middle; }
    .user_search table th { font-weight:bold; padding:5px; }
    .user_search table td { padding-right:5px; }
.how_many { font-size:80%; margin-bottom:10px; }
.how_many b { color:#900; font-size:120%; }
.paginate { text-align:center; font-size:80%; }
.paginate span { margin:0 3px 0 3px; }
.paginate span.current { display:inline-block; padding:3px 8px 3px 8px; }
.paginate a { display:inline-block; padding:3px 8px 3px 8px; border:1px solid #DDD; vertical-align:middle; }
.paginate a:hover { background:#EEE; color:#333; text-decoration:none; }
.error-message { color:#900; font-size:13px; }

/* mes_* */
.mes_error,
.mes_succeeded { border:2px #CCC dotted; padding:5px; text-align:center; margin-bottom:10px; font-weight:bold; font-size:80%; }
.mes_error { border-color:#900; background:#fbb; color:#900; }
.mes_succeeded { border-color:#069; background:#c8e3ff;; color:#069; }

/* gray_btn, red_btn */
.gray_btn,
.red_grad_btn {
    -moz-border-radius: 3px;
    background: url(../img/gray_bg.png) repeat-x;
    border: 1px solid #CCCCCC;
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    letter-spacing: 1px;
    padding: 0 15px;
    text-shadow: 1px 1px 1px #FFFFFF;
    display: -moz-inline-box;
    zoom: 1;
    *display: inline;
}
a.gray_btn,
a.red_grad_btn {
    height: 33px;
    line-height: 33px;
}
.gray_btn:hover,
.red_grad_btn:hover {
    border-color:#999999;
  text-decoration: none;
}
.red_grad_btn {
  color: #fff;
    text-shadow: 1px 1px 1px #222;
  background-image: url(../img/red_bg.png);
  border-color: #900;
}
.red_grad_btn:hover {
    border-color: #300202;
}

/* smaller */
.smaller { padding-bottom:40px; }
.smaller p { font-size:80%; }
.caption { font-size:80%; margin-bottom:15px; }
.mini_hint { list-style:none; float:left; margin-left:10px; }
.mini_hint li { font-size:80%; }

#premium-alert {
  display: none;
}

/*
 * btn-large-*
 */
.btn-large-skyblue,
.btn-large-gray {
    font-size: 14px;
    border: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height: 42px;
  line-height: 42px;
    padding: 0 8px 0 8px;
  display: inline-block;
}
a.btn-large-skyblue:hover,
a.btn-large-gray:hover {
  text-decoration: none;
}
.btn-large-skyblue {
    background: #0099db;
    color: #fff;
}
.btn-large-gray {
    background: #DDD;
    color: #222;
}

/* pager */
.pager {
  text-align: center;
}
.pager a,
.pager span {
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 8px;
}
.pager a {
  background: #999;
}
.pager span {
  background: #e4007f;
}

.justify {
    padding: 0 10px 30px 10px;
}