@charset "utf-8";

/*　*/

* { margin:0; padding:0;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

img { border:0;}

/* IE6 */
* html .clearfix { zoom: 1;}

/* IE7 */
*:first-child+html .clearfix { zoom: 1;}

body {
	background-image: url(../image/haikei.gif);
	background-repeat: repeat;
	font-size:14px;
	line-height: 1.2em;
	color:#666;
	position:relative;
	margin:0;
	padding:0;
}

a { color:#06C;}
a:hover { color:#39F;}

.container {
width:1000px;
margin: auto;
padding:0;
background:#FFF;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
box-shadow:0 0 30px #666; -webkit-box-shadow:0 0 30px #666; -moz-box-shadow:0 0 30px #666;
}

#bluebar {
position:absolute; left:0; right:0; top:0;
z-index:1000;
width:100%; height:25px;
background:#144b7f;
}

/* ヘッダー */

.index_header {
margin:0 30px 2px;
padding-top:29px;
position:relative;
}

h1.d4logo{
width:450px;
height:112px;
background:url(/image/d4logo.gif) no-repeat left center;
line-height:300px;
overflow:hidden;
}

.index_header img {
margin-bottom:8px;
display:block;
}

ul#nav{
list-style:none;
}

ul#nav li{
	float:left;
	/*width:19%; */ /* menu_5 */
	/*margin:0 0.9% 10px 0; */ /* menu_5 */
	width:24%; /* menu_4 */
	margin:0 1% 10px 0; /* menu_4 */
	border:1px solid #808080;
box-shadow:1px 1px 1px #999;
border-radius:2px;
background: -webkit-linear-gradient(bottom, rgb(154, 154, 154) 0%, rgb(187, 187, 187) 50%, rgb(220, 220, 220) 100%);
background: -o-linear-gradient(bottom, rgb(154, 154, 154) 0%, rgb(187, 187, 187) 50%, rgb(220, 220, 220) 100%);
background: -ms-linear-gradient(bottom, rgb(154, 154, 154) 0%, rgb(187, 187, 187) 50%, rgb(220, 220, 220) 100%);
background: -moz-linear-gradient(bottom, rgb(154, 154, 154) 0%, rgb(187, 187, 187) 50%, rgb(220, 220, 220) 100%);
background: linear-gradient(to top, rgb(154, 154, 154) 0%, rgb(187, 187, 187) 50%, rgb(220, 220, 220) 100%);
}

ul#nav li:last-child { margin:0 0 10px;}

ul#nav li a{
	display:block;
	height:46px;
	background:url(/image/top_menu_bg.png) repeat-x top center;
	line-height:48px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:18px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5),-1px -1px 1px rgba(0,0,0,0.5);
	font-family:"Meiryo";
	border:1px solid #fff;
	margin:2px;
}

ul#nav li a:hover{
	background-image:url(/image/top_menu_bg_hover.png);
}

ul#nav li:active{
	box-shadow: none;
}

/* スライドバナーサイズ */

ul.slides li img{
width:940px;
height:300px;
}

/*　最新情報　*/
.info{
margin:20px 30px;
}

.info a:first-child{
	text-decoration:none;
}

h3{
padding:5px 15px;
color:#FFFFFF;
font-weight:bold;
background-image:url(../image/info_bg.gif);
border-top-right-radius: 5px;        /* CSS3草案 */ 
-webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-top-right-radius: 5px;   /* Firefox用 */
border-top-left-radius: 5px;        /* CSS3草案 */ 
-webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */ 
-moz-border-top-left-radius: 5px;   /* Firefox用 */
}

.info_article {
margin:0;
padding:5px 5px 5px 10px;
border:#486e95 1px solid;
background:#FFF;
position:relative;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

.info_article ul {
list-style:none;
line-height:1.5em;
}

a.rss {
    line-height:300px;
    overflow:hidden;
    display: block;
	width:12px;
	height:12px;
	margin: 0px;
	padding: 0px;
	background-image:url(../image/feed-icon-12x12.gif);
	position:absolute;
	top:5px;
	right:5px;
}

a:hover.rss { background-position: 0px 12px;}
a.all { position:absolute; right: 5px; bottom:5px; display:block;}

h4 { display:none;}

.service_list{
width:866px;
margin:20px auto 0;
}

#list1 {
width:276px;
background:#CCC;
border-radius:6px;
padding:3px 0 0 4px;
float:left;
}

#list1 a {
display:block;
line-height:250px;
overflow:hidden;
width:134px;
height:64px;
background-position:top center;
margin:0 4px 10px 0;
float:left;
border-radius:5px;
}

#list1 a:hover { background-position:bottom;}

#ac { text-align: center; padding-right: 3px;}
#ac img{
width:272px;
border-radius:6px;
margin-bottom:10px;
}

#egg a      { background-image:url('../img/home/btn/egg.gif');}
#eggmusic a { background-image:url('../img/home/btn/emusic.gif');}
#acmall a   { background-image:url('../img/home/btn/acmall.gif');}
#falcom a   { background-image:url('../img/home/btn/falcom.gif');}
#compile a  { background-image:url('../img/home/btn/compile.gif'); margin-bottom:3px;}
#itachoco a { background-image:url('../img/home/btn/itachoco.gif'); margin-bottom:3px;}
#com_mall a { background-image:url('../img/home/btn/com_mall.gif');
background-repeat:no-repeat;
width:272px;
margin:0 4px 4px 0;
}

#list2,#list3{
width:280px;
margin-left:13px;
float:left;
}

#list2 a,#list3 a{
display:block;
line-height:250px;
overflow:hidden;
width:280px;
height:70px;
margin-top:0;
margin-bottom:4px;
}

#list2 a:hover,#list3 a:hover{
background-position:0 70px;
}

#wiiumsx a { background-image:url('../img/home/btn/wiiuvc_msx.gif');}
#vca a     { background-image:url('../img/home/btn/vc_arcade.gif');}
#neogeo a  { background-image:url('../img/home/btn/vc_neogeo.gif');}
#vcmsx a   { background-image:url('../img/home/btn/vc_msx.gif');}

.gurucopy { font-size: 10px; line-height:9px; text-align:right;}

#msxiphone a { background-image:url('../img/home/btn/msxiphone.jpg');}
#picopico a  { background-image:url('../img/home/btn/picopico.jpg');}

#p_msx { clear:both; padding:0px 0 20px;}

#p_msx a {
display:block;
line-height:250px;
overflow:hidden;
width:280px;
height:70px;
background-image:url('../img/home/btn/projectegg.gif');
margin:0px auto;
}

#p_msx a:hover { background-position:0 70px;}

a.service {
display:block;
overflow:hidden;
line-height:150px;
width:90px;
height:20px;
background-image:url('../img/home/sarv_goto_button.gif');
margin:0px auto 20px;
}

a:hover.service { background-position:0 20px;}
.service_list .text{ display:none;}


/*　フッター　*/

h2.teikei{
	visibility:visible;
	font-size:10px;
	text-align:center;
	height:1.4em;
	text-decoration:none;
	font-weight:100;
}

.pagetop{
display:none;
}

.index_footer{
	margin: 0;
	clear: both;
	padding-bottom:40px;
	text-align:center;
}

.footer {
	background-image: url(../image/index_footer.gif);
	position:relative;
	width:100%;
	height:37px;
	overflow:hidden;
	margin-bottom:10px;
}

.footer ul{
	list-style: none;
	position:relative;
	left:50%;
	float:left;
}

.footer li{
	float:left;
	padding: 0px;
	position:relative;
	left:-50%;
}

.footer li a{
	line-height:300px;
	overflow:hidden;
	width: 74px;
	height: 37px;
    display: block;
	margin:0 22px;
}

li#tieupnint a { background-image: url(../image/index_footer_nintendo.gif);}
li#tieupkotobukiya a { background-image: url(../image/index_footer_kotobukiya.gif);}

li#tieupaccs a {
	line-height:300px;
	overflow:hidden;
	width: 67px;
	height: 37px;
	display: block;
	background-image: url(../image/index_footer_accs.gif);
	margin-left: 350px;
}

a.support{
	text-decoration:none;
}

a.support:hover{
	text-decoration:underline;
}

.copy{
	width: 1000px;
	font-size: 10px;
	text-align: center;
	margin: 10px 0px 0;
}

.bluebar2{
width:100%;
height:25px;
background:#144b7f;
position:absolute;
bottom:0;
left:0;
right:0;
z-index:900;
text-align:center;
color:#FFFFFF;
padding-top:5px;
font-size:12px;
}


@media screen and (max-width: 1000px) {

.container {
	width: 100%;
	border:none;
}

h1.d4logo{
width:45%;
background-size:contain;
}

ul.slides li img{
width:auto;
height:auto;
}

.info_article{
padding:5px 35px 5px 10px;
}

ul#nav li a{
	font-size:16px;
}

}


@media screen and (max-width: 926px) {

.index_header{
margin:0 20px 10px;
}

.info{
margin:20px;
}

.service_list{
width:auto;
margin:20px 20px 0;
}

}


@media screen and (max-width: 921px) {

.service_list{
width:570px;
margin:20px auto 0;
}

#list1{
float:none;
margin:0 auto 10px;
}

#list2{
margin-left:0;
}

#list3{
margin-left:10px;
}

}


@media screen and (max-width: 900px) {

h1.d4logo{
width:450px;
float:none;
position:static;
}

}


@media screen and (max-width: 850px) {

ul#nav{
max-width:400px;
margin:10px auto 0;
}

ul#nav li{
	width:100%;
	margin:0 0 4px;
}

ul#nav li a{
	font-size:18px;
}

}


@media screen and (max-width: 640px) {

.index_header{
margin:0 3% 10px;
padding-top:35px;
}

h1.d4logo{
width:auto;
max-width:450px;
height:90px;
background-position:center center;
margin-bottom:5px;
}

h4{
border-left:5px solid #003366;
padding-left:5px;
color:#003366;
font-weight:bold;
font-size:1.3em;
margin-bottom:10px;
}

.info{
margin:10px 3%;
}

.info_article{
padding:5px 15px 5px 10px;
}

.service_list{
width:auto;
margin:0 3%;
}

#list1,#list2,#list3{
width:auto;
background:none;
float:none;
}

#list2 a,#list3 a{
	margin:0 auto 3px;
}

.mb_list{
width:100%;
border-bottom:1px dashed #CCCCCC;
margin-bottom:15px;
}

#list1 a{
width:280px;
margin:0 4px 4px 0;
float:none;
margin:0 auto;
}

#ac a{
background-image:url(../image/iphonebtn_ac.gif);
}

#egg a{
background-image:url(../image/iphonebtn_egg.gif);
}

#eggmusic a{
background-image:url(../image/iphonebtn_emusic.gif);
}

#acmall a{
background-image:url(../image/iphonebtn_acmall.gif);
}

#falcom a{
background-image:url(../image/iphonebtn_falcom.gif);
}

#compile a{
background-image:url(../image/iphonebtn_compile.gif);
}

#itachoco a{
background-image:url(../image/iphonebtn_itachoco.gif);
}

#p_msx{
padding-top:0px;
}

.service_list h5{
text-align:center;
font-weight:bold;
font-size:1.2em;
margin-bottom:5px;
color:#0168cc;
}

.service_list .text{
display:block;
text-align:center;
width:94%;
padding:7px 0;
}

.gurucopy{
display:none;
}

a.service{
	display:none;
}

}