@charset "utf-8";

/***********************************
  TOTO
  style.css
***********************************/

@import url("/stylesheets/portal/base.css");
@import url("/stylesheets/portal/select.css");


/*==================================
  Detail_Layout
==================================*/
img{vertical-align:bottom;}

/*--visual--*/
div#main-visual {margin:15px auto 0; width:950px; height:180px; background:url(/images/top/visual.jpg);}
div#main-visual h2 {position:absolute; margin:41px 0 0 98px;}
div#main-visual ul {position:absolute; list-style:none;}
div#main-visual ul li {position:absolute; height:27px; overflow:hidden; font-size:0; line-height:0; margin:0; padding:0;}
div#main-visual ul li a {display:block;}
div#main-visual ul li a:hover {background-color:transparent;}
div#main-visual ul li a:hover img {visibility:hidden;}
div#main-visual ul li#btn-about {width:131px; margin:115px 0 0 101px; background:url(/images/top/btn_about_ov.png);}
div#main-visual ul li#btn-cliping {width:205px; height:120px; margin-left:745px; background:url(/images/top/btn_cliping_ov.png);}

/*--search_box--*/
div#search-box {margin:0 auto; width:950px; background:url(/images/top/back_search_loop.gif) repeat-y;}
div#search-box h3 {background:url(/images/top/back_search_tit.gif) top left no-repeat; font-size:0; line-height:0; padding:10px 0 7px 43px;}
div#search-select {background:url(/images/top/dott01.gif) bottom repeat-x; margin:0 3px; padding:12px 23px;}
div#search-select dl.typeA {width:210px; float:left;}
div#search-select dl.typeA dt {width:44px; padding-top:5px; float:left;}
div#search-select dl.typeA dd {width:155px; float:right; overflow:hidden;}
div#search-select dl.typeB {width:380px; float:left;}
div#search-select dl.typeB dt {width:58px; padding-top:5px; float:left;}
div#search-select dl.typeB dd {float:left;}
div#search-select dl.typeB dd.none {background:url(/images/top/tit04.gif) left no-repeat; padding-left:25px; margin-left:10px;}
div#search-select p.btn-search {width:84px; float:right; margin-top:-2px;}
div#search-select p.btn-search button {width:84px; border:none; background:none; cursor:pointer;}
div#search-box-bottom {margin:0 auto 10px; width:950px; height:10px; background:url(/images/top/back_search_bottom.gif);}

div#search-keyword {padding:0 0 0 26px;}
div#keyword-box {width:497px; float:left;}
div#keyword-box dl {padding-top:15px; width:380px; float:left;}
div#keyword-box dl dt {width:60px; float:left; padding-top:4px;}
div#keyword-box dl dd {width:150px; float:left;}
div#keyword-box dl dd input.type01 {width:136px; border:1px solid #ccc; padding:3px 0;}
div#keyword-box dl dd.none {padding-top:4px;}
div#keyword-box dl dd.none input {margin-right:3px;}
div#keyword-box dl dd.none img {margin-bottom:2px;}
div#keyword-box dl dd.none a {margin:0 12px 2px 3px;}
div#keyword-box p.btn-search {width:84px; float:left; padding-top:12px;}
div#keyword-box p.btn-search button {width:84px; border:none; background:none; cursor:pointer;}
div#hot-word {width:410px; float:left; background:url(/images/top/dott02.gif) left repeat-y;}
div#hot-word dl {padding:10px 0 5px 25px;}
div#hot-word dl dd ul {list-style:none; padding:5px 0 0 2px;}
div#hot-word dl dd ul li {font-size:10px; float:left; margin:0 12px 5px 0;}

/*--case_select_box--*/
div#case-select-box {width:950px; margin:0 auto; padding-bottom:10px;}
div#case-select-box h3 {font-size:0; line-height:0; width:470px; float:left;}
div#case-select-box ul {list-style:none; width:465px; float:left; padding-top:10px;}
div#case-select-box ul li {float:right; margin-left:15px;}
div#case-select-box ul li.none {background:url(/images/top/lm01.gif) left no-repeat; padding-left:18px; margin-top:3px;}
div#case-select {clear:both; padding:10px 0 0 10px;}

p#case-explain {margin:0pt auto; width:950px; font-size:10px; text-align:center; padding-top:5px;}

/*--case_detail_box--*/
div#detail-box {width:950px; margin:0 auto 30px; background:#fff3dd;}
div.detail-body {padding:10px 60px;}
div.pht-box {width:284px; float:left;}
div.pht-box table {width:282px; height:282px; border:1px solid #c4a788; border-width:1px 0 0 1px; background:#fff; margin-bottom:3px;}
div.pht-box table td {vertical-align:middle; text-align:center;}
div.pht-box dt {width:86px; float:right; padding-top:3px;}
div.pht-box dd img {float:left; margin-right:5px;}
div.pht-box dd p {padding-top:10px; font-weight:bold;}
div.pht-box dd p span {font-size:18px;}
div.pht-box p.explain {font-size:10px; margin-bottom:5px;}

div.txt-box {width:440px; float:right;}
div.txt-box dl.tit-area dt {font-size:14px; font-weight:bold; color:#634d1f; line-height:1.5; background:url(/images/top/line01.gif) bottom repeat-x; padding-bottom:8px;}
div.txt-box dl.tit-area dd p {padding:5px 2px 20px; font-size:10px;}
div.txt-box dl.keyword-area dt {font-size:10px; font-weight:bold; padding-bottom:3px;}
div.txt-box dl.keyword-area dd ul.txt-keyword {list-style:none; font-size:10px; line-height:1.5;}
div.txt-box dl.keyword-area dd ul.txt-keyword li {float:left; margin-right:12px;}
div.txt-box dl.keyword-area dd p.position {font-size:10px; font-weight:bold; padding-top:4px;}
div.txt-box dl.keyword-area dd ul.icon-keyword {list-style:none; padding-top:5px; width:408px;}
div.txt-box dl.keyword-area dd ul.icon-keyword li {width:65px; height:22px; float:left; margin:0 3px 2px 0;}

div.detail-top {height:10px; background:url(/images/top/back_detail_top.gif);}
div.detail-bottom {height:10px; background:url(/images/top/back_detail_bottom.gif);}

span.new img {margin:0 0 7px;}

p#mygallery-paginate {margin:0; padding:0; line-height:16px;}
p#mygallery-paginate img {margin:0; padding:0;}

/*--100811eDit_pickup_box--*/
div#pickup-box {width:950px; margin:0 auto;}
div#pickup-box dl {background:url(/images/top/pickup_box.gif) top; padding:10px 0 5px 20px;}
div#pickup-box dl dt {width:182px; float:left; background:url(/images/top/back_pickup.gif) top no-repeat; color:#5c5c5c; text-align:center; font-size:10px; line-height:1.4; padding:110px 0 42px;}
div#pickup-box dl dt strong {font-size:12px;}
div#pickup-box dl dd {width:715px; float:right; padding-top:5px;}
div#pickup-box dl dd ol li {width:106px; float:left; list-style:none; margin-right:34px;}
div#pickup-box dl dd ol li table {width:106px; height:106px; border:1px solid #c4a788; border-width:1px 0 0 1px; background:#fff;}
div#pickup-box dl dd ol li table td {vertical-align:middle; text-align:center;}
div#pickup-box dl dd ol li p {padding-top:3px; font-size:10px;}
div#pickup-bottom {width:950px; height:5px; margin:0 auto 30px; background:url(/images/top/pickup_bottom.gif);}

/*--other_box--*/
div#other-box {width:950px; margin:0 auto; padding-bottom:30px;}
div#ranking-box {width:460px; float:left;}
div#ranking-box h3 {padding:0 0 15px 4px;}
div#ranking-box ul {list-style:none;}
div#ranking-box ul li#rank01,div#ranking-box ul li#rank03 {background:#e8fce2 url(/images/top/dott03.gif) bottom repeat-x; padding:10px 15px;}
div#ranking-box ul li#rank02,div#ranking-box ul li#rank04 {background:#f8f8f8 url(/images/top/dott03.gif) bottom repeat-x; padding:10px 15px;}
div#ranking-box ul li#rank05 {background:#e8fce2; padding:10px 15px;}
div#ranking-box ul li#rank01 div {background:url(/images/top/lm1.gif) top left no-repeat; padding-left:45px;}
div#ranking-box ul li#rank02 div {background:url(/images/top/lm2.gif) top left no-repeat; padding-left:45px;}
div#ranking-box ul li#rank03 div {background:url(/images/top/lm3.gif) top left no-repeat; padding-left:45px;}
div#ranking-box ul li#rank04 div {background:url(/images/top/lm4.gif) top left no-repeat; padding-left:45px;}
div#ranking-box ul li#rank05 div {background:url(/images/top/lm5.gif) top left no-repeat; padding-left:45px;}
div#ranking-box ul li div table {width:86px; height:86px; border:1px solid #c4a788; border-width:1px 0 0 1px; background:#fff; float:left;}
div#ranking-box ul li div table td {vertical-align:middle; text-align:center;}
div#ranking-box ul li div p {width:285px; float:right; font-size:10px; padding-top:5px;}
div#ranking-box p.rankig-list {padding:5px 3px 0 0; text-align:right; font-size:10px;}
div#ranking-box p.rankig-list a {background:url(/images/top/lm01.gif) left no-repeat; padding:3px 0 3px 18px;}

div#new-entry-box {width:466px; float:right;}
div#new-entry-box h3 {padding:0 0 20px 4px; background:url(/images/top/back_newentry_top.gif) bottom no-repeat;}
div#new-entry-box ul {list-style:none; background:url(/images/top/back_newentry.gif) top repeat-y;}
div#new-entry-box ul li {padding:10px 15px; background:url(/images/top/dott04.gif) bottom repeat-x;}
div#new-entry-box ul li.none {padding:0 15px 5px; background:none; margin-bottom:0;}
div#new-entry-box ul li dl.entry-date dt,div#new-entry-box ul li dl.entry-name dt {font-size:10px; width:86px; float:left;}
div#new-entry-box ul li dl.entry-date dd {font-size:10px; width:335px; float:right; padding-bottom:6px;}
div#new-entry-box ul li dl.entry-name dd {font-size:10px; width:335px; float:right;}
div#new-entry-bottom {height:10px; background:url(/images/top/back_newentry_bottom.gif);}

/*--ajax--*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #ccc;
overflow: scroll; /*leave this value alone*/
width: 930px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 145px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel {
text-align: center;
}