@charset "utf-8";
/* CSS Document */
/* ## リンク色設定  ###################################################################################################### */

/************************************************************
【ホバー処理】IE8用パンクズ・タイトル用
*************************************************************/
#contents-area .topicpath ul li a:link{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:visited{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:hover{color:#FF8000;}
/************************************************************
【ホバー処理】共通／ページの先頭に戻る
*************************************************************/
#product-contents div.product-page-top .page-top a:link{color:#333333;text-decoration:none;}
#product-contents div.product-page-top .page-top a:hover{color:#333333;text-decoration:underline;}
#product-contents div.product-page-top .page-top a:visited{color:#333333;text-decoration:none;}
/************************************************************
【ホバー処理】共通／メインタブ
*************************************************************/
#main-contents .main-tab-menu ul li a:link{text-decoration:none;color:#666;}
#main-contents .main-tab-menu ul li a:visited{text-decoration:none;color:#666;}
#main-contents .main-tab-menu ul li a:hover{text-decoration:underline;color:#666;}
#main-contents .main-tab-menu ul li.act a:link{text-decoration:none;color:#fff;}
#main-contents .main-tab-menu ul li.act a:visited{text-decoration:none;color:#fff;}
#main-contents .main-tab-menu ul li.act a:hover{text-decoration:underline;color:#fff;}
/************************************************************
【ホバー処理】共通／フィルム・ケース／その他切り替えタブ／
*************************************************************/
#contents-body ul.page-navi li a:link{color: #666;text-decoration: none;background-color: #eeeeee; }
#contents-body ul.page-navi li a:hover{color: #666;text-decoration: none;background-color: #eeeeee;}
#contents-body ul.page-navi li a:hover span{color: #666;text-decoration:underline;}
#contents-body ul.page-navi li a:visited{color:#666;text-decoration:none;background-color: #eeeeee;}
#contents-body ul.page-navi li.cr a:link{color:#666;text-decoration:none;background-color: #fff;}
#contents-body ul.page-navi li.cr a:hover{color: #666;text-decoration:none;}
#contents-body ul.page-navi li.cr a:visited{color:#666;text-decoration:none;}
#contents-body ul.page-navi li.cr a:hover span{color: #666;text-decoration:underline;}
/************************************************************
【ホバー処理】／製品／ロールオーバー処理
*************************************************************/
ul#product-list li dl dd ul.category-box li a{display:block;}
ul#product-list li dl dd ul.category-box li a:link .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:hover .prduct-name{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.category-box li a:link .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:hover .prduct-kataban{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.category-box li a:link p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:hover p{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.category-box li a ul.charm-list li{text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited{}
ul#product-list li dl dd ul.category-box li a:hover{opacity:0.65;filter: alpha(opacity=65);}
/************************************************************
【ホバー処理】その他／製品／ロールオーバー処理
*************************************************************/
ul#product-list li dl dd ul.others-box li a{display:block;}
ul#product-list li dl dd ul.others-box li a:link .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:hover .prduct-name{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.others-box li a:link .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:hover .prduct-kataban{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.others-box li a:link p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:hover p{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.others-box li a ul.charm-list li{text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited{}
ul#product-list li dl dd ul.others-box li a:hover{opacity:0.65;filter: alpha(opacity=65);}


/* ## PC Style  ###################################################################################################### */

/****************************************
メインコンテンツ
*****************************************/
#main-contents{
	width: 700px;
	padding: 0 0 0 10px;
	color: #333;
	float:left;
}
/****************************************
サブメニュー
*****************************************/
#sub-contents{
	float:right;
}
#sub-contents .bnr-box{
	width:220px;
}
/*****************************************
ヘッダーコンテンツ
*****************************************/
#header-contents{
	width: 700px;
}
#main-img{
	width: 100%;
	padding: 12px 0;
	text-align: center;
	overflow: hidden;
	height: auto;
}
#main-img img{
	display: none;
}
#main-img img.act{
	display: inline-block;
}
/*****************************************
メインタブメニュー
*****************************************/
#main-contents .main-tab-menu{
	width: 700px;
	clear: both;
	height: 78px;
	padding: 0;
}
#main-contents .main-tab-menu ul{
	width: 700px;
	clear: both;
	margin: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .main-tab-menu ul li{
	width: 50%;
	/* width:33%; */
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li{
	vertical-align:bottom;
}
#main-contents .main-tab-menu ul li br{
	display:none;
}
#main-contents .main-tab-menu ul li h2{
	width:100%;
	border-bottom:1px #b9b9b9 solid;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	border-top:1px #b9b9b9 solid;
	border-bottom:none;
}
/* タブ左 */
#main-contents .main-tab-menu ul li.btn-left a {
	margin:0 6px 0 0;
}
/* タブ右 */
#main-contents .main-tab-menu ul li.btn-right a{
	margin: 0 0 0 0;
}
/* タブ真ん中（１個の場合） */
#main-contents .main-tab-menu ul li.btn-center a{
	margin: 0 6px 0 0;
}
/* タブ真ん中 左側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-l a{
	margin: 0 6px 0 0;
}
/* タブ真ん中 右側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-r a{
	margin: 0 6px 0 0;
}
#main-contents .main-tab-menu ul li a{
	padding: 13px 0 11px;
	display: block;
	font-size: 116%;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #bababa;
	border-right-color: #bababa;
	border-left-color: #bababa;
	position: relative;
	z-index: 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a{
	/* border-radius */
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #bababa;
	border-right-color: #bababa;
	border-left-color: #bababa;
	position: relative;
	z-index: 0;
}
#main-contents .main-tab-menu ul li.act a{
	color:#fff;
	background-color:#3068a0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #3068a0;
	border-right-color: #3068a0;
	border-left-color: #3068a0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act a{
	color:#fff;
	background-color:#3068a0;
	border-bottom:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #3068a0;
	border-right-color: #3068a0;
	border-left-color: #3068a0;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
#main-contents .main-tab-menu ul li em{
	font-weight: bold;
	font-size: 85%;
}
#main-contents .main-tab-menu ul li.act span{
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.act span {
	margin: -4px 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-center.act span{
	margin: -4px 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-right.act span{
	margin: -4px 0 0 0;
}
#main-contents .main-tab-menu ul li.act a em{
	display:none;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.act span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
#main-contents .main-tab-menu.footer ul li.act a em{
	display:none;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
div.navi-box{
	height:40px;
}
div.navi-box-foot{
	height:68px;
}
.others-navi ul.page-navi{
	display:none;
}
#contents-body ul.page-navi{
	display:none;
}
#contents-body ul.page-navi.act{
	display:block;
}
#contents-body ul.page-navi{
	width: 700px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	padding: 0;
	margin: 0 0 0 0;
	text-align: center;
}
#contents-body ul.foot{
	margin: 0 0 25px 0;
}
#contents-body ul.page-navi li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 2px;
	position: relative;
	z-index: 1;
}
#contents-body ul.page-navi li.cr{
	margin:0 0 -1px 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#contents-body ul.foot li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: 0 0 -1px 0;
	padding: 0 2px;
}
#contents-body ul.foot li.cr{
	margin:-1px 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#contents-body ul.page-navi li br{
	display:none;
}
#contents-body ul.page-navi li a{
	width: 213px;
	margin: 0 1px 0;
	padding: 2px 0 0 0;
	display: block;
	float: left;
	height: 38px;
	line-height: 38px;
	/* border-radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	position: relative;
	z-index: 0;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	/* border-radius */
	-moz-border-radius: 0 0 3px 3px ;
	-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
	-o-border-radius:  0 03px 3px / 0 0 3px 3px;
	-ms-border-radius:  0 0 3px 3px/ 0 0 3px 3px;
	border-radius:  0 0 3px 3px/  0 0 3px 3px;
	position: relative;
	z-index: 0;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	position: relative;
	z-index: 0;
}
#contents-body ul.page-navi li a img{
	vertical-align:middle;
	margin:0 6px 0 0;
	width:14px;
	height:14px;
}
#contents-body ul.page-navi li a span{vertical-align:middle;}
#contents-body ul.page-navi li.cr a{
	background-color:#fff;
	border-top: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
#contents-body ul.foot li.cr a{
	background-color:#fff;
	border-top:none;
	border-bottom: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
/*****************************************
製品一覧エリア
*****************************************/
/*製品一覧メインエリア*/
#product-contents{
	width: 660px;
	clear: both;
	padding: 27px 19px 70px;
	background-color: #FFF;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #bebebe;
	margin: 0 0 0 0;
	position: relative;
	z-index: 0;
}
/*カテゴリアンカーリンク*/
#product-contents ul.btn-category{
	width: 100%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align:center;
}
#product-contents ul.btn-category li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	margin: 0 0 8px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: relative;
	z-index: 0;
}
#product-contents ul.btn-category li a{
	display: block;
	padding: 5px 8px 4px 8px;
	text-align:center;
}
#product-contents ul.btn-category li a span{
	vertical-align:middle;
}
#product-contents ul.btn-category li a:link{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:visited{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:hover{
	background-color: #f5ff75;
	text-decoration: none;
	color:#30659e;
}
/*****************************************
製品一覧リスト
*****************************************/
ul#product-list{
	width: 100%;
	padding: 10px 0 0 0;
}
ul#product-list li{
	clear:both;
}
ul#product-list li dl{
	width:100%;
}
ul#product-list li dl dt{
	width: 645px;
	padding: 12px 0 10px 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	position: relative;
	z-index: 0;
}
ul#product-list li dl dt h3{
	font-size:123.1%;
	line-height:1;
	color:#fff;
	font-weight:bold;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
}
ul#product-list li dl dt p{
	font-size: 85%;
	line-height: 1;
	color: #fff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D0D0D0;
	padding: 0 0 0 12px;
	margin: 0 0 0 13px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
}
ul#product-list li dl dd{
	width:100%;
}
ul#product-list li dl dd ul.category-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li{
	width: 200px;
	padding: 18px 10px 0 10px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box li .photo{
	width:200px;
}
ul#product-list li dl dd ul.category-box li .photo img{
	width:200px;
	height:auto;
}
ul#product-list li dl dd ul.category-box li .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 5px 0 3px 0;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban{
	font-size:138.5%;
	line-height:1.1;
	font-weight:bold;

}
ul#product-list li dl dd ul.category-box li .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box li ul.icn-list{
	width:205px;
	padding:0;
	margin:6px -5px 0 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 85%;
	width: 99px;
	margin: 0 3px 3px 0;
	padding: 5px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	position: relative;
	z-index: 0;
}
ul#product-list li dl dd ul.category-box li ul.icn-list li.wide{
	width: 200px;
}
ul#product-list li dl dd ul.category-box li p{
	margin: 8px 0.5% 0;
	font-size: 85%;
	line-height: 1.5;
	color: #666;
}
ul#product-list li dl dd ul.category-box li ul.charm-list{
	border-top: dotted #b2b2b2 1px;
	padding: 10px 0 0 0;
	margin: 8px 0 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li img{
	width:100%;
	height:auto;
}
/*****************************************
ページの先頭に戻る
*****************************************/
#product-contents div.product-page-top{
	width: 660px;
	clear: both;
	padding: 5px 15px 0 0;
}
#product-contents div.product-page-top .page-top{
	width: 110px;
	font-size: 85%;
	display: block;
	padding: 5px 15px 5px 10px;
	margin: 0 0 35px 0;
	float: right;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;
	position: relative;
	z-index: 0;
}
#product-contents div.product-page-top .page-top a{
	display:block;
}
#footer-contents{
	clear:both;
	width: 100%;
}
/*****************************************
for PCバナーカルーセル
*****************************************/
#nav-box{
	width: 944px;
	clear: both;
	float: left;
	margin: 10px 0 20px 0;
	/* [disabled]display: none; */
}
/* 関連ページリンク */
#nav-box h4{
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 12px;
}
#nav-box h4 span{
	padding: 0 0 0 10px;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 3px;
}
#nav-box ul.bnr-link{
	width: 944px;
	float: left;
	clear: both;
	margin:0;
}
#nav-box ul.bnr-link li{
	width: 234px;
	float: left;
	margin: 0;
	padding: 0;
}
#nav-box ul.bnr-link li .img-box{
	display: block;
	width: 220px;
	padding: 6px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
}
#nav-box ul.bnr-link li img{
	vertical-align: top;
	/* [disabled]border: 1px solid #D9D9D9; */
}

/*******************************************************************************
その他製品　メインタブ
*******************************************************************************/
#main-contents .main-tab-menu ul li a.air2 span {
	margin: -4px 0 0 35px;
}
#main-contents .main-tab-menu ul li a.mini3 span{
	margin: -4px 33px 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a.air2 span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li a.mini3 span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*******************************************************************************
その他製品 製品リスト
*******************************************************************************/
ul#product-list li dl dd ul.others-box{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 5px 0 0 0;
}
ul#product-list li dl dd ul.others-box li{
	width: 310px;
	padding: 18px 10px 0 10px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.others-box li a{
	display: block;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.others-box li .photo{
	width: 120px;
	padding: 0 10px 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.others-box li .photo img{
	width: 120px;
	height: auto;
}
ul#product-list li dl dd ul.others-box li .detail{
	width: 180px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.others-box li .detail .prduct-name{
	font-size: 85%;
	line-height: 1.3;
	padding: 2px 0 3px 0;
}
ul#product-list li dl dd ul.others-box li .detail .prduct-kataban{
	font-size:138.5%;
	line-height:1.1;
	font-weight:bold;
}
ul#product-list li dl dd ul.others-box li .detail .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}

ul#product-list li dl dd ul.others-box li .detail p{
	margin: 3px 0.5% 0;
	font-size: 85%;
	line-height: 1.5;
	color: #666;
}
ul#product-list li dl dd ul.others-box li .detail p em{
	display:block;
	font-size:85%;
	color:#B6050A;
}
ul#product-list li dl dd ul.others-box li .detail ul.charm-list{
	border-top: dotted #b2b2b2 1px;
	padding: 10px 0 0 0;
	margin: 8px 0 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
}
ul#product-list li dl dd ul.others-box li .detail ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.others-box li .detail ul.charm-list li img{
	width:100%;
	height:auto;
}
/*******************************************************************************
対応表リンク
*******************************************************************************/
.corress-box{
	margin: 22px 15px 20px;
	padding: 15px 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	display:none;
}
.corress-box p.txt{
	text-align: center;
	color: #405392;
	padding: 0 0 13px 0;
	font-weight: bold;
}
.corress-box p.txt br{
	display:none;
}

.corres-navi{
	clear: both;
	padding: 8px 8px 0;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn{
	border: 1px solid #BABABA;
	width: 100%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 7px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn a{
	padding: 2% 0 1.5%;
	display: block;
	text-align: center;
}
.corres-navi div.btn a img{
	vertical-align:middle;
	margin:0 6px 0 0;
}
.corres-navi div.btn a span{
	vertical-align:middle;
}
.corres-navi div.btn a:link{color: #405392;text-decoration: none}
.corres-navi div.btn a:visited{color: #405392;text-decoration: none;}
.corres-navi div.btn a:hover{
	color: #405392;
	text-decoration: none;
	background-color:#f5ff75;
}

/**********************************************************
機種判別アイコン
***********************************************************/
ul#product-list li dl dd ul.category-box li ul.models-list{
	display:none;
}
ul#product-list li dl dd ul.category-box.others-box li ul.models-list{
	display:none;
	width: 205px;
	padding: 0;
	margin: 3px -5px 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box.others-box li ul.models-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 85%;
	width: 80px;
	margin: 0 3px 2px 0;
	padding: 4px 0 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	background-color: #717171;
}
ul#product-list li dl dd ul.category-box.others-box li ul.models-list li.ipm4{
	background-color: #717171;
}
ul#product-list li dl dd ul.category-box.others-box li ul.models-list li.wide{
	width: 200px;
}

/**********************************************************
その他ページ
***********************************************************/
.corress-box.ipm4,
.corress-box.ippro,
.corress-box.ippro97{
	display:block
}

/*
###########################################################################################################################
 ★これより下、レスポンシブ レイアウト★
###########################################################################################################################*/



 /* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px){

/*****************************************
メインコンテンツ
*****************************************/
#main-contents{
	width: 98%;
	clear: both;
	float:none;
	margin: 0 auto;
	padding: 0;
	color: #333;
}
/*****************************************
ヘッダーコンテンツ
*****************************************/
#header-contents{
	width: 100%;
}
#main-img{
	width: 100%;
	padding: 1.5% 0 0 0;
	text-align: center;
	height:inherit;
}
#main-img img{
	width: 75%;
	height: auto;
	margin: 0 auto;
}
/*****************************************
メインタブメニュー
*****************************************/
#main-contents .main-tab-menu{
	width: 96%;
	clear: both;
	height: auto;
	margin: 0 2% 0;
}
#main-contents .main-tab-menu ul{
	width: 100%;
	clear: both;
	margin:0 0 6% 0;
	text-align:center;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .main-tab-menu ul li{
	width:33%;
	margin:0;
	padding:0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#main-contents .main-tab-menu ul li:nth-child(even){
	margin:0;
}
#main-contents .main-tab-menu ul li br{display:none;}
/* フッタ */
#main-contents .main-tab-menu.footer ul li{
	vertical-align:bottom;
}
#main-contents .main-tab-menu ul li br{
}
#main-contents .main-tab-menu ul li h2{
	width:100%;
	padding:0;
	border-bottom:none;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	padding:2em 0 0 0;
	border-top:none;
	box-sizing:border-box;
}
#main-contents .main-tab-menu.footer ul li.btn-left h2{
}
/* タブ左 */
#main-contents .main-tab-menu ul li.btn-left a {
	margin:0 2.5% 0 0;
}
/* タブ右 */
#main-contents .main-tab-menu ul li.btn-right a{
	margin: 0 0 0 0;
}
/* タブ真ん中（１個の場合） */
#main-contents .main-tab-menu ul li.btn-center a{
	margin: 0 2.5% 0 0;
}
/* タブ真ん中 左側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-l a{
	margin: 0 2.5% 0 0;
}
/* タブ真ん中 右側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-r a{
	margin: 0 2.5% 0 0;
}
#main-contents .main-tab-menu ul li a{
	padding: 1em 0 1em;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a{
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
#main-contents .main-tab-menu ul li.act a{
	color:#fff;
	background-color:#3068a0;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act a{
	color:#fff;
	background-color:#3068a0;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
#main-contents .main-tab-menu ul li em{
	display:none;
}
#main-contents .main-tab-menu ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.cr span {
}
#main-contents .main-tab-menu ul li.btn-right.cr span{
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.act span img{
	vertical-align:bottom;
	margin-bottom:0;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
#contents-body ul.page-navi{
	width: 100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding: 0;
	margin: 0;
	text-align:center;
}
#contents-body ul.foot{
	margin: 0 0 2.5% 0;
}
#contents-body ul.page-navi li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0;
	box-sizing: border-box;
	width: 32%;
}
#contents-body ul.page-navi li.cr{
	margin:0 0 -1px 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
	box-sizing:border-box;
}
#contents-body ul.foot li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: 0 0 -1px 0;
	padding: 0;
	border-top:none;
}
#contents-body ul.foot li.cr{
	margin:-1px 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
	border-top:none;
}
#contents-body ul.page-navi li br{
	display:none;
}
#contents-body ul.page-navi li a{
	width: 97%;
	margin:0;
	padding: 2px 0 0 0;
	display: inline-block;
	float:none;
	height: 38px;
	line-height: 38px;
	text-align:center;
	/* border-radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	font-size: 100%;
	font-weight: bold;
	border-top:solid 1px #BABABA;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	/* border-radius */
	-moz-border-radius: 0 0 3px 3px ;
	-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
	-o-border-radius:  0 03px 3px / 0 0 3px 3px;
	-ms-border-radius:  0 0 3px 3px/ 0 0 3px 3px;
	border-radius:  0 0 3px 3px/  0 0 3px 3px;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
}
#contents-body ul.page-navi li:nth-child(1n){

}
#contents-body ul.page-navi li:nth-child(2n){

}
#contents-body ul.page-navi li a img{
	vertical-align:middle;
	margin:0 6px 0 0;
	width:14px;
	height:14px;
}
#contents-body ul.page-navi li a span{vertical-align:middle;}
#contents-body ul.page-navi li.cr a{
	background-color:#fff;
	border-top: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
#contents-body ul.foot li.cr a{
	background-color:#fff;
	border-top:none;
	border-bottom: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
/*****************************************
製品一覧エリア
*****************************************/
/*製品一覧メインエリア*/
#product-contents{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 3% 2% 3%;
	background-color: #FFF;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #bebebe;
	box-sizing: border-box;
}
/*カテゴリアンカーリンク*/
#product-contents ul.btn-category{
	width: 100%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align:center;
}
#product-contents ul.btn-category li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	margin: 0 0 8px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#product-contents ul.btn-category li a{
	display: block;
	padding: 5px 8px 4px 8px;
	text-align:center;
}
#product-contents ul.btn-category li a span{
	vertical-align:middle;
}
#product-contents ul.btn-category li a:link{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:visited{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:hover{
	background-color: #f5ff75;
	text-decoration: none;
	color:#30659e;
}
/*****************************************
製品一覧リスト
*****************************************/
ul#product-list{
	width: 100%;
	padding: 10px 0 0 0;
}
ul#product-list li{
	clear:both;
}
ul#product-list li dl{
	width:100%;
}
ul#product-list li dl dt{
	width: 100%;
	padding: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	box-sizing: border-box;
}
ul#product-list li dl dt h3{
	width: 100%;
	padding: 1.5% 0 1.5% 2%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	font-size:123.1%;
	line-height:1;
	color:#fff;
	font-weight:bold;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
}
ul#product-list li dl dt p{
	font-size: 93%;
	line-height:1.4;
	color: #666;
	width: 100%;
	padding: 2.5% 3% 0 3%;
	margin: 0 0 2% 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	box-sizing:border-box;
	border:none;
}
ul#product-list li dl dd{
	width:100%;
	padding:0 0 0 0;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li{
	width: 30%;
	padding:1% 1.5% ;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box li .photo{
	width:100%;
}
ul#product-list li dl dd ul.category-box li .photo img{
	width:100%;
	height:auto;
}
ul#product-list li dl dd ul.category-box li .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 5px 0 3px 0;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban{
	font-size:138.5%;
	line-height:1.1;
	font-weight:bold;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box li ul.icn-list{
	width:100%;
	padding:0;
	margin:2% 0 0 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 85%;
	width: 48.5%;
	margin: 0 0.5% 3px 0;
	padding: 5px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li ul.icn-list li::nth-child(2n) {
}
ul#product-list li dl dd ul.category-box li ul.icn-list li.wide{
	width: 100%;
}
ul#product-list li dl dd ul.category-box li p{
	margin: 8px 0.5% 0;
	font-size: 85%;
	line-height: 1.5;
	color: #666;
}
ul#product-list li dl dd ul.category-box li ul.charm-list{
	width:97%;
	border-top: dotted #b2b2b2 1px;
	padding: 10px 0 0 0;
	margin: 8px 1.5% 0 ;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li img{
	width:100%;
	height:auto;
}

/*****************************************
ページの先頭に戻る
*****************************************/
#product-contents div.product-page-top{
	width:100%;
	clear:both;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	margin: 10px auto 30px;
	padding:10px 0 8px;
}
#product-contents div.product-page-top .page-top{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding:0;
	margin:0;
	clear: both;
	text-align: center;
	font-size: 93%;
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	border:none;
	float:none;
}
#product-contents div.product-page-top .page-top a{
	display:block;
}
/*****************************************
for tabletバナーカルーセル
*****************************************/
#nav-box{
	width:98%;
	margin:15px auto ;
}
/* 特徴の見出し */
#nav-box h4{
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 10px;
}
#nav-box h4 span{
	padding: 0 0 0 1%;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 0.5%;
}
#nav-box ul.bnr-link{
	width:100%;
	margin:0 auto;
	height: auto;
	display:block;
}
#nav-box ul.bnr-link li{
	width:100%;
	display:block;
}
#nav-box ul.bnr-link li h2{
	font-size: 108%;
	line-height: 1.2;
	font-weight: bold;
	width:97%;
	padding: 7px 0 7px 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A5A5A5;
	margin: 0 0 10px 0;
}
#nav-box ul.bnr-link li h2 span{
	display: block;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #4777a3;
	padding: 0 0 0 7px;
}
#nav-box ul.bnr-link li .img-box{
	display: block;
	width: 94%;
	padding: 2%;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
}
#nav-box ul.bnr-link li img{
	width: 100%;
	display: block;
	height: auto;
	vertical-align: top;
	/* [disabled]border: 1px solid #D9D9D9; */
}
#nav-box ul.bnr-link li p{
	width: 96%;
	font-size: 85%;
	line-height: 1.4;
	color: #666;
	padding: 5px 2% 0;
}
/*******************************************************************************
その他製品　メインタブ
*******************************************************************************/
/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
.others-navi div.navi-box{

}
.others-navi ul.page-navi{
	display:none;
}
#main-contents .main-tab-menu ul li a.air2 span {
	margin: -4px 0 0 35px;
}
#main-contents .main-tab-menu ul li a.mini3 span{
	margin: -4px 33px 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a.air2 span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li a.mini3 span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*******************************************************************************
その他製品 製品リスト
*******************************************************************************/
ul#product-list li dl dd ul.category-box.others-box{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 5px 0 0 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box{
	width: 48%;
	padding: 2% 1% 2% 1%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box a{
	display: block;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .photo{
	width: 35%;
	padding: 0 5% 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .photo img{
	width: 100%;
	height: auto;
	max-width:140px;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail{
	width: 60%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-name{
	font-size: 85%;
	line-height: 1.3;
	padding: 0.5em 0 0.5em 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban{
	font-size:138.5%;
	line-height:1.1;
	font-weight:bold;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail p{
	margin: 0.5em 0 0;
	font-size: 85%;
	line-height: 1.6;
	color: #666;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail p em{
	display:block;
	font-size:85%;
	color:#B6050A;
}

/*******************************************************************************
対応表リンク
*******************************************************************************/
.corress-box{
	margin: 2.5% 2% 2.5%;
	padding: 2.5% 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	box-sizing: border-box;
}
.corress-box p.txt{
	text-align: center;
	color: #405392;
	padding: 0 0 1.8% 0;
	font-weight: bold;
}
.corress-box p.txt br{
	display:none;
}
.corres-navi{
	clear: both;
	padding: 1.2% 0 0.6%;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn{
	border: 1px solid #BABABA;
	width: 98%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
	margin: 0 0.5% 0.6%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn a{
	padding:3% 0 2.5%;
	display:block;
	text-align:center;
}
.corres-navi div.btn a img{
	vertical-align:middle;
	margin:0 6px 0 0;
}
.corres-navi div.btn a span{
	vertical-align:middle;
}
.corres-navi div.btn a:link{color: #405392;text-decoration: none}
.corres-navi div.btn a:visited{color: #405392;text-decoration: none;}
.corres-navi div.btn a:hover{
	color: #405392;
	text-decoration: none;
	background-color:#f5ff75;
}
}

/* SmartPhone Style  ###################################################################################################### */
@media screen and (max-width:500px){

/*****************************************
メインコンテンツ
*****************************************/
#main-contents{
	width: 98%;
	clear: both;
	margin: 0 1%;
	padding: 0;
	color: #333;
	float:none;
}
/*****************************************
ヘッダーコンテンツ
*****************************************/
#header-contents{
	width: 100%;
}
#main-img{
	/* [disabled]display:none; */
	width: 100%;
	padding: 3.5% 0 0;
}
#main-img{
	width:100%;
	height:auto;
	text-align:center;
	height:inherit;
}
#main-img img{
	width:90%;
	height:auto;
}
/*****************************************
メインタブメニュー
*****************************************/
#main-contents .main-tab-menu{
	width: 98%;
	clear: both;
	height: auto;
	margin: 0 1% 0;
}
#main-contents .main-tab-menu ul{
	width: 100%;
	clear: both;
	margin:0 0 6% 0;
	text-align:left;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .main-tab-menu ul li{
	width:50%;
	margin:0;
	padding:0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#main-contents .main-tab-menu ul li:nth-child(even){
	margin:0;
}
#main-contents .main-tab-menu ul li br{display:none;}
/* フッタ */
#main-contents .main-tab-menu.footer ul li{
	vertical-align:bottom;
}
#main-contents .main-tab-menu ul li br{
}
#main-contents .main-tab-menu ul li h2{
	width:100%;
	padding:0;
	border-bottom:none;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	padding:0;
	border-top:none;
	box-sizing:border-box;
}
#main-contents .main-tab-menu.footer ul li.btn-left h2{
}
/* タブ左 */
#main-contents .main-tab-menu ul li.btn-left a {
	margin:0 2% 2% 0;
}
/* タブ右 */
#main-contents .main-tab-menu ul li.btn-right a{
	margin: 0 2% 2% 0;
}
/* タブ真ん中（１個の場合） */
#main-contents .main-tab-menu ul li.btn-center a{
	margin: 0 0 2% 0;
}
/* タブ真ん中 左側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-l a{
	margin: 0 0 2% 0;
}
/* タブ真ん中 右側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-r a{
	margin: 0 2% 0 0;
}
#main-contents .main-tab-menu ul li a{
	padding: 0.7em 0 0.7em;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a{
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
#main-contents .main-tab-menu ul li.act a{
	color:#fff;
	background-color:#3068a0;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act a{
	color:#fff;
	background-color:#3068a0;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
#main-contents .main-tab-menu ul li em{
	display:none;
}
#main-contents .main-tab-menu ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.cr span {
}
#main-contents .main-tab-menu ul li.btn-right.cr span{
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.act span img{
	vertical-align:bottom;
	margin-bottom:0;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
#contents-body ul.page-navi{
	width: 100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding: 0;
	margin: 2% 0 0 0;
	text-align:center;
}
#contents-body ul.foot{
	margin: 0 0 7% 0;
}
#contents-body ul.page-navi li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0;
	box-sizing: border-box;
	width: 33%;
	float:none;
}
#contents-body ul.page-navi li.cr{
	margin:0 0 -1px 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
	box-sizing:border-box;
}
#contents-body ul.foot li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: 0 0 -1px 0;
	padding: 0;
	float: none;
}
#contents-body ul.foot li.cr{
	margin:-1px 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#contents-body ul.page-navi li br{
	display:none;
}
#contents-body ul.page-navi li a{
	width: 96%;
	padding: 8% 0 7% 0;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display: inline-block;
	text-align:center;
	/* border-radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	font-size: 85%;
	font-weight: bold;
	border-top:solid 1px #BABABA;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	float:none;
	line-height:inherit;
	height:inherit;

}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	/* border-radius */
	-moz-border-radius: 0 0 3px 3px ;
	-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
	-o-border-radius:  0 3px 3px / 0 0 3px 3px;
	-ms-border-radius:  0 0 3px 3px/ 0 0 3px 3px;
	border-radius:  0 0 3px 3px/  0 0 3px 3px;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
}
#contents-body ul.page-navi li:nth-child(1n){

}
#contents-body ul.page-navi li:nth-child(2n){

}
#contents-body ul.page-navi li:nth-child(3n){

}
#contents-body ul.page-navi li a img{
	vertical-align:middle;
	margin:0 0.25em 0 0;
	width:12%;
	height:auto;
	max-width:14px;
}
#contents-body ul.page-navi li a span{vertical-align:middle;}
#contents-body ul.page-navi li.cr a{
	background-color:#fff;
	border-top: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
#contents-body ul.foot li.cr a{
	background-color:#fff;
	border-top:none;
	border-bottom: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
/*****************************************
製品一覧エリア
*****************************************/
/*製品一覧メインエリア*/
#product-contents{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 4% 2% 3%;
	background-color: #FFF;
	/* border-radius */
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-left:none;
	border-right:none;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	margin: 0 0 0 0;
	box-sizing: border-box;
}
/*カテゴリアンカーリンク*/
#product-contents ul.btn-category{
	width: 100%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: left;
}
#product-contents ul.btn-category li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	margin: 0 0 8px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#product-contents ul.btn-category li a{
	display: block;
	padding: 5px 8px 4px 8px;
	text-align:center;
}
#product-contents ul.btn-category li a span{
	vertical-align:middle;
}
#product-contents ul.btn-category li a:link{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:visited{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:hover{
	background-color: #f5ff75;
	text-decoration: none;
	color:#30659e;
}
/*****************************************
製品一覧リスト
*****************************************/
ul#product-list{
	width: 100%;
	padding: 10px 0 0 0;
}
ul#product-list li{
	clear:both;
}
ul#product-list li dl{
	width:100%;
}
ul#product-list li dl dt{
	width: 100%;
	padding: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	box-sizing: border-box;
}
ul#product-list li dl dt h3{
	width: 100%;
	padding: 3% 0 2.5% 3%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	font-size: 123.1%;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	box-sizing: border-box;
}
ul#product-list li dl dt p{
	font-size: 93%;
	line-height:1.4;
	color: #666;
	width: 100%;
	padding: 2.5% 3% 0 3%;
	margin: 0 0 2% 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	box-sizing:border-box;
	border:none;
}
ul#product-list li dl dd{
	width:100%;
	padding:0 0 0 0;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li{
	width: 45%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}

ul#product-list li dl dd ul.category-box li:nth-child(even){padding: 2% 2% 5% 2.5%;}
ul#product-list li dl dd ul.category-box li:nth-child(odd){padding: 2% 2.5% 3% 2%;}
ul#product-list li dl dd ul.category-box li .photo{
	width:100%;
}
ul#product-list li dl dd ul.category-box li .photo img{
	width:100%;
	height:auto;
}
ul#product-list li dl dd ul.category-box li .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 1% 0 3px 0;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban{
	font-size: 123.1%;
	line-height: 1.1;
	font-weight: bold;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box li ul.icn-list{
	width: 100%;
	padding: 0;
	margin: 3% 0 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	width: 48.5%;
	margin: 0 0.5% 3px 0;
	padding: 5px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	box-sizing: border-box;
}
ul#product-list li dl dd ul.category-box li ul.icn-list li::nth-child(2n) {
}
ul#product-list li dl dd ul.category-box li ul.icn-list li.wide{
	width: 100%;
}
ul#product-list li dl dd ul.category-box li p{
	margin: 1.5% 0.5% 0;
	font-size: 85%;
	line-height: 1.5;
	color: #666;
}
ul#product-list li dl dd ul.category-box li ul.charm-list{
	width:97%;
	border-top: dotted #b2b2b2 1px;
	padding: 3% 0 0 0;
	margin: 2.5% 1.5% 0 ;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li img{
	width:100%;
	height:auto;
}
/*****************************************
ページの先頭に戻る
*****************************************/
#product-contents div.product-page-top{
	width:100%;
	clear:both;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	margin: 10px auto 30px;
	padding:10px 0 8px;
}
#product-contents div.product-page-top .page-top{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding:0;
	margin:0;
	clear: both;
	text-align: center;
	font-size: 93%;
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	border:none;
	float:none;
}
#product-contents div.product-page-top .page-top a{
	display:block;
}
/*****************************************
for sphoneバナーカルーセル
******************************************/
#nav-box{
	width:94%;
	margin:0 3%;
}
/* 特徴の見出し */
#nav-box h4{
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 5px;
}
#nav-box h4 span{
	padding: 0 0 0 1.5%;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 0.5%;
}
#nav-box ul.bnr-link{
	width:100%;
	height: auto;
	display:block;
}
#nav-box ul.bnr-link li{
	width:100%;
	display:block;
}
#nav-box ul.bnr-link li h2{
	font-size: 108%;
	line-height: 1.2;
	font-weight: bold;
	width:97%;
	padding: 7px 0 7px 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A5A5A5;
	margin: 0 0 10px 0;
}
#nav-box ul.bnr-link li h2 span{
	display: block;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #4777a3;
	padding: 0 0 0 7px;
}
#nav-box ul.bnr-link li .img-box{
	display: block;
	width:94%;
	padding:2% ;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
}
#nav-box ul.bnr-link li img{
	width: 100%;
	display: block;
	height: auto;
	vertical-align: top;
	/* [disabled]border: 1px solid #D9D9D9; */
}
#nav-box ul.bnr-link li p{
	width: 96%;
	font-size: 85%;
	line-height: 1.4;
	color: #666;
	padding: 5px 2% 0;
}
/*******************************************************************************
その他製品　メインタブ
*******************************************************************************/
#main-contents .main-tab-menu ul li a.air2 span {
	margin: -4px 0 0 35px;
}
#main-contents .main-tab-menu ul li a.mini3 span{
	margin: -4px 33px 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a.air2 span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li a.min3 span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*******************************************************************************
その他製品 製品リスト
*******************************************************************************/
ul#product-list li dl dd ul.category-box.others-box{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 5px 0 0 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box{
	width: 98%;
	padding: 2% 1% 2% 1%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box a{
	display: block;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .photo{
	width: 30%;
	padding: 0 3% 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .photo img{
	width: 100%;
	height: auto;
	max-width:140px;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail{
	width: 67%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 0.75em 0 0.5em 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban{
	font-size:138.5%;
	line-height:1.1;
	font-weight:bold;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail p{
	margin: 0.25em 0 0;
	font-size: 85%;
	line-height: 1.4;
	color: #333;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail p em{
	display:block;
	font-size:85%;
	color:#B6050A;
}


/*******************************************************************************
対応表リンク
*******************************************************************************/
.corress-box{
	margin: 3.5% 1% 3.5%;
	padding: 2.5% 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	box-sizing:border-box;
}
.corress-box p.txt{
	text-align: center;
	color: #405392;
	padding: 0 0 1.8% 0;
	font-weight: bold;
	font-size: 77%;
	line-height: 1.4;
}
.corress-box p.txt br{
	display:block;
}
.corres-navi{
	clear: both;
	padding: 1.5% 0 0.5%;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn{
	border: 1px solid #BABABA;
	width: 97%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
	margin: 0 1% 1%;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	background-color: #FFF;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn a{
	padding:2.5% 0 2.5%;
	display:block;
	text-align:center;
}
.corres-navi div.btn a img{
	vertical-align:middle;
	margin:0 6px 0 0;
}
.corres-navi div.btn a span{
	vertical-align:middle;
}
.corres-navi div.btn a:link{color: #405392;text-decoration: none}
.corres-navi div.btn a:visited{color: #405392;text-decoration: none;}
.corres-navi div.btn a:hover{
	color: #405392;
	text-decoration: none;
	background-color:#f5ff75;
}
}


.none{
	display:none;
}