/*
Theme Name: renewal
Description: 2014 Renewal ver

*/

@charset "UTF-8";

html,body{
     height: 100%;
}

body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object{
	margin: 0; padding: 0;
}
ul{list-style-type: none;}

body{
	font:13px/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Helvetica ,sans-serif;
	*font-size:small;
	*font:x-small;
	background: #fff;
	color: #333;
}

header{
	width: 100%;
	height: 140px;
	background: url(/share/topline.gif) repeat-x;
}

header #headBlock{
	width: 960px;
	margin: 0 auto;
}

header h1{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	float: left;
	position: relative;
	top: 30px;
}

header h2{
	width: 196px;
	float: left;
}

ul.elements{
	float: right;
	position: relative;
	top: 24px;
}

ul.elements li{
	float: left;
	font-size: 12px;
	padding-left: 14px;
}
ul.elements li.nav{
	padding-top: 6px;
}
ul.elements li.nav a{
	font-size: 11px;
	line-height: 1;
	text-decoration: none;
	padding: 4px 0 0 15px;
	background: url(/share/m_top.gif) 0 50% no-repeat;
}
ul.elements li.nav a:hover{
	text-decoration: underline;
	background: url(/share/m_top_on.gif) 0 50% no-repeat;
}

.mainLine{
	width: 960px;
	position: absolute;
	top: 58px;
	overflow: hidden;
}
header nav{
	width: 716px;
	float: right;

}

header ul{
	margin: 0;
	padding: 0;
}

header nav ul li{
	float: left;
	overflow: hidden;
}

header h2 a,
header nav ul li a{
	height: 82px;
	display: block;
}

#wrapper{
	width: 100%;
	position: relative;
	min-height: 100%;
}

#content{
	margin: 0;
	padding: 0 0 350px 0;
}

ul.homeBanners{
	overflow: hidden;
}


/**
*	SLIDESHOW	--------------------------------------------------------------------------------------------------------------
*
*/
#slide {
	width:960px;
	height:324px;
	margin:20px auto 12px;
	position:relative;
}
#slide img {
	position:absolute;
	left:0;
	top:0;
}



/**
*	main Division BTN	--------------------------------------------------------------------------------------------------------------
*
*/
nav#mainDiv{
	width: 960px;
	overflow: hidden;
	margin: 0 auto 12px;
}

nav#mainDiv li{
	width: 231px;
	height: 140px;
	float: left;
	margin-right: 12px;
}
nav#mainDiv li.edge{
	margin-right: 0;
}


a.bigBanner{
	display: block;
	width: 960px;
	margin: 0 auto 50px;
}


/**
*	TOP MIDDLE	--------------------------------------------------------------------------------------------------------------
*
*/
#homeMiddle{
	width: 960px;
	margin: 0 auto 50px;
	overflow: hidden;
	background: url(/img/bg_news.gif) 0 0 no-repeat;
}
#homeMiddle h2{
	width: 140px;
	float: left;
	color: #000;
	font-weight: normal;
	font-size: 16px;
}

#newsArchive p.date,
#homeMiddle p.date{
	font-size: 10px;
	font-weight: bold;
}

#homeMiddle ul.news{
	width: 570px;
	float: left;
	margin-right: 50px;
}

#newsArchive li,
#homeMiddle li{
	vertical-align: middle;
	margin: 0 0 1em 0;
}

#newsArchive li div,
#homeMiddle li div{
	width: 110px;
	float: left;
	overflow: hidden;
}

#newsArchive li a,
#homeMiddle li a{
	color: #333;
	padding: 0;
}

.home_banners{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
	
	width: 960px;
	margin: 0 auto 50px;
}
	.home_banners li{
		
	}
	.home_banners li img{
		width: 100%;
	}


/**
*	SIDEBAR ( BANNER )	--------------------------------------------------------------------------------------------------------------
*
*/



/**
*	INTRODUCTION	--------------------------------------------------------------------------------------------------------------
*
*/
#introduction{
	width: 100%;
	background: url(/img/bg_introduction.gif) repeat-x;
}

#introduction div.mainBlock{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}

#introduction dl{
	float: left;
}
#introduction dl.stationery{ width: 272px; padding: 20px 36px 0 0; }
#introduction dl.fastening{  width: 270px; padding: 20px 36px 0; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }
#introduction dl.packaging{  width: 271px; padding: 20px 0 0 36px; }

#introduction dt{
	height: 70px;
	font-size: 20px;
	color: #000;
}

#introduction  p.recommend{
	margin-top: 30px;
}

ul.homeRecommends{
	overflow: hidden;
}

ul.homeRecommends li{
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

ul.homeRecommends li a{
	display: block;
	line-height: 1.3;
	text-decoration: none;
}
ul.homeRecommends li a:hover{
	text-decoration: underline;
}

ul.homeRecommends li img{
	width: 130px;
	height: auto;
	border: 1px solid #ccc;
	float: left;
	margin-right: 10px;
}
ul.homeRecommends li img:hover{
	border: 1px solid #15447e;
}








/**
*	3 Div.  --------------------------------------------------------------------------------------------------------------
*
*/
div.divBreadCrump{
	font-size: 11px;
	overflow: hidden;
	width: 952px;
	padding: 0 4px 4px;
	margin: 10px auto;
	border-bottom: 1px solid #ddd;
}
div.divBreadCrump p,
div.divBreadCrump a{
	text-decoration: none;
	float :left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(/share/bread_sep.gif) 0 50% no-repeat;
}
div.divBreadCrump a.home{
	padding-left: 0;
	margin-left: 0;
	background: none;
}

article.detailBlock{
	width: 710px;
	overflow: hidden;
}

.staticBlock h2,
.contents h2,
.penContents h2,
.fastContents h2,
.packContents h2,
.detailBlock h2{
	font-weight: normal;
	font-size: 180%;
	padding-bottom: .2em;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}




article.detailBlock h3{

}

article.detailBlock h3.pop{
	padding-left: 25px;
	margin-bottom: 15px;
	background: url(/img/icon_pen_pr.gif) 0 0 no-repeat;
}

ul.catList{
	margin-bottom: 15px;
}

	ul.catList li{
		margin-bottom: 1px;
	}

	ul.catList li a{
		height: 37px;
		display: block;
	}


ul.penStatic,
ul.fasStatic,
ul.packStatic{
	overflow: hidden;
	margin-bottom: 80px;
}

	ul.penStatic li,
	ul.fasStatic li,
	ul.packStatic li{
		width: 355px;
		float: left;
	}
	
	ul.fasStatic li.banner{
		width: 708px;
	}

	ul.penStatic li a,
	ul.fasStatic li a,
	ul.packStatic li a{
		color: #333;
		display: block;
		text-decoration: none;
	}
	ul.penStatic li a:hover,
	ul.fasStatic li a:hover,
	ul.packStatic li a:hover{
		background-color: #f2f2f2;
	}

	ul.fasStatic li a.searchBanner{
		margin-top: 50px;
	}
	ul.fasStatic li a.searchBanner:hover{
		background-color: #fff;
	}
	ul.fasStatic li a.searchBanner img{
		border: 1px solid #d2d2d2;
	}
	ul.fasStatic li a.searchBanner img:hover{
		border: 1px solid #14be14;
	}

	ul.penStatic dt,
	ul.fasStatic dt,
	ul.packStatic dt{
		padding: 30px 0 15px;
		text-decoration: none;
		text-align: center;
		font-size: 16px;
		color: #333;
	}

	ul.penStatic dt:hover{
		text-decoration: underline;
		color: #15447e;
	}

	ul.fasStatic dt:hover{
		text-decoration: underline;
		color: #14be14;
	}

	ul.packStatic dt:hover{
		text-decoration: underline;
		color: #ddbb35;
	}

	ul.penStatic dt img,
	ul.fasStatic dt img,
	ul.packStatic dt img{
		margin-bottom: 15px;
	}

	ul.penStatic dd,
	ul.fasStatic dd,
	ul.packStatic dd{
		font-size: 12px;
		line-height: 1.4;
		padding: 0 3em 1.5em;
		color: #333;
	}


ul.penGenre,
ul.fasGenre,
ul.packGenre{
	overflow: hidden;
}
	ul.penGenre li,
	ul.fasGenre li,
	ul.packGenre li{
		width: 210px;
		margin: 0 40px 30px 0;
		float: left;
	}
	ul.penGenre li.edge,
	ul.fasGenre li.edge,
	ul.packGenre li.edge{
		margin: 0 0 30px 0;
	}
	ul.penGenre li a,
	ul.fasGenre li a,
	ul.packGenre li a{
		display: block;
		color: #333;
		text-decoration: none;
		text-align: center;
	}
	ul.penGenre li a:hover{
		color: #15447e;
	}
	ul.fasGenre li a:hover{
		color: #14be14;
	}
	ul.packGenre li a:hover{
		color: #ddbb35;
	}

	ul.penGenre li img,
	ul.fasGenre li img,
	ul.packGenre li img{
		border: solid 1px #fff;
	}
	ul.penGenre li img:hover{
		border: solid 1px #15447e;
	}
	ul.fasGenre li img:hover{
		border: solid 1px #14be14;
	}
	ul.packGenre li img:hover{
		border: solid 1px #ddbb35;
	}


ul.detailLists{
	overflow: hidden;
	margin-bottom:15px;
}

.detailBlock p.points{
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	padding: 15px;
	margin-bottom: 15px;
}
.detailBlock p.points span.attention{
	font-size: 87%;
	color: #555;
	line-height: 1.1;
}
.detailBlock p.underTable{
	margin-top: -0.8em;
	font-size: 87%;
	color: red;
	text-align: right;
}

.picZone{
	overflow: hidden;
	margin-bottom: 15px;
}

.picZone img{
	border: 1px solid #ccc;
	width: 160px;
	height: auto;
	vertical-align:bottom;
}

.picZone .mainPic{
	width: 510px;
	float: left;
	margin-right: 36px;
}

.picZone .mainPenPic{
	width: 340px;
	float: left;
}

.picZone .mainPic img{
	width: 510px;
	height: auto;
}

.picZone .mainPenPic img{
	width: 340px;
	height: auto;
}

.picZone .mainPic a,
.picZone .mainPenPic a,
.picZone .subPenPic a{
	display: block;
}

.picZone ul.subPics,
.picZone ul.subPenPics{
	overflow: hidden;
}

.penDetail .mainPic a img:hover,
.picZone .mainPenPic a img:hover,
.picZone .subPics a img:hover,
.picZone .subPenPics a img:hover,
.divTopLists li img:hover,
.result li img:hover,
.cassette figure img:hover{
	border: 1px solid #15447e;
}
.fastContents .divTopLists li img:hover,
.fastDetail .mainPic a img:hover,
.fastDetail .subPics a img:hover,
.fastDetail .relationLists a img:hover{
	border: 1px solid #14be14;
}
.packContents .divTopLists li img:hover,
.packDetail .mainPic a img:hover,
.packDetail .subPics a img:hover,
.packDetail .relationLists a img:hover{
	border: 1px solid #ddbb35;
}

.picZone ul.subPics li{
	margin-bottom: 20px;
}

.picZone ul.subPenPics li{
	float: left;
	margin: 0 0 15px 20px;
}

ul.divTopLists{
	width: 100%;
	overflow: hidden;
}

ul.divTopLists li{
	overflow: hidden;
	margin-bottom: 15px;
}

ul.divTopLists li .thumb,
ul.result li .thumb{
	width: 160px;
	float: left;
	margin-right: 20px;
}
ul.divTopLists li .thumb a,
ul.result li .thumb a{
	display: block;
}
ul.divTopLists li img,
ul.result li img{
	border: 1px solid #ccc;
	width: 160px;
	height: auto;
	vertical-align:bottom;
}

ul.divTopLists .info,
ul.result .info{
	overflow: hidden;
}

ul.divTopLists .info a{
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
}

.penContents ul.divTopLists .info a{
	color: #15447e;
}
.penContents ul.divTopLists .info a:hover{
	color: #15447e;
	text-decoration: underline;
}

.fastContents ul.divTopLists .info a{
	color: #14be14;
}
.fastContents ul.divTopLists .info a:hover{
	color: #14be14;
	text-decoration: underline;
}

.packContents ul.divTopLists .info a{
	color: #ddbb35;
}
.packContents ul.divTopLists .info a:hover{
	color: #ddbb35;
	text-decoration: underline;
}

ul.divTopLists div.info p{
	line-height: 1.5;
}

ul.divTopLists div.info p.introduction{
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 5px 0;
}

.penDetail h2.relation{
	display: inline-block;
	margin: 30px 0 18px;
	font-size: 14px;
	background-color: #15447e;
	color: #fff;
	padding: .3em 1em;
}
.fastDetail h2.relation{
	display: inline-block;
	margin: 30px 0 18px;
	font-size: 14px;
	background-color: #14be14;
	color: #fff;
	padding: .3em 1em;
}
.packDetail h2.relation{
	display: inline-block;
	margin: 30px 0 18px;
	font-size: 14px;
	background-color: #ddbb35;
	color: #fff;
	padding: .3em 1em;
}

ul.relationLists{
	overflow: hidden;
}

ul.relationLists li{
	width: 162px;
	float: left;
	margin: 0 10px 10px 0;
}

ul.relationLists li a{
	display: block;
	color: #333;
	text-decoration: none;
}
.penDetail .relationLists li a:hover{
	color: #15447e;
	text-decoration: underline;
}
.fastDetail .relationLists li a:hover{
	color: #14be14;
	text-decoration: underline;
}
.packDetail .relationLists li a:hover{
	color: #ddbb35;
	text-decoration: underline;
}

ul.relationLists li img{
	border: 1px solid #ccc;
	vertical-align:bottom;
	width: 160px;
	height: auto;
}
ul.relationLists li img:hover{
	border: 1px solid #15447e;
}

table.penTable{

}

table.penTable th{
	background-color: #15447e;
    color: #fff;
    padding: .4em;
    font-weight: bold;
    white-space: nowrap;
}

table.penTable td{
	text-align: center;
}

table.penSample{

}

table.penSample th{
	text-align: center;
}

table.penSample td{
	border: none;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	text-align: center;
	vertical-align: middle;
}

table.penSample tr.connect td{
	border-bottom: 1px dotted #e5e5e5;
}

table.penSample td a img,
.penMentenance figure a img{
	border: solid 1px #fff;
}
table.penSample td a img:hover,
.penMentenance figure a img:hover{
	border: solid 1px #15447e;
}

.penMentenance div{
	overflow: hidden;
}

.youtube{
	margin: 40px 0;
	text-align: center;
}

.cassette{
	overflow: hidden;
	margin-bottom: 3em;
}
.cassette h3{
	line-height: 1;
	border-left: solid 3px #15447e;
	border-bottom: dotted 1px #ccc;
	padding: .6em 1em;
	margin-bottom: 1em;
}

.cassette p{
	overflow: hidden;
	/*padding-left: 2em;*/
}

span.pdf{
	margin-top: 15px;
	display: block;
}
span.pdf img{
	padding-right: 10px;
}

.cassette figure.alignRight{
	float: right;
	margin: 0 0 1em 2em;
}

.cassette figure.alignLeft{
	float: left;
	margin: 0 0 1em 0;
}

.cassette figure img{
	border: 1px solid #e2e2e2;
	height: auto;
}

.fastContents h3.jis{
	margin: 2em 0 1.5em;
}

.fastContents ul.jisList{
	overflow: hidden;
	margin-bottom: 50px;
}

.fastContents ul.jisList li{
	width: 180px;
	height: 240px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 30px;
}

.fastContents ul.jisList li a{
	color: #333;
    display: block;
    line-height: 1.3;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}

.fastContents ul.jisList li a:hover{
	color: #14be14;
}

.fastContents ul.jisList li img{
	border: solid 1px #fff;
	padding: 0 8px;
}

.fastContents ul.jisList li img:hover{
	border: solid 1px #14be14;
}

.fastContents h4{
	margin-bottom: 1.2em;
	padding-bottom: .4em;
	border-bottom: dotted 1px #14be14;
}

.fastContents .mb{
	margin-bottom: 50px;
}

.fastContents table{
	margin-top: 10px;
}

.fastContents span{
	display: block;
	padding-top: .4em;
	font-size: 87%;
}

.fastContents div.safety{
	overflow: hidden;
}

.fastContents figure.safety{
	float: left;
	margin: 0 20px 20px 0;
}

.fastContents div.safety p{
	overflow: hidden;
	margin-bottom: 20px;
}


div.print{
	width: 100%;
	margin: 50px 0 0 0;
}

div.print a{
	width: 282px;
	display: block;
	margin: 0 auto;
}



/**
*	PAGE	--------------------------------------------------------------------------------------------------------------
*
*/
#page{
	width: 960px;
	margin: 30px auto;
	overflow: hidden;
}

#page .sideMenu,
#page nav{
	width: 200px;
	float: left;
}

#newsArchive,
#page div.contents,
#page div.penContents,
#page div.fastContents,
#page div.packContents,
#page div.detail,
#page div.penDetail,
#page div.fastDetail,
#page div.packDetail{
	width: 710px;
	margin: 0 0 0 250px;
	overflow: hidden;
}

a.innerH2{
	display: inline-block;
	*display: inline;
    *zoom: 1;
	margin-left: 20px;
}
a.innerH2 img{
	vertical-align: middle;
}
a.linkBanner{
	display: block;
	padding-bottom: 20px;
}

#page div.penContents a:hover{
	color: #15447e;
}
#page div.fastContents a:hover{
	color: #14be14;
}
#page div.packContents a:hover{
	color: #ddbb35;
}

div.divisions{
	overflow: hidden;
}

	div.divisions dl.left{ width: 210px; float: left; }
	div.divisions dl.center{ width: 210px; float: left; margin-left: 40px; }
	div.divisions dl.right{ width: 210px; float: left; margin-left: 40px; }

	div.divisions dd{
		padding-top: 10px;
	}

	div.divisions p{
		line-height: 1.5;
	}

	div.divisions p.tab{
		margin: 20px 0 10px;
		height: 19px;
	}

ul.outline{
	padding: 0 0 0 0;
	border-bottom: 1px solid #ddd;
}

	ul.outline ul.children{
		padding-left: 20px;
	}

	ul.outline li{
		border-top: 1px solid #ddd;
	}

	ul.outline li a{
		color: #333;
		display: block;
		padding: 5px 0 5px 13px;
		line-height: 1.1;
		text-decoration: none;
		background: url(/share/list_b.gif) 0 8px no-repeat;
	}


	ul.outline ul.children li a{
		background: url(/share/list_g.gif) 0 8pxno-repeat;
	}

	ul.outline li a:hover,
	ul.outline ul.children li a:hover{
		color: #15447e;
		text-decoration: underline;
		background: url(/share/list_on.gif) 0 8px no-repeat;
	}

	ul.outline li a.updated{
			padding-left: 43px;
			background: url(/share/list_b_new.gif) 0 8px no-repeat;
		}
		ul.outline li a.update:hover{
			background: url(/share/list_b_new_on.gif) 0 8px no-repeat;
		}

	ul.fasList li a:hover{
		color: #14be14;
		background: url(/share/listFas_on.gif) 0 8px no-repeat;
	}
	ul.packList li a:hover{
		color: #ddbb35;
		background: url(/share/listPack_on.gif) 0 8px no-repeat;
	}

	li.separate{
		border-top: dotted 1px #ccc;
		margin-top: .6em; padding-top: .6em;
	}

article.company{

}

	article.company h3{
		border: none;
		padding: 0;
		margin-bottom: 30px;
	}
	
	article.company .lead{
		padding: 1em 0 1.5em;
		font-size: 18px;
	}
		article.company .lead b{
			font-weight: bold !important;
			color:#15447e;
		}
	
	article.company .center{
		text-align: right;
	}
	article.company .signature{
		display: inline-block;
		text-align:left;
	}
		article.company .signature img{
			width: 160px;
			height: auto;
		}
		
		
	article.company p{
		text-indent: 1em;
		padding-bottom: 1.3em;
		text-align: justify;
		text-justify: distribute;
	}

	article.factory p.greetings_signature{
		text-indent: 0em;
		margin-top: 1em;
		font-size: 120%;
	}

	article.company p img,
	article.factory p img{
		float: right;
		margin: 0 0 1em 2em;
	}

	article.company dt{
		font-weight: bold;
		line-height: 1;
		margin: .5em 0;
	}

	article.company dd{
		color: #666;
		line-height: 1.4;
		margin: 1em 0 1em 2em;
	}



article.bases h1{
	margin: 0 0 1em;
	padding: .4em 0 .4em 1em;
	font-weight: normal;
	font-size: 16px;
	border-left: 2px solid #15447e;
}

	article.bases h2{
		margin: 2em 0 .8em;
		font-size: 15px;
	}

	article.bases dl{

	}

	article.bases dt{
		font-weight: bold;
		font-size: 120%;
		border: 1px solid #ddd;
		background: #f2f2f2;
		padding: 4px 10px;
	}

	article.bases dt span{
		font-weight: normal;
		font-size: 12px;
		margin-left: 20px;
	}

	article.bases dt span.item{
		padding-left: 62px;
		background: url(/img/icon_treat.gif) 0 50% no-repeat;
	}


	article.bases dd{
		border-width: 0 1px 1px 1px;
		border-color: #ddd;
		border-style: solid;
		margin-bottom: 10px;
		padding: 10px;
	}

	article.bases dd span.phone{
		margin-left: 1em;
		padding-left: 18px;
		background: url(/img/icon_phone.gif) 0 50% no-repeat;
	}



article.factory h1{
	font-size: 20px;
	margin-bottom: .5em;
}

	article.factory p{
		text-indent: 1em;
		padding-bottom: 1em;
	}

	article.factory figure{
		margin-bottom: 20px;
	}

	article.factory ul.pics{
		padding-top: 35px;
		overflow: hidden;
	}

	article.factory ul.pics li{
		width: 350px;
		float: left;
		margin: 0 10px 18px 0;
	}
	article.factory ul.pics li.edge{
		margin-right: 0;
	}

article.history{

}

	article.history h2{
		border:none;
	}

	article.contact p,
	article.history p,
	article.manga p,
	article.penFeature p,
	article.penMentenance p,
	article.nibHistory p{
		text-indent: 1em;
		margin-bottom: 1.5em;
		text-align: justify;
		text-justify: distribute;
	}

	article.contact p{
		margin-bottom: 1.5em;

	}
	
	.engAnchor{
		display: inline-block;
		
		border: 2px solid #15447e;
	    background-color: #f2f2f2;
	    color: #15447e;
	    font-weight: bold;
	    padding: 1em 3em;
	    text-align: center;
	    text-decoration: none;
	}
	.engAnchor:hover{
		background-color: #15447e;
		color:#fff;
	}

	ul.representative{
		overflow: hidden;
	}

	ul.representative li{
		width: 120px;
		float: left;
		margin-right: 20px;
	}

	article.contact dt{
		width: 9em;
		float: left;
		margin-right: 3em;
		margin-bottom: 1em;
		font-weight: bold;
	}

	article.contact dd{
		overflow: hidden;
		margin-bottom: 1em;
	}

	article.contact ul{
		overflow: hidden;
		margin: 50px 0 0 0;
	}

	article.contact li{
		width: 23%;
		float: left;
		margin: 1%;

	}
	article.contact li a{
		display: block;
		border: 2px solid #15447e;
		background-color: #f2f2f2;
		color: #15447e;
		font-weight: bold;
		padding: 3em 0;
		text-align: center;
		text-decoration: none;
	}
	article.contact li a:hover{
		border: 2px solid #15447e;
		background-color: #15447e;
		color: #fff;
	}

	article.contact table{
		width: 708px;
		border: none;
		border-bottom: 1px solid #d5d5d5;
		margin-bottom: 20px;
	}

	article.contact table td{
		border: none;
		border-top: 1px solid #d5d5d5;
		vertical-align: middle;
	}
	article.contact table th{
		border: none;
		border-top: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		vertical-align: middle;
	}
	article.contact table td input,
	article.contact table td textarea{
		margin-top: 3px;
		margin-bottom: 3px;
	}

	.contactSubmit input{
		width: 710px;
		font-size: 140%;
		text-align: center;
		padding: 2em 5em;
		border: 1px solid #ccc;
	}

	article.contact th span{
		color: red;
		display: block;
		font-size: 11px;
	}

	article.contact span.radio-type span.wpcf7-list-item,
	article.contact span.reaction span.wpcf7-list-item,
	article.contact span.genre span.wpcf7-list-item{
		display: block;
	}

article.global{
	@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700');

}
	article.global h3,p{
		word-wrap: break-word;
	}

	article.global h3{
		font-family: 'Playfair Display', serif;
		font-size: 260%;
		line-height: 1.2;
		padding-left: .7em;
		margin-bottom: 1em;
	}

	article.global h4{
		font-family: 'Playfair Display', serif;
		font-size: 170%;
		line-height: 1.2;
		padding: 1em 0;
	}
	article.global h4.contact{
		margin-top: 3em;
	}

	article.global p{
		font-size: 120%;
	}

	article.global a,
	article.global input.wpcf7-submit{
		display: inline-block;
		//font-weight:bold;
		background-color:#15447e;
		line-height: 1;
		padding: .6em 1em;
		margin: 1em 0 0;
		color:#fff;
		text-decoration: none;
		transition: all 0.3s;
	}
	article.global a:hover{ opacity: .7; }

	article.global dt{
		padding: 1em 0 .3em;
		font-family: 'Playfair Display', serif;
		font-weight: bold;
	}

	article.global input.wpcf7-submit{
		display: block;
		background-color:#15447e;
		line-height: 1;
		padding: 1em 3em;
		margin: 1em 0;
		color:#fff;
		text-decoration: none;
		border:none;
	}
	article.global input.wpcf7-submit:hover{
		background-color:#e2e2e2;
		color:#15447e;
	}


.sideMenu{

}


/**
*	210921 UPDATED
*	ステーショナリ記事の末尾にSNSブロックを増設
*/
.snsBlock{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10vh;
}
	.snsBlock div.tab{
		padding-bottom: 5px;
	}
	.snsBlock .twitter{
		width: 100%;
		height: 60vh;
		overflow-y: scroll;
		border: 1px solid #e2e2e2;
	}
	.snsBlock .btns{
		display: flex;
		align-content: center;
		padding-top: 40px;
		width: 100%;
	}
		.snsBlock .btns li{
			width: 50%;
			text-align: center;
		}
			.snsBlock .btns li a{
				display: block;
			}


/**
*	GENETAL	--------------------------------------------------------------------------------------------------------------
*
*/
header.contentHeader{
	height: auto;
	padding: 10px 20px 20px;
	margin: 0 0 30px 0;
	border-left: 5px solid #15447e;
	background: none #f2f2f2;
	overflow: hidden;
}

header.greetingsHeader{
	height: auto;
	padding: 10px 20px 20px;
	margin: 0 0 30px 0;
	border-left: 5px solid #15447e;
	background: url(/img/slogan_greetings.gif) 418px 20px no-repeat #f2f2f2;
	overflow: hidden;
}

#divPos{
	width: 960px;
	margin: 15px auto;
	overflow: hidden;
}

#divPos li{
	float: left;
	margin-right: 15px;
}

#divPos li.packaging{
	margin-right: 0;
}

#divPos li a{
	display: block;
	width: 310px;
	height: 38px;
	text-indent: -9999px;
}

#divPos li.pen a{
	background: url(/share/div_position.gif) 0 0 no-repeat;
}
#divPos li.pen a:hover,
#divPos li.pen a.on{
	background: url(/share/div_position.gif) 0 -38px no-repeat;
}

#divPos li.fastening a{
	background: url(/share/div_position.gif) -310px 0 no-repeat;
}
#divPos li.fastening a:hover,
#divPos li.fastening a.on{
	background: url(/share/div_position.gif) -310px -38px no-repeat;
}

#divPos li.packaging a{
	background: url(/share/div_position.gif) -620px 0 no-repeat;
}
#divPos li.packaging a:hover,
#divPos li.packaging a.on{
	background: url(/share/div_position.gif) -620px -38px no-repeat;
}

div.bread{
	font-size: 11px;
	margin: 6px auto 15px;
}

div.bread a{
	color: #15447e;
	margin-right: 6px;
	text-decoration: none;
}
div.bread a:hover{
	text-decoration: underline;
}

header.greetingsHeader h2,
header.contentHeader h2{
	width: 660px;
	line-height: 1.2;
	font-size: 2em;
	font-weight: normal;
	color: #000;
	top: auto;
	border: none;
	margin-bottom: 0;
}

table{
	border-collapse: collapse;  border-spacing: 0;
	border: solid 1px #d5d5d5;
    width: 100%;
}

th,td{
	padding: 1em;
	vertical-align: top;
	border: solid 1px #d5d5d5;
}
table.jis th,
table.jis td{
	padding: .5em;
	vertical-align: middle;
}

th{
	background-color: #f6f6f6;
	color: #000;
	font-weight: normal;
	white-space: nowrap;
}

td dl.divs{

}

td dl.divs dt{
	font-weight: bold;
	padding-bottom: .5em;
}

td dl.divs dd{
	font-size: 12px;
	padding: 0 0 1em 2em;
	line-height: 1.4;
}

article.factory h3,
article.bases h3,
article.history h3,
article.policy h3,
.penContents h3,
.fastContents h3,
.packContents h3,
.contents h3,
article.staticBlock h3,
article.fastContents h3,
article.packContents h3,
article.company h4{
	margin: 3em 0 1.5em;
	padding: .2em 0 .2em 1em;
	font-weight: normal;
	font-size: 18px;
	border-left: 3px solid #15447e;
}

article.fastContents h3,
div.fastContents h3{
	border-left: 3px solid #14be14;
}

div.packContents h3,
article.packContents h3{
	border-left: 3px solid #ddbb35;
}
article.packContents div{
	padding: 2em;
	margin: 1em 0;
	background-color: #f2f2f2;
}
	article.packContents div h3{
		margin: 0 0 1.5em 0;
		padding: .2em 0 .2em 1em;
		font-weight: normal;
		font-size: 18px;
		border-left: 3px solid #14be14;
	}

p.greetings{
	padding-bottom: 1em;
	text-indent: 1em;
	line-height: 1.9;
	overflow: auto;
	zoom: 1;
}
p.greetings img{
	margin: 5px 0 0 20px;
	float: right;
}
p.greetings_signature{
	padding-top: .4em;
}

img.noBorder{
	border: none;
}

figure{

}

figure.alignRightMid{
	float: right;
	padding: 5px 0 1em 2.4em;
}

figure.alignLeft{
	float: left;
	padding: 0 2em 1em 0;
}

figcaption{
	font-size: 10px;
	text-align: center;
}





/**
*	SIDEBAR	--------------------------------------------------------------------------------------------------------------
*
*/
#sideGlobalMenu{
	width: 200px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #d5d5d5;
}

#sideGlobalMenu ul.inner{
	border-left: 1px solid #d5d5d5;
	margin-left: 20px;
}

#sideGlobalMenu ul li{
	padding: 0;
	margin: 0;
	border-top: 1px solid #d5d5d5;
}

#sideGlobalMenu a{
	display: block;
	margin: 6px 0 0 6px;
	padding: 5px 6px 8px 18px;
	text-decoration: none;
	background: url(/share/bg_sidemenu.gif) 0 2px no-repeat;
}
#sideGlobalMenu a.on,
#sideGlobalMenu a:hover{
	color: #fff;
	background: url(/share/bg_sidemenu_on.gif) 0 2px no-repeat #fff;
}

p.tab_under{
	margin-top: 20px;
}



/**
*	SEARCH	--------------------------------------------------------------------------------------------------------------
*
*/
h2.searched{
	margin-bottom: 20px;
}
p.searched{
	font-size: 16px;
	margin-bottom: .3em;
	padding-bottom: .2em;
	border-bottom: 1px dotted #ccc;
}
p.searched span{
	font-size: 12px;
	font-weight: bold;
}

#sideSearchForm{
	padding: 0 10px 10px;
}

.searchBlock{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.searchBlock label{
	display: block;
	width: 240px;
}

select{
	width: 180px;
	margin-bottom: 5px;
}

input.textField, input, textarea {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    font-size: 100%;
    margin-bottom: 8px;
    padding: .4em .6em;
    position: relative;
}
input.headerBox{
	width: 8em;
	padding: .3em .4em;
	margin-left: 10px;
}

input.submit{
	background-color: #e6e6e6;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    outline: medium none;
    padding: 4px 10px;
    width: 60px;
}
input.submitDetail{
	display: block;
	background-color: #e6e6e6;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    outline: medium none;
    padding: 1.5em;
    width: 400px;
    margin: 40px auto 0;
}
input.min{
	width: 100px;
	background-color: #e6e6e6;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
	color: #333;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	outline: medium none;
	padding: 4px 10px;
	display: block;
	margin: 5px 5px 20px 40px;
}
input.min:hover,
input.submit:hover,
input.wpcf7-submit:hover{
	background-color: #15447e;
    border: 1px solid #15447e;
    color: #fff;
}
input.submitDetail:hover{
	background-color: #14be14;
    border: 1px solid #14be14;
    color: #fff;
}

ul.result{
	overflow: hidden;
}

ul.result li{
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
}

table.searchTable{

}

table.searchTable td{
	width: 30%;
	text-align: center;
}




/**
*	CONTACT	--------------------------------------------------------------------------------------------------------------
*
*/
article.contact p{
	text-indent: 0;
}

article.contact p.attention{
	font-size: 93%;
	line-height: 1.4;
	color: red;
	margin-top: 3em;
}

article.contact ul.qaList{
	margin: 10px 0 50px;
}

article.contact ul.qaList li{
	float: none;
	margin: 0;
	width: auto;
}

article.contact ul.qaList li a{
	background-color: #fff;
    border: none;
    color: #15447e;
    display: block;
    font-weight: normal;
    padding: 4px 0 0 15px;
	background: url(/share/m_top.gif) 0 50% no-repeat;
    text-align: left;
    text-decoration: none;
}

article.contact ul.qaList li a:hover{
	border: none;
	background-color: #15447e;
	text-decoration: underline;
	background: url(/share/m_top_on.gif) 0 50% no-repeat;
}

a.insert-media{
	display: none;
}



a.jisAsk{
	display: block;
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	color: #333;
	text-align: center;
	padding: 1em;
	font-size: 150%;
	margin: 1em 0 3em;
	text-decoration: none;
}

a.jisAsk:hover{
	background-color: #15447e;
	border: 1px solid #15447e;
	color: #fff;
}



/**
*	FAQ	--------------------------------------------------------------------------------------------------------------
*

article.oversea{

}
*/
	article.oversea p{
		text-indent: 1em;
		padding-bottom: 1em;
	}

	article.oversea a.contact{
		width: 324px;
		display: block;
		margin: 30px auto 10px;
	}



/**
*	FAQ	--------------------------------------------------------------------------------------------------------------
*

article.faq{

}
*/
	article.faq dl{
		margin-bottom: 40px;
	}

	article.faq dt{
		font-size: 125%;
		font-weight: bold;
		line-height: 1.3;
		color: #15447e;

		min-height: 45px;
		height: auto !important;
		height: 45px;

		padding: 6px 0 8px 50px;
		background: url(/img/icon_q.gif) 0 0 no-repeat;
	}

	article.faq dd{
		min-height: 45px;
		height: auto !important;
		height: 45px;

		margin-left: 50px;
		padding: 0 0 0 50px;
		background: url(/img/icon_a.gif) 0 0 no-repeat;
	}



/**
*	PAGE	--------------------------------------------------------------------------------------------------------------
*
*/
#newsArchive a img{
	width:100%;
}

#newsArchive ul.mainPics{
	overflow: hidden;
}

#newsArchive ul.mainPics li{
	margin-right: 1px;
	width: 235px;
	float: left;
}

#newsArchive ul.mainPics li img{
	width: 235px;
	height: auto;
}

#newsArchive div.map{
	margin: 20px 0 0;
}

#newsArchive ul.subPics{
	margin: 20px 0 0;
	overflow: hidden;
}

#newsArchive ul.subPics li{
	margin-right: 1px;
	width: 176px;
	float: left;
}

#newsArchive ul.subPics li img{
	width: 176px;
	height: auto;
}

#newsArchive .newsText ul{
	margin-left: 1em;
	padding: .3em 0;
	list-style-type: disc;
}

#newsArchive .newsText ol{
	margin-left: 1em;
	padding: .3em 0;
	list-style-type: decimal;
}



#newsArchive .newsText li{
	margin: 0 0 .3em;
}




/**
*	Site Map	--------------------------------------------------------------------------------------------------------------
*
*/
article.sitemap dl{

}

	article.sitemap a{
		text-decoration: none;
		line-height: 1.25;
	}
	article.sitemap .company a:hover,
	article.sitemap .divisions a:hover{
		text-decoration: underline;
	}

	article.sitemap dt{
		font-size: 130%;
		font-weight: bold;
		padding-bottom: .2em;
		margin-bottom: .3em;
		border-bottom: dotted 1px #ccc;
	}

	article.sitemap .divisions{
		overflow: hidden;
		margin: 30px 0 0 0;
	}

		article.sitemap .divisions dl{
			width: 220px;
			float: left;
			margin-right: 25px;
		}
		article.sitemap .divisions dl.edge{
			margin-right: 0;
		}

		article.sitemap .company li ul{
			margin-left: 2em;
		}

		article.sitemap .divisions li{
			line-height: 1.1;
			padding-bottom: .3em;
		}
		article.sitemap .divisions li p{
			font-weight: bold;
			padding: .6em 0;
		}

		article.sitemap .company li a{
			background: url("/share/m_top.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
		    line-height: 1;
		    padding: 4px 0 0 15px;
		    text-decoration: none;
		}


/**
*	Not Found	--------------------------------------------------------------------------------------------------------------
*
*/
#notFound{
	width: 960px;
	margin: 60px auto;
	text-align: center;
}
#notFound h1{
	font:50px/1.7 "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", Meiryo, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #000;
}





/**
*	FOOTER	--------------------------------------------------------------------------------------------------------------
*
*/
#footerBlock{
	width: 100%;
	height: 350px;
	overflow: hidden;
	position:absolute;
 	bottom:0;
}

.return{
	width: 960px;
	margin: 30px auto 10px;
	overflow: hidden;
}

.return a{
	width: 100px;
	float: right;
	display: block;
}
.return .fb-like{
	margin: 10px 0 0 0;
	float: left;
}

.fb_like iframe{
	z-index: 9999;
}

footer{
	background-color: #15447e;
	overflow: hidden;
}

footer div.box{
	width: 960px;
	margin: 0 auto;
}

nav#footer{
	padding: 20px 0 50px;
    overflow: hidden;
    position: relative;
}

nav#footer ul{
	float: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
}

nav#footer ul li{
	float: left;
    margin: 0 10px;
    padding: 5px;
    position: relative;
    left: -50%;
}

nav#footer ul li a{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

nav#footer ul li a:hover{
	text-decoration: underline;
}

footer p.slogan{
	width: 340px;
	margin: 0 auto;
}

div.bottom{
	width: 960px;
	margin: 40px auto 15px;
	padding: 10px 0 0;
	overflow: hidden;
	border-top: 1px solid #155d8d;
}

div.bottom ul{
	width: 30em;
	overflow: hidden;
	float: left;
}

div.bottom ul li{
	float: left;
}

div.bottom ul li a{
	font-size: 11px;
	padding: 0 10px 0 16px;
	color: #fff;
	text-decoration: none;
	background: url(/share/m_bottom.gif) 0 0 no-repeat;
}
div.bottom ul li a:hover{
	background: url(/share/m_bottom_on.gif) 0 0 no-repeat;
}

footer p.copyright{
	font-size: 12px;
	float: right;
	text-align: right;
	color: #fff;
}



/* Twitter */
li.tw{
	//border: 1px solid #e2e2e2;
	height: 600px;
	overflow: auto;
}
li.tw div{
	width: auto !important;
    float: none !important;
}
h1.timeline-Header-title{
	display: none;
}