@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 {
        overflow: hidden;
        display: block;
        float:left;
        margin: 0;
        padding: 0;
        }
        ul#topmenu li a{
            display: block;
            overflow: hidden;
            width:59px;
            height:20px;
            float:left;
            white-space: nowrap;
            margin: 0;
            padding: 0;
            text-align: center;
            line-height: 20px;
            text-indent: -9999px;
        }
        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 {                       background: transparent url(../images/ja_JP/ja_JP_genre_buttons.jpg) 0 0 no-repeat; }
        body.ja_JP ul#topmenu li a {            background: transparent url(../images/ja_JP/ja_JP_genre_buttons.jpg) 0 0 no-repeat; }
        body.en_US ul#topmenu li a {            background: transparent url(../images/en_US/en_US_genre_buttons.jpg) 0 0 no-repeat; }
        body.es_ES ul#topmenu li a {            background: transparent url(../images/es_ES/es_ES_genre_buttons.jpg) 0 0 no-repeat; }
        body.fr_FR ul#topmenu li a {            background: transparent url(../images/fr_FR/fr_FR_genre_buttons.jpg) 0 0 no-repeat; }
        body.pt_BR ul#topmenu li a {            background: transparent url(../images/pt_BR/pt_BR_genre_buttons.jpg) 0 0 no-repeat; }
        body.zh_CN ul#topmenu li a {            background: transparent url(../images/zh_CN/zh_CN_genre_buttons.jpg) 0 0 no-repeat; }
        body.zh_TW ul#topmenu li a {            background: transparent url(../images/zh_TW/zh_TW_genre_buttons.jpg) 0 0 no-repeat; }


        ul#topmenu li#genre-top a {                   background-position:    0px   0px; }
        ul#topmenu li#genre-kaisha a {                background-position:  -59px   0px; }
        ul#topmenu li#genre-security a {              background-position: -118px   0px; }
        ul#topmenu li#genre-humanskill a {            background-position: -177px   0px; }
        ul#topmenu li#genre-businessbasic a {         background-position: -236px   0px; }
        ul#topmenu li#genre-jinzai a {                background-position: -295px   0px; }
        ul#topmenu li#genre-roudou a {                background-position: -354px   0px; }
        ul#topmenu li#genre-businesshoumu a {         background-position: -413px   0px; }
        ul#topmenu li#genre-iso a {                   background-position: -472px   0px; }
        ul#topmenu li#genre-sales a {                 background-position: -531px   0px; }
        ul#topmenu li#genre-csclaim a {               background-position:    0px -50px; }
        ul#topmenu li#genre-callcenter a {            background-position:  -59px -50px; }
        ul#topmenu li#genre-marketing a {             background-position: -118px -50px; }
        ul#topmenu li#genre-hanbai a {                background-position: -177px -50px; }
        ul#topmenu li#genre-planning a {              background-position: -236px -50px; }
        ul#topmenu li#genre-zaimu a {                 background-position: -295px -50px; }
        ul#topmenu li#genre-keiei a {                 background-position: -354px -50px; }
        ul#topmenu li#genre-boki a {                  background-position: -413px -50px; }
        ul#topmenu li#genre-zaiko a {                 background-position: -472px -50px; }
        ul#topmenu li#genre-kokusaika a {             background-position: -531px -50px; }

        ul#topmenu li#genre-top a:hover {             background-position:    0px -25px; }
        ul#topmenu li#genre-kaisha a:hover {          background-position:  -59px -25px; }
        ul#topmenu li#genre-security a:hover {        background-position: -118px -25px; }
        ul#topmenu li#genre-humanskill a:hover {      background-position: -177px -25px; }
        ul#topmenu li#genre-businessbasic a:hover {   background-position: -236px -25px; }
        ul#topmenu li#genre-jinzai a:hover {          background-position: -295px -25px; }
        ul#topmenu li#genre-roudou a:hover {          background-position: -354px -25px; }
        ul#topmenu li#genre-businesshoumu a:hover {   background-position: -413px -25px; }
        ul#topmenu li#genre-iso a:hover {             background-position: -472px -25px; }
        ul#topmenu li#genre-sales a:hover {           background-position: -531px -25px; }
        ul#topmenu li#genre-csclaim a:hover {         background-position:    0px -75px; }
        ul#topmenu li#genre-callcenter a:hover {      background-position:  -59px -75px; }
        ul#topmenu li#genre-marketing a:hover {       background-position: -118px -75px; }
        ul#topmenu li#genre-hanbai a:hover {          background-position: -177px -75px; }
        ul#topmenu li#genre-planning a:hover {        background-position: -236px -75px; }
        ul#topmenu li#genre-zaimu a:hover {           background-position: -295px -75px; }
        ul#topmenu li#genre-keiei a:hover {           background-position: -354px -75px; }
        ul#topmenu li#genre-boki a:hover {            background-position: -413px -75px; }
        ul#topmenu li#genre-zaiko a:hover {           background-position: -472px -75px; }
        ul#topmenu li#genre-kokusaika a:hover {       background-position: -531px -75px; }

        ul#topmenu li#genre-top.active a {             background-position:    0px -25px; }
        ul#topmenu li#genre-kaisha.active a {          background-position:  -59px -25px; }
        ul#topmenu li#genre-security.active a {        background-position: -118px -25px; }
        ul#topmenu li#genre-humanskill.active a {      background-position: -177px -25px; }
        ul#topmenu li#genre-businessbasic.active a {   background-position: -236px -25px; }
        ul#topmenu li#genre-jinzai.active a {          background-position: -295px -25px; }
        ul#topmenu li#genre-roudou.active a {          background-position: -354px -25px; }
        ul#topmenu li#genre-businesshoumu.active a {   background-position: -413px -25px; }
        ul#topmenu li#genre-iso.active a {             background-position: -472px -25px; }
        ul#topmenu li#genre-sales.active a {           background-position: -531px -25px; }
        ul#topmenu li#genre-csclaim.active a {         background-position:    0px -75px; }
        ul#topmenu li#genre-callcenter.active a {      background-position:  -59px -75px; }
        ul#topmenu li#genre-marketing.active a {       background-position: -118px -75px; }
        ul#topmenu li#genre-hanbai.active a {          background-position: -177px -75px; }
        ul#topmenu li#genre-planning.active a {        background-position: -236px -75px; }
        ul#topmenu li#genre-zaimu.active a {           background-position: -295px -75px; }
        ul#topmenu li#genre-keiei.active a {           background-position: -354px -75px; }
        ul#topmenu li#genre-boki.active a {            background-position: -413px -75px; }
        ul#topmenu li#genre-zaiko.active a {           background-position: -472px -75px; }
        ul#topmenu li#genre-kokusaika.active a {       background-position: -531px -75px; }



/*
  genre > hoge
*/
div.toc4 {
    background: #edf4fa;
    margin: 0 0 16px 0;
    padding: 16px 10px;
    border-bottom: 1px dotted #cee1f2;

    }
    div.toc4 p {
        width: 184px;
        margin: 0;
        padding-left: 16px;
        line-height: 16px;
        display: block;
        float: left;
        background: transparent url(../images/style/toc_p_bg.gif) left top no-repeat;
    }

div.toc {
    background: #edf4fa;
    margin: 0 0 16px 0;
    padding: 16px 10px;
    }
    div.toc p {
        width: 184px;
        margin: 0;
        padding-left: 16px;
        line-height: 16px;
        display: block;
        float: left;
        background: transparent url(../images/style/toc_p_bg.gif) left top no-repeat;
    }

.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 .selected a,
	ul#navi_mediatab a:hover{
		background:url('../images/style/media_tabs_curr_left.jpg') no-repeat left top;
	}

	ul#navi_mediatab .here a, 
	ul#navi_mediatab .selected 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 .selected 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#navi_mediatab li img {
		display:block;
		margin-right:2px;
		margin-top:2px;
	}


#navi_pages_bottom{
	text-align:center;
}
.hidden {
  display: none;
}


/*------------
  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;
	z-index:100;
}
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: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;
}




/*------------
  div.corpinfo2
------------*/

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

div.corpinfo2 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:40px;
	margin-left:40px;
	width: 210px;
	outline-style:none;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
}

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

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

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

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



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

div#footer {
  color: #ffffff;
}
div#footer a,
div#footer a:link {
  color: #505050;
  color: #ffffff;
  text-decoration: none;
}
div#footer a:visited {
  color: #505050;
  color: #ffffff;
}
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;
}

/*
	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 #cccccc;
    line-height: 16px;
    font-size: 100%;
    color: #333333;
    font-weight: bold;
    text-align: left;
}
body.genre h2.square {
    line-height: 24px;
    border-bottom: 1px dotted #cee1f2;
    background: #edf4fa url(../images/style/toc_p_bg.gif) left center no-repeat;
}

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