@charset "utf-8";
/*
Theme Name: HUBE
Theme URI: http://www.hube.jp/
Description: HUBE
Version: 1.0
Author: haifield
Author URI: http://www.haifield.jp/
*/


* {
margin: 0;
padding: 0;
}

body {
font-size: 70%; /* Resets 1em to 10px */
font-family: 'meiryo', Sans-Serif;
color: #333;
background: url(http://www.hube.jp/img/bg.jpg);
}
img {border: 0;}
table {font-size: 1em;}

a:link,
a:visited {
text-decoration: none;
color: #369;
}
a:hover {
text-decoration: underline;
color: #36c;
}


/*-------------------------
       USEFUL-CLASS
-------------------------*/
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.valign_t {vertical-align: top;}
.float_l {float: left;}
.float_r {float: right;}
.clear {clear: both;}
.w100 {width: 100%;}
.auto {margin: auto;}


/*-------------------------
           FRAME
-------------------------*/
#head {
background: url(http://www.hube.jp/img/head_bg.jpg) repeat-x;
height: 360px;
}
#head_body {
width: 1000px;
height: 310px;
background: url(http://www.hube.jp/img/head_body_bg.jpg) no-repeat;
}
#cat_head {
background: url(http://www.hube.jp/img/cat_head_bg.jpg) repeat-x;
height: 210px;
}
#cat_head_body {
width: 1000px;
height: 160px;
background: url(http://www.hube.jp/img/cat_head_body_bg.jpg) no-repeat;
}
#page {
}
#page_body {
width: 1000px;
padding: 50px 0 0 0;
}
#sidebar {
width: 350px;
padding: 0 0 50px 0;
}
#sidebar_body {
width: 250px;
}
#content {
width: 600px;
padding: 0 50px 0 0;
font-size: 1.2em;
} 
#foot {
color: #999;
padding: 50px 0 100px 0;
background: url(http://www.hube.jp/img/foot_bg.jpg) repeat-x;
}


/*-------------------------
           HEAD
-------------------------*/
#logo {
width: 346px;
height: 310px;
}
#cat_logo {
width: 346px;
height: 160px;
}
#logo img {
margin: 110px 0 0 0;
}
#cat_logo img {
margin: 30px 0 0 0;
}
#head_pickup {
margin: 70px 0 32px 0;
width: 600px;
height: 200px;
background: url(http://www.hube.jp/img/pickup_bg.png) no-repeat;
padding: 4px 4px 4px 14px;
}
#head_menu {
height: 50px;
/*background: url(http://www.hube.jp/img/page_bg.png) repeat-x bottom;*/
background: url(http://www.hube.jp/img/page_bg.png) repeat-x 0px 40px;
}
#head_menu_body {
width: 950px;
margin: auto;
height: 50px;
padding: 0 50px 0 0;
}
#head ul{
padding: 0 2px 0 0;
height: 50px;
background: url(http://www.hube.jp/img/head_menu_bg.jpg) no-repeat top right;
}
#cat_head ul{
padding: 0 2px 0 0;
height: 50px;
background: url(http://www.hube.jp/img/cat_menu_bg.jpg) no-repeat top right;
}
#head_menu li{
list-style: none;
height: 50px;
}


/*-------------------------
         SIDEBAR
-------------------------*/
#sidebar dl {
padding: 0px 5px 15px 5px;
}
#sidebar dt {
padding: 5px 0 0 0;
font-size: 0.9em;
}
#sidebar dd {
padding: 0 0 3px 0;
background: url(http://www.hube.jp/img/dot_gr.jpg) repeat-x bottom;
}

#left_topics {
width: 240px;
margin: 10px 5px;
background: url(http://www.hube.jp/img/left_topics_bg.jpg);
}
.left_topics_body {
padding: 5px 20px;
}
#left_topics p {
padding: 0 0 10px 0;
}
#left_topics img.alignleft {
margin: 0 10px 0 0;
}


/*-------------------------
         FOOT
-------------------------*/
#foot a {
color: #999;
text-decoration: underline;
}
#foot table {
width: 900px;
}
#foot td {
padding: 5px;
}

/*-------------------------
         INDEX
-------------------------*/
#top_member {
padding: 5px 0 30px 5px;
}
.member_item {
width: 119px;
}
.linkbox {
cursor:pointer;
}
p.fullstory {
display: none;
}

.member_thumb {
width: 119px;
padding: 14px 0 0 0;
}
.female {
background: url(http://www.hube.jp/img/member_thumb_female.png) no-repeat 50% 0px;
}
.male {
background: url(http://www.hube.jp/img/member_thumb_male.png) no-repeat 50% 0px;
}

.member_name {
padding: 8px 0 10px 0;
line-height: 105%;
width: 119px;
}
.mc {
background: url(http://www.hube.jp/img/member_name_mc.png) no-repeat 50% bottom;
}

.item_namae {
font-weight: bold;
}
.item_name {
font-size: 0.8em;
color: #666;
}

#top_blog ul{
list-style: none;
padding: 5px 0 50px 45px;
}
#top_blog li {
padding: 2px 0;
background: url(http://www.hube.jp/img/dot_gr.jpg) repeat-x bottom;
}
#top_blog li span.date {
font-size: 0.8em;
padding: 0 10px 0 0;
}
#top_blog li span.blogname {
font-size: 0.8em;
padding: 0 0 0 10px;
color: #888;
}

/*-------------------------
         CONTENT
-------------------------*/
h2#entry_title {
background: url(http://www.hube.jp/img/h2_bg.png) no-repeat;
width: 555px;
height: 29px;
padding: 5px 0 0 45px;
margin: 0 0 20px 0;
}
.post h3 {
font-size: 1.0em;
background: #fff;
padding: 1px 3px;
border-top: 1px solid #e0e0e0;
border-left: 5px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
margin: 0 0 10px 0;
color: #f90;
}
.entry {
margin: 0 0 20px;
}
.entry p {
padding: 0 8px 15px 8px;
}

p.news_date {
font-size: 0.8em;
margin: -30px 5px 20px 0;
}

div.entry ol,
div.entry ul {
margin: 0 0 15px 25px;
}

div.navigation {
background: url(http://www.hube.jp/img/dot_gr.jpg) repeat-x;
padding: 5px;
font-size: 0.8em;
}


/*-------------------------
         IMAGES
-------------------------*/
p img {max-width: 100%;}
.alignright {float: right;}
.alignleft {float: left;}
img.alignright,
div.alignright {
margin: 0 0 20px 20px;
}
img.alignleft,
div.alignleft {
margin: 0 20px 20px 0;
}
img.centered,
div.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
div.imageframe p {
display: none;
}
div.imagecaption {
text-align: center;
padding: 0;
font-size: 0.9em;
}


/*--------------------------------
            CONTACT
--------------------------------*/
table#contact {
width: 584px;
margin: 0 8px;
}
    /* hide from Mac IE \*/
    * html table#contact { font-size: 1.0em; }
    /* */

table#contact th {
font-weight: normal;
vertical-align: top;
padding: 10px 0 0 0;
text-align: left;
}
table#contact td {
vertical-align: top;
padding: 0 0 10px 0;
text-align: right;
}
table#contact span {
color: #c00;
}
input#your-name,
input#your-email,
input#your-company {
letter-spacing: 0.1em;
}
input#your-name,
input#your-email,
input#your-company,
input#your-tel,
textarea#your-message {
border: 5px solid #e6e6e6;
background: #fff;
width: 420px;
color: #333;
margin: 0;
padding: 10px;
font-size: 1.0em;
font-weight: normal;
}

input {
border-top: 3px double #ddd;
border-left: 3px double #ddd;
border-right: 3px double #ccc;
border-bottom: 3px double #ccc;
background: #eee;
width: 350px;
padding: 20px;
color: #f90;
font-weight: bold;
font-size: 1.1em;
margin: 10px 30px 0 0;
}