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


/* menu */
#main-nav {
    color: #FFFFFF;
    width: 200px;
}
#main-nav h2 {
	margin: 0 0 2px;
	height: 25px;
	width: 200px;
}
#nav-container > li.g1_wrap h4 {
	background: url(/img/menu_g1on.gif?1424396553) no-repeat
}
#nav-container > li.g2_wrap h4 {
	background: url(/img/menu_g2on.gif?1424396553) no-repeat
}
#nav-container > li.g3_wrap h4 {
	background: url(/img/menu_g3on.gif?1424396553) no-repeat
}
#nav-container > li.g4_wrap h4 {
	background: url(/img/menu_g4on.gif?1424396553) no-repeat
}
#nav-container > li.g5_wrap h4 {
	background: url(/img/menu_g5on.gif?1424396553) no-repeat
}
#nav-container > li.g6_wrap h4 {
	background: url(/img/menu_g6on.gif?1424396553) no-repeat
}
#nav-container > li.g7_wrap h4 {
	background: url(/img/menu_g7on.gif?1424396553) no-repeat
}
#nav-container > li.g8_wrap h4 {
	background: url(/img/menu_g8on.gif?1424396553) no-repeat
}
#nav-container > li.g9_wrap h4 {
	background: url(/img/menu_g9on.gif?1424396553) no-repeat
}
#nav-container > li.g10_wrap h4 {
	background: url(/img/menu_g10on.gif?1424396553) no-repeat
}
#nav-container > li.g1_wrap h4:hover img, #nav-container > li.g2_wrap h4:hover img, #nav-container > li.g3_wrap h4:hover img, #nav-container > li.g4_wrap h4:hover img, #nav-container > li.g5_wrap h4:hover img, #nav-container > li.g6_wrap h4:hover img, #nav-container > li.g7_wrap h4:hover img, #nav-container > li.g8_wrap h4:hover img, #nav-container > li.g9_wrap h4:hover img, #nav-container > li.g10_wrap h4:hover img {
    visibility: hidden;
}
#nav-container > li:hover {
    background-color: #999999;
}
#nav-container > img {
    padding: 0px;
	height: 40px;
	width:200px;
}
.list_image{
	display:block;
	position:absolute;
   right:0;
   bottom:0;
}
.list_image a{
	display:block;
	width:100%;
	height:100%;
}
#g1_img{ /*ファッション*/
   height:160px;
   width :100%;
}
#g2_img{ /*PET*/
   height:310px;
   width :100%;
}
#g3_img{ /*グルメ*/
   height:240px;
   width :100%;
}
#g4_img{ /*インテリア*/
   height:290px;
   width :100%;
}
#g5_img{ /*美容*/
   height:290px;
   width :100%;
}
#g6_img{ /*エンターテイメント*/
   height:210px;
   width :100%;
}
#g7_img{ /*キッズ・ベビー*/
   height:330px;
   width :100%;
}
#g8_img{ /*スポーツ*/
   height:340px;
   width :100%;
}
#g9_img{ /*車・バイク*/
   height:310px;
   width :100%;
}
#g10_img{ /*文具オフィス*/
   height:290px;
   width :100%;
}
.g1_wrap_list {
	display: block;
	background: url(/img/menu_g1_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g2_wrap_list {
	display: block;
	background: url(/img/menu_g2_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g3_wrap_list {
	display: block;
	background: url(/img/menu_g3_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g4_wrap_list {
	display: block;
	background: url(/img/menu_g4_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g5_wrap_list {
	display: block;
	background: url(/img/menu_g5_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g6_wrap_list {
	display: block;
	background: url(/img/menu_g6_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g7_wrap_list {
	display: block;
	background: url(/img/menu_g7_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g8_wrap_list {
	display: block;
	background: url(/img/menu_g8_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g9_wrap_list {
	display: block;
	background: url(/img/menu_g9_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
.g10_wrap_list {
	display: block;
	background: url(/img/menu_g10_bg.jpg?1424396553) no-repeat right bottom;
	width: 300px;
}
#main-section {
    float: right;
    width: 730px;
}
pre.code {
    background-color: #EFEFEF;
    font-family: sans-serif;
    font-size: 12pt;
    margin: 0px;
    padding: 20px;
}
table.params {
    background-color: #EFEFEF;
}
table.params th {
    border-bottom: 1px dashed #CCCCCC;
}
table.params th, table.params td {
    font-family: sans-serif;
    font-size: 12pt;
    text-align: left;
    padding: 10px 10px 10px 10px;
}
.sub-list {
    display:none;
    background-color: #FFF;
    color: #000000;
/*	box-shadow: #999 2px 2px 1px;*/
}
.sub-list li {
    padding: 3px 5px 5px 10px;
    font-size: 9pt;
}

.sub-list h4 {
    font-size: 10pt;
}

.sub-list .genre_title {
    font-size: 12pt;
    color: #F60;
    margin: 10px 0 0;
}

.sub-box {
    background-color: #DDDDFF;
    color: #000000;
}

.sub-box p {
    font-size: 9pt;
    margin: 10px;
}

.sub-complex {
    background-color: transparent;
    color: #000000;
    position: relative;
}
.sub-complex li {
    padding: 5px;
}

.sub-complex h4 {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 12pt;
    padding: 5px;
}