@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all	- General Settings　*/
/*-----------------------------------------------------	*/

#wrap_all hr.line {
	display: block;
	position: relative;
	clear: both;
	background: none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 5px;
}

/* header */
#wrap_all #header {
	width: 100%;
	margin: 0px auto;
	position: relative;
}
#wrap_all #header #title {
	width: 674px;
	height: 91px;
	margin: 10px auto 10px;
}

/* hard title */
#wrap_all #hard_title {
	width: 1200px;
	margin: 0px auto 0px;
	position: relative;
	overflow: hidden;
}
#wrap_all #hard_title #bc_li {
	margin-top: 10px;
	margin-left: 30px;
}
#wrap_all #hard_title #bc_li a {
	color: #FFF;
	text-decoration: underline;
}
#wrap_all #hard_title #bc_li a:hover {
	color: #999;
}

#wrap_all #hard_img {
	width: 465px;
	height: 592px;
	background: url(../img/other/other_hard_bg.png);
	float: left;
}
#wrap_all #hard_details {
	width: 630px;
	height: auto;
	float: right;
	margin-right: 40px;
}
#wrap_all #hard_logo {
	margin-top: 35px;
	margin-bottom: 10px;
}
#wrap_all #hard_details p.lead {
	font-size: 1.6rem;
	font-weight: bolder;
	color: #3ca0a0;
	margin-bottom: 10px;
}
#wrap_all #hard_details p {
	font-size: 0.75rem;
}
#wrap_all #hard_details dl {
	margin-bottom: 10px;
}
#wrap_all #hard_details dl dt {
	float: left;
	font-size: 1.0625rem;
	font-weight: bolder;
	clear: left;
}
#wrap_all #hard_details dl dd {
	font-size: 1.0625rem;
	font-weight: bolder;
}
.nav_bar,
.nav_bar_previous,
.nav_bar_play,
.nav_bar_next {
	display: none;
}

/* submenu */
#wrap_all #submenu {
	width: 600px;
	height: 198px;
	float: right;
}
#wrap_all #submenu li {
	float: right;
	width: 200px;
	height: 198px;
}
#wrap_all #submenu li#gohardtop a {
	display: block;
	width: 200px;
	height: 198px;
	background:url(../img/other/submenu_top_off.png);
}
#wrap_all #submenu li#gohardtop a:hover {
	background:url(../img/other/submenu_top_on.png);
}
#wrap_all #submenu li#gosoftware a {
	display: block;
	width: 200px;
	height: 198px;
	background:url(../img/other/submenu_software_off.png);
}
#wrap_all #submenu li#gosoftware a:hover {
	background:url(../img/other/submenu_software_on.png);
}
#wrap_all #submenu li#godevices a {
	display: block;
	width: 200px;
	height: 198px;
	background:url(../img/other/submenu_devices_off.png);
}
#wrap_all #submenu li#godevices a:hover {
	background:url(../img/other/submenu_devices_on.png);
}
/* active */
#wrap_all #submenu.hard_top li#gohardtop a {
	background:url(../img/other/submenu_top_on.png);
}
#wrap_all #submenu.software li#gosoftware a {
	background:url(../img/other/submenu_software_on.png);
}
#wrap_all #submenu.devices li#godevices a {
	background:url(../img/other/submenu_devices_on.png);
}

/*  サブページ title */
#wrap_all .sc3000_title {
	background: url(../img/sc3000/title.png) top center no-repeat;
}
#wrap_all .sg1000_title {
	background: url(../img/sg1000/title.png) top center no-repeat;
}
#wrap_all .sg1000-2_title {
	background: url(../img/sg1000-2/title.png) top center no-repeat;
}
#wrap_all .segamark3_title {
	background: url(../img/segamark3/title.png) top center no-repeat;
}
#wrap_all .mastersystem_title {
	background: url(../img/mastersystem/title.png) top center no-repeat;
}
#wrap_all .megadrive_title {
	background: url(../img/megadrive/title.png) top center no-repeat;
}
#wrap_all .mega-cd_title {
	background: url(../img/mega-cd/title.png) top center no-repeat;
}
#wrap_all .gamegear_title {
	background: url(../img/gamegear/title.png) top center no-repeat;
}
#wrap_all .segasaturn_title {
	background: url(../img/segasaturn/title.png) top center no-repeat;
}
#wrap_all .super32x_title {
	background: url(../img/super32x/title.png) top center no-repeat;
}
#wrap_all .dreamcast_title {
	background: url(../img/dreamcast/title.png) top center no-repeat;
}

#wrap_all #hard_title .hard_logo_sub {
	position: absolute;
	top: 35px;
	left: 30px;
}
#wrap_all #hard_title #hard_subtitle {
	width: 630px;
	min-height: 233px;
	height: auto;
	float: right;
	margin-right: 40px;
}
#wrap_all #hard_title #hard_subtitle h3 {
	font-size: 1.6rem;
	font-weight: bolder;
	margin-top: 30px;
	color: #3ca0a0;
}
#wrap_all #hard_title #hard_subtitle p {
	font-size: 0.75rem;
	margin-left: 30px;
	margin-right: 20px;
}

/* outlink */
#wrap_all #out_link {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1130px;
	padding-left: 200px;
	min-height: 97px;
}
#wrap_all #out_link li {
	float: right;
	width: 318px;
	height: 75px;
	margin-top: 13px;
}
#wrap_all #out_link li a {
	display: block;
	width: 318px;
	height: 75px;
}
#wrap_all #out_link #gocolumn {
	width: 180px;
	height: 87px;
	margin-top: 0px;
	position: absolute;
	top: 12px;
	left: 0px;
}
#wrap_all #out_link #gocolumn a {
	border: solid 1px #FFF;
	width: 180px;
	height: 87px;
	background: url(../img/column/link_off.png) center top no-repeat;
}
#wrap_all #out_link #gocolumn a:hover {
	background: url(../img/column/link_on.png) center top no-repeat;
}

#wrap_all #out_link #goShgsc3000 a {
	background: url(../img/sc3000/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgsc3000 a:hover {
	background: url(../img/sc3000/link_shg_on.png) center top no-repeat;
	background-size: contain;
}

#wrap_all #out_link #goShgsg1000 a {
	background: url(../img/sg1000/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgsg1000 a:hover {
	background: url(../img/sg1000/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcsg1000 a {
	background: url(../img/sg1000/link_papercraft_off.png) center top no-repeat;
}
#wrap_all #out_link #goPcsg1000 a:hover {
	background: url(../img/sg1000/link_papercraft_on.png) center top no-repeat;
	background-size: contain;
}

#wrap_all #out_link #goShgsg1000-2 a {
	background: url(../img/sg1000-2/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgsg1000-2 a:hover {
	background: url(../img/sg1000-2/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcsg1000-2 a {
	background: url(../img/sg1000-2/link_papercraft_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcsg1000-2 a:hover {
	background: url(../img/sg1000-2/link_papercraft_on.png) center top no-repeat;
	background-size: contain;
}

#wrap_all #out_link #goShgsegamark3 a {
	background: url(../img/segamark3/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgsegamark3 a:hover {
	background: url(../img/segamark3/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcsegamark3 a {
	background: url(../img/segamark3/link_papercraft_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcsegamark3 a:hover {
	background: url(../img/segamark3/link_papercraft_on.png) center top no-repeat;
	background-size: contain;
}

#wrap_all #out_link #goShgmastersystem a {
	background: url(../img/mastersystem/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmastersystem a:hover {
	background: url(../img/mastersystem/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcmastersystem a {
	background: url(../img/mastersystem/link_papercraft_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcmastersystem a:hover {
	background: url(../img/mastersystem/link_papercraft_on.png) center top no-repeat;
	background-size: contain;
}

#wrap_all #out_link #goShgmegadrive,
#wrap_all #out_link #goShgmegadrive2,
#wrap_all #out_link #goShgjenesis,
#wrap_all #out_link #goShgteradrive,
#wrap_all #out_link #goPcmegadrive,
#wrap_all #out_link #goShgdreamcast,
#wrap_all #out_link #goShgbm,
#wrap_all #out_link #goPcdreamcast {
	margin-top: 0px;
}

#wrap_all #out_link #goShgmegadrive a {
	background: url(../img/megadrive/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmegadrive a:hover {
	background: url(../img/megadrive/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmegadrive2 a {
	background: url(../img/megadrive/link_shg_2_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmegadrive2 a:hover {
	background: url(../img/megadrive/link_shg_2_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgjenesis a {
	background: url(../img/megadrive/link_shg_g_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgjenesis a:hover {
	background: url(../img/megadrive/link_shg_g_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgteradrive a {
	background: url(../img/megadrive/link_shg_t_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgteradrive a:hover {
	background: url(../img/megadrive/link_shg_t_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcmegadrive a {
	background: url(../img/megadrive/link_papercraft_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcmegadrive a:hover {
	background: url(../img/megadrive/link_papercraft_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmega-cd a {
	background: url(../img/mega-cd/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmega-cd a:hover {
	background: url(../img/mega-cd/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmega-cd2 a {
	background: url(../img/mega-cd/link_shg_2_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgmega-cd2 a:hover {
	background: url(../img/mega-cd/link_shg_2_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShggamegear a {
	background: url(../img/gamegear/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShggamegear a:hover {
	background: url(../img/gamegear/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgsuper32x a {
	background: url(../img/super32x/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgsuper32x a:hover {
	background: url(../img/super32x/link_shg_on.png) center top no-repeat;
	background-size: contain;
}

#wrap_all #out_link #goShgsegasaturn a {
	background: url(../img/segasaturn/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgsegasaturn a:hover {
	background: url(../img/segasaturn/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcsegasaturn a {
	background: url(../img/segasaturn/link_papercraft_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcsegasaturn a:hover {
	background: url(../img/segasaturn/link_papercraft_on.png) center top no-repeat;
	background-size: contain;
}

#wrap_all #out_link #goShgdreamcast a {
	background: url(../img/dreamcast/link_shg_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgdreamcast a:hover {
	background: url(../img/dreamcast/link_shg_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgbm a {
	background: url(../img/dreamcast/link_shg2_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goShgbm a:hover {
	background: url(../img/dreamcast/link_shg2_on.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcdreamcast a {
	background: url(../img/dreamcast/link_papercraft_off.png) center top no-repeat;
	background-size: contain;
}
#wrap_all #out_link #goPcdreamcast a:hover {
	background: url(../img/dreamcast/link_papercraft_on.png) center top no-repeat;
	background-size: contain;
}

/* column title */
#wrap_all #column_title {
	width: 1200px;
	margin: 0px auto 0px;
	position: relative;
	overflow: hidden;
	background: url(../img/column/title_bg.png) top center no-repeat;
}
#wrap_all #column_title #bc_li {
	margin-top: 10px;
	margin-left: 30px;
}
#wrap_all #column_title #bc_li a {
	color: #FFF;
	text-decoration: underline;
}
#wrap_all #column_title #bc_li a:hover {
	color: #999;
}

#wrap_all #column_title #column_logo {
	margin-top: 75px;
	text-align: center;
}
#wrap_all #numbmenu {
	width: 745px;
	margin: 10px auto 70px auto;
	overflow: hidden;
}
#wrap_all #numbmenu li {
	display: block;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
    float: left;
	margin-right: 5px;
}
#wrap_all #numbmenu li:last-child {
	margin-right: 0px;
}
#wrap_all #numbmenu li.off {
	border: solid 1px #666;
	background: #333;
	color: #666;
}
#wrap_all #numbmenu li a {
	display: block;
	width: 120px;
	height: 40px;
	border: solid 1px #FFF;
	color: #FFF;
	text-decoration: none;
	background: url(../img/column/menu_bg_off.png) top right no-repeat;
}

#wrap_all #numbmenu li a:hover {
	background: url(../img/column/menu_bg_on.png) top right no-repeat;
}
#wrap_all #numbmenu.numb01 li.column_li_01 a,
#wrap_all #numbmenu.numb02 li.column_li_02 a,
#wrap_all #numbmenu.numb03 li.column_li_03 a,
#wrap_all #numbmenu.numb04 li.column_li_04 a,
#wrap_all #numbmenu.numb05 li.column_li_05 a,
#wrap_all #numbmenu.numb06 li.column_li_06 a {
	background: url(../img/column/menu_bg_on.png) top right no-repeat;
}

#wrap_all #softmenu {
	width: 405px;
	margin: 10px auto 50px auto;
}
#wrap_all #softmenu li {
	display: block;
	width: 200px;
	height: 40px;
	text-align: center;
	line-height: 40px;
    float: left;
	margin-right: 5px;
}
#wrap_all #softmenu li:last-child {
	margin-right: 0px;
}
#wrap_all #softmenu li a {
	display: block;
	width: 200px;
	height: 40px;
	border: solid 1px #FFF;
	color: #FFF;
	text-decoration: none;
	background: url(../img/column/menu_bg_off.png) top right no-repeat;
}
#wrap_all #softmenu.sega_prod li.goSega_prod a,
#wrap_all #softmenu.licensee_prod li.goLicensee_prod a {
	background: url(../img/column/menu_bg_on.png) top right no-repeat;
}

#wrap_all #softmenu li a:hover {
	background: url(../img/column/menu_bg_on.png) top right no-repeat;
}

/*  main content */
/*  main content 枠なし */
#wrap_all .main_content_blank {
	width: 1142px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #666;
}
#wrap_all .main_content_blank h4 {
	width: 1142px;
	height: 64px;
	margin-bottom: 20px;
}
/*  main content 白枠 */
#wrap_all .main_content_white {
	width: 1142px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #666;
}
#wrap_all .main_content_white h4 {
	width: 1142px;
	height: 63px;
	background:url(../img/other/content_top.png) center top no-repeat;
}
#wrap_all .main_content_white h6 {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 20px;
	color: #3ca0a0;
	border-bottom: 1px dotted;
	padding-bottom: 3px;
}
#wrap_all .main_content_white p.p_h7 {
	display: inline-block;
	font-size: 1.0625rem;
    border-radius: 15px; 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;  
	color: #FFF;
	padding: 0px 12px;
	background: #3ca0a0;
	margin-bottom: 10px;
}

#wrap_all .main_content_white ul.txt_li li {
	margin-left: 1em;
	text-indent: -1em;
}

#wrap_all .main_content_white .img_center {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 0.75rem;
}
#wrap_all .main_content_white .img_right {
	clear: both;
	height: auto;
	float: right;
	margin-left: 20px;
	text-align: center;
	font-size: 0.75rem;
}
#wrap_all .main_content_white .img_left {
	clear: both;
	height: auto;
	float: left;
	margin-right: 20px;
	text-align: center;
	font-size: 0.75rem;
}
#wrap_all .main_content_white .img_2imgs {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	clear: both;
	overflow: hidden;
	text-align: center;
	font-size: 0.75rem;
}
#wrap_all .main_content_white .img_2imgs li {
	float: left;
	width: 50%;
	height: auto;
	text-align: center;	
}
#wrap_all .main_content_white .img_3imgs {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	clear: both;
	overflow: hidden;
	font-size: 0.75rem;
}
#wrap_all .main_content_white .img_3imgs li {
	float: left;
	width: 33%;
	height: auto;
	text-align: center;	
}
#wrap_all .main_content_white .main_content_left {
	float: left;
	width: 50%;
	height: auto;
}
#wrap_all .main_content_white .main_content_right {
	float: right;
	width: 50%;
	height: auto;
}
/* -------- numb_li */
#wrap_all .main_content_white .numb_li {
	margin-left: 50px;
}
#wrap_all .main_content_white .numb_li li {
	padding-left: 23px;
	padding-bottom: 5px;
	font-size: 0.75rem;
}
#wrap_all .main_content_white .numb_li li.no_01 {
	background:url(../img/other/no_01.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_02 {
	background:url(../img/other/no_02.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_03 {
	background:url(../img/other/no_03.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_04 {
	background:url(../img/other/no_04.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_05 {
	background:url(../img/other/no_05.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_06 {
	background:url(../img/other/no_06.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_07 {
	background:url(../img/other/no_07.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_08 {
	background:url(../img/other/no_08.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_09 {
	background:url(../img/other/no_09.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_10 {
	background:url(../img/other/no_10.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_11 {
	background:url(../img/other/no_11.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_12 {
	background:url(../img/other/no_12.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_13 {
	background:url(../img/other/no_13.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_14 {
	background:url(../img/other/no_14.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_15 {
	background:url(../img/other/no_15.png) left top no-repeat;
}
#wrap_all .main_content_white .numb_li li.no_16 {
	background:url(../img/other/no_16.png) left top no-repeat;
}

#wrap_all .main_content_white .main_content {
	width: 1142px;
	padding: 3px 120px;
	height: auto;
	background:url(../img/other/content_main.png) center top repeat-y;
	overflow: hidden;
}
#wrap_all .main_content_white .content_bottom {
	width: 1142px;
	height: 85px;
	background:url(../img/other/content_bottom.png) center top repeat-y;
}

#wrap_all h5 {
	display: inline-block;
	line-height: 45px;
	font-size: 1.4rem;
	font-weight: bolder;
	color: #FFF;
	background:url(../img/other/h5_bg.png) right top repeat-y;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 120px;
	clear: both;
}
#wrap_all h5.h5_line2 {
	height: 90px;
	background:url(../img/other/h5_line2_bg.png) right top repeat-y;
}
#wrap_all h5.after_h4 {
	margin-top: 30px;
}
#wrap_all p.no_h5,
#wrap_all div.no_h5 {
	margin-top: 20px;
}
#wrap_all p.right_txt {
	text-align: right;
}
#wrap_all p.center_txt {
	text-align: center;
}

/* 個別設定 */

/* メガドライブギャラリー */
#mdpattern {
	width: 900px;
}

/* details */
#wrap_all p.details_p {
	font-size: 0.75rem;
}

/* spec_table */
#wrap_all .spec_table {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	font-size: 0.75rem;
	line-height: 1.6;
	color: #FFF;
}
#wrap_all .spec_table th,td {
	padding: 5px 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}
#wrap_all .spec_table th {
	background: url(../img/other/table_th_bg-trans.png) center top repeat;
    border-right: 1px solid #666;
	width: 130px;
}
#wrap_all .spec_table td.td_title {
    border-right: 1px solid #666;
	width: 190px;
}

/* pamph */
#wrap_all .pamph {
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#wrap_all .pamph img {
	margin-left: 4px;
	margin-right: 4px;
}

/* extract - パンフレット抜粋 */
#wrap_all .extract {
	width: 100%;
	height: auto;
	border: 1px #CCCCCC solid;
	padding: 20px 30px;
	overflow: hidden;
}
#wrap_all .extract_img {
	width: 160px;
	clear: both;
	height: auto;
	float: left;
}
#wrap_all .extract_txt {
	width: 650px;
	display: block;
	float: right;
	margin-left: 20px;
}
#wrap_all .extract p {
	font-size: 0.75rem;
}
#wrap_all .extract ul.atten_li li {
	font-size: 0.75rem;
	text-indent: -1em;
	margin-left: 1em;
}

/* soft */
#wrap_all p.details_p img {
    vertical-align: middle;
}
#wrap_all .main_content_white .media_img {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 65px;
	right: 130px;
}
#wrap_all .tabnav {
	margin: 0;
	padding: 0;
}
#wrap_all .tabnav li {
	display: inline;
}
#wrap_all .tabnav li a {
	display: inline-block;
	background: #1e5b57;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px 5px 0px 0px;
	text-decoration: none;
}
#wrap_all .tabnav li a:hover,
#wrap_all .tabnav li a.active {
	background: #9ce4e4;
	color: #333;
}

/* soft_table */
#wrap_all .soft_table {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
    border-bottom: 1px solid #666;
}

#wrap_all .soft_table th,
#wrap_all .soft_table td {
	padding: 3px 2px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
}
#wrap_all .soft_table th {
	background: #3ca0a0;
	color: #FFF;
}
#wrap_all .soft_table th.day_td {
	width: 65px;
}
#wrap_all .soft_table th.genre_td {
	width: 120px;
}
#wrap_all .soft_table th.price_td {
	width: 55px;
}
#wrap_all .soft_table th.numb_td {
	width: 75px;
}

#wrap_all .soft_table .title_name {
	xfont-weight: bolder;
}
#wrap_all .soft_table .remarks {
    border-right: none;
}
#wrap_all .soft_table .year {
	background: #9ce4e4;
    border-right: none;
}
#wrap_all .soft_table .right_td {
    border-right: none;
}
#wrap_all .soft_table span {
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;  
	color: #FFF;
	padding: 0px 8px;
}
#wrap_all .soft_table span.act { /* アクション */
	background: #860000;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.sht { /* シューティング */
	background: #0068b7;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.rcg { /* レース */
	background: #00479d;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.spt { /* スポーツ */
	background: #0b5b57;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.pzl { /* パズル */
	background: #be006a;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.slg { /* シミュレーション */
	background: #100964;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.rpg { /* ロールプレイング */
	background: #005f73;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.adv { /* アドベンチャー */
	background: #c94018;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.tbl { /* テーブル */
	background: #6a005f;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.pch { /* パチンコ */
	background: #31004a;
	font-size: 0.75rem;
}
#wrap_all .soft_table span.etc { /* その他 */
	background: #707070;
	font-size: 0.75rem;
}

#wrap_all .soft_table img {
    vertical-align: middle;
}
#wrap_all .soft_table td a {
	font-weight: bold;
	color: #009e02;
	text-decoration: underline;
}
#wrap_all .soft_table td a:hover {
	background: #92ff93;
}
#wrap_all .soft_table td a.soft_link {
	font-size: 0.75rem;
	font-weight: normal;
	background: #009e02;
	color: #FFF;
	text-decoration: none;
	padding: 0px 5px 0px 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#wrap_all .soft_table td a.soft_link:hover {
	background: #92ff93;
}
#wrap_all .soft_table td a.titleinfo_link {
	font-size: 0.75rem;
	font-weight: normal;
	background: #777;
	color: #FFF;
	text-decoration: none;
	padding: 0px 5px 0px 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#wrap_all .soft_table td a.titleinfo_link:hover {
	background: #ccc;
}

/* devices */
#wrap_all .main_content_white .hard_icon {
	width: 450px;
	height: 80px;
	position: absolute;
	top: 40px;
	right: 130px;
}
#wrap_all .main_content_white .hard_icon li {
	width: 80px;
	height: 80px;
	float: right;
	margin-left: 10px;
}

#wrap_all dl.typenumb {
	margin-bottom: 10px;
	color: #3ca0a0;
	overflow: hidden;
}
#wrap_all dl.typenumb dt {
	float: left;
	display: block;
	font-size: 1.0625rem;
	font-weight: bolder;
	clear: left;
}
#wrap_all dl.typenumb dd {
	float: left;
	display: block;
	font-size: 1.0625rem;
	font-weight: bolder;
}

/* devices_table */
#wrap_all .devices_table {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	font-size: 0.75rem;
	line-height: 1.6;
    border-bottom: 1px solid #666;
}

#wrap_all .devices_table th,
#wrap_all .devices_table td {
	padding: 3px 20px;
    border-top: 1px solid #666;
}
#wrap_all .devices_table th {
	background: #3ca0a0;
	color: #FFF;
}
#wrap_all .devices_table .title_name {
	background: #9ce4e4;
}
#wrap_all .devices_table .title_name_s {
	background: #d7f0f0;
    border-right: 1px solid #666;
	width: 30%;
}
#wrap_all .devices_table .title_name_s20 {
	background: #d7f0f0;
    border-right: 1px solid #666;
	width: 20%;
}
#wrap_all .devices_table .title_name_ss {
	background: #d7f0f0;
    border-right: 1px solid #666;
}
#wrap_all .devices_table .title_name_bace {
	background: #9ce4e4;
	border-right: 1px solid #666;
	text-align: center;
}
#wrap_all .devices_table .title_name_left {
	background: #9ce4e4;
	text-align: center;
}
#wrap_all .devices_table td.td_title {
    border-right: 1px solid #666;
	width: 190px;
}
#wrap_all .devices_table td.td_bace {
    border-right: 1px solid #666;
}

#wrap_all .devices_table .atten {
	text-align: right;
	text-indent: -1em;
	margin-left: 1em;
}

/* column */
#wrap_all #column_numb {
	display: inline-block;
	background: url(../img/column/column_numb.png) top right no-repeat;
	font-weight: bolder;
	font-size: 1.2rem;
	color: #FFF;
	padding: 0px 30px 0px 12px;
	margin-bottom: 10px;
}
#wrap_all #column_title_s {
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: bolder;
	color: #0b5b57;
	margin-top: 30px;
	margin-bottom: 5px;
}
#wrap_all .main_content_white .sns_icon {
	width: 200px;
	height: 30px;
	position: absolute;
	top: 55px;
	right: 133px;
}
#wrap_all .main_content_white .sns_icon li {
	width: 30px;
	height: 30px;
	float: right;
	margin-left: 10px;
}

#wrap_all .pager_li {
	font-size: 1.0625rem;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#wrap_all .pager_li a {
	padding: 10px 20px;
	font-weight: bold;
	color: #FFF;
	background: #0b5b57;
	text-decoration: none;
}
#wrap_all .pager_li a:hover {
	background: #009e02;
}
#wrap_all .pager_li .prev_page {
	float: left;
}
#wrap_all .pager_li .next_page {
	float: right;
}

/*-----------------------------------------------------	*/
/*	for - 669px以下の記述　*/
/*-----------------------------------------------------	*/
@media only screen and (max-width:669px) {
/* header */
#wrap_all #header {
	width: 100%;
	margin: 0px auto;
}
#wrap_all #header #title {
	width: 90%;
	height: auto;
}
#wrap_all #header #title img {
	max-width: 100%;
	height: auto;
}

/* hard title */
#wrap_all #hard_title {
	width: auto;
	margin: 0px auto 0px;
	position: relative;
	overflow: hidden;
}
#wrap_all #hard_title #bc_li,
#wrap_all #column_title #bc_li {
	margin-left: 3%;
	margin-right: 3%;
}
#wrap_all #hard_img {
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	background: url(../img/other/other_hard_bg_sp.png);
	background-size: contain;
	float: none;
}
#wrap_all #hard_img img {
	width: 100%;
	height: auto;
}
#wrap_all #hard_details {
	width: 96%;
	height: auto;
	float: none;
	margin-right: 2%;
	margin-left: 2%;
}
#wrap_all #hard_logo {
	margin-top: 10px;
}
#wrap_all #hard_logo img {
	width: auto;
	max-width: 100%;
	height: auto;	
}
#wrap_all #hard_details p.lead {
	font-size: 1.0625rem;
}
#wrap_all #hard_details p {
	font-size: 0.75rem;
}

/* submenu */
#wrap_all #submenu {
	width: 96%;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#wrap_all #submenu li {
	float: right;
	width: 33%;
	height: 0px;
	padding-bottom: 33%;
}
#wrap_all #submenu li#gohardtop a {
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	background: url(../img/other/submenu_top_off.png);
	background-size: contain;
}
#wrap_all #submenu li#gohardtop a:hover {
	background: url(../img/other/submenu_top_on.png);
	background-size: contain;
}
#wrap_all #submenu li#gosoftware a {
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	background:url(../img/other/submenu_software_off.png);
	background-size: contain;
}
#wrap_all #submenu li#gosoftware a:hover {
	background:url(../img/other/submenu_software_on.png);
	background-size: contain;
}
#wrap_all #submenu li#godevices a {
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	background:url(../img/other/submenu_devices_off.png);
	background-size: contain;
}
#wrap_all #submenu li#godevices a:hover {
	background:url(../img/other/submenu_devices_on.png);
	background-size: contain;
}
/* active */
#wrap_all #submenu.hard_top li#gohardtop a {
	background:url(../img/other/submenu_top_on.png);
	background-size: contain;
}
#wrap_all #submenu.software li#gosoftware a {
	background:url(../img/other/submenu_software_on.png);
	background-size: contain;
}
#wrap_all #submenu.devices li#godevices a {
	background:url(../img/other/submenu_devices_on.png);
	background-size: contain;
}

/*  サブページ title */
#wrap_all .sc3000_title {
	background: url(../img/sc3000/title.png) top left no-repeat;
}
#wrap_all .sg1000_title {
	background: url(../img/sg1000/title.png) top left no-repeat;
}
#wrap_all .sg1000-2_title {
	background: url(../img/sg1000-2/title.png) top left no-repeat;
}
#wrap_all .segamark3_title {
	xbackground: url(../img/segamark3/title.png) top left no-repeat;
}
#wrap_all .mastersystem_title {
	background: url(../img/mastersystem/title.png) top left no-repeat;
}
#wrap_all .megadrive_title {
	background: url(../img/megadrive/title.png) top left no-repeat;
}
#wrap_all .mega-cd_title {
	background: url(../img/mega-cd/title.png) top left no-repeat;
}
#wrap_all .gamegear_title {
	background: url(../img/gamegear/title.png) top left no-repeat;
}
#wrap_all .segasaturn_title {
	background: url(../img/segasaturn/title.png) top left no-repeat;
}
#wrap_all .dreamcast_title {
	background: url(../img/dreamcast/title.png) top left no-repeat;
}
	
#wrap_all #hard_title .hard_logo_sub {
	position: static;
	width: 96%;
	margin: 20px 2% 10px 2%;
}
	
#wrap_all #hard_title #hard_subtitle {
	width: 100%;
	min-height: 233px;
	height: auto;
	float: none;
	margin-right: 0px;
}
#wrap_all #hard_title #hard_subtitle h3 {
	margin-top: 0px;
}
#wrap_all #hard_title #hard_subtitle h3 img {
	width: 100%;
	height: auto;
}
#wrap_all #hard_title #hard_subtitle p {
	margin-left: 4%;
	margin-right: 4%;
}

/* outlink */
#wrap_all #out_link {
	position: relative;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	height: auto;
}
#wrap_all #out_link li {
	float: right;
	width: 50%;
	height: 0px;
	margin-top: 0px;
	padding-bottom: 14%;
}
#wrap_all #out_link li a {
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 25%;
}
	
#wrap_all #out_link #gocolumn {
	xposition: sticky;
	position: static;
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
	
/* column title */
#wrap_all #column_title {
	width: 100%;
	background: url(../img/column/title_bg_sp.png) top center no-repeat;
	background-size: cover;
}
#wrap_all #column_title #column_logo {
	margin-top: 12%;
}
#wrap_all #column_title #column_logo img {
	max-width: 94%;
	height: auto;
}

#wrap_all #numbmenu {
	width: 96%;
	margin: 1% auto 12% auto;
	overflow: hidden;
}
#wrap_all #numbmenu li {
	display: block;
	width: 32%;
	height: 40px;
	text-align: center;
	line-height: 40px;
    float: left;
	margin-right: 1%;
	margin-bottom: 1%;
}
#wrap_all #numbmenu li a {
	width: 100%;
	height: 100%;
}

#wrap_all #softmenu {
	width: 94%;
	margin: 2% auto 0% auto;
	overflow: hidden;
}
#wrap_all #softmenu li {
	width: 49%;
	margin-right: 2%;
}
#wrap_all #softmenu li a {
	width: 100%;
}

/*  main content */
/*  main content 枠なし */
#wrap_all .main_content_blank {
	width: 96%;
}
#wrap_all .main_content_blank h4 {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}	
#wrap_all .main_content_blank h4 img {
	max-width: 100%;
	height: auto;
}	
/*  main content 白枠 */
#wrap_all .main_content_white {
	width: 96%;
}
#wrap_all .main_content_white h4 {
	width: 100%;
	height: 0px;
	padding-bottom: 10.5%;
	background: url(../img/other/content_top_sp.png) center top no-repeat;
	background-size: cover;
}
#wrap_all .main_content_white h4 img {
	max-width: 100%;
	height: auto;
}
#wrap_all .main_content_white h6 {
	margin-bottom: 10px;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
#wrap_all .main_content_white img {
	width: auto;
}
#wrap_all .main_content_white .img_center img {
	max-width: 95%;
	height: auto;
}
#wrap_all .main_content_white .img_right {
	margin-left: 2%;
	width: 50%;
}
#wrap_all .main_content_white .img_right img {
	clear: both;
	max-width: 100%;
	height: auto;
	float: none;
}
#wrap_all .main_content_white .img_left {
	margin-right: 2%;	
	width: 50%;
}
#wrap_all .main_content_white .img_left img {
	clear: both;
	max-width: 100%;
	height: auto;
	float: none;
}
#wrap_all .main_content_white .img_2imgs li img {
	max-width: 95%;
	height: auto;
}
#wrap_all .main_content_white .img_3imgs li img {
	max-width: 95%;
	height: auto;
}
#wrap_all .main_content_white .numb_li {
	margin-left: 3%;
}
#wrap_all .main_content_white .main_content {
	width: 100%;
	padding: 3px 5%;
	height: auto;
	background:url(../img/other/content_main_sp.png) center top repeat-y;
	background-size: contain;
}
#wrap_all .main_content_white .content_bottom {
	width: 100%;
	height: 0px;
	padding-bottom: 7.5%;
	background:url(../img/other/content_bottom_sp.png) center top no-repeat;
	background-size: cover;
}
#wrap_all h5 {
	display: block;
	line-height: 1.2em;
	font-size: 1.4rem;
	background: none;
	background: #0b5b57;
	margin-bottom: 20px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}
#wrap_all h5.h5_line2 {
	height: auto;
	background: none;
	background: #0b5b57;
}
/* -------- nomb_li */
#wrap_all .main_content_white .nomb_li {
	margin-left: 3%;
}

/* spec_table */
#wrap_all .spec_table {
	width: 96%;
}
#wrap_all .spec_table th,td {
	padding: 5px 2%;
}
#wrap_all .spec_table th {
	background: url(../img/other/table_th_bg-trans.png) center top repeat;
    border-right: 1px solid #666;
	width: 20%;
}
#wrap_all .spec_table td.td_title {
	width: 30%;
}


/* soft_table */
#wrap_all .soft_table {
	width: 96%;
	font-size: 0.75rem;
}

#wrap_all .soft_table th,
#wrap_all .soft_table td {
	padding: 5px 1%;
}
#wrap_all .soft_table th.day_td,
#wrap_all .soft_table th.genre_td,
#wrap_all .soft_table th.price_td,
#wrap_all .soft_table th.numb_td {
	width: auto;
}
#wrap_all .soft_table span {
    border-radius: 0.5em; 
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;  
	padding: 0px 0.5em;
}
#wrap_all .main_content_white .media_img {
	width: 15%;
	height: 15%;
	position: static;
	float: right;
}
#wrap_all .main_content_white .media_img img {
	max-width: 100%;
	height: auto;
}

/* devices_table */
#wrap_all .devices_table {
	width: 96%;
}

#wrap_all .devices_table th,
#wrap_all .devices_table td {
	padding: 5px 2%;
}
/* pamph */

#wrap_all .pamph img {
	width: 30%;
	height: auto;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

/* extract - パンフレット抜粋 */
#wrap_all .extract {
	width: 100%;
	height: auto;
	border: 1px #CCCCCC solid;
	padding: 3% 4%;
	overflow: hidden;
}
#wrap_all .extract_img {
	width: 30%;
}
#wrap_all .extract_img img {
	max-width: 100%;
	height: auto;
}
#wrap_all .extract_txt {
	width: 68%;
	margin-left: 2%;
}
/* devices */
#wrap_all .main_content_white .hard_icon {
	width: 100%;
	height: auto;
	position: static;
}
#wrap_all .main_content_white .hard_icon li {
	width: 19%;
	height: auto;
	margin-left: 1%;
	padding-bottom: 20px;
}
#wrap_all .main_content_white .hard_icon li img {
	max-width: 100%;
	height: auto;	
}
/* devices_table */
#wrap_all .devices_table {
	width: 90%;
}
#wrap_all .devices_table .title_name_s {
	width: 20%;
}
#wrap_all .devices_table td.td_title {
	width: 30%;
}

/* メガドライブギャラリー */
#mdpattern {
	width: 100%;
}
	
/* column */
#wrap_all #column_numb {
	background: none;
	background: #0b5b57;	
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;  
	color: #FFF;
	padding: 0px 12px 0px 12px;

}
#wrap_all #column_title_s {
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: bolder;
	color: #0b5b57;
	margin-top: 30px;
	margin-bottom: 20px;
}
#wrap_all .main_content_white .sns_icon {
	width: 100%;
	height: auto;
	position: static;
}
#wrap_all .main_content_white .sns_icon li {
	width: 8%;
	height: auto;
	margin-left: 1%;
	padding-bottom: 20px;
}
#wrap_all .main_content_white .sns_icon li img {
	max-width: 100%;
	height: auto;	
}
	
#wrap_all .pager_li {
	font-size: 0.75rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
}
