/* basic elements */
html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}
body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino KaKu Gothic Pro", Osaka, "MS Pゴシック", verdana, 'trebuchet ms', sans-serif;
    font-size: 96%;
}
*:first-child+html body {
    font-family: "ヒラギノ角ゴPro W3", "Hiragino KaKu Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", verdana, 'trebuchet ms', sans-serif;
    font-size: 84%;
}/* Use only ie7 hack */
* html body { font-size: 84%; }

form {
    margin: 0;
    padding: 0;
}
a { text-decoration: underline;}
a img { border: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* standard helper classes - float clear - */
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
}
.pkg { display: inline-block; }

/* no ie mac \*/

* html .pkg { height: 1%;}

.pkg { display: block; }

/* page position CSS */
body { text-align: center;} /* center on ie */
#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    text-align: left;
}
#container-inner {
    position: static;
    width: auto;
}
#banner,
#pagebody {
    position: relative;
}
#banner-inner,
#pagebody-inner {
    position: static;
}
.two-column #alpha {
    display: inline; /* ie win bugfix */
    float: left;
    min-height: 1px;
}
.two-column #beta {
    float: left;
}

.two-column #alpha { margin: 0; }
/* page layout */
body {
    background: url(img/body_bg.jpg) top center repeat-x #fff;
}
#container {
    width: 800px;
    background: url(img/container_bg.gif) repeat-y #fff;
}
#banner {
    height: 53px;
    width: 780px;
    overflow: hidden;
    margin: 0 10px;
    background: url(img/banner_bg.jpg) no-repeat;
}
#banner-inner {
    border-right: 1px solid #a8adb6;
    border-left: 1px solid #a8adb6;
}

#site-name {
    height: 0;
    text-indent: -9999px;
    font-size: 1px;
    margin: 0;
    padding: 0;
}
.two-column #alpha {
    width: 570px;
}
.two-column #beta {
    width: 180px;
}

/* Global navigation area ---------------------------------------------- */
#global-nav {
    background: url(img/global-nav_bg.jpg) repeat-x;
    padding-left: 10px;
}
#global-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.global-list-item {
    float: left;
    width: 156px;
    height: 40px;
}
.select,
#about a,
#exercise a,
#food a,
#mental a,
#profile a {
    display: block;
    width: 156px;
    height: 40px;
    text-indent: -9999px;
}
#about a {
    background: url(img/gn-list_bg.jpg) no-repeat;
}
#about .select,
#about a:hover {
    background: url(img/gn-list_bg.jpg) 0px -40px no-repeat;
}
#exercise a {
    background: url(img/gn-list_bg.jpg) -156px 0px no-repeat;
}
#exercise .select,
#exercise a:hover {
    background: url(img/gn-list_bg.jpg) -156px -40px no-repeat;
}
#food a {
    background: url(img/gn-list_bg.jpg) -312px 0px no-repeat;
}
#food .select,
#food a:hover {
    background: url(img/gn-list_bg.jpg) -312px -40px no-repeat;
}
#mental a {
    background: url(img/gn-list_bg.jpg) -468px 0px no-repeat;
}
#mental .select,
#mental a:hover {
    background: url(img/gn-list_bg.jpg) -468px -40px no-repeat;
}
#profile a {
    background: url(img/gn-list_bg.jpg) -624px 0px no-repeat;
}
#profile .select,
#profile a:hover {
    background: url(img/gn-list_bg.jpg) -624px -40px no-repeat;
}
/* Flash content area ---------------------------------------------- */
#header-content-flash {
    padding-left: 10px;
}
/* Media page header area ------------------------------------------ */
#header-content-media {
    margin-left: 10px;
    height: 330px;
    overflow: hidden;
    background: url(img/media-header_bg2.jpg) no-repeat;
}
#media-area {
    width: 500px;
    margin: 0;
    padding: 10px;
}
#tv-title {
    color: #ff6699;
    margin: 0;
    padding: 0 10px 10px 10px;
}
#tv-content {
    padding: 0 10px 10px 0;
}
/* Ajax mail form ---------- */
.media-layout #ajax_mail {
    background: url(img/ajax-mail_bg.jpg) no-repeat #D8DCE7;
    border: 1px solid #CCD1DF;
    margin-left: 10px;
    padding: 10px 0;
}
.media-layout #ajax_mail label {
    color: #3333cc;
    font-size: 80%;
    padding-left: 10px;
}
.ajax-loader {
    vertical-align: middle;
}
/* Site Map ---------- */
.sitemap-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sitemap-list-item {
    margin: 0;
    padding: 0;
    width: 755px;
}
.sitemap-list-item .sitemap-list-item {
    width: 735px;
}
.sitemap-list-item .sitemap-list-item .sitemap-list-item {
    width: 715px;
}
.sitemap-list-item .sitemap-list-item .sitemap-list-item .sitemap-list-item {
    width: 695px;
}
.sitemap-list a {
    color: #2C3765;
}
.sitemap-list a:hover {
    color: #4B68DC;
}
.sitemap-list-item a {
    display: block;
    padding-left: 15px;
    text-decoration: none;
}
.sitemap-list-item a {
    background: url(img/top-title_list.gif) center left no-repeat;
    border-bottom: 1px dotted #60B9D8;
}
.sitemap-list-item .sitemap-list-item a {
    background: url(img/category-title_list.gif) center left no-repeat;
    border-bottom: 1px dotted #DD9FB3;
}
.sitemap-list-item .sitemap-list-item .sitemap-list-item a {
    background: url(img/subcategory-title_list.gif) center left no-repeat;
    border-bottom: 1px dotted #EECFD9;
}
.sitemap-list-item .sitemap-list-item .sitemap-list-item .sitemap-list-item a {
    background: url(img/entry-title_list.gif) center left no-repeat;
}
.sitemap-list .sitemap-list {
    padding-left: 20px;
}

/* mental-mailform -------- */
.mental-mail {
    background: url(img/mental-mail_bg.gif) no-repeat;
    padding: 0;
    margin: 0;
}
.mental-mail-inner {
    background: url(img/mental-mail-submit_bg.gif) bottom left no-repeat;
    padding: 10px 0 10px 30px;
}
.one-column #ajax_mail {
    padding: 0;
    margin: 0;
}
.mental-mail-title {
    background: url(img/mental-mail-title_bg.gif) no-repeat;
    text-indent: -9999px;
    height: 40px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#mental-mail-submit {
    margin: 0;
    padding: 0;
    text-align: center;
}

.one-column #ajax_mail {
    padding: 10px;
    color: #666;
}
.one-column #ajax_mail th,
.one-column #ajax_mail td {
    font-weight: normal;
    text-align: left;
    padding: 0 20px 10px 0;
}
.one-column #ajax_mail th {
    vertical-align: top;
}
.one-column #mail_author,
.one-column #mail_age,
.one-column #mail_job,
.one-column #mail_text {
    border: 1px solid #57b54f;
}
#mail_author {
    width: 10em;
}
#mail_age {
    width: 2em;
}
#mail_text {
    width: 400px;
}

/* bread-crumbs area ------------------------ */
#bread-crumbs {
    font-size: 80%;
    color: #666;
    margin: 0 0 10px 0;
    padding: 0;
}
#bread-crumbs a {
    color: #535f95;
}
#bread-crumbs a:hover {
    color: #3c3f6c;
}

.content-title {
    margin: 20px 0;
    font-size: 100%;
    font-weight: bold;
    color: #ff6699;
    border-bottom: 1px dotted #ff3366;
}
.content-text {
    font-size: 90%;
    color: #666;
    line-height: 1.5em;
}

/* main menu area -------------------------------------------------- */
#main-menu {
    padding: 10px 0 0 1px;
}
#main-menu-inner p {
    margin: 0 0 10px 0;
    padding-left: 10px;
    font-size: 90%;
    color: #666;
    line-height: 1.5em;
}

/* All page Layout area -------------------------------------------
-------------------------------------------------------------- */

#header-content {
    margin: 0;
    padding: 0 10px;
}
.one-column #header-content-inner,
.two-column #header-content-inner {
    border-right: 1px solid #a8adb6;
    border-left: 1px solid #a8adb6;
    padding: 10px 8px;
}
#content-image-exercise,
#content-image-food,
#content-image-mental,
#content-image-profile,
#content-image-about,
#content-image-privacy,
#content-image-sitemap {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 148px;
}
#content-image-about {
    background: url(img/about-header_bg.jpg) no-repeat;
}
#content-image-privacy {
    background: url(img/privacy-header_bg.jpg) no-repeat;
}
#content-image-sitemap {
    background: url(img/sitemap-header_bg.jpg) no-repeat;
}
#content-image-mental {
    background: url(img/mental-header_bg.jpg) no-repeat;
}
#content-image-exercise {
    background: url(img/exercise-header_bg.jpg) no-repeat;
}
#content-image-food {
    background: url(img/food-header_bg.jpg) no-repeat;
}
#content-image-profile {
    background: url(img/profile-header_bg.jpg) no-repeat;
}

#header-content #bread-crumbs {
    font-size: 80%;
    color: #666;
    margin: 0 0 10px 0;
    padding: 0 0 0 1px;
}
#pagebody {
    margin: 0;
    padding: 0 10px 10px 10px;
}
#pagebody-inner {
    border-right: 1px solid #a8adb6;
    border-left: 1px solid #a8adb6;
    border-bottom: 1px solid #a8adb6;
    line-height: 1.5em;
    padding: 10px 8px;
}
.entry-header {
    font-size: 110%;
    margin: 0;
    padding: 10px 0;
}
.entry-content {
    color: #333;
    font-size: 85%;
    margin: 0;
}
/* About SHINBITAI ------------------ */
#about-cnt {
    background: url(img/shinbitai-circle.jpg) no-repeat bottom right #fff;;
}
.about .entry-header,
.about .entry-content {
    width: 500px;
}
/* Exercise ------------------ */
#pickup-exercise {
    background: url(img/pickup-exercise_bg.jpg) no-repeat;
    height: 250px;
    overflow: hidden;
}
.pickup-header {
    font-size: 125%;
    text-indent: -9999px;
}
.pickup-content {
    padding: 10px 20px;
}
.mame {
    padding-left: 20px;
}
/* Exercise Entry Archive ------ */
.two-column .entry-content {
    background: url(img/entry-content_bg.jpg) bottom left no-repeat;
    padding-bottom: 12px;
}
.two-column #archive-title {
    background: url(img/archive-title_bg.jpg) top left no-repeat;
    margin: 0;
    padding: 10px 25px 3px 25px;
    font-size: 120%;
    font-weight: bold;
}
.two-column #entry-param {
    background: url(img/entry-param_bg.gif) no-repeat;
    padding: 7px 0;
    color: #D83261;
    text-align: right;
    font-size: 85%;
}
.two-column .entry-body {
    background: url(img/entry-body_bg.jpg) repeat-y;
    line-height: 1.25em;
    padding: 0 25px;
}
.two-column .entry-body p {
    margin: 0;
    padding: 0;
}
.entry-more table {
    border-collapse: collapse;
    margin: 10px 5px;
}
.entry-more td {
    border-top: 1px dotted #D83261;
    border-bottom: 1px dotted #D83261;
    font-size: 90%;
}
.entry-footer {
    text-align: right;
}

.module {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.module-header {
    border-bottom: 1px solid #ccc;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}
.module-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 80%;
}
.module-list-item {
    margin: 0;
    padding: 0;
}
.module-list-item {
    margin: 0;
    padding: 0;
    width: 180px;
}
.module-list-item .module-list-item {
    width: 180px;
}
.module-list span {
    color: #2C3765;
}
.module-list-item span,
.module-list-item .module-list-item a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}
.module-list-item .module-list-item a {
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}


/* Food ------------------ */
#food-ox {
    background: url(img/food-ox_bg.jpg) no-repeat;
    height: 250px;
    overflow: hidden;
}
.food-ox-header {
    font-size: 125%;
    text-indent: -9999px;
}
.food-ox-content {
    padding: 10px;
    text-align: center;
}
/* Profile ------------------ */
#profile-content {
    background: url(img/profile-photo.jpg) center right no-repeat;
    padding-right: 190px;
}

/* footer navigation area ------------------------------------------ */
#footer-nav {
    padding: 10px;
}
#footer-list {
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 80%;
}
.footer-list-item {
    display: inline;
    color: #999;
    padding-left: 10px;
}
.footer-list-item img {
    vertical-align: middle;
}
.footer-list-item a {
    color: #535f95;
}
.footer-list-item a:hover {
    color: #3c3f6c;
}

/* footer area ---------------------------------------------- */
#footer {
    border-bottom: 1px solid #bec4ec;
    margin: 0 1px;
    padding: 0 1px;
    text-align: center;
    font-size: 80%;
    color: #535f95;
    background: url(img/footer_bg.jpg) bottom left repeat-x;
}
#copyright {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #d9dcf4;
    margin: 0;
    padding: 10px;
}

/* Color Style */
.blue {
    color: #3333cc;
}
.red {
    color: #cc3333;
}