/*
Theme Name: Misoya Seibee Base Theme
Author: 
Description: Them solely made for hanaken site.
*/
@charset "utf-8";

html, body, h1, h2, h3, h4, p, ul, li {
    margin: 0;
    padding: 0;
}
html, body, p {
    font-size: 12px;
    color: #CCC;
}
body { background: #000; }
ul, li {
    list-style: none;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
img { border: none; }

a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

/* START - COMMON STYLES */
h3.h3hd1 { margin-bottom: 10px; padding-left: 34px; background: url(/media/images/common/hd_bg1.png) left top no-repeat; line-height: 36px; font-size: 1.2em; color: #FFF; }
h3.h3hd2 { margin-bottom: 10px; padding-left: 34px; background: url(/media/images/common/hd_bg2.png) left top no-repeat; line-height: 37px; font-size: 1.2em; color: #FFF; }
h3.h3hd3 { margin-bottom: 10px; padding-left: 34px; background: url(/media/images/common/hd_bg3.png) left top no-repeat; line-height: 36px; font-size: 1.2em; color: #FFF; }

.gototoplnk { padding: 6px 0px; text-align: right; font-weight: bold; color: #c7000e; }
.gototoplnk a { font-size: 0.9em; font-weight: normal; color: #fff; }

.newslist li { padding: 10px 0px; border-bottom: 1px #333 dotted; }
.newslist li:last-child { border-bottom: none; }
.newslist li div.nl_img { float: left; }
.newslist li div.nl_det { float: right; width: 520px; }
.newslist li div.nl_det h4 { margin-bottom: 10px; }
/* END - COMMON STYLES */


/* START - PAGE TOP */
#ptop #logo1 { position: absolute; display: block; z-index: 500; }

#ptop #ptop_head { width: 960px; margin: auto; }
#ptop #ptop_head a#top_logo { display: block; position: absolute; margin: 15px auto auto 10px; }

#ptop #top_navs { height: 50px; background: url(/media/images/common/nav_bg.png) top repeat-x; }

#page-10 #top_navs, #page-12 #top_navs { height: 50px !important; background: url(/media/images/common/nav_bg.png) top repeat-x !important; margin: 17px auto auto; }

#ptop #top_navs ul { height: 50px; margin: auto; }
#ptop #top_navs ul li { display: block; float: left; }
#ptop #top_navs ul li a { display: block; height: 50px; text-align: left; text-indent: -9999px; }
#ptop #top_navs ul li#top_nav1 a { width: 181px; background: url(/media/images/common/nav1.png) left top no-repeat; }
#ptop #top_navs ul li#top_nav2 a { width: 179px; background: url(/media/images/common/nav2.png) left top no-repeat; }
#ptop #top_navs ul li#top_nav3 a { width: 181px; background: url(/media/images/common/nav3.png) left top no-repeat; }
#ptop #top_navs ul li#top_nav4 a { width: 181px; background: url(/media/images/common/nav4.png) left top no-repeat; }
#ptop #top_navs ul li#top_nav5 a { width: 181px; background: url(/media/images/common/nav5.png) left top no-repeat; }
/* END - PAGE TOP */


/* START - PAGE MIDDLE */
#pmid { width: 960px; margin: auto; margin-top: 20px; }

#pmid #content_l { float: left; width: 720px; }

#pmid #sidebar_r { float: right; width: 220px; }
#pmid #sidebar_r .sb_sec1 { margin-bottom: 25px; }
#pmid #sidebar_r .sb_sec1 h3.h3hd2 { margin-bottom: auto; }
#pmid #sidebar_r .sb_sec1 .sb_sec1_det { border-left: 1px #555555 solid; border-right: 1px #555555 solid; border-bottom: 1px #555555 solid; padding: 10px 15px; color: #cccccc; }
#pmid #sidebar_r .sb_bx1 { border: 1px #c5c5c5 solid; background: #FFF; }
#pmid #sidebar_r .sb_bx2 { border: 1px #ff6c00 solid; padding: 1px; }
#pmid #sidebar_r .sb_bx2 h3 { background: url(/media/images/common/hd_bg4.png) left repeat-x; line-height: 31px; text-align: center; font-size: 1.2em; font-weight: normal; color: #FFF; }
#pmid #sidebar_r #sb_banner_list1 { text-align: center; }
#pmid #sidebar_r #sb_banner_list1 ul li { margin: 10px auto; }
#pmid #sidebar_r #sb_banner_list1 ul li a { display: block; }

#pmid #sidebar_r .sb_banner_link { display: block; margin-top: 10px; }
/* END - PAGE MIDDLE */


/* START - PAGE BOTTOM */
#pbtm { margin: 20px auto; border-top: 3px #c8000e solid; }

#pbtm .nwrap #btm_links { float: left; }
#pbtm .nwrap #btm_links ul { float: left; padding: 8px 22px; }
#pbtm .nwrap #btm_links ul li { float: left; margin-right: 90px; }
#pbtm .nwrap #btm_links ul li:last-child { margin-right: auto; }
#pbtm .nwrap #btm_links ul li a { display: block; padding-left: 26px; background: url(/media/images/common/bull1.gif) left center no-repeat; font-size: 1.2em; font-weight: bold; text-decoration: none; color: #FFF; }

#pbtm .nwrap #btm_gototop { float: right; }

#pbtm #btm_thumbs { width: 576px; margin: auto; }
#pbtm #btm_thumbs ul { float: left; padding-top: 26px; padding-bottom: 14px; text-align: center; }
#pbtm #btm_thumbs ul li { display: block; float: left; padding: 0px 7px; }
#pbtm #btm_thumbs ul li a { display: block; }

#pbtm #btm_copyright { text-align: center; color: #333; }
/* END - PAGE BOTTOM */


/* MISC */
.clrboth { display: block; clear: both; }
.block { display: block; }
.nwrap { width: 960px; margin: auto; }
.fleft { float: left; }
.fright { float: right; }
.redtxt { color: #FF0000; }
.whitetxt { color: #FFF; }
.bigtxt1 { line-height: 1.6em; font-size: 1.1em; }
.margtop7 { margin-top: 7px; }



/* ===== Replicate Ramen Bankara (http://www.ramen-bankara.com/) ===== */
html, body, p {font-size: 13px;}
#ptop #top_navs {
    height: auto;
    margin: 10px auto auto;
    background: #E60012;
}
#ptop #top_navs ul {height: auto;}
#ptop #top_navs ul li:nth-of-type(1) {border-left: 1px solid #000;}
#ptop #top_navs ul li {
    width: 190px;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 1.2;
}
#ptop #top_navs ul li#top_nav1 a,
#ptop #top_navs ul li#top_nav2 a,
#ptop #top_navs ul li#top_nav3 a,
#ptop #top_navs ul li#top_nav4 a,
#ptop #top_navs ul li#top_nav5 a {
    background: 0;
}
#ptop #top_navs ul li#top_nav1 a:hover,
#ptop #top_navs ul li#top_nav2 a:hover,
#ptop #top_navs ul li#top_nav3 a:hover,
#ptop #top_navs ul li#top_nav4 a:hover,
#ptop #top_navs ul li#top_nav5 a:hover {
    color: #000;
}
#ptop #top_navs ul li a {
    display: block;
    height: auto;
    width: auto !important;
    padding: 20px 0 8px;
    font-size: 16px;
    font-family: meiryo;
    text-align: center;
    text-indent: 0;
    text-decoration: none;
    color: #FFF;
}
#ptop #top_navs ul li .subtxt {
    font-size: 11px;
    color: #000;
}
#ptop #ptop_head #logo1 {margin-top: 45px}
#ptop .ptop_head_red {
    background-color: #E60012;
    color: #FFFFFF;
    margin: auto;
}
#ptop .ptop_head_red .txt-container{
    width: 960px;
    margin: auto;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
#ptop .ptop_head_red .txt-container img{
    margin: auto;
    margin-bottom: 20px;
}
#ptop .ptop_head_red .txt-container p {
    font-size: 16px;
    color: #ffffff;
    font-family: meiryo;
    letter-spacing: 2px;
    margin-bottom: 5px;
}
#pmid {
    width: 960px;
    margin: auto;
    padding-top: 35px;
    padding-bottom: 20px;
}
#pbtm #btm_copyright {color: #ccc;}

/* Inside Pages */
#ptop #ptop_head a#top_logo {margin-top: 5px;}
#top_logo img {
    /* height: auto; */
    /* width: 212px; */
}