/*
========================================
サイト全体
========================================*/

/* 基本要素
------------------------------------------------------------------ */
/* body設定 */
body{
	background-color:#ffffff;
	border-top: 5px solid #c6d6fb !important;
	text-align:center;
	margin:0;
	padding:0;
	font-size:75%;
	line-height:1.5;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
}
table{font-size:100%;line-height:1.5;}
img{border:0px;}
p{margin:0;}
a:link{color:#002277;text-decoration:underline;}
a:visited{color:#002277;text-decoration:underline;}
a:active{color:#002277;text-decoration:underline;}
a:hover{color:#002277;text-decoration:none;}
a.arrow1{display:block;margin:0;background:url(/lib/images/arrow1.gif) no-repeat 0px 4px;padding:0 0 0 8px;font-size:12px;line-height:1.2em;width:auto;height:auto;}
a.arrow3{display:block;margin:0;background:url(/lib/images/arrow3.gif) no-repeat 0px 3px;padding:0 0 0 13px;font-size:12px;line-height:1.2em;width:auto;height:auto;}
a.arrow4{display:block;margin:0;background:url(/lib/images/arrow3.gif) no-repeat 0px 3px;padding:0 0 0 15px;font-size:12px;line-height:1.2em;width:auto;height:auto;}

h1,h2,h3,h4,h5,h6,h7{font-size:12px;}
.clr{font-size:0;line-height:0;height:0;margin:0;padding:0;clear:both;}

ul{list-style:none;}
ul,li{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,h7{margin:0;padding:0;}
#wrapper{width:970px;margin:0 auto;}
#wrapper_expand{width:1000px;margin:0 auto;}

/* ヘッダー
------------------------------------------------------------------ */
#hd {
	margin-bottom: 21px;
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	text-align: left;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#hd_main {
	overflow: hidden;
	position: relative;
}

#hd .logo {
	margin: 36px 0 0 0;
	width: 306px;
	height: 40px;
	background: url(../images/hd_logo.png) no-repeat;
}
#hd .logo a {display:block;width:100%;height:100%;}
#hd .logo a span{display:none;}

#hd_support {
	margin: 0;
	padding: 6px 0 11px;
	width: 263px;
	position: absolute;
	top: 0;
	right: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #c6d6fb;
	font-size: 0;
	text-align: center;
	line-height: 1;
}

#hd_support li {
	margin: 0;
	display: inline-block;
}

#hd_support .contact {
	margin-right: 21px;
}

#hd_support li a {
	color: #052675;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}

#hd_support li a:hover {
	color: #104db3;
}

#hd_snv {
	margin: 0;
	position:absolute;
	bottom: 5px;
	right: 283px;
	font-size: 0;
	line-height: 1;
}

#hd_snv li {
	margin: 0 0 0 16px;
	display: inline-block;
}

#hd_snv li a {
	color: #222222;
	font-size: 13px;
	line-height: 1;
	text-align: left;
	text-decoration: none;
}

#hd_snv li a:hover {
	color: #104db3;
}

#hd_snv li a .fa {
	color: #052675;
}

#hd_search {
	position:absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

#hd_search .text {
	box-sizing: border-box;
	margin-right: 5px;
    padding: 3px 2px 0;
	width: 200px;
	height: 27px;
    border: 1px solid #aaa !important;
	border-radius: 4px;
    background: #fff;
    float: left;
    vertical-align: middle;
}

#hd_search .btn {
	margin: 0;
	padding: 0;
	width: 58px;
	height: 27px;
	background: url(../images/hd_snv_search_active.png) no-repeat;
	border: none;
	overflow: hidden;
	float: left;
    vertical-align: middle;
    cursor: pointer;
}

#hd_search .btn:hover img {
	visibility: hidden;
}

#hd #g_nav {
	margin-top: 21px;
	font-size: 0;
	border-radius: 5px;
	overflow: hidden;
}

#hd #g_nav li {
	display: inline-block;
}

#hd #g_nav li a {
	box-sizing: border-box;
	padding-top: 3px;
	width: 194px;
	background-color: #052675;
	display: block;
	position: relative;
	color: #fff;
	font-size: 17px;
	line-height: 52px;
	text-decoration: none;
	text-align: center;
}

#hd #g_nav li.active a,
#hd #g_nav li a:hover {
	background-color: #104DB3;
}

#hd #g_nav li a:before,
#hd #g_nav li a:after {
	width: 1px;
	height: 45px;
	position: absolute;
	top: 5px;
	content: "";
}

#hd #g_nav li a:before {
	background-color: #000636;
	left: 0;
}

#hd #g_nav li a:after {
	background-color: #115BA6;
	right: 0;
}

#hd #g_nav > :first-child a:before {
	display: none;
}

#hd #g_nav > :last-child a:after {
	display: none;
}

#hd.expand {
	width: 1000px;
}

#hd.expand #g_nav li a {
	width: 200px;
}

/* フッター
------------------------------------------------------------------ */
#ft{}
#ft_normal{width:970px;margin:50px auto 0;text-align:left;position:relative;clear:both;}
#ft_expand{width:1000px;margin:50px auto 0;text-align:left;position:relative;clear:both;}
#ft hr{display:none;}

#ft_snv{background-color:#002277;padding:6px 10px;font-size:10px;line-height:1.2em;color:#FFFFFF;}
#ft_snv a:link{color:#FFFFFF;text-decoration:underline;}
#ft_snv a:visited{color:#FFFFFF;text-decoration:underline;}
#ft_snv a:active{color:#FFFFFF;text-decoration:underline;}
#ft_snv a:hover{color:#c4e1f2;text-decoration:none;}

#ft_nv{
	height: 46px;
	position: relative;
	background-color: #F6F6F6;
}
#ft_expand #ft_nv{border-right:29px solid #f2f2f2;}
#ft_nv a{display:block;}
#ft_nv a span{display:none;}

#ft_nv_inq{position:absolute;left:0px;top:0px;width:194px;height:45px;}
#ft_nv_inq a{background:url(../images/ft_nv_inq.gif) no-repeat;width:193px;height:45px;}
#ft_nv_faq{position:absolute;left:194px;top:0px;width:194px;height:45px;}
#ft_nv_faq a{background:url(../images/ft_nv_faq.gif) no-repeat;width:193px;height:45px;}
#ft_nv_manual{position:absolute;left:388px;top:0px;width:194px;height:45px;}
#ft_nv_manual a{background:url(../images/ft_nv_manual.gif) no-repeat;width:193px;height:45px;}
#ft_nv_catalog{position:absolute;left:582px;top:0px;width:194px;height:45px;}
#ft_nv_catalog a{background:url(../images/ft_nv_catalog.gif) no-repeat;width:193px;height:45px;}
#ft_nv_download{position:absolute;left:776px;top:0px;width:194px;height:45px;}
#ft_nv_download a{background:url(../images/ft_nv_download.gif) no-repeat;width:194px;height:45px;}

#ft_copyright{height:70px;background:url(../images/ft_copyright.gif) no-repeat 0px 10px;width:970px;text-indent:-9999px;}

/* パンくず
------------------------------------------------------------------ */
#hierarchy{margin:15px 0;text-align:left;font-size:12px;line-height:1.2em;}
#hierarchy a:link{color:#002277;text-decoration:underline;}
#hierarchy a:visited{color:#002277;text-decoration:underline;}
#hierarchy a:active{color:#002277;text-decoration:underline;}
#hierarchy a:hover{color:#002277;text-decoration:none;}

/* サイドナビ
------------------------------------------------------------------ */

#snv{width:210px;float:left;text-align:left;margin:0 0 50px;}
#wrapper_expand #snv{width:200px;}
#snv a:link{color:#002277;text-decoration:underline;}
#snv a:visited{color:#002277;text-decoration:underline;}
#snv a:active{color:#002277;text-decoration:underline;}
#snv a:hover{color:#002277;text-decoration:none;}

#snv_ttl_products{background:url(../images/snv_ttl_products.gif) no-repeat;width:185px;height:55px;display:block;border-top:5px solid #002277;;border-bottom:1px solid #002277;}
#snv_ttl_products h3{width:185px;height:55px;text-indent:-9999px;display:none;}

#snv .d2{width:185px;margin:0 0 40px;}
#snv .d2 li{padding:3px 0 0;}
#snv .d2 li a span{display:none;}
#snv_security a{background:url(../images/snv_nv_security.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_paste a{background:url(../images/snv_nv_paste.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_correct a{background:url(../images/snv_nv_correct.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_turn a{background:url(../images/snv_nv_turn.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_cut a{background:url(../images/snv_nv_cut.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_bind a{background:url(../images/snv_nv_bind.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_note a{background:url(../images/snv_nv_note.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_other a{background:url(../images/snv_nv_other.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_file a{background:url(../images/snv_nv_file.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_box a{background:url(../images/snv_nv_box.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_paper a{background:url(../images/snv_nv_paper.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_label a{background:url(../images/snv_nv_label.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_deco a{background:url(../images/snv_nv_deco.gif) no-repeat;width:185px;height:27px;display:block;}
#snv_oa a{background:url(../images/snv_nv_oa.gif) no-repeat;width:185px;height:27px;display:block;}
#snv .d2 li.s div a{background-position:0px -27px;}

#snv_present a{background:url(../images/snv_bnr_present.gif) no-repeat;width:185px;height:63px;display:block;}
#snv_present a span{display:none;}

#snv_event a{background:url(../images/snv_bnr_event.gif) no-repeat;width:185px;height:73px;display:block;}
#snv_event a span{display:none;}

#snv_customize a{background:url(../images/snv_bnr_customize.gif) no-repeat;width:185px;height:73px;display:block;}
#snv_customize a span{display:none;}

#snv_mailmag a{background:url(../images/snv_bnr_mailmag.gif) no-repeat;width:185px;height:73px;display:block;margin:17px 0 0;}
#snv_mailmag a span{display:none;}

/*ローラーケシポンワイド　発売記念プレゼント企画用*/
#snv_roller_adv a{background:url(../images/snv_bnr_roller_adv.gif) no-repeat;width:185px;height:73px;display:block;}
#snv_roller_adv a span{display:none;}

/*facebook企画用*/
#snv_facebook a{background:url(../images/snv_bnr_facebook.jpg) no-repeat;width:185px;height:73px;display:block;}
#snv_facebook a span{display:none;}

/*ノリノプロ対談*/
#snv_norinopro_talk { margin-bottom: 10px; }

/*デコサイト用*/
#snv_decosite a{background:url(../images/snv_bnr_decosite.gif) no-repeat;width:185px;height:73px;display:block;}
#snv_decosite a span{display:none;}

/*カクリエ用*/
#snv_cacrea a{background:url(../images/snv_bnr_cacrea.jpg) no-repeat;width:185px;height:73px;display:block;}
#snv_cacrea a span{display:none;}

/*アオハライド用*/
#snv_aoharide a{background:url(../images/snv_bnr_aoharide.gif) no-repeat;width:185px;height:73px;display:block;}
#snv_aoharide a span{display:none;}



#snv .d3 a{background:none;}
#snv ul.d3{border-bottom:1px solid #002277;margin:0px;padding:10px 0 17px 13px;}
#snv .d3 li{border-bottom:0px solid;margin:0;padding:0 0 8px;font-size:0px;line-height:0px;}
#snv .d3 li a{display:block;margin:0;background:url(../images/arrow1.gif) no-repeat 0px 3px;padding:0 0 0 10px;font-size:12px;line-height:1.2em;width:auto;height:auto;}



/* メインコンテンツ
------------------------------------------------------------------ */
#maincontents{width:760px;float:left;margin:0 0 0px;text-align:left;overflow: hidden;}
#wrapper_expand #maincontents{width:800px;}
#maincontents h1{border-top:5px solid #002277;font-size:22px;line-height:24px;color:#002277;padding:14px 0 17px;border-bottom:1px solid #cccccc;margin:0 0 0px;}
#maincontents h1.oldH1{margin:0 0 10px;}

/* メインコンテンツ - PDF、ビデオカタログ、ページトップ */
#maincontents_btparts {margin:40px 0 0;text-align:center;}
#maincontents_btparts .fr{width:760px;margin:0 auto;}
#maincontents_btparts .fr_either{width:370px;margin:0 auto;}
#maincontents_btparts .btparts_catalog{background:url(../images/bk_dot.gif) ;padding:8px;width:354px;float:left;}
#maincontents_btparts .btparts_catalog a{background:url(../images/btn_catalog.gif) no-repeat;width:354px;height:84px;display:block;}
#maincontents_btparts .btparts_promotion{background:url(../images/bk_dot.gif) ;padding:8px;width:354px;float:right;}
#maincontents_btparts .btparts_promotion.center{float:none;
	margin-left: auto;
	margin-right: auto;}

#maincontents_btparts .btparts_promotion a{background:url(../images/btn_promotion.gif) no-repeat;width:354px;height:84px;display:block;}
.btparts_catalog span,.btparts_promotion span,.btparts_manual span{display:none;}
/* マニュアルボタン追加(10.08.31) */
#maincontents_btparts .btparts_manual{background:url(../images/bk_dot.gif) ;padding:8px;width:354px;float:right;}
#maincontents_btparts .btparts_manual a{background:url(../images/btn_manual.gif) no-repeat;width:354px;height:84px;display:block;}


#maincontents_btparts .recommend{text-align:left;}
#maincontents_btparts .recommend h3{background:url(../images/recommend_ttl.gif) no-repeat 0px 4px;height:26px;display:block;border-top:1px solid #cccccc;margin:30px 0 0;text-indent:-9999px;}
#maincontents_btparts .recommend li{width:160px;float:left;}
#maincontents_btparts .recommend li.end{width:120px;float:left;}
#maincontents_btparts .recommend li div{width:120px;}
#maincontents_btparts .recommend li img{margin:0 0 10px;}
#maincontents_btparts .pagetop {border-top:5px solid #002277;margin:20px 0 0;text-align:right;padding:8px 0 0;}
#maincontents_btparts .pagetop a{background:url(../images/btn_pagetop.gif) no-repeat;width:111px;height:11px;display:block;float:right;}
#maincontents_btparts .pagetop a span{display:none;}


#all_btparts .pagetop {width:970px;margin:50px auto 0;text-align:right;padding:8px 0 0;}/*border-top:5px solid #002277;*/
#all_btparts .pagetop a{background:url(../images/btn_pagetop.gif) no-repeat;width:111px;height:11px;display:block;float:right;}
#all_btparts .pagetop a span{display:none;}

/*-----------------------------------------------------
 テンプレートスタイル
 更新日:2015/07/03
------------------------------------------------------*/
/* コンテンコンテナ */
.itemlist01 {

}

/* 見出し */
.ttl_itemlist {
    margin-bottom: 18px;
}

/* 表 */
.table_layout01 {
    border-collapse: collapse;
}

.table_layout01 thead th {
    font-weight: bold;
    text-align: center;
}

.table_layout01 th,
.table_layout01 td {
    border: 1px solid #ccc;
}

.table01 .caption01 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.table01 .bg_gray {
	background-color: gray;
	color: #fff;
}

.table01 .bg_lightBray {
	background-color: lightgrey;
}

.table01 .bg_xlightBray {
	background-color: #eee;
}

.table01 tr.ta_center_child th,
.table01 tr.ta_center_child td {
    text-align: center;
}

.table01-cellpad-lg thead th {
	padding-top: 10px;
	padding-bottom: 10px;
}

.table01-cellpad-lg tbody th {
	padding: 7px 7px 6px;
}

.table01-cellpad-lg td {
	padding-top: 7px;
	padding-bottom: 6px;
}

.table tr.ta_center_child th,
.table tr.ta_center_child td {
	padding: 6px 10px 4px;
    text-align: center;
}

.table-products_info {
    border-collapse: collapse;
}

.table-products_info caption {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.table-products_info th,
.table-products_info td {
    border: 1px solid #999999;
}

.table-products_info thead th {
	background-color: #ccc;
}

.table-products_info {

}

.table-products_info + .notes {
	margin-top: 5px;
	font-size: 10px;
}

.table-standard {
    border-collapse: collapse;
}

.table-standard th,
.table-standard td {
	padding: 6px 5px 4px 5px;
    border: 1px solid #ccc;
}

.table-standard thead th {
	background-color: #eee;
	font-weight: bold;
}

/* 見出し */
.ttl01 {
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 10px 35px 7px;
	background-color: #b50081;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl02 {
	margin-top: 60px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}

.ttl03 {
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 0 .5em .3em 1.7em;
	position: relative;
	border-bottom: 1px solid #002277;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl03::after {
	position: absolute;
	top: .15em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #002277;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* floatの解除 */
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

/* サイズ */
.w100p { width: 100%; }

/* 注文コード */
.order_code01 { color: #0099CC; }
.order_code02 { color: #2aa854; }
.order_code03 { color: #000; }
.order_code04 { color: #3333CC; }

/* 調整用スタイル */
.floatL { float: left !important; }
.floatR { float: right !important; }
.text-red { color: #f00 !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.n-offset-top-lg { margin-top: -40px !important; }
.n-offset-top-md { margin-top: -30px !important; }
.offset-top-none { margin-top: 0 !important; }
.offset-top-xsm { margin-top: 10px !important; }
.offset-top-sm { margin-top: 20px !important; }
.offset-top-md { margin-top: 30px !important; }
.offset-top-lg { margin-top: 40px !important; }
.offset-top-xlg { margin-top: 50px !important; }
.offset-bottom-none { margin-bottom: 0 !important; }
.offset-bottom-sm { margin-bottom: 20px !important; }
.offset-bottom-md { margin-bottom: 30px !important; }
.offset-bottom-lg { margin-bottom: 40px !important; }
.offset-left-none { margin-left: 0 !important; }
.offset-left-xsm { margin-left: 10px !important; }
.offset-left-sm { margin-left: 20px !important; }
.offset-left-md { margin-left: 30px !important; }
.offset-left-lg { margin-left: 40px !important; }
.offset-tb-md { margin-top: 30px !important; margin-bottom: 30px !important; }
.padding-xsm { padding: 10px !important; }
.padding-sm { padding: 20px !important; }
.padding-md { padding: 30px !important; }
.padding-lg { padding: 40px !important; }
.image-right { float: right; margin-left: 30px; }
.image-left { float: left; margin-right: 30px; }
.border-gray {  border: 1px solid #ccc; }
.centering { margin-left: auto !important; margin-right: auto !important; }
.font-bold { font-weight: bold; }
.font-xlg { font-size: 26px !important; }
.font-lg { font-size: 20px !important; }
.font-xmd { font-size: 18px !important; }
.font-md { font-size: 14px !important; }
.font-sm { font-size: 12px !important; }
.font-xsm { font-size: 10px !important; }
.font-red { color: #f00; }
.rollover-fade:hover { opacity: 0.75; transition: opacity .5s }
.nowrap { white-space: nowrap; }
.inline-block { display: inline-block; }
.overflow-hidden { overflow: hidden; }

.top_rside_banner_panel01 {
	margin: 15px 0;
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: #a2acc7;
}

.top_rside_banner_panel01 .banner + .banner {
	margin-top: 10px;
}

.top_rside_banner_panel01 .banner .caption {
	font-size: 12px;
	line-height: 1.2;
}

.top_rside_banner_panel01 .banner .image {
	display: inline-block;
}

.top_rside_banner_panel01 .banner .caption + .image {
	margin-top: 5px;
}