@charset "shift_jis";


/*------------
  media column 6
------------*/
body.media div.column_6 li {
    /*list-style-type:none;*/
}

/*------------
  media index
------------*/

#mediaindex img{
    border:1px solid #bbb;
}

#mediaindex h2{
    margin-bottom:12px;
}
#mediaindex ul{
    margin-bottom:0px;
    padding-left:12px;
}

#mediaindex p.floatleft{
    margin-bottom:-20px;
}

#mediaindex p.readmore{
    margin-bottom:16px;
}
#mediaindex div.column_4{
    margin-bottom:0px;
    }

    #mediaindex div.column_4 p{
        color:#777;
        font-size:90%;
        margin-bottom:0px;
    }


/*------------
  ul#medialist
------------*/
ul#medialist {

}
    ul#medialist li {
    }
        ul#medialist li h3{
            font-weight: bold;
            line-height: 18px;
            font-size: 100%;
            display: block;
            float: left;
            width: 8em;
            height: 18px;
            background: transparent;
            margin-right: 0.5em;
            border-right: 2px solid #69f;
        }
        
        ul#medialist li span {
            display: block;
        }



/*-----------
    guide
-----------*/

.guide h4{
    border-top:1px solid #c0c0c0;
    border-bottom:2px solid #c0c0c0;
    margin-bottom:0.5em;
    padding:0.5em; 
}


/*-----------
  elearning
-----------*/

/* contents/media/elearning */

.elearning h3 {
    clear:both;
}

/* table spec list */

.elearning table.speclist{
    margin:1em;
    width:95%;
}

.elearning table.speclist th{
   text-align:center;
}

.elearning h4{
    border-top:1px solid #c0c0c0;
    border-bottom:2px solid #c0c0c0;
    margin-bottom:0.5em;
    padding:0.5em; 
}

p.adllogo {
	margin-bottom:0;
}

/*-----------
  LMS page
------------*/
.lms dl.lmslist{
    border:1px solid black;
    margin:0.5em;
    margin-top:0;
    padding:1em;
    padding-top:0;
}

.lms dl.lmslist dt{
    margin:1em 0;
    font-weight:bold;
}

.lms dl.lmslist dd{
    margin:0.5em 0;
    margin-left:5em;
}


/*-----------
  how to page
------------*/
.howto ol.imgorder {
    padding:0;
    list-style-type:none;
}

ul.howtolist{
    margin: 16px 0;
    padding: 0;
    list-style-type: none;
}

ul.howtolist li{
    margin: 0;
    padding: 0;
    clear: left;
    display: block;
}
ul.howtolist li div.left {
    margin-left: 10px;
    width: 200px;
    float: left;
}
ul.howtolist li div.left img {
    margin: 0;
    padding: 0;
}
ul.howtolist li div.right {
    margin-right: 10px;
    width: 210px;
    float: right;
}
ul.howtolist li div.right ul {
    margin-left: 2em;
    padding-left: 2em;
}
ul.howtolist li div.right ul li {
    display: list-item;
}
ul.howtolist li div.right p,
ul.howtolist li div.right ul {
    margin-left: 10px;
    margin-right: 10px;
}


/*-----------
  FAQ page
------------*/
    body.faq dt.question {
        background-color:#FFddCC;
        font-size:1.2em;
        font-weight:bold;
        margin:0.5em;
        padding:1em;
        color: #505050;
    }

    body.faq dd.answer {
        margin:0.5em;
        padding:0.5em;
        color: #505050;
    }

    body.faq dd.answer th,
    body.faq dd.answer td{
        color: #505050;
    }
    
    body.faq ul#question_list{
        margin: 0 0 16px;
        padding: 0;
    }
    
    body.faq ul#question_list li{
        list-style: none;
        margin: 0.3em 0;
    }

    body.faq h2.noback{
        background: #ffffff;
        border-color: #ffffff;
        border-style: none;
        border-width: 0;
        line-height: 16px;
        font-size: 100%;
        margin-bottom: 0px;
        padding-left: 12px;
        text-align: left;
    }

    body.faq div.question {
        background-color:#FFddCC;
        font-size:1.2em;
        font-weight:bold;
        margin:0.5em;
        padding:1em;
        color: #505050;
    }

    body.faq div.answer {
        margin:0.5em;
        padding:0.5em;
        color: #505050;
    }

    body.faq div.answer th,
    body.faq div.answer td{
        color: #505050;
    }

/*-----------
  SCORM page
------------*/

.scorm ul.scorm_news {
   border:3px double #808080;
   list-style-type:none;
   margin: 16px 16px;
   padding:1em 1em 0em;
}

.scorm dd {
   margin:1em;
}

.scorm dt {
   margin-top:2em;
}

.scorm dd ol {
   padding:0.5em 0em 0.5em 2em;
}


/*
  TOPMENU
*/
ul#topmenu {
    width:590px;
    margin: 0;
    margin-bottom:5px;
    padding: 0;
    overflow: auto;
    }
    ul#topmenu li {
        width:59px;
        height:20px;
        overflow: hidden;
        display: block;
        float:left;
        margin: 0;
        padding: 0;
        }
        ul#topmenu li a{
            display: block;
            float:left;
            white-space: nowrap;
            margin: 0;
	        padding: 0;
            text-align: center;
            border-right: 1px solid #ccc;
	        line-height: 16px;
	        height: 16px;
        }
        ul#topmenu li a:link,
        ul#topmenu li a:visited,
        ul#topmenu li a:hover {
            text-decoration: none;
            color: #006;
            background: transparent;
        }
        ul#topmenu li a:hover {
            text-decoration: underline;
        }
        ul#topmenu li.current a {
            color: #fff;
            background: #006;
            color: #006;
            background: #ccc;
        }

/*
  genre > hoge
*/
div.toc4 {
    margin: 0 0 32px 0;
    padding: 0;
    }
    div.toc4 p {
        margin: 0;
        line-height: 16px;
        display: block;
        width: 33%;
        float: left;
    }

div.toc {
    margin: 0 0 32px 0;
    padding: 0;
    }
    div.toc p {
        margin: 0;
        line-height: 16px;
        display: block;
        width: 50%;
        float: left;
    }

.genre table {
  /* 
	width:400px;
	margin:15px auto 20px;
  */
}


/*
  mokuji
*/
ul.mokuji {
    padding-left: 1em;
    list-style-type: none;
}
ul.mokuji ul {
    list-style-type: none;
}


/*
  minlist table
 */

table#minlist{
    text-align:center;
/*
    border-collapse:none;
*/
    border:none;
    border-collapse:collapse;
    }
    table#minlist th,
    table#minlist td,
    table#minlist tr{
        font-weight:normal;
    }


/*
 sample_qr
*/

div#sampleqr{
    text-align:center;
    border:2px solid #ddd;
    margin:10px;
    padding:16px;
    }
    div#sampleqr img{
        display:block;
        margin:auto;
}

/* 
  packimage general
*/

h1.wimg {
    padding: 0;
    background: transparent;
    border: none;
}
h1.wimg img {
    display: block;
}

p.packimage {
    margin: 0;
    text-align: center;
}
p.packimage img {
    display: block;
    margin: 0 auto;
    padding: 0;
}

/*
  highlight
*/

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

div.highlight{
    padding-bottom:1em;
}

.highlight h3 {
	background-color:#fffff0;
	border-left:18px solid #ffa500;
	color:black;
	height:18px;
	padding:0pt 1em;
}




/*------------
  p.navi_samecate
------------*/
p.navi_samecate{
	color:navy;
	font-weight:bold;

	float:right;
	height:24px;
	padding-right:15px;
	background:url(../images/style/navi_samecate_right.jpg) no-repeat top right;
}

p.navi_samecate span.bar{
	display:block;
	float:left;
	height:24px;
	padding-left:15px;
	padding-top:3px;
	background:url(../images/style/navi_samecate_left.jpg) no-repeat top left;
}

p.navi_samecate span span{
	background:yellow;
	margin-top:2px;
	padding:2px;
}

/*------------
  ul#navi_mediatab
------------*/
ul#navi_mediatab{
	clear:both;

	background:url('../images/style/media_tabs_background.jpg') repeat-x;
	height:34px;
	
	margin:0;
	margin-bottom:8px;
	padding:0;
	}

	ul#navi_mediatab ul,
	ul#navi_mediatab li,
	ul#navi_mediatab .noTab{
		height:34px;
		margin:0px;
		padding:0px;
		border:none;
		background:none;
		list-style-type:none;
	}
	
	ul#navi_mediatab .noTab p{
		padding:12px 2px;
		font-size:8pt;
	}
	
	ul#navi_mediatab a{	
		display:block;
		height:34px;
		background:url('../images/style/media_tabs_left.jpg') no-repeat left top;
		padding-left:4px;
	}	
	ul#navi_mediatab .here a,
	ul#navi_mediatab a:hover{
		background:url('../images/style/media_tabs_curr_left.jpg') no-repeat left top;
	}

	ul#navi_mediatab .here a{
		color:gray;
		text-decoration:none;
	}

	ul#navi_mediatab a span{
		display:block;
		background:url('../images/style/media_tabs_right.jpg') no-repeat right top; 
		height:34px;
		padding-top:10px;
		padding-right:10px;
	}
	ul#navi_mediatab .here a span,
	ul#navi_mediatab a:hover span{
		cursor:pointer;
		background:url('../images/style/media_tabs_curr_right.jpg') no-repeat right top;
		padding-right:10px;
	}

	ul#navi_mediatab li,
	ul#navi_mediatab li *,
	ul#navi_mediatab li ul li {
		float:left;
	}
	ul#medias li img {
		display:block;
		margin-right:2px;
		margin-top:2px;
	}


#navi_pages_bottom{
	text-align:center;
}


/*------------
  div.zoom_img
------------*/


div.zoom_img {
	position:absolute;
	height:400px;
	left:50%;
	margin-left:-450px;
	margin-top:-200px;
	text-align:center;
	top:50%;
	width:900px;
}
div.zoom_img p {
	position:relative;
	background:white none repeat scroll 0 0;
	border:4px solid #DDDDDD;
	color:gray;
	font-size:20px;
	margin:30px 15%;
	padding:30px;
	text-align:center;
}
div.zoom_img a {
	color:gray;
	text-decoration:none;
}
div.zoom_img img {
	margin:auto;
}

div.zoom_img .zoomCloseBtn{
	display:block;
	position:absolute;
	top: 7px ;
	right: 7px;
/*
	_right:16%;
*/
	cursor:pointer;
}

/*------------
  div.zoom_img_s
------------*/
div.zoom_img_s{
	font-size:8pt;
	text-align:center;
	font-size:8pt;
	margin-bottom:20px;
	text-align:center;
}
div.zoom_img_s img.block{
	margin:auto auto 0;
}
div.zoom_img_s a{
	line-height:10px;
	color:gray;
	text-decoration:none;
}

/*------------
  div.mediaorder
------------*/
div.mediaorder{
	margin-top:7px;
	background:url('../images/style/bg_order.png') no-repeat center top;
}
div.mediaorder p.head{
	margin-left:1em;
	color:navy;
	font-weight:bold;
	font-size:12pt;
	line-height:1.5em;
	border-bottom:3px dashed #ffffff;
}
div.mediaorder div,
div.mediaorder form{
	text-align:right;
	margin-bottom:0;
}

/*------------
  div.corpinfo
------------*/

div.corpinfo{
}
div.corpinfo h4{
	border-bottom:1px silver dotted;
	color:gray;
	margin-bottom:3px;
}
div.corpinfo p{
	margin:2px;
}

div.corpinfo a.btn{
	background:#77ddff url(../images/style/btn_bgs.png) no-repeat scroll right top;
	color:#ffffff;
	cursor:pointer;
	float:left;
	font-weight:bold;
	line-height:30px;
	margin-bottom:3px;
	margin-right:5px;
	margin-left:5px;
	width:120px;
	outline-style:none;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
}

div.corpinfo a.btn span{
	display: block;
	padding-left: 10px;
	
	background: url('../images/style/btn_bgs.png') left top no-repeat;
}
/*
div.corpinfo a.btn:link {
	background-position: right top;
	color:#ffffff;
}
div.corpinfo a.btn:link span{
	background-position: left top;
}
*/
div.corpinfo a.btn:hover {
	background-position: right -30px;
	color:navy;
	text-decoration:underline;
}

div.corpinfo a.btn:hover span {
	background-position: left -30px;
}

div.corpinfo a.btn:active {
	background-position: right bottom;
	color:#ffa500;
}

div.corpinfo a.btn:active span {
	background-position: left bottom;
}


/*
---------------------------------------------------------
*/
p {
    color: #505050;
}
li {
    color: #505050;
}


div#footer a:link {
    color: #505050;
}
div#footer a:visited {
    color: #505050;
}
div#footer a:hover {
    color: #ff0000;
}
div#footer a:active {
    color: #800000;
}

div#sidebar a:link {
    color: #505050;
}
div#sidebar a:visited {
    color: #505050;
}
div#sidebar a:hover {
    color: #ff0000;
}
div#sidebar a:active {
    color: #800000;
}

div.contentsSidebar a:link {
    color: #505050;
}
div.contentsSidebar a:visited {
    color: #505050;
}
div.contentsSidebar a:hover {
    color: #ff0000;
}
div.contentsSidebar a:active {
    color: #800000;
}

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;
}

h3.nostyle{
    background: #ffffff;
    border-color: #ffffff;
    border-style: none;
    border-width: 0;
    line-height: 16px;
    font-size: 100%;
    margin-bottom: 0;
    padding-left: 0;
    text-align: left;
}