@charset "shift_jis";

/* product top ---------------------------------*/


.head_area{
	width: 716px;
	padding: 9px 0 0 9px;
	background: #6ac9fa;
}
.main_vis dt{
	width: 707px;
	font-size: 0;
	line-height: 0;
}
.main_vis dd{
	width: 707px;
	font-size: 0;
	line-height: 0;
	margin: 0 0 10px;
}
.tab_func{
	width: 709px;
	height: 37px;
	background: url(../img/common/tab/bg_tab.gif) no-repeat 0 0;
	overflow: hidden;
	margin: 0 0 0 2px
}
.tab_func li{
	width: 97px;
	font-size: 0;
	line-height: 0;
	float: left;
	margin: 0 4px 0 0;
}
.sec_area_product{
	width: 700px;
	padding: 21px 0 0 25px;
	background: #ebf7fe;
}
.recommend_func{
	width: 687px;
	overflow: hidden;
	margin: 0 0 33px;
}
.recommend_func li{
	width: 217px;
	float: left;
	margin: 0 12px 0 0;
}
.func_list{
	width: ;
	overflow: hidden;
	padding: 0 0 50px;
}
.func_list h3{
	width: 99px;
	margin: 0 0 12px;
}
.func_list dl{
	width: 123px;
	margin: 0 5px 0 0;
	padding: 0 4px 4px;
	float: left;
}
.func_list dt{
	width: 123px;
	font-size: 0;
	line-height: 0;
}
.func_list dd{
	width: 123px;
	font-size: 0;
	line-height: 0;
	margin: 3px 0 0;
}
.func_list_rec{
	background: #15b47b;
}
.func_list_look{
	background: #559ee9;
}
.func_list_dubbing{
	background: #f59319;
}
.func_list_easy{
	background: #f1776c;
}
.func_list_network{
	background: #3ec0e1;
}


/* function common ----------------------------------*/

.head_area_func{
	width: 725px;
	height: 180px;
	position: relative;
}
.main_vis_func{
	width: 725px;
}
.tab_func_common{
	width: 709px;
	position: absolute;
	top: 143px;
	left: 11px;
}
.tab_func_common li{
	width: 97px;
	font-size:0;
	line-height: 0;
	float: left;
	margin: 0 4px 0 0;
}
.sec_area{
	width: 675px;
	padding: 13px 25px 10px;
}
.sec_nav{
	width: 675px;
	overflow: hidden;
	margin: 0 0 14px;
}
.sec_nav li{
	float: left;
	font-size: 0;
	line-height: 0;
	margin: 0 20px 7px 0;
}
.sec_nav li.secnav_right{
	margin: 0;
}
.section{
	width: 675px;
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
}
.section h4{
	width: 675px;
	font-size: 0;
	line-height: 0;
}
.section_inner{
	width: 621px;
	padding: 24px 27px 0;
	background: #fff;
	overflow: hidden;
}
.sec_head{
	width: 621px;
	overflow: hidden;
}
.sec_head dt{
	width: 621px;
	font-size: 0;
	line-height: 0;
	margin: 0 0 10px;
}
.sec_head dd{
	color: #454545;
	letter-spacing: 0.1em;
}
.sec_head dd sup{
	font-size: xx-small;
	vertical-align: text-top;
}
.logo_rakuashi{
	width: 133px;
	float: right;
}
.sec_img{
	width: 621px;
	clear: both;
	font-size: 0;
	line-height: 0;
}
.sec_caution{
	margin: 0 0 25px;
}
.sec_pagetop{
	width: 119px;
	font-size: 0;
	line-height: 0;
	margin: 8px 0 0;
	float: right;
}

/* rec ----------------------------------------------*/

.sec_area_rec{
	background: #ebf9f5;
}
.txt_rec01{
	width: 440px;
	float: left;
}
.img_rec01{
	margin: 36px 0 46px;
}
.img_rec02{
	margin: 46px 0 34px;
}
.txt_rec03{
	width: 440px;
	float: left;
}
.logo_rec12{
	width: 130px;
	float: right;
}
.img_rec03{
	margin: 42px 0 44px;
}
.img_rec04{
	margin: 40px 0;
}
.img_rec05{
	margin: 0 0 25px;
}


/* look ----------------------------------------------*/

.sec_area_look{
	background: #edf5fc;
}
.txt_look01{
	width: 430px;
	float: left;
}
.img_look01{
	margin: 36px 0 46px;
}
.img_look02{
	margin: 50px 0 60px;
}
.img_look03_01{
	margin: 40px 0 0;
}
.img_look03_02{
	margin: 0 0 48px;
}
.img_look04{
	margin: 40px 0 36px;
}
.img_look05{
	margin: 32px 0 50px;
}


/* dubbing ----------------------------------------------*/

.sec_area_dubbing{
	background: #fff5e9;
}
.txt_dubbing01{
	width: 430px;
	float: left;
}
.img_dubbing01_01{
	margin: 36px 0 0;
}
.img_dubbing01_02{
	margin: 0 0 56px;
}
.img_dubbing02{
	margin: 8px 0 16px;
}
.btn_dubbing{
	text-align: center;
	margin: 0 auto 36px;
}
.txt_dubbing02{
	width: 430px;
	float: left;
	margin: 0 0 12px;
}
.img_dubbing03{
	margin: 40px 0;
}
.img_dubbing04{
	margin: 24px 0 28px;
}


/* easy ----------------------------------------------*/

.sec_area_easy{
	background: #fdf1f0;
}
.txt_easy{
	width: 400px;
	float: left;
}
.img_easy01{
	margin: 20px 0 40px;
}
.img_easy02{
	margin: 20px 0 36px;
}
.txt_easy03{
	width: 430px;
	float: left;
}
.img_easy03{
	margin: 40px 0 58px;
}
.img_easy04{
	margin: 40px 0 50px;
}
.img_easy05{
	margin: 10px 0 46px;
}
.img_easy06{
	margin: 10px 0 30px;
}

/* network ----------------------------------------------*/

.sec_area_network{
	background: #ebf8fb;
}
.txt_network01{
	width: 420px;
	float: left;
}
.logo_dlna{
	width: 132px;
	float: right;
}
.img_network01{
	margin: 20px 0 64px;
}
.txt_network02{
	width: 440px;
	float: left;
}
.logo_skp{
	width: 131px;
	float: right;
}
.img_network02{
	margin: 40px 0 50px;
}
.btn_skp{
	width: 265px;
	text-align: center;
	margin: -10px auto 50px;
}
.img_network03{
	margin: 40px 0 54px;
}
.sec_caution_box{
	width: 599px;
	border: #b3b3b3 solid 1px;
	padding: 9px 10px;
	margin: 6px 0 0;
}
.txt_network04{
	margin: 0 0 5px;
}
.img_network04{
	margin: 40px 0 50px;
}
.txt_network05{
	width: 400px;
	margin: 0 0 20px;
	float: left;
}
.logo_diamond{
	width: 154px;
	float: right;
	margin: 0 0 30px;
}

/* spec ----------------------------------------------*/

.sec_area_spec{
	background: #ebf7fe;
}
.spec_style{
	width: 675px;
	padding: 8px 0 0;
}
.spec_style table{
	margin: 10px 0;
}
.spec_style table{
	border-left: #fff solid 2px;
	border-top: #fff solid 2px;
}
.spec_style table th, .spec_style table td{
	border-right: #fff solid 2px;
	border-bottom: #fff solid 2px;
	padding: 10px;
}
.spec_style table td{
	background: #f4f4f4;
}
.spec_style table td.spec_item01{
	background: #c1e0ff;
}
.spec_style table td.spec_item02{
	background: #e0eeff;
}
.spec_style table td.spec_item03{
	background: #ebf4ff;
}
.spec_pagetop{
	margin: 0 0 20px;
}
.notes{
	color: #e50000;
}
.spec_pagetop{
	width: 119px;
	font-size: 0;
	line-height: 0;
	margin: 6px 0 10px auto;
}
.spec_caution{
	margin: 12px 0 0;
}