/* Portal-Site-common ----------------------------------------------------------------- */

* {
    padding: 0;
    margin: 0;
}

body {
    margin: 0 20px;
    padding: 0;
    background: #fff url("../images/back.gif") repeat-x;
    text-align: center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica,sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: normal;
}

img {
    border: 0;
}

a:link {
    color: #009;
    text-decoration: none;
}
a:visited {
    color: #009;
    text-decoration: none;
}
a:hover {
    color: #009;
    text-decoration: underline;
}


/* header ---------------------------------------- */
/* header-frame */
#header {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    text-align: left;
    clear: both;
}
#header:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #header {
     height: 1em;
}
#header {
     display: block;
}
/**/


#header #header-left {
    float: left;
}
#header #header-right {
    float: right;
}

#header-left h1 {
    margin: 0;
    padding: 0;
    font-size: 8px;
    line-height: 1.0em;
}

#header-right ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#header-right li {
    margin: 0;
    padding: 0 0 0 14px;
    float: left;
}


/* global-navi ----------------------------------- */
/* global-navi-frame */
#global-navi {
    margin: 0 auto;
    padding: 0 0 5px 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    background: #fff url("../images/gnavi_back.gif") repeat-x;
    text-align: left;
    line-height: 1em;
    clear: both;
}
#global-navi:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #global-navi {
     height: 1em;
}
#global-navi {
     display: block;
}
/**/


/* global-navi-detail */
#global-navi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#global-navi li {
    margin: 0;
    padding: 0;
    float: left;
}


/* search ----------------------------------- */
/* search-frame */
#search {
    margin: 0 auto;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    text-align: left;
    clear: both;
}
#search:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #search {
     height: 1em;
}
#search {
     display: block;
}
/**/


/* search-inner */
#search-inner {
    margin: 0;
    padding: 2px;
    min-height: 1em;
    border: 1px solid #040b73;
    background: #4955a7 url("../images/search_back.gif") no-repeat;
    clear: both;
}
#search-inner:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #search-inner {
     height: 1em;
}
#search-inner {
     display: block;
}
/**/


/* search-detail */
#search-inner-left {
    float: left;
    margin: 0;
    padding: 3px 0 2px 2px;
    line-height: 1.2em;
    vertical-align: middle;
    font-size: 12px;
}

#search-inner-left img {
    vertical-align: middle;
}

#search-inner-left form {
    font-size: 12px;
    line-height: 1.2em;
    vertical-align: middle;
    display: inline;
}

#search-inner-left select {
    vertical-align: middle;
    width: 100px;
    height: 26px;
    font-size: 12px;
    line-height: 1.5em;
    padding: 3px;
}
#search-inner-left select .site-sel {
    vertical-align: middle;
    width: 100px;
    height: 26px;
    font-size: 12px;
    line-height: 1.5em;
    padding: 3px;
}
.search-input {
    border: 1px solid #000033;
    font-size: 12px;
    height: auto;
    margin: 0 5px 0 7px;
    padding: 5px 2px 5px 5px;
    vertical-align: middle;
    width: 300px;
}
.search-btn {
    vertical-align: middle;
    margin-left: 2px;
}

/* vivisimo */
#search-inner-right {
    float: right;
    padding: 5px 2px 2px 0;
    line-height: 1.0em;
}


label {
    padding: 0 10px 0 5px;
    display: inline;
    line-height:0em;
}


/* breadcrumbs-list ----------------------------------- */
/* breadcrumbs-frame */
#breadcrumbs,#breadcrumbs_container {
    margin: 0 auto;
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    clear: both;
    text-align: left;
}


/* breadcrumbs-detail */
#breadcrumbs-markset {
    float: left;
    margin: 0; 
    _margin: 10px 0 10px 0;
    font-size: 10px;
}  
#breadcrumbs-markset li {
    padding-right: 5px;  
    display: inline;  
    line-height: 1.1em;  
    list-style-type: none;  
}  
#breadcrumbs-markset li a {
    padding-right: 15px;  
    background: url(../images/breadcrumbs.gif) no-repeat right center;  
}  
#breadcrumbs-markset li a,
#breadcrumbs-markset li a:visited {
    color: #009;
    text-decoration: none;
}  
#breadcrumbs-markset li a:hover {
    color: #009;
    text-decoration: underline;
}  


/* footer-menu ----------------------------------- */
/* footer-menu-frame */
#fmenu {
    margin: 0 auto;
    padding: 40px 0 0 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    clear: both;
    text-align: left;
}
#fmenu:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #fmenu {
     height: 1em;
}
#fmenu {
     display: block;
}
/**/


/* footer-menu-inner */
#fmenu-inner {
    margin: 0;
    padding: 15px 10px;
    min-height: 1em;
    clear: both;
    border-top: 1px solid #a1a7c1;
    border-bottom: 1px solid #a1a7c1;
    background: #f0f0f0;
}
#fmenu-inner:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #fmenu-inner {
     height: 1em;
}
#fmenu-inner {
     display: block;
}
/**/


/* footer-menu-detail */
#fmenu a:link {
    color: #666;
    text-decoration: none;
}
#fmenu a:visited {
    color: #666;
    text-decoration: none;
}
#fmenu a:hover {
    color: #666;
    text-decoration: underline;
}


#fmenu ul {
    margin: 0;
    padding: 10px 0 0 18px;
    color: #b4916e;
    font-size: 10px;
}
#fmenu li {
    margin: 0;
    padding: 0 0 3px 0;
    color: #b4916e;
}

#fmenu-link {
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
}

.fmenu-inner-item {
    margin: 0 20px 0 0;
    padding: 0;
    width: 160px;
    float: left
}

.fmenu-inner-item h3 {
     margin: 0;
     padding: 0 0 5px 0;
     background: url("../images/fmenu_dotted.gif") no-repeat left bottom;
     font-size: 12px;
     color: #4a5599;
}

.verisign {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    width: 240px;
    background: #fff;
    font-size: 10px;
    min-height: 1em;
    clear: both;
}
.verisign:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html .verisign {
     height: 1em;
}
.verisign {
     display: block;
}
/**/


.verisign p {
    margin: 10px 0 0 0;
    line-height: 1.1em;
}

.adobe {
    margin: 0;
    padding: 10px;
    width: 240px;
    background: #fff;
    font-size: 10px;
    min-height: 1em;
    clear: both;
}
.adobe:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html .adobe {
     height: 1em;
}
.adobe {
     display: block;
}
/**/

.adobe p {
    margin: 0;
    line-height: 1.1em;
}


.verisign img,
.adobe img {
    float: right;
    margin-left: 5px;
}


/* footer ---------------------------------------- */
#footer {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    text-align: left;
    clear: both;
}
#footer:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #footer {
     height: 1em;
}
#footer {
     display: block;
}
/**/


#footer-logo {
    heiht: 20px;
    background: url("../images/footer_back.gif") repeat-x left bottom;
}

#footer-copyright {
    text-align: right;
}


/* contents-layout ----------------------------------------------------------------- */
/* 2column --------------------------------------- */

#two-w #wrapper {
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    clear: both;
    text-align: left;
}
#two-w #wrapper:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #two-w #wrapper {
     height: 1em;
}
#two-w #wrapper {
     display: block;
}
/**/


#two-w #container {
    width: 100%;
    float: left;
    margin-right: -300px;
    overflow: hidden;
}


#two-w #contents {
    position: relative;
    margin: 0 320px 0 0;
    padding: 0;
}

#two-w #right-side {
    width: 300px;
    float: right;
    overflow: hidden;
    _margin-left: -10px;
}


/* contents-layout ----------------------------------------------------------------- */
/* 3column --------------------------------------- */
#three-w #wrapper {
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    clear: both;
    text-align: left;
}
#three-w #wrapper:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #three-w #wrapper {
     height: 1em;
}
#three-w #wrapper {
     display: block;
}
/**/


#three-w #container{
    width: 100%;
    float: left;
    margin-right: -250px;
}


#three-w #contents{
    width: 100%;
    float: right;
    margin-left: -200px;
}


/* center --------------------------------------- */
#three-w #contents-inner {
    position: relative;
    margin: 0 270px 0 220px;
    padding: 0;
}

/* left --------------------------------------- */
#three-w #left-side {
    width: 200px;
    float: left;
    _margin-right: -10px;
}

/* right --------------------------------------- */
#three-w #right-side {
    width: 250px;
    float: right;
}


/* right-btn */
#right-side .btn {
   margin: 0;
}

#right-side .btn img {
   margin-bottom: 5px;
}


/* login-area ----------------------------------------------------------------- */
/* out-wide-300px --------------------------------------- */

#login300 {
    width: 300px;
    margin: 0 0 20px 0;
    background-color: #d8dae8;
}

#login300-container {
    border-left: 1px solid #6d78ba;
    border-right: 1px solid #6d78ba;
    padding: 0 9px;
    background-color: #d8dae8;
}

#login300 #msg {
    height: 30px;
    padding: 6px 20px 0 50px;
    background: url("../images/login_msg_back_300.gif") no-repeat left top;
    color: #fff;
    font-size: 12px:
    line-height: 1.2em;
}

#login300 #logininfo {
    padding: 15px 10px;
    background-color: #fff;
    text-align: center;
}
#login300 #logininfo img {
    padding-top: 0px;
    vertical-align: middle;
}
#login300 #logininfo .login-input {
    width: 150px;
    margin: 0 0 0 7px;
    padding: 3px;
    border: 1px solid #7884c6;
    font-size: 12px;
    vertical-align: middle;
}


#login300 #loginmenu {
    padding-top: 10px;
    text-align: right;
    font-size: 10px;
}
#login300 #loginmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#login300 #loginmenu li {
    margin: 0;
    padding: 2px 20px 0 0;
    background: url("../images/login_arrow.gif") no-repeat right;
    line-heiht: 1.5em;
}


/* out-wide-250px --------------------------------------- */

#login250 {
    width: 250px;
    margin: 0 0 20px 0;
    background-color: #d8dae8;
}

#login250-container {
    border-left: 1px solid #6d78ba;
    border-right: 1px solid #6d78ba;
    padding: 0 9px;
    background-color: #d8dae8;
}

#login250 #msg {
    height: 30px;
    padding: 6px 20px 0 30px;
    background: url("../images/login_msg_back_250.gif") no-repeat left top;
    color: #fff;
    font-size: 12px:
    line-height: 1.2em;
}

#login250 #logininfo {
    padding: 15px 10px;
    background-color: #fff;
    text-align: center;
}
#login250 #logininfo img {
    padding-top: 0px;
    vertical-align: middle;
}
#login250 #logininfo .login-input {
    width: 120px;
    margin: 0 0 0 7px;
    padding: 3px;
    border: 1px solid #7884c6;
    font-size: 12px;
    vertical-align: middle;
}


#login250 #loginmenu {
    padding-top: 10px;
    text-align: right;
    font-size: 10px;
}
#login250 #loginmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#login250 #loginmenu li {
    margin: 0;
    padding: 2px 20px 0 0;
    background: url("../images/login_arrow.gif") no-repeat right;
    line-heiht: 1.5em;
}


/* login status --------------------------- */
#msg-in250 {
    height: 30px;
    padding: 6px 20px 0 20px;
    background: url("../images/login_msg_back_250in.gif") no-repeat left top;
    color: #fff;
    font-size: 12px:
    line-height: 1.2em;
    text-align: center;
}

#msg-in300 {
    height: 30px;
    padding: 6px 20px 0 20px;
    background: url("../images/login_msg_back_300in.gif") no-repeat left top;
    color: #fff;
    font-size: 12px:
    line-height: 1.2em;
    text-align: center;
}

.welcome {
    font-size: 10px;
}

.name {
    font-size: 12px;  
    margin: 0 3px;
}

#logininfo-in {
    padding: 15px 10px;
    background-color: #fff;
    text-align: left;
}

/* table */
#logininfo-in table.statinfo {
    margin: 0;
    padding: 0;
    border: none;
}
.statinfo td {
    margin: 0;
    padding: 3px;
    text-align: left;
    line-height: 1.1em;
    font-size: 12px;
    color: #333;
    vertical-align : top;
}

#logininfo-in img {
    padding: 0 5px 5px 0;
    vertical-align: middle;
}

#login-price {
    text-align: right;
    margin: 5px 0;
    font-size: 10px;
}

#login-mypage {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px dotted #1948ac;
    text-align: center;
    font-size: 10px;
    clear: both;
}
#login-mypage:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
/*\*/
* html #login-mypage {
    height: 1em;
}
#login-mypage {
    display: block;
}
/**/

#login-mypage img {
    margin-bottom: 2px;
    padding: 0;
    border: none;
}

#login-mypage img.rightsp6 {
    margin-right: 6px;
}

#login-mypage p.whatsmy {
    margin: 5px 0 0 0;
    padding 0;
    text-align: right;
    font-size: 10px;
}

#login-mypage table td.myleft {
    width: 30px;
    text-align: left;
}
#login-mypage table td.myright {
    width: 180px;
    text-align: left;
}

#logout-btn {
    margin: 5px 0 0 0;
    text-align: right;
}

/* Recommend-book */
#right-side #recommend-book-title {
    margin: 0;
}

#right-side .book {
    margin: 0 0 5px 0;
    padding: 5px;
    min-height: 1em;
    clear: both;
    text-align: left;
    border: 1px solid #9cdeac;
}
#right-side .book:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #right-side .book {
     height: 1em;
}
#right-side .book {
     display: block;
}
/**/


.book img {
    float: left;
    margin-right: 5px;
}

.book p {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.2em;
}

.book a:link {
    color: #009;
    text-decoration: none;
}
.book a:visited {
    color: #009;
    text-decoration: none;
}
.book a:hover {
    color: #009;
    text-decoration: underline;
}

div.pmda { 
    text-align: right;
    font-size: 10px;
}

/* 2column-300px --------------------------------------- */

#two-w300 #wrapper {
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;
    width: 100%;
    min-width: 910px;
    max-width: 1240px;
    /* forIE */
    width: expression(document.body.clientWidth < 911? "910px " : document.body.clientWidth > 1241? "1240px" : "auto");
    min-height: 1em;
    clear: both;
    text-align: left;
}
#two-w300 #wrapper:after {
     content: "";
     display: block;
     clear: both;
     overflow: hidden;
}
/*\*/
* html #two-w300 #wrapper {
     height: 1em;
}
#two-w300 #wrapper {
     display: block;
}
/**/


#two-w300 #container {
    width: 100%;
    float: left;
    margin-right: -300px;
}

#two-w300 #contents {
    position: relative;
    margin: 0 320px 0 0;
    padding: 0;
}

#two-w300 #right-side {
    width: 300px;
    float: right;
    _margin-left: -10px;
}

.faq a:link { 
  text-decoration: none;
}
.faq a:hover { 
  color: #000099;
  text-decoration: underline;
}
.faq a:visited { 
  color: #000099;
  text-decoration: none;
}