@charset "utf-8";

div#contents { width:100% !important; }

/* font
=========================================*/
body {
	line-height: 1.5;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* img */
img{ vertical-align: bottom; }



/* 共通ヘッダー　Top
=========================================*/
#commonHeader {
	width: 980px;
	margin: 0 auto 12px;
	padding-top:20px;
}

#commonHeader h1 {
	float: left;
}

#commonHeader p {
	float: right;
	padding-top: 5px;
}
.menu_btn {
	display: none;
}
.gNavi {display: none;}
#commonHeader p a img,
#pagetop a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
a.trans:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#commonHeader p a:hover img,
#pagetop a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* 共通フッター
=========================================*/
#commonFooterWrapper {
	padding: 30px 0;
	background: #F1F1F0;
	border-top: 1px solid #E3E3E2;
}

#commonFooter {
	width: 980px;
	margin: 0 auto;
}

#commonFooter #btnView3d {
  margin-bottom: 30px;
  display: block;
  height: 130px;
  overflow: hidden;
}

#commonFooter #btnView3d:hover img {
  margin-top: -130px;
}

#commonFooter #btnView3d img {
  display: block;
}

#commonFooter div.middle {
  background: url(../img/line.gif) repeat-x 0 bottom;
}

#commonFooter div.middle #accessoryCatalog {
	width: 477px;
	float: left;
}

#commonFooter div.middle #usersVoice {
	width: 477px;
	float: right;
	text-align: left;
}

#commonFooter div.middle .label {
	padding:0.3em 0;
	text-align: center;
	font-weight: bold;
	background: #CFCFCF;
	color: #656565;
	font-size: 14px;
	margin-bottom: 15px;
}

#commonFooter div.middle #accessoryCatalog #catalog {
  padding-left: 70px;
  height: 120px;
  font-size: 12px;
  background: url(../img/catalog.png) no-repeat 0 0;
}

#commonFooter div.middle #accessoryCatalog #catalog #viewcatalog {
  display: block;
  width: 195px;
  height: 25px;
  margin-top: 8px;
  background: url(../img/btn_catalog.png) no-repeat 0 0;
}

#commonFooter div.middle #accessoryCatalog #catalog #viewcatalog:hover {
  background-position: 0 -25px;
}

#commonFooter div.middle #accessoryCatalog #catalog #adobe {
  display: block;
  width: 397px;
  height: 33px;
  margin-top: 11px;
  background: url(../img/bnr_adobe.png) no-repeat 0 0;
}

#commonFooter div.middle #usersVoice #voice {
  height: 56px;
  padding: 75px 0 0 180px;
  background: url(../../nbox/common/img/usersvoice.png) no-repeat 0 0;
}

#commonFooter div.middle #usersVoice #voice a {
  display: block;
  width: 178px;
  height: 25px;
  background: url(../img/btn_usersvoice.png) no-repeat 0 0;
}

#commonFooter div.middle #usersVoice #voice a:hover {
  background-position: 0 -25px;
}

.t-ind {
  text-indent: 101%;
  white-space: nowrap;
  overflow: hidden;
}

#footlinks {
	display: none;
}

#commonFooter div.bottom{
	padding: 20px 0 50px;
	background: url(../img/line.gif) repeat-x 0 bottom;
}

#commonFooter div.bottom div.left{
	float: left;
	width: 477px;
}

#commonFooter div.bottom div.right{
	float: right;
	width: 477px;
}

#commonFooter div.bottom div.right {
	background: url(../img/guarantee.png) no-repeat 0 0;
	background: url(../img/guarantee_ie8.png) no-repeat 0 0\9;
	background-size: 120px auto;
	width: 492px;
	font-size: 12px;
	line-height: 1.3;
}
#commonFooter div.bottom div.right p {
	padding-left: 130px;
}
#commonFooter div.bottom div.right ul {
	padding-left: 130px;
	margin-top: 10px;
}

#commonFooter div.bottom div.right ul li {
	margin-bottom:5px;
}

#commonFooter div.bottom div.right a {
	color: #333;
	background: url(../img/listarw.png) no-repeat 0 3px;
	display: inline;
	text-decoration: none;
	padding-left: 12px;
}

#commonFooter div.bottom div.right a:hover {
	text-decoration: underline;
}

#commonFooter p#pagetop {
  padding-top: 15px;
		text-align: right;
}






/* パンくず
=========================================*/
ul#pankuzu {
	clear:both;
	padding:12px 0;
}

ul#pankuzu li {
	float:left;
	font-size:12px;
}

ul#pankuzu li a {
	padding-right:19px;
	background:url(../img/pankuzu_triangle_off.gif) right center no-repeat;
	color:#333;
	text-decoration:none;
}

ul#pankuzu li a:visited {
	color:#333;
	text-decoration:none;
}

ul#pankuzu li a:hover {
	color:#369;
	text-decoration:underline;
}

ul#pankuzu li.self {
	font-weight:bold;
	color:#333;
}



/* clear
=========================================*/
#pankuzu,
#commonFooter,
#commonFooter div.middle,
#commonFooter div.bottom,
ul#gNavi { /zoom : 1; }


ul#pankuzu:after,
#commonFooter:after,
#commonFooter div.middle:after,
#commonFooter div.bottom:after,
ul#gNavi:after { content : ''; display : block; clear : both; height:0; }

.pchide { display: none;}
/* SmartPhone
=========================================*/
@media only screen and (max-width: 736px) {
	.sphide { display: none; }
	.pchide { display: inline;}
	#commonHeader {
		position: absolute;
		top: 51px;
		z-index: 10;
		width: 100%;
		display: table;
		height: 44px;
		background-color: #fff;
		padding: 0;
		margin: 0;
	}

	#commonHeader h1 {
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
	#commonHeader h1 a {
		display: block;
		width: 250px;
		height: 40px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#commonHeader h1 img {
		display: none;
	}
	#commonHeader p {
		display: none;
	}
	.menu_btn {
		display: block;
		float: right;
	}
	.menu_btn img {
		height: 44px;
		vertical-align: bottom;
	}

	.gNavi {
		display: none;
		position: absolute;
		left: 0;
		top: 95px;
		width: 100%;
		border-top: 1px solid #fff;
		z-index: 9;
	}
	.gNavi.nav-show {
		display: block;
	}
	.gNavi ul {
		width: 100%;
		background-color: #fff;
	}
	.gNavi ul li {
		float: none;
		line-height: 1.3;
		border-bottom: 1px solid #fff;
	}

	.gNavi ul li a {
		display: block;
		width: auto !important;
		height: auto;
		text-decoration: none;
		color: #000;
		font-size: 13px;
		line-height: 1.3;
		background: #f0f0f0 url(/ACCESS/common/img/sp_arw01.png) no-repeat scroll right center / 32px 11px !important;
		padding: 11px 20px;
		text-indent: 0;
	}
	.gNavi ul li a:hover { background: #f0f0f0 url(/ACCESS/common/img/sp_arw01.png) no-repeat scroll right center / 32px 11px;}
	.gNavi img {
		vertical-align: bottom;
		width: 100%;
	}



	.is-spmenu_active {
		display: block;
		position: fixed;
		top: 44px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
	}



	#commonHeader p a img,
	#pagetop a img {
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}

	#commonHeader p a:hover img,
	#pagetop a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}



	/* 共通フッター
	=========================================*/
	#commonFooterWrapper {
		padding: 30px 0;
		background: #F1F1F0;
		border-top: 1px solid #E3E3E2;
	}

	#commonFooter {
		width: 100%;
		margin: 0 auto;
	}
	#commonFooter #btnView3d {
		height: auto;
		margin-bottom: 0;
		border-top: solid 1px #cdcdcd;
	}
	#commonFooter #btnView3d a{
		display: block;
		width: 100%;
		height: 0;
		text-indent: -9999px;
		background: url(/ACCESS/common/img/sp_foot_banner01.png) center center no-repeat;
		background-size: 93.75% auto;
		padding-bottom: 18.75%;
		margin-bottom: 0;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #cdcdcd;
	}
	#commonFooter #btnView3d.btnView3dPtn02 a {
		background: url(/ACCESS/common/img/sp_foot_banner01_02.png) center center no-repeat;
		background-size: 93.75% auto;
	}
	#commonFooter #btnView3d img {
		display: none;
	}

	#commonFooter div.middle {
		background: none;
	}

	#commonFooter div.middle #accessoryCatalog {
		display: none;
	}

	#commonFooter div.middle #usersVoice {
		width: 100%;
		float: none;
		text-align: left;
	}

	#commonFooter div.middle .label {
		display: none;
	}

	#commonFooter div.middle #usersVoice #voice {
		height: auto;
		padding: 0;
		background: none;
	}

	#commonFooter div.middle #usersVoice #voice a {
		display: block;
		width: 100%;
		height: 0;
		background: url(/ACCESS/common/img/sp_foot_banner02.png) center center no-repeat;
		background-size: 93.75% auto;
		padding-bottom: 18.75%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #cdcdcd;
	}

	#commonFooter div.middle #usersVoice #voice a:hover {
		background-position: center center;
	}

	.t-ind {
	  text-indent: 101%;
	  white-space: nowrap;
	  overflow: hidden;
	}

	#commonFooter div.bottom{
		padding: 0;
		background: none;
	}

	#commonFooter div.bottom div.left{
		float: none;
		width: 100%;
	}

	#commonFooter div.bottom div.right{
		float: none;
		width: 93.75%;
		margin: 0 auto;
	}

	.footmap { display: none;}
	#footlinks {
		display: block;
		padding: 15px 10px;
		border-top: solid 1px #FFF;
	}
	#commonFooter #foot_btn01,#commonFooter #foot_btn02 {
		height: auto;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #333;
		line-height: 1;
		font-size: 12px;
		padding: 2.5%;
		background: url(/ACCESS/common/img/sp_btnarw01.png) left center no-repeat white;
		background-size: 25px 12px;
		border: solid 1px #CFCFCF;
	}
	#commonFooter #foot_btn01 {
		margin-bottom: 10px;
	}
	#commonFooter div.bottom div.right {
		background: url(../img/guarantee.png) no-repeat 0 0;
		background-size: 100px auto;
		width: 93.75%;
		font-size: 12px;
		line-height: 1.3;
	}
	#commonFooter div.bottom div.right p {
		padding-left: 110px;
	}
	#commonFooter div.bottom div.right ul {
		padding: 0;
		margin-top: 10px;
	}

	#commonFooter div.bottom div.right ul li {
		background: url(../img/listarw.png) no-repeat 0 3px;
		padding-left: 12px;
		margin-left: 7px;
		margin-bottom:0px;
	}

	#commonFooter div.bottom div.right a {
		color: #333;
		display: inline;
		background: none;
		text-decoration: none;
		padding-left: 0;
	}

	#commonFooter div.bottom div.right a:hover {
		text-decoration: underline;
	}

	#commonFooter p#pagetop {
		padding-top: 15px;
		text-align: right;
	}

	#commonFooter p#pagetop a {
		display: block;
		width: 29.0625%;
		padding-top: 3.75%;
		background: url(/ACCESS/common/img/btn_totop_sp.gif) 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		margin: 0 10px 0 auto;
	}

	#commonFooter p#pagetop img {
		display: none;
	}

	/* パンくず
	=========================================*/
	ul#pankuzu {
		display: none;
	}

	/* clear
	=========================================*/
	#pankuzu,
	#commonFooter,
	#commonFooter div.middle,
	#commonFooter div.bottom,
	ul#gNavi { /zoom : 1; }


	ul#pankuzu:after,
	#commonFooter:after,
	#commonFooter div.middle:after,
	#commonFooter div.bottom:after,
	ul#gNavi:after { content : ''; display : block; clear : both; height:0; }


}