@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.cr a:link{text-decoration:none;color:#fff;}
#main-contents .main-tab-menu ul li.cr a:visited{text-decoration:none;color:#fff;}
#main-contents .main-tab-menu ul li.cr 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);}



/******************************************************
【アイコン色】共通／特徴アイコン／フィルム製品
********************************************************************************/
/* 反射防止 */
ul#product-list li dl dd ul.category-box li ul.icn-list li.hansya{background-color:#00a0ea;}
/* チラつき低減 */
ul#product-list li dl dd ul.category-box li ul.icn-list li.chiratsuki{background-color:#e4007f;}
/* 高光沢 */
ul#product-list li dl dd ul.category-box li ul.icn-list li.kotaku{background-color:#f39801;}
/* 高い透明感 */
ul#product-list li dl dd ul.category-box li ul.icn-list li.tomei{background-color:#ec6900;}
/*******************************************************************************
【アイコン色】共通／特徴アイコン／ケース製品
********************************************************************************/
/* レザーケース */
ul#product-list li dl dd ul.category-box li ul.icn-list li.leather{background-color: #262626;}
/* 防水ケース */
ul#product-list li dl dd ul.category-box li ul.icn-list li.bousui{background-color:#3E3E3E;}
/* ZEROSHOCK */
ul#product-list li dl dd ul.category-box li ul.icn-list li.zeroshock{background-color:#3E3E3E;}
/* ハイブリッド */
ul#product-list li dl dd ul.category-box li ul.icn-list li.hybrid{background-color:#93aec1;}
/* ソフトケース */
ul#product-list li dl dd ul.category-box li ul.icn-list li.soft{background-color: #6c9bd3;}
/* シリコンケース */
ul#product-list li dl dd ul.category-box li ul.icn-list li.silicone{background-color:#78bc27;}
/* カジュアルケース */
ul#product-list li dl dd ul.category-box li ul.icn-list li.casual{background-color: #D6B649;}
/* シェルカバー */
ul#product-list li dl dd ul.category-box li ul.icn-list li.shell{background-color: #EA5098;color: #fff;}
/* フレックスシェルカバー */
ul#product-list li dl dd ul.category-box li ul.icn-list li.flex{background-color:#940030;}
/* スリップインポーチ */
ul#product-list li dl dd ul.category-box li ul.icn-list li.stretch{background-color: #D6B649;}
/* ファブリックカバー */
ul#product-list li dl dd ul.category-box li ul.icn-list li.fabric{background-color:#940030;}
/* フラップカバー*/
ul#product-list li dl dd ul.category-box li ul.icn-list li.flap{background-color:#3E1D86;}
/* 背面デザインフィルム（ケース扱） */
ul#product-list li dl dd ul.category-box li ul.icn-list li.back-film{background-color:#93aec1;}

/* ## PC Style  ###################################################################################################### */
/*******************************************************************************
その他製品 ■ 見出し色 pc tab
*******************************************************************************/
#list-router,
#list-portble-router,
#list-ap,
#list-adapter,
#list-health,
#list-charger,
#list-film,
#list-case,
#list-mobile-battery,
#list-headphone-mic,
#list-wireless-earphone,
#list-speaker,
#list-receiver,
#list-audio-trans,
#list-cable,
#list-drive,
#list-keybord,
#list-touch-pen ,
#list-apps,
#list-other,
#list-memory-rw,
#list-stand,
#list-tap{
	background-color:#3068a0;
}
/*******************************************************************************
ケース■ 見出し色
*******************************************************************************/
#c-disney{background-color: #1188cc;}
#c-vluno{background-color: #930D0D;}
#c-alumi{background-color: #656464;}
#c-girls{background-color: #E77EBA;}
#c-design{background-color:#7E87C2;}
#c-zerosock{background-color:#171314;}
#c-leather{background-color: #262626;}
#c-hybrid{background-color: #7B9BAC;}
#c-soft{background-color: #6c9bd3;}
#c-silicone{background-color:#78bc27;}
#c-shell{background-color:#db4c8e;}
#c-other{background-color: #3068A0;}
#c-miffy{background-color: #e95513;}
#c-flex{background-color:#3E1D86;}
#c-flap{background-color: #3e1d86;}
#c-italy{background-color: #2f426b;}
#c-pouch{background-color: #8E2F2F;}
#c-back-film{background-color: #7B9BAC;}
/*******************************************************************************
フィルム■ 見出し色
*******************************************************************************/
#f-standard{background-color:#3068a0;}
#f-shimon{background-color:#83c041;}
#f-smooth{background-color:#5653a4;}
#f-blcut{background-color:#223f9a;}
#f-game{background-color:#3f8d39;}
#f-syogeki{background-color:#171314;}
#f-fande{background-color:#f37f8c;}
#f-glass{background-color:#73849b;}
#f-tglass{background-color:#73849b;}
#c-other{background-color:#3068a0;}
#f-pfilter{background-color:#d09500;}
#f-mirror{background-color:#c90140;}
#h-hardness{background-color:#85c0e9;}
#f-bubblezero{background-color:#e62f8b;}
#f-easyfit{background-color:#f9be00;}
#f-sticker{background-color:#009944;}
#f-multi{background-color:#07084d;}
#f-round{background-color:#333;}
#f-tomei {background-color: #8694AE;}
#f-air-zero {background-color:#db4c8e;}
#f-koukin{background-color:#3068a0;}
/****************************************
メインコンテンツ
*****************************************/
#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: 184px;
}
#main-img img{
	/* [disabled]display:none; */
}
/*****************************************
メインタブメニュー
*****************************************/
#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: 233px;
	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 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-center a{
	margin: 0 5px 0 5px;
}
#main-contents .main-tab-menu ul li.btn-right a{
	margin: 0 0 0 0;
}
#main-contents .main-tab-menu ul li a{
	padding: 13px 0 11px;
	display: block;
	font-size: 131%;
	font-weight: bold;
	text-align: center;
	/* [disabled]width: 432px; */
	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.cr 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.cr 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.cr span{
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.cr span {
	margin: -4px 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-center.cr span{
	margin: -4px 0 0 0;
	/* [disabled]display: none; */
}
#main-contents .main-tab-menu ul li.btn-right.cr span{
	margin: -4px 0 0 0;
	/* [disabled]display: none; */
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.cr span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.cr span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
div.navi-box{
	height:40px;
}
div.navi-box-foot{
	height:68px;
}
.others-navi ul.page-navi{
	display:none;
}
#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 ul.icn-list{
	width: 205px;
	padding: 0;
	margin: 3px -5px 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-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;
	position: relative;
	z-index: 0;
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list li.air2{
	background-color: #717171;
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list li.mini3{
	background-color: #717171;
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list li.wide{
	width: 200px;
}
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;
}
.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;
}

/*
###########################################################################################################################
 ★これより下、レスポンシブ レイアウト★###################################################################################
###########################################################################################################################*/
 
 /* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px){
/*******************************************************************************
フィルム＆ケース見出し色リセット
*******************************************************************************/
#c-disney,
#c-vluno,
#c-alumi,
#c-girls,
#c-design,
#c-zerosock,
#c-leather,
#c-hybrid,
#c-soft,
#c-silicone,
#c-shell,
#c-other,
#c-miffy,
#c-flex,
#f-standard,
#f-shimon,
#f-smooth,
#f-blcut,
#f-game,
#f-syogeki,
#f-fande,
#f-glass,
#f-tglass,
#c-other,
#f-pfilter,
#f-mirror,
#h-hardness,
#f-bubblezero,
#f-easyfit,
#f-sticker,
#f-multi,
#f-round,
#f-tomei,
#c-flap,
#c-italy,
#f-air-zero,
#c-back-film,
#f-koukin{
	background:none;
}
/*******************************************************************************
ケース■ 見出し色
*******************************************************************************/
#c-disney h3{background-color: #1188cc;}
#c-vluno h3{background-color: #930D0D;}
#c-alumi h3{background-color: #656464;}
#c-girls h3{background-color: #E77EBA;}
#c-design h3{background-color:#7E87C2;}
#c-zerosock h3{background-color:#171314;}
#c-leather h3{background-color: #262626;}
#c-hybrid h3{background-color: #7B9BAC;}
#c-soft h3{background-color: #6c9bd3;}
#c-silicone h3{background-color:#78bc27;}
#c-shell h3{background-color:#db4c8e;}
#c-other h3{background-color: #3068A0;}
#c-miffy h3{background-color: #e95513;}
#c-flex h3{background-color:#3E1D86;}
#c-flap h3{background-color: #3e1d86;}
#c-italy h3{background-color: #2f426b;}
#c-pouch h3{background-color: #8E2F2F;}
#c-back-film h3{background-color: #7B9BAC;}
/*******************************************************************************
フィルム■ 見出し色
*******************************************************************************/
#f-standard h3{background-color:#3068a0;}
#f-shimon h3{background-color:#83c041;}
#f-smooth h3{background-color:#5653a4;}
#f-blcut h3{background-color:#223f9a;}
#f-game h3{background-color:#3f8d39;}
#f-syogeki h3{background-color:#171314;}
#f-fande h3{background-color:#f37f8c;}
#f-glass h3{background-color:#73849b;}
#f-tglass h3{background-color:#73849b;}
#c-other h3{background-color:#3068a0;}
#f-pfilter h3{background-color:#d09500;}
#f-mirror h3{background-color:#c90140;}
#h-hardness h3{background-color:#85c0e9;}
#f-bubblezero h3{background-color:#e62f8b;}
#f-easyfit h3{background-color:#f9be00;}
#f-sticker h3{background-color:#009944;}
#f-multi h3{background-color:#07084d;}
#f-round h3{background-color:#333;}
#f-tomei h3{background-color: #8694AE;}
#f-air-zero h3{background-color:#db4c8e;}
#f-koukin h3{background-color:#3068a0;}
/*****************************************
メインコンテンツ
*****************************************/
#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: 100%;
	clear: both;
	/* [disabled]padding: 3% 0 0 0; */
}
#main-contents .main-tab-menu ul{
	width: 100%;
	clear: both;
	margin:0 0 2% 0;
	text-align:center;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	/* [disabled]display: none; */
}
#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 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:1px #b9b9b9 solid;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li.btn-left h2{
	width:100%;
	padding:0 2% 0 0;
	border-bottom:1px #b9b9b9 solid;
	border-top:none;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	border-top:1px #b9b9b9 solid;
	border-bottom:none;
}
#main-contents .main-tab-menu.footer ul li.btn-left h2{
	width:97%;
	padding:0 2% 0 0;
	border-top:1px #b9b9b9 solid;
	border-bottom:none;
}
	
#main-contents .main-tab-menu ul li.btn-left a {
	/* [disabled]margin:0 0 0 35px; */
	margin:0;
}
#main-contents .main-tab-menu ul li.btn-right a{
	/* [disabled]margin: 0 0 0 3px; */
	margin:0;
}
#main-contents .main-tab-menu ul li a{
	padding: 3.5% 0 3%;
	display: block;
	font-size: 123.1%;
	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;
	box-sizing: border-box;
}
/* フッタ */
#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;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li.cr 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;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.cr 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;
	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.cr span{
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.cr span {
	/* [disabled]margin: -4px 0 0 35px; */
	margin: -4px 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-right.cr span{
	/* [disabled]margin: -4px 33px 0 0; */
	margin: -4px 0 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.cr span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.cr span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
#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 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: 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-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;
}
#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.others-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin:1.5% 0 0 0;
	
}
ul#product-list li dl dd ul.others-box li{
	width: 47%;
	padding: 2% 0.5%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	float:none;
}
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:37%;
	margin:0 1% 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.others-box li .photo img{
	width:100%;
	height:auto;
}
ul#product-list li dl dd ul.others-box li .detail{
	width:52%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	float:none;
}

ul#product-list li dl dd ul.others-box li .detail .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 5px 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 ul.icn-list{
	width:100%;
	padding:0;
	margin:2% 0 0 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	line-height:1.1;
	width: 48.5%;
	margin: 0 0.5% 1% 0;
	padding: 1.8% 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.others-box li ul.icn-list li::nth-child(2n) {
}
ul#product-list li dl dd ul.others-box li ul.icn-list li.wide{
	width: 100%;
}
ul#product-list li dl dd ul.others-box li p{
	margin: 2% 0.5% 0;
	font-size: 77%;
	line-height: 1.3;
	color: #666;
}
ul#product-list li dl dd ul.others-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.others-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.others-box li .detail ul.icn-list li.air2{
	background-color: #717171;
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list li.mini3{
	background-color: #717171;
}
ul#product-list li dl dd ul.others-box li ul.charm-list li img{
	width:100%;
	height:auto;
}

/*******************************************************************************
対応表リンク
*******************************************************************************/
.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){

/*******************************************************************************
フィルム＆ケース見出し色リセット
*******************************************************************************/
#c-disney,
#c-vluno,
#c-alumi,
#c-girls,
#c-design,
#c-zerosock,
#c-leather,
#c-hybrid,
#c-soft,
#c-silicone,
#c-shell,
#c-other,
#c-miffy,
#c-flex,
#f-standard,
#f-shimon,
#f-smooth,
#f-blcut,
#f-game,
#f-syogeki,
#f-fande,
#f-glass,
#f-tglass,
#c-other,
#f-pfilter,
#f-mirror,
#h-hardness,
#f-bubblezero,
#f-easyfit,
#f-sticker,
#f-multi,
#f-round,
#f-tomei,
#c-flap,
#c-italy,
#c-pouch,
#f-air-zero,
#c-back-film,
#f-koukin{
	background:none;
}
/*******************************************************************************
ケース■ 見出し色
*******************************************************************************/
#c-disney h3{background-color: #1188cc;}
#c-vluno h3{background-color: #930D0D;}
#c-alumi h3{background-color: #656464;}
#c-girls h3{background-color: #E77EBA;}
#c-design h3{background-color:#7E87C2;}
#c-zerosock h3{background-color:#171314;}
#c-leather h3{background-color: #262626;}
#c-hybrid h3{background-color: #7B9BAC;}
#c-soft h3{background-color: #6c9bd3;}
#c-silicone h3{background-color:#78bc27;}
#c-shell h3{background-color:#db4c8e;}
#c-other h3{background-color: #3068A0;}
#c-miffy h3{background-color: #e95513;}
#c-flex h3{background-color:#3E1D86;}
#c-flap h3{background-color: #3e1d86;}
#c-italy h3{background-color: #2f426b;}
#c-pouch h3{background-color: #8E2F2F;}
#c-back-film h3{background-color: #7B9BAC;}
/*******************************************************************************
フィルム■ 見出し色
*******************************************************************************/
#f-standard h3{background-color:#3068a0;}
#f-shimon h3{background-color:#83c041;}
#f-smooth h3{background-color:#5653a4;}
#f-blcut h3{background-color:#223f9a;}
#f-game h3{background-color:#3f8d39;}
#f-syogeki h3{background-color:#171314;}
#f-fande h3{background-color:#f37f8c;}
#f-glass h3{background-color:#73849b;}
#f-tglass h3{background-color:#73849b;}
#c-other h3{background-color:#3068a0;}
#f-pfilter h3{background-color:#d09500;}
#f-mirror h3{background-color:#c90140;}
#h-hardness h3{background-color:#85c0e9;}
#f-bubblezero h3{background-color:#e62f8b;}
#f-easyfit h3{background-color:#f9be00;}
#f-sticker h3{background-color:#009944;}
#f-multi h3{background-color:#07084d;}
#f-round h3{background-color:#333;}
#f-tomei h3{background-color: #8694AE;}
#f-air-zero h3{background-color:#db4c8e;}
#f-koukin h3{background-color:#3068a0;}
/*****************************************
メインコンテンツ
*****************************************/
#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: 100%;
	clear: both;
	padding: 2% 0 2% 0;
	/* [disabled]display: none; */
}
#main-contents .main-tab-menu ul{
	width: 100%;
	clear:both;
	margin:0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .main-tab-menu ul li{
	width:49.5%;
	margin:0;
	padding:0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li{
	vertical-align:bottom;
	margin:0;
	padding:0;
}
#main-contents .main-tab-menu ul li br{
	display:block;
}
#main-contents .main-tab-menu ul li h2{
	width:100%;
	border-bottom:1px #b9b9b9 solid;
	border-top:none;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li.btn-left h2{
	width:99%;
	padding:0 1% 0 0;
	border-bottom:1px #b9b9b9 solid;
	border-top:none;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	border-top:1px #b9b9b9 solid;
	border-bottom:none;
}
#main-contents .main-tab-menu.footer ul li.btn-left h2{
	width:99%;
	padding:0 1% 0 0;
	border-top:1px #b9b9b9 solid;
	border-bottom:none;
	box-sizing:border-box;
}

#main-contents .main-tab-menu ul li.btn-left a {
	/* [disabled]margin:0 0 0 35px; */
	margin:0;
}
#main-contents .main-tab-menu ul li.btn-right a{
	/* [disabled]margin: 0 0 0 3px; */
	margin:0;
	margin-right:0;
}
#main-contents .main-tab-menu ul li a{
	padding: 5% 0 4%;
	display: block;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	width: 100%;
	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;
	box-sizing: border-box;
}
/* フッタ */
#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;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li.cr 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;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.cr 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;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li em{
	display:none;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
#main-contents .main-tab-menu ul li.cr span{
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.cr span {
	/* [disabled]margin: -4px 0 0 35px; */
	margin: -4px 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-right.cr span{
	/* [disabled]margin: -4px 33px 0 0; */
	margin: -4px 0 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.cr span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.cr span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
#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 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: 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 2px;
	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: 7% 0 6% 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: 93%;
	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;
	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 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: 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;
}
/*******************************************************************************
その他製品 製品リスト
*******************************************************************************/
.others-navi div.navi-box{

}
.others-navi ul.page-navi{
	display:none;
}
ul#product-list li dl dd ul.others-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	margin:1.5% 0 0 0;
	
}
ul#product-list li dl dd ul.others-box li{
	width: 100%;
	padding:2.5% 0 2%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	box-sizing:border-box;
	clear:both;
	float:none;
}
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:28%;
	margin:0 1% 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.others-box li .photo img{
	width:100%;
	height:auto;
}
ul#product-list li dl dd ul.others-box li .detail{
	width:68%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}

ul#product-list li dl dd ul.others-box li .detail .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 0 0 1% 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: 70%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list{
	width:100%;
	padding:0;
	margin:1% 0 0 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	line-height:1.1;
	width: 48%;
	margin: 0 1% 1% 0;
	padding: 1.5% 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.others-box li ul.icn-list li::nth-child(2n) {
}
ul#product-list li dl dd ul.others-box li ul.icn-list li.wide{
	width: 100%;
}
ul#product-list li dl dd ul.others-box li p{
	margin: 1.25% 0.5% 0;
	font-size: 77%;
	line-height: 1.3;
	color: #666;
}
ul#product-list li dl dd ul.others-box li ul.charm-list{
	width:97%;
	border-top: dotted #b2b2b2 1px;
	padding: 10px 0 0 0;
	margin: 2% 1.5% 0 ;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.others-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.others-box li .detail ul.icn-list li.air2{
	background-color: #717171;
}
ul#product-list li dl dd ul.others-box li .detail ul.icn-list li.mini3{
	background-color: #717171;
}
ul#product-list li dl dd ul.others-box li ul.charm-list li img{
	width:100%;
	height:auto;
}

/*******************************************************************************
対応表リンク
*******************************************************************************/
.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;
}