@charset "UTF-8";


/* HOME
-----------------------*/
div.keyvisual{
padding:13px 0 0;
text-align:center;
margin-bottom:8px;
}
div.system_area{
background:url(../imgs/bg_system_area.gif) no-repeat;
padding:10px 10px 18px 10px;
width:811px;
height:269px;
margin:0 auto 27px;
position:relative;
}
div.system_area h3{
margin-bottom:10px;
margin-left:5px;
}
div.system_area ol{
margin-bottom:10px;
}
div.system_area ol li{
display:inline;
float:left;
}
div.system_area p.mark{
float:left;
display:inline;/*
margin-left:5px;*/
}
div.system_area p.notes,
div.system_area p.btn_action{
float:right;
}
div.system_area p.notes{
/*margin-bottom:15px;
margin-right:2px;*/
}
div.system_area p.notes2{
width:514px;
border-top:1px solid #afcc14;
border-left:1px solid #afcc14;
position:absolute;
bottom:1px;
right:0px;
height:54px;
padding:5px 4px;
}

* html body div.system_area p.notes2{
bottom:10px;
}

div.system_area p.notes2 span{
display:inline;
}
div.system_area p.notes2 .bnr{
float:right;
}
div.system_area p.notes2 .txt{
float:left;
}
div.system_area p.btn_action{
margin-right:2px;
margin-top:-2px;
display:inline;
}
div.topics_area{
position:relative;
width:525px;
background:url(../imgs/bg_topics_area.jpg) no-repeat;
padding-top:3px;
}
div.topics_area h3{
margin:0px 0 0 6px;
}
div.topics_area dl{
width:493px;
margin:5px 16px 0 17px;
}
div.topics_area dl dt{
width:97px;
float:left;
display:inline;
clear:both;
word-wrap:break-word;
padding:5px 0 10px;
font-weight:bold;
}
div.topics_area dl dd{
background:url(../imgs/dot.gif) left bottom repeat-x;
padding:5px 0 10px 97px;
}
div.topics_area dl dd:last-child,
div.topics_area dl dd.last-child{
background:none;
}
div.topics_area p.archive{
position:absolute;
top:3px;
right:4px;
}
div.movie_area{
margin-bottom:18px;
}
div.movie_area p{
padding:5px;
background:#000;
color:#fff;
width:235px;
margin:0 auto;
font-size:92%;
}
*:first-child+html body div.movie_area p{
width:224px;
}
* html body div.movie_area p{
width:224px;
}
html>/**/body div.movie_area p { width /*\**/: 224px\9 }

div.movie_area embed,
div.movie_area object{
width:257px;
margin:auto;
background:#000;
}
.bnr_model{
margin:0 0 15px 13px;
}
div.banner_primary{
float:left;
width:515px;
margin-left:14px;
display:inline;
/*20100708*/
float:none;
width:auto;
margin:0 0 15px 13px;
display:block;
}
div.banner_secondary{
float:right;
width:287px;
margin-right:24px;
display:inline;
/*20100708*/
display:none;
}
div.banner{/*
background:url(../imgs/bg_buisiness.jpg) left bottom no-repeat;
margin:0 32px 8px 18px;
padding-bottom:7px;*/
}
div.banner h4{
margin-bottom:15px;
}
div.banner ul{
margin:0 0 13px 17px;
}
div.banner ul li{
width:100px;
font-size:85%;
float:left;
display:inline;
margin-right:10px;
}
div.banner ul li img{
display:block;
}
div.banner p.detail{
text-align:right;
margin:0 7px 0 0;
}
div.corp_area{
margin-bottom:20px;
}
div.corp_area p.notes{
color:#75870b;
margin-left:12px;
margin-top:-13px;
clear:both;
}
p.btn_kobo_L{
margin-bottom:25px;
text-align:center;
}
div.contact_area{
background:url(../imgs/bg_contact.jpg) 0 0 no-repeat;
margin:0 97px 0 100px;
padding:10px 0 0 152px;
clear:both;
zoom:1;
}
div.contact_area h4{
margin:0 0 10px 10px;
}
div.contact_area p{
margin-bottom:1.5em;
}

/* EVENT  */
body.event div#maincol{
position:relative;
}
p.lead02{
position:absolute;
top:23px;
left:20em;
}
.event_list .aside{
width:150px;
float:left;
display:inline;
}
.event_list .aside{
text-align:center;
}
#maincol .event_list li{
margin-bottom:30px;
}
#maincol .event_list li h4{
margin-bottom:5px;
}
.event_gallery li{
float:left;
display:inline;
margin-bottom:5px;
margin-right:5px;
}
.event_program dt{
font-weight:bold;
margin-top:0.5em;
}
.pdf_list li{
margin-bottom:0.5em;
}

/* IMFORMATION */
p.lead01{
margin-top:10px;
}
table.service_table thead th{
font-weight:bold;
background:#ECF2C9;;
}
table.service_table tbody th{
width:200px;
}
table.service_table tbody td{
width:301px;
}

/* BUSINESS */
.model_list .aside{
width:180px;
float:right;
display:inline;
}
.model_list .aside{
text-align:center;
}
#maincol .model_list li{
margin-bottom:30px;
}
#maincol .model_list li h4{
margin-bottom:5px;
}
.business_movie{
border-left:7px solid #000;
}
.business_movie li{
float:left;
display:inline;
background:#000;
padding:7px 7px 7px 0;
}
.section .concept{
width:470px;
margin:0 auto;
}
.section .concept ol,
.section .concept ol li{
margin-bottom:0;
}

/* PLAZA */
body#plaza_index .page_ttl{
margin-bottom:0;
}
body#plaza_index div#maincol{
}
body#plaza_index #index_area{
background:#cfe8ef url(../plaza/imgs/bg_plaza_index.jpg) no-repeat;
position:relative;
min-height:727px;
min-height:910px;
height:auto !important;
height:747px;
height:910px;
padding-bottom:50px;
}
body#plaza_index #index_area .article{
left:434px;
top:59px;
width:174px;
height:52px;
}
body#plaza_index #index_area .bl-hover .i_movie,
body#plaza_index #index_area .bl-hover .hd_article img,
body#plaza_index #index_area .bl-hover .hd_vote img,
body#plaza_index #index_area .bl-hover .hd_faq img{
visibility:hidden;
}

body#plaza_index #index_area .article,
body#plaza_index #index_area .article p,
body#plaza_index #index_area .movie,
body#plaza_index #index_area .hd_vote,
body#plaza_index #index_area .vote p,
body#plaza_index #index_area .faq{
position:absolute;
cursor:pointer;
}
body#plaza_index #index_area .article p{
left:-97px;
top:-56px;
}
body#plaza_index #index_area .movie{
left:53px;
top:44px;
width:204px;
height:174px;
}
body#plaza_index #index_area .vote{
}
body#plaza_index #index_area .vote{
overflow:hidden;
}
body#plaza_index #index_area .hd_vote{
width:217px;
height:53px;
left:409px;
position:absolute;
left:376px;
top:409px;
}
body#plaza_index #index_area *{
clear:both;
}
body#plaza_index #index_area .vote p{
left:330px;
top:330px;
}
/*
body#plaza_index #index_area .vote p{
left:-47px;
top:-77px;
}*/
/*
body#plaza_index #index_area .faq{
top:502px;
left:10px;
width:310px;
}*/
body#plaza_index #index_area .faq h2{
top:502px;
left:10px;
position:absolute;
margin-left:48px;
width:201px;
height:51px;
}
body#plaza_index #index_area .faq p{
top:553px;
left:10px;
position:absolute;
}
body#plaza_index #index_area .faq ul{
border-style:solid;
border-width:0 12px 12px;
border-color:#7dbfda;
padding:10px;
background-color:#92cbe5;
position:absolute;
left:10px;
top:610px;
width:266px;
}
body#plaza_index #index_area .bl-hover ul{
background-color:#a3dcf6;
}

/* PLAZA ARTICLE */

body.plaza .section dl.article_list{
margin-bottom:20px;
}
body.plaza .section dl.article_list dt{
width:137px;
float:left;
display:inline;
clear:both;
word-wrap:break-word;
padding:5px 0 10px;
font-weight:bold;
}
body.plaza .section dl.article_list dd{
background:url(../imgs/dot.gif) left bottom repeat-x;
padding:5px 0 10px 137px;
}

/* PLAZA FAQ */
.faq_list{

}
.faq_list dt{
background:url(../plaza/faq/imgs/p_q.gif) no-repeat left top;
padding:5px 0 5px 30px;
color:#ff0000;
margin-bottom:10px;
}
.faq_list dd{
background:url(../plaza/faq/imgs/p_a.gif) no-repeat left top;
padding:5px 0 5px 30px;
margin-bottom:10px;
}
/* PLAZA LINK */
.link_list li{
margin-bottom:40px;
}


/* COPYRIGHT */
pre.banner_code{
white-space:normal;
line-height:1.4;
margin-bottom:1.3em;
margin-top:-0.65em;
}

/* TOPICS */
body.topics .section dl{
margin-bottom:20px;
}
body.topics .section dl dt{
width:97px;
float:left;
display:inline;
clear:both;
word-wrap:break-word;
padding:5px 0 10px;
font-weight:bold;
}
body.topics .section dl dd{
background:url(../imgs/dot.gif) left bottom repeat-x;
padding:5px 0 10px 97px;
}
body.topics .section dl dd:last-child,
body.topics .section dl dd.last-child{
background:none;
}

body.topics .section dl.flow{

}

body.topics #topics20100716 dl.flow dt{
width:auto;
float:none;
display:block;
clear:none;
padding:0;
margin-bottom:10px;
}
body.topics #topics20100716 dl.flow dd{
background:none;
padding:0;
border-style:solid;
border-color:#ccc;
border-width:1px 0;
padding:10px 0 0;
}
body.topics #topics20100716 dl.boshu dt{
width:120px;
}
body.topics #topics20100716 dl.boshu dd{
padding:5px 0 10px 121px
}

body.topics #topics20100721 h3{
margin-bottom:10px;
}
body.topics #topics20100721 dl.service dt{
float:none;
margin-bottom:10px;
display:block;
width:auto;
}
body.topics #topics20100721 dl.service dd{
padding:0 0 10px;
margin-bottom:10px;
}
body.topics #topics20100721 dl.service th,
body.topics #topics20100721 dl.service td{
font-weight:normal;
padding:3px 5px 3px 0;
}

/* POPUP */
body.pop,
body.pop #wrapper{
background:none;
padding:0;
}
body.pop #wrapper{
padding:0 0 20px;
}

body.pop #header{
margin-bottom:20px;
}
body.pop .pop_movie_area{
background:#80ab17;
padding:15px;
width:640px;
margin-bottom:20px;
}
body.pop .control{
width:670px;
margin-bottom:20px;
}
body.pop .control .notes{
width:450px;
float:left;
display:inline;
}
body.pop .control .close{
width:172px;
float:right;
display:inline;
}

/* VOTE */
.vote_form li{
margin-bottom:0.5em;
}
.vote_form li input{
margin-right:5px;
}
.vote_form #comment{
width:540px;
}
.vote_form #contact_btn{
text-align:center;
}
.step_nav li{
float:left;
display:inline;
padding-right:10px;
margin-right:10px;
background:url(../imgs/arrow01.gif) no-repeat right center;
}
.step_nav li span{
border:3px solid #ccc;
padding:10px;
display:block;
width:138px;
}
.step_nav li.sn03{
margin-right:0;
background:none;
}
.step_nav li .stay{
background:#f1f4d4;
font-weight:bold;
}
.em03{
color:#f00;
}
#maincol .img_hd{
background:none;
padding:0;
}
.comment_list li{
border:1px solid #ccc;
margin-bottom:1em;
}
.comment_list li h5{
border-bottom:1px solid #ccc;
padding:5px;
}
.comment_list li p{
padding:10px 5px;
}

/* KOBO */
.em02{
font-weight:bold;
color:#f00;
}
.first{
margin-top:10px!important;
}


/* BOOK */

#plaza_book .btn_action{
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
}
/*
* Required 
*/
.container { width:544px; height:362px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides > div { position:absolute; top:0; width:544px; display:none; }
/*
* Optional
*/
#loopedSlider,#newsSlider {
margin:0 auto 30px;
width:544px;
position:relative;
clear:both;
}
#loopedSlider .control{
width:524px;
position:relative;
margin:10px;
height:39px;
background:url(../plaza/book/imgs/bg_pn.gif);
}
#loopedSlider .control .next,
#loopedSlider .control .previous{
position:absolute;
top:0;
}
#loopedSlider .control .next{
right:0;
width:36px;
}
#loopedSlider .control .previous{
left:75px;
width:37px;
}
ul.pagination{/*
margin-left:112px;*/
height:39px;
zoom:1;
position:absolute;/*
width:524px;*/
left:112px;
}
ul.pagination li{
float:left;
display:inline;
}
ul.pagination li a:hover img,
ul.pagination li.active{
visibility:hidden;
}
* html body ul.pagination li a:hover {
background-color:transparent;
}
ul.pagination li a{
display:block;
width:31px;
}
ul.pagination a.pn01,
ul.pagination a.pn04,
ul.pagination a.pn06,
ul.pagination a.pn09{
width:32px;
}
ul.pagination li.active a.booktop{
visibility:visible;
}

ul.pagination li a.booktop{
display:block;
width:69px;
position:absolute;
left:0;
top:0;
}
ul.pagination li a img{

}
ul.pagination li.top{
position:absolute;
left:-112px;
top:0;
z-index:1;
}
/* 20100901 */
/* PLAZA */
.plaza_book{
background:#d0e7ef url(../plaza/imgs/bg_plaza_book.jpg) no-repeat right bottom;
padding:0 0 13px;
position:absolute;
bottom:-892px;
bottom:0;
width:611px;
height:172px;
}
.plaza_book h3,
.plaza_book p{
margin-left:57px;
}
#plaza_index #maincol{
position:relative;
}
body.plaza #subcol li .new{
margin-right:7px;
vertical-align:middle;
}