@charset "utf-8";





#container {

	width: 100%;

}

#crumb {

	margin: 10px auto;

	width: 960px;

}

#content {

	width: 100%;

}

#pagetop {

	margin: 10px auto;

	padding: 0;

	width: 960px;

}

#panel_wrap {

	display: none;

}

sup {

	font-size: 80%;

	vertical-align: baseline;

	position: relative;

	top: -0.8ex;

	left: 0.4ex;

	padding-right: 0.8ex;

}

p.annotation {

	letter-spacing: 0.05em;

}

.ind22 { text-indent: -2.2em; padding-left: 2.2em; }

a:link,

a:active,

a:visited { text-decoration: none; color: #006cff;}

a:hover { text-decoration: underline; color: #006cff;}









#wrapper {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}



.signboard {

	background-color: #17b38e;

}

.signboard .img {

	margin: 0 auto;

	width: 960px;

}



#anchor {

	width: 100%;

	background: #fff;

	z-index: 100;

	border-top: 1px solid #1fbc99;

	border-bottom: 1px solid #1fbc99;

}

#anchor .inner_area {

	margin: 0 auto;

	width: 960px;

}

#anchor ul {

}

#anchor li {

	float: left;

	width: 170px;

	border-left: 1px solid #1fbc99;

	text-align: center;

}

#anchor li.sec {

	width: 222px;

}

#anchor li.last {

	border-right: 1px solid #1fbc99;

}

#anchor li div {

	padding: 30px 0 15px 0;

	position: relative;

	zoom: 1;

}

#anchor li div.dou {

	padding: 13px 0 7px 0;

}

#anchor li p {

	font-size: 18px;

	color: #1b1b1b;

}

#anchor li p span {

	font-size: 16px;

	color: #1fbc99;

}

#anchor li div p a {

	display: block ;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	text-indent: -9999px;

	background/*\**/: #fff\9; /*IE7、8用ハック*/

	filter: alpha(opacity=0); /*フィルターで透明に*/

	-moz-opacity: 0;

	opacity: 0; 

}





.inner {

	margin: 0 auto;

	width: 960px;

}



.about, 

.conect,

.how_to,

.setting,

.spec_lineup {

	padding: 100px 0 40px 0;

	border-bottom: 1px solid #1fbc99;

}

.lineup {

	padding: 100px 0 40px 0;

}

.about h2,

.conect h2,

.how_to h2,

.setting h2,

.spec_lineup h2,

.lineup h2 {

	margin-top: 20px;

	text-align: center;

	font-size: 30px;

	color: #1fbc99;

}





.about p.txt {

	margin: 55px 45px 0 45px;

	font-size: 20px;

	color: #1fbc99;

}

	.about .old_new {

		margin-top: 50px;

	}

	.about .old_new .old {

		float: left;

		width: 460px;

	}	

	.about .old_new .new {

		float: right;

		width: 460px;

	}	

	.about .old_new .old p.text,

	.about .old_new .new p.text {

		margin: 20px 10px 0 10px;

		color: #1b1b1b;

	}



	

.conect p.txt {

	margin: 55px 45px 0 45px;

	font-size: 20px;

	color: #1fbc99;

}





.how_to p.txt {

	margin: 40px 45px 0 45px;

	font-size: 20px;

	color: #1fbc99;

}

	.how_to .howto_cont div {

		margin-top: 30px;

		padding: 40px;

		border: 4px dashed #1fbc99;

		-webkit-border-radius: 25px;

		-moz-border-radius: 25px;

		border-radius: 25px;

		text-align: center;

	}

	.how_to .howto_cont div h3 {

		font-size: 20px;

		color: #1fbc99;

	}

	.how_to .method {

		margin-top: 20px;

	}

	.how_to .method li {

		margin-right: 40px;

		float: left;

		width: 460px;

	}

	.how_to .method li.last {

		margin-right: 0;

	}

	.how_to .method li div {

		padding: 25px 0;

		border: 4px dashed #1fbc99;

		-webkit-border-radius: 25px;

		-moz-border-radius: 25px;

		border-radius: 25px;

		text-align: center;

	}

	.how_to .method li div h3 {

		font-size: 16px;

		color: #1fbc99;

	}

	.how_to .method li div p {

		margin-top: 25px;

		font-size: 20px;

		color: #1fbc99;

	}





.setting p.txt {

	margin: 60px 45px 0 45px;

	font-size: 20px;

	color: #1fbc99;

}

.setting .area {

	margin-top: 90px;

	color: #1b1b1b;

}

.setting .area .left {

	padding: 0 30px 20px 10px;

	float: left;

	width: 440px;

}

.setting .area .left h3 {

	margin: 40px 0 0 13px;

	font-size: 20px;

	color: #1fbc99;

}

.setting .area .left li {

	margin-top: 30px;

	float: left;

	width: 200px

}

.setting .area .left li h4 {

	font-size: 16px;

	color: #1fbc99;

}

.setting .area .left li p.text {

	font-size: 14px;

}

.setting .area .right {

	padding: 0 10px 0 29px;

	float: left;

	width: 440px;

	border-left: 1px solid #1fbc99;

}

.setting .area .right h3 {

	margin: 40px 0 0 13px;

	font-size: 20px;

	color: #1fbc99;

}

.setting .area .right li {

	margin-top: 30px;

	float: left;

	width: 200px;

}

.setting .area .right li h4 {

	font-size: 16px;

	color: #1fbc99;

}

.setting .area .right li p.text {

	font-size: 14px;

}





.spec_lineup p.txt {

	margin-top: 60px;

	font-size: 20px;

	color: #1fbc99;

	text-align: center;

}

.spec_lineup h3 {

	margin: 40px 20px 0 20px;

	padding: 13px 0 10px 140px;

	background-color: #1fbc99;

	color: #ffffff;

	font-size: 16px;

}

.spec_lineup h3 span {

	margin-left: 10px;

	font-size: 14px;

}

.spec_lineup table {

	margin: 20px 20px 0 20px;

	border-right: 1px solid #888888;

	border-bottom: 1px solid #888888;

}

.spec_lineup table th {

	padding: 17px 0 8px 13px;

	border-top: 1px solid #888888;

	border-left: 1px solid #888888;

	background-color: #f7f7f7;

	font-size: 14px;

	font-weight: bold;

	color: #1b1b1b;

}

.spec_lineup table td {

	padding: 17px 0 8px 13px;

	border-top: 1px solid #888888;

	border-left: 1px solid #888888;

	font-size: 14px;

	color: #1b1b1b;

}

.spec_lineup .micro {

	margin-top:40px;

}

.spec_lineup .micro .msv {

	float: left;

	width: 479px;

	border-right: 1px solid #1fbc99;

}

.spec_lineup .micro .mu {

	float: left;

	width: 480px;

}

.spec_lineup .micro .msv dt,

.spec_lineup .micro .mu dt {

	float: left;

	width: 140px;

	text-align: center;

}

.spec_lineup .micro .msv dd,

.spec_lineup .micro .mu dd {

	float: left;

	width: 330px;

}

.spec_lineup .micro .msv dd h4,

.spec_lineup .micro .mu dd h4 {

	font-size: 16px;

	color: #1b1b1b;

}

.spec_lineup .micro .msv dd p.txt_com,

.spec_lineup .micro .mu dd p.txt_com {

	font-size: 14px;

}

.spec_lineup .micro .msv dd .link_btn,

.spec_lineup .micro .mu dd .link_btn {

	width: 195px;

}

.spec_lineup p.text {

	margin: 35px 10px 0 10px;

	font-size: 12px;

}





.lineup p.txt {

	margin: 60px 45px 0 45px;

	font-size: 20px;

	color: #1fbc99;

}

.lineup p.tv_lineup,

.lineup p.bd_lineup,

.lineup p.usb_lineup {

	margin: 80px 0 0 10px;

	color: #1fbc99;

}

.lineup ul {

	margin: 25px 2px 0 2px;

}

.lineup li {

	float: left;

	padding-top: 18px;

	width: 318px;

	border-right: 1px solid #1fbc99;

}

.lineup li.last {

	border-right: none;

}

.lineup li p.img {

	text-align: center;

}

.lineup li p.model {

	margin: 25px 0;

	text-align: center;

}

.lineup li p.model span {

	font-size: 14px;

}

.lineup .micro {

	margin-top: 25px;

}

.lineup .desk dl {

	margin-top: 47px;

}

.lineup .desk dt {

	float: left;

	width: 355px;

	margin-left: 130px;

}

.lineup .desk dt img {

	margin-left: 75px;

}

.lineup .desk dd {

	float: left;

	width: 195px;

	margin-left: 55px;

}

.lineup .desk dd h4 {

	font-size: 16px;

	color: #1b1b1b;

}

.lineup .desk dd p.txt_desk {

	font-size: 14px;

	color: #1b1b1b;

}

.lineup .micro .msv {

	float: left;

	width: 479px;

	border-right: 1px solid #1fbc99;

}

.lineup .micro .mu {

	float: left;

	width: 480px;

}

.lineup .micro .msv dt,

.lineup .micro .mu dt {

	float: left;

	width: 140px;

	text-align: center;

}

.lineup .micro .msv dd,

.lineup .micro .mu dd {

	float: left;

	width: 330px;

}

.lineup .micro .msv dd h4,

.lineup .micro .mu dd h4 {

	font-size: 16px;

	color: #1b1b1b;

}

.lineup .micro .msv dd p.txt_com,

.lineup .micro .mu dd p.txt_com {

	font-size: 14px;

}

.lineup .micro .msv dd .link_btn,

.lineup .micro .mu dd .link_btn {

	width: 195px;

}

.lineup p.text {

	margin: 35px 10px 0 10px;

	font-size: 12px;

}





.link_btn {

	margin: 0 61px;

	padding: 8px 0 6px 0;

	background-color: #1fbc99;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	position: relative;

	zoom: 1;

}

.link_btn p {

	color: #ffffff;

	text-align: center;

	line-height: normal;

	zoom: 1;

}

.link_btn p a {

	display: block ;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	text-indent:-9999px;

	background/*\**/: #fff\9; /*IE7、8用ハック*/

	opacity: 0;

	moz-opacity: 0; 

	filter:alpha(opacity=0); /*フィルターで透明に*/

}

.link_btn p:link,

.link_btn p:hover,

.link_btn p:active,

.link_btn p:visited {

	text-decoration: none;

	color: #ffffff;

}

.link_btn:hover {

	background: rgba(121,215,194,0.6);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');

}





.note {

	margin: 32px 0 27px 0;

}

.note .inner {

	margin-top: 0;

	margin-bottom: 0 

}

.note .note_body {

	padding: 58px 0 24px 0;

	border-top: 1px dashed #c9c9c9;

	border-bottom: 1px dashed #c9c9c9;

}

.note .note_body h2 {

	font-size: 16px;

	color: #707070;

}

.note .note_body p {

	font-size: 12px;

	color: #707070;

}

.note .note_body2 {

	padding: 24px 0 48px 0;

	border-bottom: 1px dashed #c9c9c9;

}

.note .note_body2 h2 {

	font-size: 16px;

	color: #707070;

}

.note .note_body2 p {

	font-size: 12px;

	color: #707070;

}





#wrapper .top_to_back {

	clear: both;

	margin: 31px 2px 40px 0;

	text-align: right;

	font-size: 85%;

	height: 29px;

}

#wrapper .top_to_back  a {

	float: right;

	padding: 1px 0 5px 0;

	zoom: 1;

	line-height: 1.3;

}