@charset "utf-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0;
}
body {
	font-size: 70%;
	font-family: "ヒラギノ角5 Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", sans-serif;
    background: url(../images/base2.gif) repeat-y 0 0;
}

* html body {
    line-height: 1.3;
}

*+html body {
    line-height: 1.5;
}

html>/**/body {  
    line-height /*\**/: 1.5\9;  
}  

img {
    vertical-align: top;
    border: none;
}

a {
	text-decoration: none;
}

.alinkdeco {
    text-decoration: underline;
}

.fontred {
    color: red;
}


/*wrapperベース全体*************************************************************************************/


#wrapper {
    width: 100%;
    height: 200px;
}



/*secondry左側************************************************************************/
/************************************************************************************/


#secondry {
    width: 240px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: black;
}

#icon {
    padding: 10px;
}

#icon img {
    padding: 5px;
}

.sub-menu ul {
    list-style: none;
}

.sub-menu a {
    display: block;
    padding: 4px 10px;
}

.sub-menu a:hover {
    color: white;
    background-color: red;
}

.sub-menu1  {
    background-color: white;
}

.sub-menu1 a {
    color: black;
}

.sub-menu2 {
    background-color: #b3b3b3;
}

.sub-menu2 a {
    color: white;
}

#sub-menu-cart {
    background-color: black;
    color: white;
    font-weight: bold;
    padding: 5px 10px 0 10px;
}
   
   

#sm-about-content, #sm-guide-content {
    display: none;
}


#sm-about-content p, #sm-guide-content p {
    color: #4d4d4d;
    padding-top: 6px;
}

#sm-about-content a {
    color: red;
}


#ukiyoe-zoom-content {
    display: none;
    text-align: center;
    background-color: #b3b3b3;
}


#s-banner-title {
    padding: 5px 10px;
    width: 220px;
    color: white;
    font-weight: bold;
    background: url(../images/gray-grade.gif) top left repeat-x;
}

#s-banner {
    width: 240px;
    height: 144px;
}

#s-banner ul{
    list-style: none;
    height: 24px;
}

#s-banner li {
    width: 240px;
  	text-indent: -9999px;
}

#s-banner li a {
    height: 24px;
	display: block;
	width: 100%
}

#s-banner li a:hover {
	background-position: bottom;
	}
		
#s-banner .s-banner-tim a {
	background-image: url(../images/s-banner-tim.gif);
	background-position: top;
	}
		
#s-banner .s-banner-pc a {
	background-image: url(../images/s-banner-pc.gif);
	background-position: top;
	}

#s-banner .s-banner-hs a {
	background-image: url(../images/s-banner-hs.gif);
	background-position: top;
	}

#s-banner .s-banner-ah a {
	background-image: url(../images/s-banner-ah.gif);
	background-position: top;
	}

#s-banner .s-banner-ya a {
	background-image: url(../images/s-banner-ya.gif);
	background-position: top;
	}

#s-banner .s-banner-ukiyoe a {
	background-image: url(../images/s-banner-ukiyoe.gif);
	background-position: top;
	}








/*sm-about-contentジパングーとはminiwindow********************/

.list01 {
    background-color: #e6e6e6; 
}
.list01, .list02 {
    padding: 5px 20px;
    font-size: 110%;
    color: #4d4d4d;
}
.list01:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/******************************/
.list01 { display: inline-block; }
/* Hides from IE-mac ¥*/
* html .list01 { height: 1%: }
.list01 { display: block; }
/* End hide from IE-mac */
/******************************/
.list02:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/******************************/
.list02 { display: inline-block; }
/* Hides from IE-mac ¥*/
* html .list02 { height: 1%: }
.list02 { display: block; }
/* End hide from IE-mac */
/******************************/

.list01 dt, .list02 dt {
	float: left;
	width: 95px;
}
.list01 dd, .list02 dd {
	float: left;
	width: 430px;
}



/*sm-info-contentインフォメーションminiwindow************/


#sm-guide-content h3 {
    color: #4d4d4d;
    font-size: 110%;
    margin: 10px 8px 0 8px;
    padding-left: 3px;
    border-left: 4px #4d4d4d solid;
    border-bottom: 1px #4d4d4d solid;
    clear: both;
}

#sm-guide-content .info-column {
    margin: 10px 8px;
    color: #4d4d4d;
    line-height: 2;
}

#sm-guide-content .info-column p {
    padding-left: 22px;
}

#sm-guide-content .info-column a {
    color: red;
}

#sm-guide-content .info-column a:hover {
    text-decoration: underline;
}



/*cartサイドカート内
***************************************/


#cart {
    padding: 6px 12px;
    border-top: 4px black solid;
    border-right: 10px black solid;
    border-bottom: 16px black solid;
    border-left: 10px black solid;
    color: #4d4d4d;
    background-color: white;
}

#cart-totals {
    color: #4d4d4d;
    font-weight: bold;
    text-align: right;
}

#cart-insides {
    padding: 3px 0;
    text-align: right;
}

#cart #cart-images {
    margin: 0 5px;
}




/*検索
***************************************/

#search {
    background-color: white;
}

#search-top {
    margin-bottom: 14px;
    padding: 0 10px;
    color: white;
    background: url(../images/gray-grade.gif) top left repeat-x;
}

#condition {
    padding: 5px 10px;
    width: 220px;
    color: white;
}

#sattention {
    font-size: 90%;
}

#search p, #search-top p {
    padding: 4px 0; 
}

#search-top #searchbox {
    border: 1px #4d4d4d solid;
    line-height: 1.5;
    height: 1.5em;
    width: 220px;
}



/*primary右側*************************************************************************/
/************************************************************************************/


#primary {
    position: absolute;
    top: 0;
    margin-left: 240px;
    background: url(../images/base1.gif) top left no-repeat;
}

#primary ul {
    list-style: none;
}


/*TOP***********************************************************************************/



#language {
    position: absolute;
    width: 74px;
    height: 28px;
}


#billboard {
    width: 784px;
    color: #808080;
}

#container-left {
    float: left;
    width: 512px;
    border-right: 6px solid black;
}

#container-left h2{
    padding: 4px 0 4px 13px;
    height: 10px;
    background-color: black;
}

#container-left .column {
    padding: 8px;
}


/*スライダー***********************/
/* ------ mobilyslider
-----------------------------------------------*/

#slider-waku {
    margin: 0 56px;
    padding: 0;
    width: 496px;
    height: 150px;
}

.slider {
    float: left;
    width: 384px;
    height: 130px;
    position: relative;
    padding-bottom: 16px;
    background: url(../images/bottom_shadow.png) no-repeat bottom center;
}

.sliderContent {
    float: left;
    width: 384px;
    height: 130px;
    clear: both;
    position: relative;
    overflow: hidden;
}

.sliderArrows a {
    display: block;
    text-indent: -9999px;
    outline: none;
    z-index: 50;
    background-image: url(../images/prev_next.png);
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -34px;
}

.prev {
    background-position: 0 0;
    left: 15px;
}

.prev:hover {
    background-position: 0 -44px;
}

.next {
    right: 15px;
    background-position: -44px 0;
}

.next:hover {
    background-position: -44px -44px;
}

.sliderContent .item {
    position: absolute;
    width: 800px;
    height: 350px;
    background: #fff;
}

.sliderBullets {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 50;
    margin-left: -25px;
}

.sliderBullets a {
    display: block;
    float: left;
    text-indent: -9999px;
    outline: none;
    margin-left: 5px;
    width: 10px;
    height: 11px;
    background: url(../images/bullets.png) no-repeat;
}

.sliderBullets .active {
    background-position: 0 -11px;
}

.sliderContent a {
    outline: none;
}

a img {
    border: none;
}

#item-1, #item-2, #item-3 {
    background-image: url(../images/cs-atari.gif);
}




/************************/


#creator-table, #free-table {
    width: 406px;
    margin: 10px 50px;
    text-align: center;
}

#creator-table td, #free-table td{
    padding: 3px 6px;
    vertical-align: top;
}

#container-right {
    float: left;
    padding: 8px;
    width: 250px;
    border-top: 18px solid black;
}

#container-left h3, #container-right h3{
    font-size: 16px;
    color: black;
}

.manual {
    padding: 0 4px 10px 4px;
    border-top: 1px dotted black;
    font-size: 12px;
}

.manual h4 {
    margin: 10px 0 5px 0;
    font-size: 13px;
}

.manual table {
    vertical-align: middle;
    font-size: 12px;
}

.manual table th {
    padding: 6px 4px;
}

.manual table td {
    padding: 6px 0;
}


/*shoppingページ************************************************************************************/



#header {
    height: 81px;
    margin: 28px 0 20px 20px;
    position: absolute;
}

#content {
    width: 730px;
    position: absolute;
    top: 144px;
    left: 20px;
    padding: 25px 0 25px 25px;
    background-color: white;
    border: 1px #cccccc solid; 
}

#content #file-botton {
    margin-right: 5px;
}

#content #hit {
    color: #999999;
}

#content #hit-count{
    color: #4d4d4d;
    font-weight: bold;
}

#content table {
    font-size: 11px;
}

#hoken {
    width: 784px;
    height: 468px;
}


/*カートの中身ページ
*************************************************************/



#ct-inner {
    position: absolute;
    top: 102px;
    left: 20px;
    width: 675px;
    height: 18px;
    z-index: 5;
    padding: 2px 0 2px 25px;
    background-color: #e6e6e6;
    border: 1px #cccccc solid; 
}

#ct-content {
    position: absolute;
    top: 120px;
    left: 20px;
    width: 650px;
    padding: 25px;
    color: #4d4d4d;
    background-color: white;
    border: 1px #cccccc solid; 
}

#ct-table-title {
    width: 100%;
    margin-top: 5px;
    border-top: 1px #cccccc solid; 
    border-left: 1px #cccccc solid; 
    border-right: 1px #cccccc solid; 
    text-align: left;
    background-color: #e6e6e6;
    font-weight: normal;
    padding: 0;
}

#ct-table-element {
    width: 100%;
    border: 1px #cccccc solid; 
    padding: 0;
    background-color: #f2f2f2;
}

.ct-price {
    color: black;
}

#cart-total {
    border: 1px #cccccc solid; 
    text-align: right;
    color: white;
}
#cart-total1 {
    background-color: #f2f2f2;
}
#cart-total2 {
    background-color: #666666;
}

#cart-underNav1 {
    width: 650px;
    text-align: center;
}

#cart-underNav1 td{
    text-align: center;
}

#cart-underNav2 {
    text-align: center;
    width: 650px;
}

#cart-underNav2 table {
    margin: 10px auto 0;
    padding: 0 auto;
    width: 300px;
    height: 100px;
    background-color: #f2f2f2;
    border: 1px #cccccc solid; 
}


#cart-attention {
    font-size: 120%;
}

#cart-checkbox {
    margin-bottom: 4px;
}

* html #cart-back {
    margin: 0 20px 0 20px;
}

*+html #cart-back {
    margin: 0 20px 0 20px;
}


/*ライセンスminiwindow
*************************************************************/


#licsnse {
    margin: 8px;
    display: none;
    color: #4d4d4d;
}

#licsnse a {
    color: red;
}

#licsnse h2 {
    font-size: 140%;
    background-color: white;
}

#licsnse h3 {
    font-size: 110%;
    margin: 12px 0 6px 0;
    padding-left: 4px;
    border-left: 4px #4d4d4d solid;
    border-bottom: 1px #4d4d4d solid;
    clear: both;
}

#licsnse h4 {
    font-size: 110%;
    margin: 6px 0 0 0;
    border-bottom: 1px #cccccc solid;
    clear: both; 
}

#licsnse .info-column {
    margin: 4px;
}

#licsnse .info-column p {
    margin: 0 0 0 8px;
}

#licsnse .info-column li {
    margin: 0 0 2px 24px;
}



/*購入ダウンロードページ
*************************************************************/


#dlthanks {
    position: absolute;
    top: 102px;
    left: 20px;
    width: 625px;
    height: 18px;
    z-index: 5;
    padding: 2px 0 2px 25px;
    background-color: #e6e6e6;
    border: 1px #cccccc solid; 
}

#dl-content {
    position: absolute;
    top: 120px;
    left: 20px;
    width: 600px;
    padding: 25px;
    color: #4d4d4d;
    background-color: white;
    border: 1px #cccccc solid; 
}

#dl-table-title {
    width: 100%;
    margin-top: 5px;
    border-top: 1px #cccccc solid; 
    border-left: 1px #cccccc solid; 
    border-right: 1px #cccccc solid; 
    text-align: left;
    background-color: #e6e6e6;
    font-weight: normal;
    padding: 2px 0 2px 10px;
}

#dl-table-element {
    width: 100%;
    border: 1px #cccccc solid; 
    padding: 5px 0 5px 10px;
    background-color: #f2f2f2;
}

#dl-url {
    padding: 2px 0 2px 10px; 
}