@charset "utf-8";
/* CSS Document */

/*==================================================*/
/*==(orientation:landscape) common==*/

/*
	SAME AS...
	[../assets/styles/landscape/common.css]
*/

/* 基本縦表示の1.5倍 */
.landscape img:not([width]) {  
        zoom: .75;  
}

/* ヘッダー */

.landscape #header h1
{
	display:inline-block;
	vertical-align:top;
	padding:23px 0 23px 23px;
}

.landscape #header ul
{
	padding-top:12px;
}


.landscape #header ul li:nth-of-type(2)
{
	margin-top:15px;
	padding-left:23px;
	padding-right:15px;
}

/* フッター */
.landscape #footer
{
	border-top:2px solid #333333;
}

.landscape .footerMenu
{
	padding:15px 0;
}

.landscape .footerMenu ul
{
	margin-left:15px;
}

.landscape .footerMenu ul li
{
	padding-left:15px;
}


.landscape .pagetop
{
	margin-right:15px
}


.landscape #copyright
{
	padding:20px 0 18px;
}

/*==(orientation:landscape) common==*/
/*==================================================*/


#contents {
	padding-top: 20px;
	color:#333;
	background: url(../../images/company/mainContents_bg01.png) top left repeat-x;
}
#contents .inner {
	width: 300px;
	margin: 0 auto 15px auto;
	border-top: 1px solid #999999;
	padding: 0 0 30px 0;
	color: #333;
	font-size: 93%;
	background-color: #ffffff;
}
#contents h2 {
	margin: 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #666;
}
#contents h3 {
	margin: 20px 0 0 0;
}
#contents h3 img{
  max-width:98%;
}

.series .img{
	width:280px;
	margin:20px auto 0 auto;
}
.series p.img:first-child{
	margin-top:10px;
}

.detailBtn {
	margin: 10px 10px 0 10px;
	padding: 2px;
	text-align: center;
}
.detailBtn a {
	display: block;
	padding: 15px 0 15px 15px;
	background: url(../../images/products/navigation/index_detail_bg.png) top left no-repeat;
	background-size: 100% 100%;
	text-align:left;
}
.detailBtn a.pc {
	background: url(../../images/products/navigation/index_detailpc_bg.png) top left no-repeat;
}

.detailBtn.w01 a img{width:63.41%;}
.detailBtn.w02 a img{width:76.09%;}
.detailBtn.w03 a img{width:84.60%;}
.detailBtn.w04 a img{width:48.01%;}
.detailBtn.w05 a img{width:42.21%;}

.series .text01{
	margin: 10px 10px 0 10px;
	font-size:93%;
}

/*aspnetForm*/
#aspnetForm{
	margin:10px 10px 0;
}
#aspnetForm .TextBox{
	width:70%;
	margin-right:1%;
	padding:6px 3px;
	border:1px solid #777577;
	line-height:;
	vertical-alig1n:middle;
}
#aspnetForm .submit{
	width:20%;
	margin-bottom:4px;
	vertical-align:middle;
}



/* navi */
#gnav {
	margin: 10px 10px;
}
#gnav a {
	display: block;
}
#gnav p a,
#gnav h2 {
	text-align: center;
	padding: 19px 0 16px;
	margin: 0 auto;
	background-size: 100% 100%;
	width: 300px;
}
#gnav h2 {
	background: url(../../images/top/top_menu_back.png) top left no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
#gnav h2.selected {
	background-image: url(../../images/top/top_menu_back_o.png);
}
#gnav p a {
	background: url(../../images/top/top_menu_link_back.png) top left no-repeat;
	background-size: 100% 100%;
}
#gnav p.backTo a{
	margin-bottom:10px;
	padding-bottom: 18px;
	background: url(../../images/top/top_menu_link_back2.png) right center no-repeat;
}
#gnav p.findAStore a {
	/*background-image: url(../../images/top/btn_findstore_back.png);*/
	padding-bottom: 18px;
	border-bottom: 1px solid #999999;
}
#gnav ul {
	background: url(../../images/top/gnavi_border_dot.png) top left repeat-x;
	width: 298px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	display: none;
}
#gnav ul li {
	margin: 0 11px;
	padding-bottom: 1px;
	border-bottom: 1px solid #999999;
}
#gnav ul li a {
	display: block;
	font-weight: bold;
	padding: 12px 0;
	background: url(../../images/top/sub_menu_back.png) right center no-repeat;
	background-size: 100% 100%;
}

#gnav p.gnavCom img{width:40%;}
#gnav p.findAStore img{width:28.5%;}


/*==================================================*/
/*==(orientation:landscape) findastore==*/

/*
	SAME AS...
	[../assets/styles/landscape/findastore/top.css]
*/

.landscape .series .img{
	width:420px;
	margin:30px auto 0 auto;
}
.landscape .series p.img:first-child{
	margin-top:15px;
}
.landscape .detailBtn a {
	padding: 24px 0 24px 24px;
}
.landscape .series .text01{
	margin: 20px 20px 0 20px;
	font-size:155%;
}

/*aspnetForm*/
.landscape #aspnetForm{
	margin:20px 20px 0 20px;
}
.landscape #aspnetForm .TextBox{
	padding:8px 6px;
	border:2px solid #777577;
	font-size:155%;
}
.landscape #aspnetForm .submit{
	margin-bottom:10px;
}

/* navi */
.landscape #gnav {
	margin: 15px;
}
.landscape #gnav p a,
.landscape #gnav h2 {
	padding: 19px 0 16px;
	width: 450px;
}
.landscape #gnav p.backTo a {
	margin-bottom:20px;
	padding-bottom: 27px;
}
.landscape #gnav p.findAStore a {
	padding-bottom: 27px;
	border-bottom: 2px solid #999999;
}
.landscape #gnav ul {
	width: 446px;
	padding-bottom: 15px;
	border-left: 2px solid #999999;
	border-right: 2px solid #999999;
}
.landscape #gnav ul li {
	margin: 0 16px;
	padding-bottom: 1px;
	border-bottom: 2px solid #999999;
	font-size: 138.5%;
}
.landscape #gnav ul li a {
	padding: 18px 0;
}


.landscape #contents .inner {
	width: 450px;
}
.landscape #contents h2 {
	margin: 0 15px;
}
.landscape #contents h3 {
	margin: 15px 0 0 0;
}

/*==(orientation:landscape) findastore==*/
/*==================================================*/