@charset "utf-8";
/* CSS Document */

@import "/common/css/base.css";

/*==================================
  Visual Layout
==================================*/
div#background {background:#242424 url(./images/back_main.jpg) top repeat-x; padding-bottom:20px;}
div#visual {background:url(./images/main_visual.jpg) top center no-repeat;}
div#visual div#visual-inner {width:900px; margin:0 auto; height:280px;}
div#visual div#visual-inner h2 {position:absolute; margin:22px 0 0 492px;}
div#visual div#visual-inner ul {position:absolute; list-style:none;}
div#visual div#visual-inner ul li#updata {position:absolute; margin:211px 0 0 180px;}
div#visual div#visual-inner ul li#bnr-new {position:absolute; margin:163px 0 0 466px;}
div#visual div#visual-inner ul li#bnr-trial {position:absolute; margin:163px 0 0 725px;}
div#visual div#visual-inner ul li#bnr-windows {position:absolute; margin:216px 0 0 725px;}


/*==================================
  Main Layout
==================================*/
div#main-contents {background:url(./images/back_contents.png) top repeat-y; width:920px; margin:0 auto; color:#666;}
div#main-contents a {color:#990;}
div#main-contents a:hover {color:#666; text-decoration:none;}
div#main-contents h2 {padding:0 0 15px 50px; font-size:0; line-height:0;}
ul#tab-menu {margin:0 10px; height:80px; list-style:none; overflow:hidden;}
ul#tab-menu li {float:left;}
ul#tab-menu li a {display:block;}
ul#tab-menu li a:hover {background-color:transparent;}
ul#tab-menu li a:hover img {visibility:hidden;}
ul#tab-menu li#tab01 {width:114px; height:40px; overflow:hidden; background:url(./images/tab01_ov.gif);}
ul#tab-menu li#tab02 {width:112px; height:40px; overflow:hidden; background:url(./images/tab02_ov.gif);}
ul#tab-menu li#tab03 {width:112px; height:40px; overflow:hidden; background:url(./images/tab03_ov.gif);}
ul#tab-menu li#tab04 {width:112px; height:40px; overflow:hidden; background:url(./images/tab04_ov.gif);}
ul#tab-menu li#tab05 {width:112px; height:40px; overflow:hidden; background:url(./images/tab05_ov.gif);}
ul#tab-menu li#tab06 {width:112px; height:40px; overflow:hidden; background:url(./images/tab06_ov.gif);}
ul#tab-menu li#tab07 {width:112px; height:40px; overflow:hidden; background:url(./images/tab07_ov.gif);}
ul#tab-menu li#tab08 {width:114px; height:40px; overflow:hidden; background:url(./images/tab08_ov.gif);}
dl#box01 {padding:0 70px 40px;}
dl#box01 dt {width:305px; float:left;}
dl#box01 dd {padding-left:340px;}
div.box02 {margin:0 60px;}
div.box02 h3 {border-bottom:1px solid #d6cec0; padding:25px 0 5px;}
div.box02 h3.pt0 {padding-top:0;}
div.box-point {border-bottom:1px solid #d6cec0; padding:10px 0;}
div.box-point dl.point dt {width:260px; float:left;}
div.box-point dl.point dd {padding:12px 0 0 285px;}
div.box-point dl.point dd p {padding:0;}
/*div.box-point div.btn-point {float:right; margin-top:-35px; padding-right:10px;}*/
div.box-point div.btn-point {position:absolute; margin:-35px 0 0 690px;}

div.box {border:1px solid #d6cec0; padding:1px; margin-top:15px;}
div.box03 {border:1px solid #d6cec0; padding:1px; margin-top:30px;}
div.box03 dl {padding:20px; background:#f1ebd9;}
div.box03 dl dt {width:240px; float:left;}
div.box03 dl dd p {padding-right:8px;}
div.box03 dl dd {padding:10px 0 0 255px;}
div.box03 ul {list-style:none;}
div.box03 ul li {float:left; margin-right:2px;}
div.box03 ul li.none {margin-right:0;}
div#description {background:#f1ebd9 url(./images/photo_ver16_02.jpg) left top no-repeat; padding:15px 0 15px 200px;}
div#description p {font-size:10px; line-height:1.4; padding:0;}
p#btn-lineup {margin-top:15px; width:192px; height:32px; overflow:hidden; background:url(./images/btn_lineup_ov.gif);}
p#btn-lineup a {display:block;}
p#btn-lineup a:hover {background-color:transparent;}
p#btn-lineup a:hover img {visibility:hidden;}

div#main-contens-bottom {background:url(./images/back_contents_bottom.jpg); height:40px; width:920px; margin:0 auto 20px;}

/*---100217nanba_edit---*/
dl#title-news {margin:0 50px; padding:0 10px 5px 5px; border-bottom:1px solid #d6cec0;}
dl#title-news dt {width:100px; float:left;}
dl#title-news dd {width:200px; float:right;}
dl#title-news dd p {text-align:right;}
dl#title-news dd p a {/*color:#666;*/ background:url(./images/icon_rss.gif) left no-repeat; padding-left:30px;}
ol#news-list {padding:15px 60px 25px; list-style:none;}
ol#news-list li {margin-bottom:10px; background:url(/common/images/lm01.gif) left no-repeat; padding-left:12px;}
ol#news-list li dt {width:6.5em; float:left;}
ol#news-list li dd {padding-left:6.5em;}


/*--Address--*/
div#main-contents h2.pt25 {padding-top:25px;}
div.address-box {padding:0 60px 5px;}
div.address-box p {padding-bottom:15px;}
div.address-box p#catch {font-size:14px; font-weight:bold; color:#666;}
div.address-box p#catch02 {font-size:14px; color:#666;}
div.address-box p.center {text-align:center;}
div.address-box p span {font-size:10px;}
div#add-menu {width:800px; height:577px; background:url(./images/add_back_menu.gif); margin-bottom:20px;}
div#add-menu ul#add-menu01 {list-style:none; padding:17px 0 0 116px;}
div#add-menu ul#add-menu02 {list-style:none; padding:413px 0 0 14px;}
div#add-menu li {width:160px; height:67px; overflow:hidden; font-size:0; line-height:0; float:left; margin-right:45px;}
div#add-menu li.none {margin-right:0;}
div#add-menu li p {width:92px; height:27px; line-height:0; font-size:0; overflow:hidden; background:url(./images/btn_detail02.gif); margin:10px 0 0 70px;}
div#add-menu li p a {display:block;}
div#add-menu li p a:hover {background-color:transparent;}
div#add-menu li p a:hover img {visibility:hidden;}
div.address-box h3 {border-bottom:1px solid #d6cec0; line-height:0; font-size:0; padding:20px 0 3px; margin-bottom:10px;}
div.address-box dl.typeB {padding:10px 0;}
div.address-box dl.typeB dt {width:480px; float:right;}
div.address-box dl.typeB dd {width:300px;}

/*--Print--*/
dl.typeC dt {width:435px; float:left; padding-bottom:20px;}
dl.typeC dd {width:360px; float:right;}
dl.typeC dd h3#pri-text01 {position:absolute; padding-top:0; margin-top:23px; width:360px;}
dl.typeC dd h3#pri-text02 {position:absolute; padding-top:0; margin-top:161px; width:360px;}
dl.typeC dd h3#pri-text03 {position:absolute; padding-top:0; margin-top:300px; width:360px;}
dl.typeC dd h3#pri-text04 {position:absolute; padding-top:0; margin-top:392px; width:360px;}
dl.typeC dd p#pri-text01-p {position:absolute; margin-top:54px; width:355px;}
dl.typeC dd p#pri-text02-p {position:absolute; margin-top:192px; width:355px;}
dl.typeC dd p#pri-text03-p {position:absolute; margin-top:331px; width:355px;}
dl.typeC dd p#pri-text04-p {position:absolute; margin-top:423px; width:355px;}
div#print-left {width:380px; float:left; padding-bottom:10px;}
div#print-right {width:380px; float:right; padding-bottom:10px;}

/*--design--*/
p#des-caption {position:absolute; z-index:5; margin:-565px 0 0 430px; width:350px;}

/*--Spec--*/
table.spec {margin:0 0 10px 50px; width:820px; font-size:10px; border-collapse:collapse;}
table.spec td {text-align:center; padding:7px 0; border:1px solid #d6cec0; line-height:1.4;}
table.spec td strong {line-height:1.4;}
table.spec td.w11 {width:11%;}
table.spec td.w12 {width:12%;}
table.spec td.typeA {text-align:left; vertical-align:top; padding:7px 3px;}
p.caution {margin:0 50px; font-size:10px; padding:0 0 0 2em; text-indent:-2em; line-height:1.25;}
p.caution02 {margin:-10px 20px 15px; font-size:10px; line-height:1.5;}
p.mab40 {margin-bottom:40px;}
h2.mat40 {margin-top:40px;}
div#spec-box {margin:0 60px;}
div#spec-box h3 {font-size:12px; border-left:5px solid #900; border-bottom:1px solid #e9e9e9; padding:3px 10px;}
div#spec-box h3 span {color:#f60; font-weight:normal; margin-left:15px;}
div#spec-box ul {padding:10px 0 10px 20px; font-size:12px;}
div#spec-box ul li {margin-bottom:10px;}
div#spec-box ul li ul {padding-bottom:0;}
.red {color:#f00;}
.bold {font-weight:bold;}

/*--yoshi--*/
table.yoshi {margin:0 0 10px 50px; width:820px; font-size:12px; border-collapse:collapse;}
table.yoshi th { padding:5px; background-color:#d9ebfd; font-weight:bold; border:1px solid #d6cec0;}
table.yoshi td {text-align:left; padding:5px; border:1px solid #d6cec0; line-height:1.4;}
.yoshi-day { text-align:right; margin-right:50px;}

/*--Lineup--*/
div.left-box {width:380px; float:left; padding-bottom:40px;}
div.right-box {width:380px; float:right; padding-bottom:40px;}
div.left-box p,div.right-box p {font-weight:bold; color:#4c3722; padding:10px 0 5px 15px;}
ul#package-list {list-style:none; padding:15px 0 30px 15px;} 
ul#package-list li {width:130px; float:left; margin-right:30px;}
ul#package-list li.none {margin-right:0;}
ul#package-list li dt {text-align:center; color:#666; font-size:10px; font-weight:normal; line-height:1.5; margin-bottom:5px;}
ul#package-list li dt span {font-size:12px; font-weight:bold; color:#4c3722;}
ul#package-list li dd p {border:2px solid #d6cec0; text-align:center; padding:5px 0 0;}
ul#package-list li dd ul {list-style:none; padding:10px 0 0 9px;}
ul#package-list li dd ul li {width:113px; height:28px; overflow:hidden; line-height:0; font-size:0; padding:0;}
ul#package-list li dd ul li.btn-concept {background:url(./images/btn_concept_ov.gif); margin:0 0 5px 0;}
ul#package-list li dd ul li.btn-spec {background:url(./images/btn_spec_ov.gif); margin:0;}
ul#package-list li dd ul li a {display:block;}
ul#package-list li dd ul li a:hover {background-color:transparent;}
ul#package-list li dd ul li a:hover img {visibility:hidden;}
ul.jump {list-style:none; padding:10px 0 0 15px;}
ul.jump li {width:113px; height:28px; overflow:hidden; line-height:0; font-size:0; padding:0;}
ul.jump li.btn-concept {background:url(./images/btn_concept_ov.gif); margin:0 0 5px 0;}
ul.jump li.btn-spec {background:url(./images/btn_spec_ov.gif); margin:0;}
ul.jump li a {display:block;}
ul.jump li a:hover {background-color:transparent;}
ul.jump li a:hover img {visibility:hidden;}
div.package-box {padding:20px 15px 10px;}
div.package-box dl.package-photo {width:130px; float:left;}
div.package-box dl.package-photo dt {border:2px solid #d6cec0; text-align:center; padding:5px 0 0; margin-bottom:10px;}
div.package-box dl.package-photo dd p {margin:0 0 0 9px; padding:0; background:url(./images/btn_spec_ov.gif); width:113px; height:28px; overflow:hidden;}
div.package-box dl.package-photo dd p a {display:block;}
div.package-box dl.package-photo dd p a:hover {background-color:transparent;}
div.package-box dl.package-photo dd p a:hover img {visibility:hidden;}
div.package-box div.package-text {padding-left:150px;}
div.package-box div.package-text p {padding:0 0 5px 0;}
div.package-box div.package-text p strong {color:#4c3722; line-height:1.75; background:url(./images/icon_package.gif) right no-repeat; padding-right:90px;}
div.package-box div.package-text p strong span {font-weight:normal; margin-left:5px;}
div.package-box div.package-text p.package-spec {font-size:10px; line-height:1.5;}
div.package-box div.package-text p.package-spec span {color:#c00; line-height:1.75;}
p.other-spec {padding:15px 15px 5px;}
p.other-spec strong {color:#4c3722; line-height:1.75;}
p.other-spec strong.icon-download {color:#4c3722; line-height:1.75; background:url(./images/icon_download.gif) right no-repeat; padding-right:90px;}
p.other-spec strong.icon-versionup {color:#4c3722; line-height:1.75; background:url(./images/icon_versionup.gif) right no-repeat; padding-right:90px;}
p.other-spec span {color:#c00; line-height:1.75;}
p.other-spec span.normal {font-weight:normal; margin-left:5px;}

p.other-spec2 {padding:0 15px 15px; font-size:10px; line-height:1.5;}
p.other-btn-spec {margin-left:20px; background:url(./images/btn_spec_ov.gif) top no-repeat; width:113px; height:28px; overflow:hidden;}
p.other-btn-spec a {display:block;}
p.other-btn-spec a:hover {background-color:transparent;}
p.other-btn-spec a:hover img {visibility:hidden;}

/*--support--*/
div#main-contents h2.text {padding:0 0 15px 60px; font-size:14px; font-weight:normal;}
dl#support-box {padding:0 60px 15px;}
dl#support-box dt {padding:40px 5px 8px; margin-bottom:13px; background:url(./images/line.gif) bottom left no-repeat;}
dl#support-box dd ul {padding-left:10px; list-style:none;}
dl#support-box dd ul li {background:url(./material/images/lm01.gif) left 4px no-repeat; padding-left:12px; margin-bottom:10px;}
dl#support-box dd ul li span {margin-right:15px;}
dl#support-box dd p {padding:0 0 5px 10px;}
dl#support-box dd p.caution03 {padding:0 0 0 20px; text-indent:-1em;}
dl#support-box dd p#btn-online {width:200px; height:50px; padding:0; margin:10px; background:url(./images/btn_online_ov.gif);}
dl#support-box dd p#btn-online a {display:block;}
dl#support-box dd p#btn-online a:hover {background-color:transparent;}
dl#support-box dd p#btn-online a:hover img {visibility:hidden;}

/*--movie--*/
div#movie-box {padding:0 60px 15px;}
div#movie-box h3 {padding:10px 5px 2px; border-bottom:1px solid #d6cec0; margin-bottom:10px;}
div#movie-box ul {list-style:none; padding-bottom:20px;}
div#movie-box ul li {width:240px; margin-right:40px; float:left;}
div#movie-box ul li.none {margin:0;}
div#movie-box ul li.wide-li {width:500px;}
div#movie-box ul li dl {padding-left:5px;}
div#movie-box ul li dt {padding:12px 0 12px 40px; background:url(./images/icon_mov.gif) left no-repeat;}
div#movie-box ul li dd p {font-size:10px; line-height:1.4; padding-top:5px;}
div#flash {width:640px; height:385px; margin:0 140px;}
p#flash-text {font-size:14px; padding:40px 60px;}


/*==================================
  Accordion Detail
==================================*/
div.itemContent {display:none;}
div.itemContent dl {padding:15px 10px;}
div.itemContent dl dt {width:430px; float:right;}
div.itemContent dl dd {padding-top:10px; width:310px;}
div.itemContent dl dd h4 {font-size:12px; line-height:1.75; padding-bottom:20px;}


/*==================================
  gototop
==================================*/
div.gototop {padding:15px 0 0 720px; clear:both;}
div.gototop p {width:135px; height:22px; overflow:hidden; background:url(/common/images/btn_gototop_ov.gif);}
div.gototop p a {display:block;}
div.gototop p a:hover {background-color:transparent;}
div.gototop p a:hover img {visibility:hidden;}

/* ==================================
   header_add 091030
=====================================*/
div.header_bannar{
	text-align:right;
	margin-bottom:10px;
}
p#updater_click {width:218px; height:51px; overflow:hidden; background:url(./images/v16_header/updater_click_ov.png);}
p#updater_click a {display:block;}
p#updater_click a:hover {background-color:transparent;}
p#updater_click a:hover img {visibility:hidden;}

#sp_btn{
padding-right:5px;
}