@charset "shift_jis";
/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}


/*
  style                                          */
body{
	text-align:center;
	min-width:986px;
}
h1 a:hover,
.roll a:hover,
.roll p.hov{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	zoom:1;
}
h1 a:hover:not(:target),
.roll a:hover:not(:target){filter:none;}


/*
  header                                          */
#header{
	margin:0 auto;
	width:986px;
	height:118px;
	overflow:hidden;
}
#header h1{
	width:123px;
	height:42px;
	padding:22px 1px 0;
	display:block;
	float:left;
}


/*
  wrapper                                          */
#wrapper{
	margin:0 auto;
	width:986px;
	clear:both;
}
#wrapper h2{
	width:982px;
	height:52px;
	padding:0 2px 29px;
}
#wrapper ul#pageNav{
	width:986px;
	height:89px;
	padding-bottom:25px;
	overflow:hidden;
	margin:0 auto;
}
#wrapper ul#pageNav li{
	float:left;
	width:321px;
	height:89px;
	margin-right:10px;
}
#wrapper ul#pageNav li.product{margin-right:0;}
#wrapper .continer{width:100%;}


/*
  footer                                          */
#footer{
	width:100%;
	height:30px;
	background-color:#000000;
	text-align:center;
	overflow:hidden;
}
#footerIn{
	width:986px;
	height:30px;
	margin:0 auto;
	overflow:hidden;
}
#footer p{
	display:block;
	width:412px;
	height:30px;
	text-align:left;
	float:left;
}
#footer ul{
	float:right;
	width:300px;
	height:22px;
	padding:4px 0;
	text-align:left;
	overflow:hidden;
}
#footer li{
	display:block;
	float:right;
	overflow:hidden;
}
#footer li#fb{
	width:112px;
	margin-right:7px;
	text-align:left;
	position:relative;
}
#footer li#fb .fb_edge_widget_with_comment.fb_iframe_widget,
#footer li#fb span,
#footer li#fb iframe{width:112px!important;}
#footer li#fb iframe{
	position:absolute;
	left:0;
	top:0;
}
#footer li#tw{width:100px;}


/*
  index                                          */
#index #wrapper ul{
	width:100%;
	height:615px;
	padding-bottom:40px;
	position:relative;
}
#index #wrapper ul li{position:absolute;}
#index #wrapper ul li.research{
	top:0;
	left:0;
	width:269px;
	height:255px;
	background:url(../../images/index/top_btn_research_on.gif) no-repeat left top;
}
#index #wrapper ul li.product{
	left:0;
	top:229px;
	width:269px;
	height:386px;
	background:url(../../images/index/top_btn_product_on.gif) no-repeat left top;
}
#index #wrapper ul li.music{
	right:0;
	top:0;
	width:702px;
	height:615px;
	background:url(../../images/index/top_navi_music_on.jpg) no-repeat left top;
}
#index #wrapper ul li a{
	width:100%;
	height:100%;
	display:block;
	position:relative;
}
#index #wrapper ul li a:hover img{
	position:absolute;
	left:-9999px;
}


/*
  product                                          */
#product h3{
	padding-bottom:7px;
	text-align:left;
}
#product #use{
	width:100%;
	height:791px;
	text-align:left;
	overflow:hidden;
}
#product #use li{
	float:left;
	width:306px;
	height:337px;
	margin:0 32px 21px 0;
}
#product #use li.wireless{background:url(../../images/product/product_btn_nav01_on.gif) no-repeat left top;}
#product #use li.portable{background:url(../../images/product/product_btn_nav02_on.gif) no-repeat left top;}
#product #use li.sound{
	margin-right:0;
	background:url(../../images/product/product_btn_nav03_on.gif) no-repeat left top;
}
#product #use li.output{
	margin-bottom:36px;
	height:365px;
	background:url(../../images/product/product_btn_nav04_on.gif) no-repeat left top;
}
#product #use li.oneTouch{
	margin-bottom:36px;
	height:365px;
	background:url(../../images/product/product_btn_nav05_on.gif) no-repeat left top;
}
#product #use li.change{
	margin:0 0 36px 0;
	height:365px;
	background:url(../../images/product/product_btn_nav06_on.gif) no-repeat left top;
}
#product #use li a{
	width:100%;
	height:100%;
	display:block;
	position:relative;
}
#product #use li.output a,
#product #use li.oneTouch a,
#product #use li.change a{height:337px;}
#product #use li a:hover img{
	position:absolute;
	left:-9999px;
}
#product #use li p{
	width:191px;
	height:23px;
	padding:5px 0 0 15px;
	display:block;
}
#product #item{
	width:100%;
	height:191px;
	padding-bottom:44px;
	overflow:hidden;
	text-align:left;
}
#product #item h4{padding-bottom:8px;}
#product #item .name{padding:23px 0 9px;}
#product #item .roll{padding-bottom:6px;}
#product #item .itemBtn{
	width:151px;
	height:50px;
	padding-bottom:24px;
}
#product #item .store{
	overflow:hidden;
	width:100%;
	height:20px;
	padding-top:12px;
	background:url(../../images/product/item_line.gif) no-repeat left top;
}
#product #item .store .roll{
	width:105px;
	height:20px;
	float:left;
	padding:0 6px 0 4px;
}

#product #item01{
	width:452px;
	height:191px;
	float:left;
	margin-left:14px;
	position:relative;
}
#product #item01 .ph{
	position:absolute;
	right:0;
	top:44px;
}
#product #item02{
	width:452px;
	height:191px;
	float:right;
	padding-right:14px;
	position:relative;
}
#product #item02 .ph{
	position:absolute;
	right:14px;
	top:28px;
}


/*
  product.detail                                          */
#product.detail #use{
	height:700px;
	width:100%;
	position:relative;
}
#product.detail .prevBtn,
#product.detail .nextBtn{
	position:absolute;
	width:70px;
	height:78px;
}
#product.detail .prevBtn a,
#product.detail .nextBtn a{
	width:100%;
	height:100%;
	display:block;
}
#product.detail .prevBtn{
	left:5px;
	top:221px;
}
#product.detail .nextBtn{
	right:5px;
	top:221px;
}
#product.detail .pointImage{
	text-align:left;
	padding-left:43px;
}
#product.detail .closeBtn{
	position:absolute;
	bottom:50px;
	left:389px;
	width:207px;
	height:41px;
}



/*
  research                                          */
#research #wrapper #pageNavContiner{
	background-color:#FFF;
	width:100%;
	height:89px;
	padding-bottom:15px;
	text-align:center;
}
#research #wrapper #pageNav{padding-bottom:0;}
#research .continer{
	margin-bottom:22px;
	background:url(../../images/research/research_bg.gif) repeat-y left top;
}
#research #q6{position:relative;}
#research .continer h3{
	position:relative;
	width:100%;
	padding-bottom:40px;
}
#research .continer h3 img{
	position:absolute;
	left:-6px;
	top:0;
}
#research .continer p{
	width:100%;
	text-align:center;
	padding-bottom:25px;
}
#research .continer p img{margin:0 auto;}
#research .continer .btmBtn{
	position:relative;
	margin-top:15px;
}
#research .continer .btmBtn p{padding-bottom:0;}
#research #q1{margin-top:10px;}
#research #q1 h3{height:255px;}
#research #q2 h3{height:147px;}
#research #q3 h3{height:148px;}
#research #q4 h3{height:177px;}
#research #q5 h3{height:147px;}
#research #q6 h3{height:148px;}

#research #q6 #anime{
	width:334px;
	height:481px;
	position:absolute;
	left:328px;
	top:261px;
	overflow:hidden;
}
#research #q6 #anime01{
	position:absolute;
	left:56px;
	top:260px;
}
#research #q6 #anime02{
	left:0;
	top:237px;
	position:absolute;
}
#research #q6 .btmBtn{
	height:626px;
	background:url(../../images/research/q6_btm_bg.gif) no-repeat left bottom;
}
#research #q6 .btmBtn ul#snsBtnList{
	width:683px;
	height:72px;
	padding:44px 153px 169px;
}
#research #q6 .btmBtn ul#snsBtnList li{position:relative;}
#research #q6 .btmBtn ul#snsBtnList li.presentBtn{
	float:left;
	width:328px;
	height:72px;
	padding-left:1px;
}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn{
	float:right;
	width:328px;
	height:72px;
	padding-right:1px;
}
#research #q6 .btmBtn ul#snsBtnList li a.toDo{
	width:328px;
	height:72px;
	display:block;
}
#research #q6 .btmBtn ul#snsBtnList li div.sns{
	position:absolute;
	top:71px;
	left:-9999px;
	width:329px;
	height:281px;
}
#research #q6 .btmBtn ul#snsBtnList li div.sns.open{left:0;}
#research #q6 .btmBtn ul#snsBtnList li.presentBtn div.sns{background:url(../../images/research/slide_bg01.gif) no-repeat left top;}
#research #q6 .btmBtn ul#snsBtnList li.presentBtn div.sns h5{
	width:100%;
	height:94px;
	display:block;
	text-indent:-9999px;
}
#research #q6 .btmBtn ul#snsBtnList li.presentBtn div.sns div{
	width:134px;
	height:28px;
	padding:47px 23px 19px 172px;
}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns{background:url(../../images/research/slide_bg02.gif) no-repeat left top;}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Tw,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Fb,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Tw,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Fb{
	width:136px;
	height:42px;
	position:absolute;
	left:169px;
	overflow:hidden;
}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Tw,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Tw{background:url(../../images/research/twitter_btn.gif) no-repeat left top;}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Fb,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Fb{background:url(../../images/research/facebook_btn.gif) no-repeat left top;}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Tw{top:39px;}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Fb{top:87px;}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Tw{top:180px;}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Fb{top:228px;}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Tw iframe,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Tw iframe,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Tw a,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Tw a{
	position:absolute;
	top:20px;
	left:25px;
}
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Fb iframe,
#research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Fb iframe{
	position:absolute;
	top:20px;
	left:0;
}
*:first-child+html #research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Fb .fb_edge_widget_with_comment.fb_iframe_widget,
*:first-child+html #research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Fb .fb_edge_widget_with_comment.fb_iframe_widget,
* html #research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBtv5Fb .fb_edge_widget_with_comment.fb_iframe_widget,
* html #research #q6 .btmBtn ul#snsBtnList li.pesterBtn div.sns .srsBts50Fb .fb_edge_widget_with_comment.fb_iframe_widget{padding-left:10px;}
#research #q6 .btmBtn ul#itemList{
	width:822px;
	height:178px;
	padding:0 82px;
	text-align:left;
}
#research #q6 .btmBtn ul#itemList li{
	width:370px;
	height:178px;
	text-align:left;
}
#research #q6 .btmBtn ul#itemList li .item{
	width:135px;
	float:left;
}
#research #q6 .btmBtn ul#itemList li .item .name{padding-bottom:9px;}
#research #q6 .btmBtn ul#itemList li .ph{float:right;}
#research #q6 .btmBtn ul#itemList li .store{
	clear:both;
	width:100%;
	height:19px;
	text-align:left;
	background:url(../../images/research/item_line.gif) no-repeat top left;
	padding-top:14px;
}
#research #q6 .btmBtn ul#itemList li .store p{
	width:110px;
	text-align:left;
	display:inline;
}
#research #q6 .btmBtn ul#itemList li .store p img{margin:0;}
#research #q6 .btmBtn ul#itemList li.srsBtv5{float:left;}
#research #q6 .btmBtn ul#itemList li.srsBtv5 .item{padding:26px 0 25px 57px;}
#research #q6 .btmBtn ul#itemList li.srsBtv5 .ph{margin:13px 65px 13px 0;}
#research #q6 .btmBtn ul#itemList li.srsBts50{float:right;}
#research #q6 .btmBtn ul#itemList li.srsBts50 .item{padding:26px 0 25px 24px;}
#research #q6 .btmBtn ul#itemList li.srsBts50 .ph{margin:26px 22px 25px 0;}

#research #reBtn{
	width:91px;
	height:90px;
	margin:8px auto 30px;
}