@charset "utf-8";
/* CSS Document */
#contents div.innerbox {
	padding: 0 40px;
}
.over {
	transition: 0.3s;
}

/*
########################################################
  メニュー
########################################################
*/
ul#productmenu_top {
	position: absolute;
	top: 48px;
	left: 40px;
	width: 870px;
}
ul#productmenu {
	width: 870px;
	margin: 0 auto 8px;
}
ul#productmenu li,
ul#productmenu_top li {
	float: left;
	display: inline !important;
	padding: 0 35px 0 0;
	background: url(../../img/menu_partition.gif) right 0 no-repeat;
}
ul#productmenu_top li.nojoin {
	padding: 0;
	background: none;
}
ul#productmenu_top li.end {
	padding: 0;
	background: none;
	float: right;
}
ul#productmenu li.end {
	margin: 0;
	background: none;
}
ul#productmenu li a,
ul#productmenu_top a {
	display: block;
	background: url(../../img/menu.gif) 0 0;
	background-repeat: no-repeat;
	height: 12px;
	line-height: 1;
	text-indent: -9999em;
}
ul#productmenu li a.nav1,
ul#productmenu_top li a.nav1 {
	width: 51px;
	background-position: 0 0;
}
ul#productmenu li a.nav2,
ul#productmenu_top li a.nav2 {
	width: 24px;
	background-position: -51px 0;
}
ul#productmenu li a.nav3,
ul#productmenu_top li a.nav3 {
	width: 119px;
	background-position: -75px 0;
}
ul#productmenu li a.nav4,
ul#productmenu_top li a.nav4 {
	width: 24px;
	background-position: -194px 0;
}
ul#productmenu li a.nav5,
ul#productmenu_top li a.nav5 {
	width: 47px;
	background-position: -218px 0;
}
ul#productmenu li a.nav6,
ul#productmenu_top li a.nav6 {
	width: 24px;
	background-position: -265px 0;
}

ul#productmenu_top li a.nav6 {
	margin-left: 251px;
}
ul#productmenu li a.nav7,
ul#productmenu_top li a.nav7 {
	width: 155px;
	background-position: -289px 0;
}
ul#productmenu li a.nav1:hover,
ul#productmenu_top li a.nav1:hover {
	background-position: 0 -12px;
}
ul#productmenu li a.nav2:hover,
ul#productmenu_top li a.nav2:hover {
	background-position: -51px -12px;
}
ul#productmenu li a.nav3:hover,
ul#productmenu_top li a.nav3:hover {
	background-position: -75px -12px;
}
ul#productmenu li a.nav4:hover,
ul#productmenu_top li a.nav4:hover {
	background-position: -194px -12px;
}
ul#productmenu li a.nav5:hover,
ul#productmenu_top li a.nav5:hover {
	background-position: -218px -12px;
}
ul#productmenu li a.nav6:hover,
ul#productmenu_top li a.nav6:hover {
	background-position: -265px -12px;
}

ul#productmenu li a.nav7:hover,
ul#productmenu_top li a.nav7:hover {
	background-position: -289px -12px;
}
ul#productmenu_top li a.nav1on {
	width: 51px;
	background-position: 0 -12px;
}
ul#productmenu li a.nav2on {
	width: 24px;
	background-position: -51px -12px;
}
ul#productmenu li a.nav3on {
	width: 119px;
	background-position: -75px -12px;
}
ul#productmenu li a.nav4on {
	width: 24px;
	background-position: -194px -12px;
}
ul#productmenu li a.nav5on {
	width: 47px;
	background-position: -218px -12px;
}
ul#productmenu li a.nav6on {
	width: 24px;
	background-position: -218px -12px;
}
ul#productmenu li a.nav7on {
	width: 155px;
	background-position: -242px -12px;
}
/*
########################################################
  INDEXページ
########################################################
*/
#indexcontents {
	width: 950px;
	text-align: left;
	position: relative;
	height: 453px;
	margin-top: -20px;
}
/*
########################################################
  2階層目ページ
########################################################
*/
#contents h2.pagetitle {
	margin-bottom: 72px;
}
/*
########################################################
  特長ページ
########################################################
*/
div.featuresection01 {
	margin-bottom: 125px;
}
div.featuresection02 {
	margin-bottom: 75px;
}
div.featuresection01 h3,
div.featuresection02 h3 {
	margin: 0 0 25px;
}
div.featuresection01 img.rightphoto01 {
	float: right;
}
div.featuresection01 div.leftbox01 {
	width: 373px;
	float: left;
}
div.featuresection02 img.leftphoto02 {
	float: left;
	margin-left: 60px;
}
div.featuresection02 div.rightbox02 {
	width: 644px;
	float: right;
	padding-top: 35px;
}
div.featuresection02 div.rightbox02 div.subleftbox01 {
	width: 294px;
	float: left;
	margin-bottom: 80px;
}
div.featuresection02 div.rightbox02 div.subrightbox01 {
	width: 294px;
	float: right;
	margin-bottom: 80px;
}
div.featuresection02 div.rightbox02 div.subrightbox01 div.firstbox {
	min-height: 193px;
	height: auto !important;
	height: 193px;
	margin-bottom: 35px;
}
div.featuresection02 div.centerbox02 {
	clear: both;
}
div.featuresection02 div.centerbox02 div.textbox {
	width: 293px;
}
/*
########################################################
  チップバリエーション
########################################################
*/
div.pagetitle {
	position: relative;
	margin-bottom: 72px;
	height: 36px;
}
div.pagetitle h2 {
	position: absolute;
	top: 0;
	left: 0;
}
div.pagetitle ul.chipmenu {
	position: absolute;
	top: 25px;
	left: 230px;
	width: 355px;
}
div.pagetitle ul.chipmenu li {
	float: left;
	display: inline !important;
	padding: 0 21px 0 0;
	background: url(../../chipvariation/img/menu_partition.gif) right 0 no-repeat;
}
div.pagetitle ul.chipmenu li.end {
	padding: 0;
	background: none;
}
div.pagetitle ul.chipmenu li a {
	display: block;
	background: url(../../chipvariation/img/menu.gif) 0 0;
	background-repeat: no-repeat;
	height: 13px;
	line-height: 1;
	text-indent: -9999em;
}
div.pagetitle ul.chipmenu li a.nav1 {
	width: 28px;
	background-position: 0 0;
}
div.pagetitle ul.chipmenu li a.nav2 {
	width: 27px;
	background-position: -28px 0;
}
div.pagetitle ul.chipmenu li a.nav3 {
	width: 62px;
	background-position: -55px 0;
}
div.pagetitle ul.chipmenu li a.nav4 {
	width: 54px;
	background-position: -117px 0;
}
div.pagetitle ul.chipmenu li a.nav5 {
	width: 42px;
	background-position: -171px 0;
}
div.pagetitle ul.chipmenu li a.nav6 {
	width: 37px;
	background-position: -213px 0;
}
div.pagetitle ul.chipmenu li a.nav1:hover {
	background-position: 0 -13px;
}
div.pagetitle ul.chipmenu li a.nav2:hover {
	background-position: -28px -13px;
}
div.pagetitle ul.chipmenu li a.nav3:hover {
	background-position: -55px -13px;
}
div.pagetitle ul.chipmenu li a.nav4:hover {
	background-position: -117px -13px;
}
div.pagetitle ul.chipmenu li a.nav5:hover {
	background-position: -171px -13px;
}
div.pagetitle ul.chipmenu li a.nav6:hover {
	background-position: -213px -13px;
}
div.pagetitle ul.chipmenu li a.nav1on {
	width: 28px;
	background-position: 0 -13px;
}
div.pagetitle ul.chipmenu li a.nav2on {
	width: 27px;
	background-position: -28px -13px;
}
div.pagetitle ul.chipmenu li a.nav3on {
	width: 62px;
	background-position: -55px -13px;
}
div.pagetitle ul.chipmenu li a.nav4on {
	width: 54px;
	background-position: -117px -13px;
}
div.pagetitle ul.chipmenu li a.nav5on {
	width: 42px;
	background-position: -171px -13px;
}
div.pagetitle ul.chipmenu li a.nav6on {
	width: 37px;
	background-position: -213px -13px;
}
h3.chiptitle {
	margin-bottom: 40px;
}
ul.chiplist01,
ul.chiplist02 {
	width: 870px;
	margin-bottom: 25px;
}
ul.chiplist01 li {
	width: 256px;
	float: left;
	display: inline !important;
	padding: 0 0 55px 51px;
	font-size: 83%;
	letter-spacing: 0;
}
ul.chiplist01 li.start {
	clear: both;
	padding: 0 0 45px 0;
}
ul.chiplist01 li img.name {
	margin-bottom: 20px;
}
ul.chiplist01 li dl {
	width: 170px;
}
ul.chiplist01 li dl dt {
	width: 9.2em;
	float: left;
	clear: both;
	text-align: right;
}
ul.chiplist01 li dl dd {
	padding: 0 0 0 9.2em;
}
ul.chiplist01 li dl.long {
	width: 200px;
}
ul.chiplist01 li dl.long dt {
	width: 9.2em;
	float: left;
	clear: both;
	text-align: right;
}
ul.chiplist01 li dl.long dd {
	padding: 0 0 0 9.2em;
}
ul.chiplist02 li {
	width: 206px;
	float: left;
	display: inline !important;
	padding: 0 0 55px 126px;
	font-size: 83%;
	letter-spacing: 0;
}
ul.chiplist02 li.start {
	clear: both;
	padding: 0 0 45px 0;
}
ul.chiplist02 li img.name {
	margin-bottom: 20px;
}
ul.chiplist02 li dl {
	width: 140px;
}
ul.chiplist02 li dl dt {
	width: 6.1em;
	float: left;
	clear: both;
	text-align: right;
}
ul.chiplist02 li dl dd {
	padding: 0 0 0 6.1em;
}
ul.chiplist01 li p.text170 {
	width: 170px;
}
ul.chiplist01 li p.text180 {
	width: 200px;
}
ul.chiplist01 li p.text145 {
	width: 145px;
}
ul.chiplist01 li p.text125come {
	padding-left: 10px;
	text-indent: -10px;
	width: 115px;
	_width: 125px;
	margin-bottom: 0;
}
ul.chiplist01 li p.text145come {
	padding-left: 10px;
	text-indent: -10px;
	width: 135px;
	_width: 145px;
	margin-bottom: 0;
}
ul.chiplist01 li p.text160come {
	padding-left: 10px;
	text-indent: -10px;
	width: 150px;
	_width: 160px;
	margin-bottom: 0;
}
ul.chiplist01 li p.text170come {
	padding-left: 10px;
	text-indent: -10px;
	width: 160px;
	_width: 170px;
	margin-bottom: 0;
}
ul.chiplist01 li p.text145 {
	width: 145px;
}
li.perio01,
li.perio02,
li.perio03,
li.perio04,
li.perio05,
li.perio06 {
	min-height: 229px;
	height: auto !important;
	height: 229px;
}
li.perio07,
li.perio08,
li.perio09 {
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
li.perio10,
li.perio11,
li.perio12 {
	min-height: 129px;
	height: auto !important;
	height: 129px;
}
li.perio01 {
	background: url(../../chipvariation/img/perio_photo01.jpg) right top no-repeat;
}
li.perio02 {
	background: url(../../chipvariation/img/perio_photo02.jpg) right top no-repeat;
}
li.perio03 {
	background: url(../../chipvariation/img/perio_photo03.jpg) right top no-repeat;
}
li.perio04 {
	background: url(../../chipvariation/img/perio_photo04.jpg) right top no-repeat;
}
li.perio05 {
	background: url(../../chipvariation/img/perio_photo05.jpg) right top no-repeat;
}
li.perio06 {
	background: url(../../chipvariation/img/perio_photo06.jpg) right top no-repeat;
}
li.perio07 {
	background: url(../../chipvariation/img/perio_photo07.jpg) right top no-repeat;
}
li.perio08 {
	background: url(../../chipvariation/img/perio_photo08.jpg) right top no-repeat;
}
li.perio09 {
	background: url(../../chipvariation/img/perio_photo09.jpg) right top no-repeat;
}
li.perio10 {
	background: url(../../chipvariation/img/perio_photo10.jpg) right top no-repeat;
}
li.perio11 {
	background: url(../../chipvariation/img/perio_photo11.jpg) right top no-repeat;
}
li.perio12 {
	background: url(../../chipvariation/img/perio_photo12.jpg) right top no-repeat;
}
li.endo01,
li.endo02,
li.endo03 {
	min-height: 212px;
	height: auto !important;
	height: 212px;
}
li.endo04,
li.endo05,
li.endo06 {
	min-height: 224px;
	height: auto !important;
	height: 224px;
}
li.endo07,
li.endo08,
li.endo09 {
	min-height: 180px;
	height: auto !important;
	height: 180px;
}
li.endo10,
li.endo11,
li.endo12 {
	min-height: 146px;
	height: auto !important;
	height: 146px;
}
li.endo13 {
	min-height: 148px;
	height: auto !important;
	height: 148px;
}
li.endo01 {
	background: url(../../chipvariation/img/endo_photo01.jpg) right top no-repeat;
}
li.endo02 {
	background: url(../../chipvariation/img/endo_photo02.jpg) right top no-repeat;
}
li.endo03 {
	background: url(../../chipvariation/img/endo_photo03.jpg) right top no-repeat;
}
li.endo04 {
	background: url(../../chipvariation/img/endo_photo04.jpg) right top no-repeat;
}
li.endo05 {
	background: url(../../chipvariation/img/endo_photo05.jpg) right top no-repeat;
}
li.endo06 {
	background: url(../../chipvariation/img/endo_photo06.jpg) right top no-repeat;
}
li.endo07 {
	background: url(../../chipvariation/img/endo_photo07.jpg) right top no-repeat;
}
li.endo08 {
	background: url(../../chipvariation/img/endo_photo08.jpg) right top no-repeat;
}
li.endo09 {
	background: url(../../chipvariation/img/endo_photo09.jpg) right top no-repeat;
}
li.endo10 {
	background: url(../../chipvariation/img/endo_photo10.jpg) right top no-repeat;
}
li.endo11 {
	background: url(../../chipvariation/img/endo_photo11.jpg) right top no-repeat;
}
li.endo12 {
	background: url(../../chipvariation/img/endo_photo12.jpg) right top no-repeat;
}
li.endo13 {
	background: url(../../chipvariation/img/endo_photo13.jpg) right top no-repeat;
}
li.retroendo01,
li.retroendo02,
li.retroendo03,
li.retroendo04,
li.retroendo05,
li.retroendo06 {
	min-height: 180px;
	height: auto !important;
	height: 180px;
}
li.retroendo07,
li.retroendo08 {
	min-height: 122px;
	height: auto !important;
	height: 122px;
}
li.retroendo01 {
	background: url(../../chipvariation/img/retroendo_photo01.jpg) right top no-repeat;
}
li.retroendo02 {
	background: url(../../chipvariation/img/retroendo_photo02.jpg) right top no-repeat;
}
li.retroendo03 {
	background: url(../../chipvariation/img/retroendo_photo03.jpg) right top no-repeat;
}
li.retroendo04 {
	background: url(../../chipvariation/img/retroendo_photo04.jpg) right top no-repeat;
}
li.retroendo05 {
	background: url(../../chipvariation/img/retroendo_photo05.jpg) right top no-repeat;
}
li.retroendo06 {
	background: url(../../chipvariation/img/retroendo_photo06.jpg) right top no-repeat;
}
li.retroendo07 {
	background: url(../../chipvariation/img/retroendo_photo07.jpg) right top no-repeat;
}
li.retroendo08 {
	background: url(../../chipvariation/img/retroendo_photo08.jpg) right top no-repeat;
}
li.endotips01,
li.endotips02,
li.endotips03 {
	min-height: 180px;
	height: auto !important;
	height: 180px;
}
li.endotips01 {
	background: url(../../chipvariation/img/endotips_photo01.jpg) right top no-repeat;
}
li.endotips02 {
	background: url(../../chipvariation/img/endotips_photo02.jpg) right top no-repeat;
}
li.endotips03 {
	background: url(../../chipvariation/img/endotips_photo03.jpg) right top no-repeat;
}
li.scaling01,
li.scaling02,
li.scaling03 {
	min-height: 217px;
	height: auto !important;
	height: 217px;
}
li.scaling04,
li.scaling05,
li.scaling06 {
	min-height: 206px;
	height: auto !important;
	height: 206px;
}
li.scaling07 {
	min-height: 150px;
	height: auto !important;
	height: 150px;
}
li.scaling01 {
	background: url(../../chipvariation/img/scaling_photo01.jpg) right top no-repeat;
}
li.scaling02 {
	background: url(../../chipvariation/img/scaling_photo02.jpg) right top no-repeat;
}
li.scaling03 {
	background: url(../../chipvariation/img/scaling_photo03.jpg) right top no-repeat;
}
li.scaling04 {
	background: url(../../chipvariation/img/scaling_photo04.jpg) right top no-repeat;
}
li.scaling05 {
	background: url(../../chipvariation/img/scaling_photo05.jpg) right top no-repeat;
}
li.scaling06 {
	background: url(../../chipvariation/img/scaling_photo06.jpg) right top no-repeat;
}
li.scaling07 {
	background: url(../../chipvariation/img/scaling_photo07.jpg) right 40px no-repeat;
}
li.others01,
li.others02,
li.others03 {
	min-height: 204px;
	height: auto !important;
	height: 204px;
}
li.others04 {
	min-height: 267px;
	height: auto !important;
	height: 267px;
}
li.others01 {
	background: url(../../chipvariation/img/others_photo01.jpg) right top no-repeat;
}
li.others02 {
	background: url(../../chipvariation/img/others_photo02.jpg) right top no-repeat;
}
li.others03 {
	background: url(../../chipvariation/img/others_photo03.jpg) right top no-repeat;
}
li.others04 {
	background: url(../../chipvariation/img/others_photo04.jpg) right top no-repeat;
}
/*
########################################################
  機能ページ
########################################################
*/
ul.functionimg {
	width: 870px;
	margin-bottom: 40px;
}
ul.functionimg li {
	width: 298px;
	_width: 353px;
	padding: 0 55px 35px 0;
	float: left;
}
div.functionsection {
	margin-bottom: 75px;
}
div.functionsection h3 {
	margin-bottom: 25px;
}
div.functionsection div.leftbox01,
div.functionsection div.rightbox01 {
	width: 298px;
	_width: 353px;
	margin: 0 55px 0 0;
	float: left;
}
div.functionsection div.leftbox02 {
	width: 260px;
	_width: 300px;
	margin: 0 40px 0 0;
	float: left;
}
div.functionsection img.rightphoto01 {
	float: left;
}
div.functionsection div.rightbox03 {
	width: 293px;
	float: right;
}
div.functionsection img.leftphoto03 {
	float: left;
}
/*
########################################################
  関連動画ページ
########################################################
*/
div.relatedvideossection {
	margin: 0 0 80px;
	width: 870px;
}
div.relatedvideossection .videoList01 h4 {
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #595757;
	padding-bottom: 3px;
	margin-bottom: 30px;
}
div.relatedvideossection .videoList01 ul {
	width: 912px;
	margin: 0 -21px 40px;
	overflow: hidden;
	_zoom: 1;
	font-size: 0;
	letter-spacing: 0;
}
div.relatedvideossection .videoList01 ul li {
	display: inline-block;
	width: 414px;
	margin: 0 21px 40px;
	vertical-align: top;
	font-size: 14px;
	letter-spacing: 0.05em;
}
div.relatedvideossection .videoList01 ul h5 {
	font-size: 14px;
	margin: 15px 0 20px;
	padding: 0;
	border: none;
}
div.relatedvideossection .videoList01 ul p.btn01 {
	text-align: center;
	margin: 0;
}
div.relatedvideossection .videoList01 ul p.btn01 a {
	background: url(../../related_videos/img/btn01.png) no-repeat 0 0;
	display: block;
	margin: 0 auto;
	width: 126px;
	height: 28px;
	text-indent: -9999em;
}
div.relatedvideossection .videoList01 ul p.btn01 a:hover {
	background-position: 0 -28px;
}
/*
########################################################
  仕様ページ
########################################################
*/
dl.specinfo {
	margin: 0 0 80px;
	width: 870px;
}
dl.specinfo dt {
	float: left;
	clear: both;
	width: 165px;
	padding: 0 0 12px;
}
dl.specinfo dd {
	margin: 0;
	padding: 0 0 12px 165px;
	vertical-align: top;
}
dl.specinfo table.price {
	margin: 0;
	padding: 0;
}
dl.specinfo table.price th,
dl.specinfo table.price td {
	font-weight: normal;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
dl.specinfo table.price th {
	width: 16em;
}
dl.specinfo dd img {
	vertical-align: text-top;
	margin-left: 50px;
}
#specification .bottominfo01 {
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	padding: 25px 0;
	margin: 0 0 25px;
	font-size: 11px;
}
div.specbottominfo {
	margin-bottom: 100px;
}
div.specbottominfo dl {
	margin-bottom: 30px;
}
div.specbottominfo dl dt {
	width: 90px;
	float: left;
	clear: both;
}
div.specbottominfo dl dd {
	padding: 0 0 0 90px;
	width: 720px;
}
div.specbottominfo a {
	font-weight: bold;
	color: #333;
}