@charset "shift_jis";

/* body.whatsnew */

body.whatsnew{
    }
    div.newsitem {
        margin-bottom: 18px;
        }
    div.newsitem h3 {
        margin-bottom: 0;
        }
    p.newsinfo {
        display: block;
        /* margin-bottom: 18px; *sborder */ 
        padding-bottom: 18px;
        }

/* ul.contact */

ul.contact,
ul.contact ul {
    list-style:none;
    padding:0;
    margin:0;
}

ul.contact{
   border:1px solid #808080;
   padding:1em;
   width:60%;
   margin:0 10%;
}

/*------------------
  dir: special/
-------------------*/

/* special/ all */

.special .board{
	margin:0.7em;
	padding:0.7em;
	border:1px solid #808080;
}

/*-----------------------
 special/nextlearningorg
    特集/次世代LO
-----------------------*/

.nextlearningorg .adbooks{
    border: 1px solid rgb(255, 255, 51);
    margin: 0pt 0pt 10px 10px;
    padding: 10px;
    float: right;
    width: 30%;
    font-size: 85%;
    background-color: rgb(255, 255, 170);
}

.nextlearningorg p.adbooks img{
    margin: 0pt 10px 10px 0pt;
    display:block;
}

.nextlearningorg h3 span.ruby {
    font-size:80%;
}

/*--------------------
  dir ./
--------------------*/
/* tokusho */

dl.tokusho dt {
    border-bottom:1px solid #c0c0c0;
    margin:0 1em;
    padding-bottom:0.5em;
}

dl.tokusho dd {
    margin:0.5em 2em 1.5em;
}

dl.tokusho p {
    margin:0.5em;
}
dl.tokusho li {
    list-style-type:circle;
    margin-left:2em;
}

/*
    orderform
*/



/*
  body.cart
  body.regi
*/

body.cart div#main,
body.regi div#main {
    background-image: none;
}

body.cart div#content,
body.regi div#content,
body.search div#content {
    display: block;
    float: none;
    width: 740px;
    margin: 0 15px;
    }

from.cartform {}

table.cartitems,
table.cartaddress {
    margin: 16px 5% 16px;
    width: 90%;
    border: 1px solid #999;
    }
    body.regi table.cartitems {
        border: none;
        }
    table.cartitems input, 
    table.cartaddress input {
        margin: 2px 5px 2px 1px;
    }
    table.cartaddress th, table.cartaddress tr, table.cartaddress td,
    table.cartitems th, table.cartitems tr, table.cartitems td {
        padding: 2px 5px;
        border: 1px solid #999;
        vertical-align: middle;
        }
        body.regi table.cartitems th, body.regi table.cartitems tr, body.regi table.cartitems td {
            border: none;
            background: transparent;
            }

    table.cartaddress tr.head, table.cartaddress tr.head th,
    table.cartitems tr.head, table.cartitems tr.head th {
        color: #333;
        background-color: #bdf;
        text-align: center;
        }
        body.regi table.cartitems tr.head,
        body.regi table.cartitems tr.head th {
            background: transparent;
            border-bottom: 1px solid #ccc;
             }
    table.cartitems tr.sum, table.cartitems tr.sum td {
        color: #333;
        background-color: #bdf;
        text-align: right;
        }
        body.regi table.cartitems tr.sum,
        body.regi table.cartitems tr.sum td {
            color: #333;
            background: transparent;
            }
        body.regi table.cartitems tr.first,
        body.regi table.cartitems tr.first td {
            border-top: 1px solid #ccc;
            }
    table.cartitems td.media,
    table.cartitems td.delete {
        text-align: center;
        }
    table.cartitems td.order,
    table.cartitems td.price {
        text-align: right;
        }
        table.cartitems td.order input,
        table.cartitems td.price input{
            text-align: right;
            }
    table.cartitems p.notice {
        margin: 5em 1em;
        text-align: center;
    }


body.cart p.readonly,
body.regi p.readonly {
    margin: 1px 0;
    padding: 2px 0;
}


/*
    #servererror
*/

div#servererror{
    font-size:150%;
    line-height:150%;
    }
    div#servererror > ul{
        border:4px double gray;
        list-style:none;
        padding-top:16px;
        margin:16px;
        }
        div#servererror > ul ul{
            margin-bottom:16px;
        }
        div#servererror > ul li{
            margin-bottom:16px;
}

/*
	.pressrelease
*/

body.pressrelease pre {
       border: 1px solid #c0c0c0;
       margin: 0pt 40px 16px;
       padding:16pt 16px 0px;
   }

/*
  orderlist table
 */

table#orderlist{
    border: none;
    border-collapse:collapse;
    margin-top:0;
    }
    table#orderlist th,
    table#orderlist td,
    table#orderlist tr{
        font-weight:normal;
        border: none;
        margin-top:0;
    }

/*
  highlight
*/

.highlight{
    margin:1em;
    padding:2em;
    background-color:#fffff0;
    border:1px solid #ffa500;
}


/*
  recommend
*/

body.recommend h1 {
    margin:  0;
    padding: 0;
    color: #006;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    background: transparent;
    border:none;
    border-top: 2px solid #06f;
    border-bottom: 2px solid #06f;
}

body.recommend h2 {
    margin:20px 0 5px;
    line-height: 1.5;
    font-weight: normal;
    font-size: 12px;
    border:none;
    color: #fff;
    background: #06f;
}
body.recommend h2 a,
body.recommend h2 a:link,
body.recommend h2 a:visited,
body.recommend h2 a:active,
body.recommend h2 a:hover {
    color: #fff;
}

body.recommend h3 {
    background: transparent;
    margin:0.5em 5px;;
    padding: 0;
    line-height: 1.2;
    border:none;
    font-size: 18px;
    color: #003;
    text-align: center;
}
body.recommend h3 a,
body.recommend h3 a:link
body.recommend h3 a:visited
body.recommend h3 a:active {
    color: #003;
}
body.recommend h3 a:hover {
    color: #f99;
}


body.recommend span.desc {
    padding: 2px 4px;
    line-height: 1;
    display: block;
    color: #003;
    font-size: 11px;
    background: #f40;
    background: #f99;
    border-bottom: 1px solid #ccc;
}


body.recommend .plans .box{
    /*overflow: auto;*/
}


body.recommend .plans .box div{
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background: #f0f0ff;
}
body.recommend .plans .readmore{
    line-height: 1;
    margin: 0.5em;
    text-align: center;
    font-weight: bold;
}
body.recommend .plans .box div.box {
    border:none;
    width: 142px;
    float: left;
}



body.recommend .plans .box div.box h3{
    font-size: 16px;
}
body.recommend .plans .box div.box div{
    margin: 0px;
    padding: 0 3px 0 6px;
    border:none;
}

body.recommend .plans .box div.boxlast div{
    padding: 0 6px 0 3px;
    border-left: 1px solid #ccc;
}

body.recommend .box p {
    margin-left: 5px;
    margin-right: 5px;
}

body.recommend .plans .readmore a,
body.recommend .plans .readmore a:link,
body.recommend .plans .readmore a:visited,
body.recommend .plans .readmore a:active,
body.recommend .genres ul li a,
body.recommend .genres ul li a:link,
body.recommend .genres ul li a:visited,
body.recommend .genres ul li a:active {
    color: #03c;
}

body.recommend .plans .readmore a:hover,
body.recommend .genres ul li a:hover {
    color: #f99;
}

body.recommend .genres {
}
body.recommend .genres div.inner {
    border: 1px solid #ccc;
    background: #f0f0ff;
    overflow: auto;
}
body.recommend .genres div.inner .column_2{
    width: 139px;
}


body.recommend .genres ul{
}
body.recommend .genres ul li {
    padding-top:0;
    padding-bottom:0;
    margin-top: 0;
    margin-bottom: 0;
    border: none;
}
body.recommend .genres ul li a {
    margin: 0 0;
    padding: 0;
    font-size: 11px;
    line-height: 1;
}


/*
  search
*/
body.search div.searchresult {
    margin: 0 32px;
}
body.search #footer {
    border-top: none;
}

body.search p.bunrui {
    margin-top: 2em;
    margin-bottom: 0.5em;
}
body.search div.searchresult ul {
    margin: 0 0 1em 1em;
    line-height: 1.2;
    font-size: 14px;
}
body.search div.searchresult ul li {
    line-height: 1.2;
}
table.searchbox {
    margin: 16px 0;
    border: none;
    border-bottom: 2px solid #ccc;
    width: 99%;
    background: #eee;
}
table.searchbox tr {
    border: none;
}
table.searchbox th,
table.searchbox td {
    border: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #ccc;
    text-align: left;
}

/*
---------------------------------------------------------
*/
p {
    color: #505050;
}
li {
    color: #505050;
}
a:link {
    color: #505050;
}
a:visited {
    color: #505050;
}
a:hover {
    color: #ff0000;
}
a:active {
    color: #800000;
}

.sitemap #content ul {
  margin-bottom: 0;
  padding-left: 2.2em;
}
.sitemap #content ul li {
}
.sitemap #content ul ul {
  margin-bottom: 0;
}


/*
	packagedservice
*/

/*-------------------------------
div.packagedservice {
    clear:both;
    border:solid 1px #c0c0c0;
}

div.packagedservice p{
    margin:0 1em;
}
--------------------------------*/

div.packagedservice{
    margin:1em;
    padding:2em;
    padding-bottom:1em;
    border:1px solid #000000;

    margin: 16px 0px 32px;
    padding: 16px 20px 16px;
    border: 1px solid #333;
}

.packagedservice ul{

}

div.packagedservice table.layout {
    border: none;
}
div.packagedservice table.layout,
div.packagedservice table.layout tr,
div.packagedservice th,
div.packagedservice td {
    border: none;
    background: transparent;
    text-align: left;
}
div.packagedservice th,
div.packagedservice td {
    padding: 2px 4px;
    color: #505050;
}

div.packagedservice h3{
    /*margin:-1em -1em 1em;*/
    /*background-color:#FFF;*/
    /*border-bottom:1px solid #006;*/
}

.packagedservice div.addcartdummy{
    float:right;
    /* margin-top:-3em; */
}

.packagedservice .annotation{
    clear:both;
    /* text-align:right; */
}

h2.square {
    margin-bottom: 8px;
    padding-left: 16px;
    background: #fff url(../images/style/h3bg.gif) left center no-repeat;

    border-color: #ffffff;
    border-bottom: 1px dashed #999;
    line-height: 16px;
    font-size: 100%;
    color: #333333;
    font-weight: bold;
    text-align: left;
}