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


*{
margin:0;
padding:0;
line-height:200%;
}



body{
text-align:center;
background:url(img/back_3.jpg) no-repeat center top;
background-color: #fff;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img{
border:none;
}

#container{
width:920px;
margin:0 auto;
text-align:left;
}

#header{
width:920px;
background:url(/img/header_top.png) no-repeat 50% 0%;
height:100px;
margin-top:30px;

}

#header h1{
	width: auto;
	color:#333;
	margin:0px 0 0 440px;
	font-size :12px;
	font-weight:lighter;
	}


#flash{
	width:920px;
	height:440px;
	margin:101px 0 0 0;
	position:absolute;
top:144px;
left:center;
	}	
	
#eye-catch{
	width:920px;
	height:250px;
	list-style:none;
		position:absolute;
top:138px;
left:center;
	}	

/*=====menu開始=====*/
#big_menu{
	width:705px;
	position:absolute;
top:90px;
left:center;
margin-left:216px;
	}

.menu{
width:705px;
text-align:center;
font-size:0.8em;
font-weight:bold;
margin:10px 0 50px 0;
height:30px;

}

.menu span{
width:140px;
display:block;
line-height:30px;
color:#444;
text-decoration:none;
background:url(img/bt_co_off.gif) repeat-x ;
border-top:#FFF solid 1px;

}

.menu a{
width:140px;
display:block;
line-height:30px;
color:#444;
text-decoration:none;
background:url(img/bt_co_off.gif) repeat-x ;
border-top:#FFF solid 1px;
}

.menu span a{
width:128px;
display:block;
line-height:30px;
color:#444;
text-decoration:none;
padding-left:12px;
text-align:left;
background:url(img/bt_co_off.gif) repeat-x ;
border-top:#FFF solid 1px;
}

#menu1{
position:absolute;
top:0;
left:0;

}

#menu2{
position:absolute;
top:0;
left:141px;
}

#menu3{
position:absolute;
top:0;
left:282px;
}

#menu4{
position:absolute;
top:0;
left:423px;
}

#menu5{
position:absolute;
top:0;
left:564px;
}

.submenu{
position:absolute;
left:0;
visibility:hidden;
}


.submenu a{
background-color:#157BCE;
border-top:solid 1px #fff;
}

.menu a:hover{
	background:url(img/bt_co_offf.gif) repeat-x ;
	color:#fff;
}

.menu span a:hover{
	background:url(img/bt_co_offf.gif) repeat-x ;
	color:#fff;
}

/*=====menu終了=====*/

/*===============コンテンツ開始===============*/

#contents{
	width:920px;
background:url(img/back_1_03.gif) repeat-y;
margin-top:268px;
overflow:hidden;
}	

#D1{
	width:150px;
	margin:10px 0 0 750px;
	list-style:none;
	}

#D1 a{
	width:110px;
	color:#06F;
text-decoration:none;	
	}
	
#D1 a:hover{
text-decoration:underline;
}
/*=====コンテンツ_1開始=====*/
#inside_contents_1 h2{
width:898px;
font-size: 180%;
color: #212121;
background-color:#D8D8D8;
border-left: 10px solid #F01A22;
border-bottom: 1px solid #F01A22;
padding-top: 5px;
padding-left: 10px;
padding-right:1px;
}

	
#inside_contents_1{
	width:920px;
	}

#left_contents_1{
	width:151px;
	float:left;
	list-style:none;
	}

#bunny_thum_1{
	width:151px;
	margin:20px 10px 0 15px;
	}



#right_contents_1{
	width:710px;
	font-size:14px;
	margin:20px 0 0 190px;
	}
/*=====コンテンツ_1終了=====*/

/*=====コンテンツ_2開始=====*/

#inside_contents_2 h2{
width:898px;
font-size: 150%;
color: #212121;
background-color:#D8D8D8;
border-left: 10px solid #F01A22;
border-bottom: 1px solid #F01A22;
padding-top: 5px;
padding-left: 10px;
padding-right:1px;
}

#inside_contents_2{
	width:920px;
	}


#right_contents_2{
	width:310px;
	float:right;
	list-style:none;
	}

#enoku_1{
	width:310px;
	margin:20px 0 0 0;
	}

#left_contents_2{
	width:550px;
	font-size:14px;
	margin:20px 0 0 26px;
	}
	
.enoku_ssc{
	width:310px;
	margin:0px 0 0 0;
	font-size:11px;
	line-height:normal;
	}
/*=====コンテンツ_2終了=====*/

/*=====コンテンツ_3開始=====*/

#inside_contents_3{
	width:920px;
	height:400px;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	}

#entry_btn{
	list-style:none;
width:460px;
height:200px;
float:left;
	}

#entry_btn li.ssbt1 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_selecter.jpg) no-repeat 0 0;
}

#entry_btn li.ssbt1 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_selecter.jpg) no-repeat -460px 0;
}

#entry_btn li.ssbt3 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_vegas.jpg) no-repeat 0 0;
}

#entry_btn li.ssbt3 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_vegas.jpg) no-repeat -460px 0;
}



#entry_btn_2{
	list-style:none;
	width:460px;
	height:200px;
	float:right;
	}

#entry_btn_2 li.ssbt2 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_yasu.jpg) no-repeat 0 0;
}

#entry_btn_2 li.ssbt2 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_yasu.jpg) no-repeat -460px 0;
}


#entry_btn_2 li.ssbt4 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_3boshi.jpg) no-repeat 0 0;
}

#entry_btn_2 li.ssbt4 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_3boshi.jpg) no-repeat -460px 0;
}






/*=====コンテンツ_3終了=====*/

/*=====コンテンツ_4開始=====*/

#inside_contents_4 #subject_1{
	width:774px;
	height:74px;
	background:url(img/tit_bar_1.gif) no-repeat 0 0;
	text-indent:-5000px;
	margin:20px 0 0 74px;
	}

#inside_contents_4{
	width:920px;
	}

.showing{
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 10px;
	width: 880px;
	}

.thum_1{
	width:99px;
	float:left;
	}

.comment_1{
	width:760px;
	padding:0 0 0 20px;
	}

.triangular{
	width:150px;
	height:36px;
	background:url(img/triangular.gif) no-repeat 0 0;
	text-indent:-5000px;
	list-style:none;
	margin-left:385px;
	}

#inside_contents_4 #subject_2{
	width:774px;
	height:116px;
	background:url(img/tit_bar_2.gif) no-repeat 0 0;
	text-indent:-5000px;
	margin:20px 0 0 72px;
	}

#inside_contents_4 #subject_3{
	width:774px;
	height:116px;
	background:url(img/tit_bar_3.gif) no-repeat 0 0;
	text-indent:-5000px;
	margin:20px 0 0 72px;
	}

#showing_1{
	width:774px;
	margin:10px 0 0 86px;
	}

#thum_2{
	width:134px;
	float:right;
	}

#comment_2{
	width:600px;
	padding:0 0 0 0;
	}

#inside_contents_4 #subject_4{
	width:774px;
	height:116px;
	background:url(img/tit_bar_4.gif) no-repeat 0 0;
	text-indent:-5000px;
	margin:20px 0 0 73px;
	}

#inside_contents_4 #subject_5{
	width:774px;
	height:116px;
	background:url(img/tit_bar_5.gif) no-repeat 0 0;
	text-indent:-5000px;
	margin:20px 0 0 73px;
	}
/*=====コンテンツ_4終了=====*/

/*=====コンテンツ_5開始=====*/
#inside_contents_5 h2{
width:898px;
font-size: 180%;
color: #212121;
background-color:#D8D8D8;
border-left: 10px solid #F01A22;
border-bottom: 1px solid #F01A22;
padding-top: 5px;
padding-left: 10px;
padding-right:1px;
}

#inside_contents_5{
	width:920px;
	}

#recommend{
	width:436px;
	float:left;
	padding:20px 0 14px 15px;
	background:url(img/cont_box_3.gif) no-repeat bottom right;
	}
	
#recommend2{
	width:436px;
	float:right;
	padding:20px 15px 14px 0px;
	background:url(img/cont_box_3.gif) no-repeat bottom left;
	}

#recommend_tit_1{
	width:436px;
	height:33px;
	background:url(img/cont_box_1_01.gif) no-repeat 0 0;
	text-indent:-5000px;
	}

.topics{
	width:436px;
	background:url(img/cont_box_2.gif) repeat-y;
	}

.text{
	width:400px;
	font-size:14px;
	line-height:150%;
	padding:10px 0 0 18px;
	height:150px;
	}

#recommend_tit_2{
	width:436px;
	height:82px;
	background:url(img/cont_box_1_02.gif) no-repeat 0 0;
	text-indent:-5000px;
	}

#recommend_tit_3{
	width:436px;
	height:33px;
	background:url(img/cont_box_1_03.gif) no-repeat 0 0;
	text-indent:-5000px;
	}

#recommend_tit_4{
	width:436px;
	height:79px;
	background:url(img/cont_box_1_04.gif) no-repeat 0 0;
	text-indent:-5000px;
	}

#sunshine_bunny{
	width:348px;
	float:right;
	list-style:none;
	padding:100px 80px 0 0;
	}


#black_bunny{
	width:768px;
	height:367px;
	background:url(img/black_bummy_1.gif) no-repeat 0 0;
	text-indent:-5000px;
	list-style:none;
	clear:both;
	margin-left:20px;
	}
/*=====コンテンツ_5終了=====*/

/*=====コンテンツ_6開始=====*/

#inside_contents_6 h2{
width:898px;
font-size: 180%;
color: #212121;
background-color:#D8D8D8;
border-left: 10px solid #F01A22;
border-bottom: 1px solid #F01A22;
padding-top: 5px;
padding-left: 10px;
padding-right:1px;
}	
	
#inside_contents_6{
	width:920px;
	}	
	
#black_bunny_2{
	width:108px;
	float:left;
	}	
	
#black_bunny_3{
	width:108px;
	height:209px;
	margin:20px 0 0 20px;
	list-style:none;
	}

#version_1{
	width:440px;
	float:left;
	}

#explan_1{
	width:430px;
	margin:20px 0 0 40px;
	}

#explan_2{
	width:800px;
	clear:both;
	margin:20px 10px 0 40px;
	}

#tv_thum{
	width:330px;
	height:342px;
	float:right;
	}

#tv_thum_1{
	
	list-style:none;
	}

#duck_thum{
	width:109px;
	float:left;
	}

#duck_thum_1{
	width:109px;
	margin:20px 0 0 21px;
	list-style:none;
	}

#version_2{
	width:750px;
	float:right;
	}

#explan_3{
	width:700px;
	margin:50px 0 0 0;
	}

#black_bunny_4{
	width:610px;
	height:380px;
	background:url(img/black_bummy_4.gif) no-repeat 0 20px;
	clear:both;
	margin:20px 0 0 20px;
	}

#explan_4{
	width:530px;
	padding:120px 0 0 310px;
	color:#F00;
	font-weight:bold;
	font-size:16px;
	line-height:150%;
	}

#gloss_1{
	width:869px;
	margin:10px 0 0 20px;
	}


#smile_bunny{
	width:87px;
	float:left;
	}

#smile_bunny li{
	width:87px;
	margin:20px 0 0 0;
	list-style:none;
	}

#wrong_people_1{
	width:630px;
	float:left;
	padding:20px 0 0 40px;
	}


#amazingly_blackbunny{
	width:92px;
	float:right;
	list-style:none;
	}

#amazingly_blackbunny li{
	width:92px;
	margin:20px 20px 0 0;
	}

#wrong_list{
	width:800px;
	margin:10px 0 0 20px;
	list-style:none;
	clear:both;
	font-size:14px;
	}

#gloss_2{
	width:869px;
	margin:20px 0 0 20px;
	}

#right_people_1{
	width:660px;
	float:left;
	list-style:none;
	}

#big_recommend{
	font-size:24px;
	font-weight:bold;
	}

#zebra_thum{
	width:185px;
	list-style:none;
	float:left;
	}

#gloss_2_text{
	width:869px;
	font-size:14px;
	clear:both;
	}
/*=====コンテンツ_6終了=====*/

/*=====コンテンツ_7開始=====*/

#inside_contents_7{
	width:920px;
	height:400px;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	}

#entry_btn2{
	list-style:none;
	width:460px;
	height:200px;
	float:left;
	}

#entry_btn2 li.ssbt1 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_selecter.jpg) no-repeat 0 0;
}

#entry_btn2 li.ssbt1 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_selecter.jpg) no-repeat -460px 0;
}

#entry_btn2 li.ssbt3 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_vegas.jpg) no-repeat 0 0;
}

#entry_btn2 li.ssbt3 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_vegas.jpg) no-repeat -460px 0;
}



#entry_btn2_2{
	list-style:none;
	width:460px;
	height:200px;
	float:right;
	}

#entry_btn2_2 li.ssbt2 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_yasu.jpg) no-repeat 0 0;
}

#entry_btn2_2 li.ssbt2 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_yasu.jpg) no-repeat -460px 0;
}

#entry_btn2_2 li.ssbt4 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_3boshi.jpg) no-repeat 0 0;
}

#entry_btn2_2 li.ssbt4 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_3boshi.jpg) no-repeat -460px 0;
}

/*=====コンテンツ_7終了=====*/

/*=====コンテンツ_8開始=====*/
#inside_contents_8 h2{
width:898px;
font-size: 180%;
color: #212121;
background-color:#D8D8D8;
border-left: 10px solid #F01A22;
border-bottom: 1px solid #F01A22;
padding-top: 5px;
padding-left: 10px;
padding-right:1px;
}	
	
#inside_contents_8{
	width:920px;
	}

#case{
	width:820px;
	margin:20px 0 0 40px;
	}


#big_impression_2{
	margin-left:70px;
	}


#impression_text_1 h3{
width:668px;
height:78px;
text-indent:-5000px;
background:url(img/impression_1_1.gif) no-repeat;
	}

#impression_text_1{
width:668px;
background:url(img/impression_3.gif) repeat-y;
overflow:hidden;
	}

#impression_text_2 h3{
width:668px;
height:111px;
text-indent:-5000px;
background:url(img/impression_1_2.gif) no-repeat;
margin-top:32px;
	}

#impression_text_2{
width:668px;
background:url(img/impression_3.gif) repeat-y;
overflow:hidden;
	}

#impression_text_3 h3{
width:668px;
height:111px;
text-indent:-5000px;
background:url(img/impression_1_3.gif) no-repeat;
margin-top:32px;
	}

#impression_text_3{
width:668px;
background:url(img/impression_3.gif) repeat-y;
overflow:hidden;
	}
	
	#impression_text_4 h3{
width:668px;
height:111px;
text-indent:-5000px;
background:url(img/impression_1_4.gif) no-repeat;
margin-top:32px;
	}

#impression_text_4{
width:668px;
background:url(img/impression_3.gif) repeat-y;
overflow:hidden;
	}
	
	#impression_text_5 h3{
width:668px;
height:111px;
text-indent:-5000px;
background:url(img/impression_1_5.gif) no-repeat;
margin-top:32px;
	}

#impression_text_5{
width:668px;
background:url(img/impression_3.gif) repeat-y;
overflow:hidden;
	}

.impression{
	width:610px;
	font-size:14px;
	margin-left:38px;
	}

#end_case{
	width:668px;
height:38px;
text-indent:-5000px;
background:url(img/impression_4.gif) no-repeat;
overflow:hidden;
	}
/*=====コンテンツ_8終了=====*/

/*=====コンテンツ_9開始=====*/

#inside_contents_9{
	width:920px;
	height:400px;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	}

#entry_btn3{
	list-style:none;
	width:460px;
	height:200px;
	float:left;
	}

#entry_btn3 li.ssbt1 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_selecter.jpg) no-repeat 0 0;
}

#entry_btn3 li.ssbt1 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_selecter.jpg) no-repeat -460px 0;
}


#entry_btn3 li.ssbt3 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_vegas.jpg) no-repeat 0 0;
}

#entry_btn3 li.ssbt3 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_vegas.jpg) no-repeat -460px 0;
}



#entry_btn3_2{
	list-style:none;
	width:460px;
	height:200px;
	float:right;
	}

#entry_btn3_2 li.ssbt2 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_yasu.jpg) no-repeat 0 0;
}

#entry_btn3_2 li.ssbt2 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_yasu.jpg) no-repeat -460px 0;
}


#entry_btn3_2 li.ssbt4 a{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_3boshi.jpg) no-repeat 0 0;
}

#entry_btn3_2 li.ssbt4 a:hover{
display:block;
width:460px;
height:200px;
text-indent:-5000px;
text-decoration:none;
overflow:hidden;
background:url(img/ss_bt_3boshi.jpg) no-repeat -460px 0;
}

/*=====コンテンツ_9終了=====*/

/*=====コンテンツ_10開始=====*/
#big_coop{
	width:920px;
	}


#link_tit{
	width:469px;
	height:95px;
	background:url(img/link_tit.gif) no-repeat;
	margin:5px 0 0 225px;
	}

#link_tit h2{
	width:300px;
	font-size:36px;
	color:#FFF;
	padding:10px 0 0 120px;
	}
	
#big_coop h3{
	width:160px;
	font-size: 100%;
color:#fff;
background-color:#333;
border-left: 8px solid #F60;
padding-top: 3px;
padding-left: 6px;
padding-right:1px;
margin:20px 0 0 20px;
clear:both;
	}
	
#electrical_frame{
	width:920px;
	}

#brand_frame{
	width:920px;
	}	

#gama_frame{
	width:920px;
	}

.electrical_frame_1{
	width:204px;
	height:263px;
	background:url(img/electrical_frame.gif) no-repeat;
	}

.brand_frame_1{
	width:204px;
	height:263px;
	background:url(img/brand_frame.gif) no-repeat;
	}

.gama_frame_1{
	width:204px;
	height:263px;
	background:url(img/game_frame.gif) no-repeat;
	}

.small_frame{
	width:204px;
	float:left;
	padding:16px 0 0 21px;
	}



.about_web{
	width:180px;
	background:url(img/data_icon.gif) no-repeat 5px 18px;
	font-size:12px;
	text-indent:18px;
	list-style:none;
	padding:14px 0 0 5px;
	}

.catch_web{
	width:165px;
	background:url(img/web_icon.gif) no-repeat 5px 6px;
	font-size:12px;
	text-indent:18px;
	list-style:none;
	padding:0 0 0 5px;
	}

.about_web a{
	width:110px;
	color:#06F;
text-decoration:none;	
	}
	
.about_web a:hover{
text-decoration:underline;
}

.catch_web a{
	width:110px;
	color:#06F;
text-decoration:none;	
	}
	
.catch_web a:hover{
text-decoration:underline;
}


.screen{
	width:190px;
	margin:22px 0 0 4px;
	list-style:none;
	}

.screen_2{
	width:190px;
	margin:0 0 0 4px;
	list-style:none;
	}

.screen_3{
	width:190px;
	margin:0 0 0 4px;
	list-style:none;
	}

.coming_soon{
	width:180px;
	font-size:14px;
	color:#666;
	list-style:none;
	font-weight:bold;
	padding:100px 0 0 0;
	text-align:center;
}
	
	

/*=====コンテンツ_10終了=====*/

/*=====フッター=====*/
#footer{
	width:920px;
	height:100px;
background:url(img/footer.gif) no-repeat;
	}

#footer_1{
	width:900px;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 6px;
	color:#474747;
	}

#footer_link{
	width:920px;
text-align:center;
font-size:12px;
padding:5px 0 0 0;
	}

#footer_link a{
		width:120px;
	color:#474747;
text-decoration:none;
	}	

#footer_link a:hover{
text-decoration:underline;
}

#footer_2{
	
	text-align:center;
	color:#474747;
	}

















/*====== float関連バグ対策 ========*/

dl:after,
.comment_1:after,
#inside_contents_5:after,
#inside_contents_6:after,
#big_coop h3:after,
#electrical_frame:after,
#brand_frame:after,
.topics:after,
#inside_contents_3:after,
#inside_contents_7:after,
#inside_contents_9:after


{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

dl,
.comment_1,
#inside_contents_5,
#inside_contents_6,
#big_coop h3,
#electrical_frame,
#brand_frame,
.topics
#inside_contents_3,
#inside_contents_7,
#inside_contents_9

{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
	* html dl,
	* html .comment_1,
	* html #inside_contents_5,
	* html #inside_contents_6,
	* html #big_coop h3,
	* html #electrical_frame,
	* html #brand_frame
	.topics
	{height: 1%;}
	dl,
	.comment_1,
	#inside_contents_5,
	#inside_contents_6,
	#big_coop h3,
	#electrical_frame,
	#brand_frame,
	.topics
	{display: block;}
/*--ここまでMAC IEは非適用 */