@charset "Shift_JIS";


/* ■■COMMON
-------------------------------------------------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
	}

div, h1, h2, h3, h4, h5, p, ul, ol, li, di, dt, dd, form, fieldset, input, th, td {
	margin: 0px;
	padding: 0px;
	}

html {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	}
div#siteheader {
	text-align: center !important;
	background: #fff !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	min-width: 870px !important;
}
div#siteheader h1 {
	text-align: center !important;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	font-size: 62.5%;
	line-height: 100%;
	margin: 0 auto;
	text-align: center;
	color: #666;
	background: #e4e4e4 url(../images/bg.gif) left top repeat-x;
	height: 100%;
	}

img {
	border: 0;
	}

.clear {
	clear: both;
	}

ul li a {
	overflow: hidden;
	}

a:link { color: #666; text-decoration: none; }
a:visited { color: #666; text-decoration: none; }
a:hover { color: #949494; text-decoration: underline; }
a:active { color: #666; text-decoration: none; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix { display: inline-block; }

/* exlude MacIE5 */
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* end exlude MacIE5 */


/* ■■BASE
-------------------------------------------------------------------*/
#index {
	width: 870px;
	margin: 0 auto;
	text-align: left;
	color: #666;
	background: #e4e4e4 url(../images/bg.gif) left top repeat-x;
	z-index: 1;
	}

#index .side-btn {
	position: absolute;
	top: 32px;
	right: 0;
	z-index: 2;
	}

#container-prd {
	width: 870px;
	margin: 0 auto;
	text-align: left;
	color: #666;
	background: #e4e4e4 url(../images/bg.gif) left top repeat-x;
	}

#container-prd .main {
	clear: both;
	width: 870px;
	}

#container {
	width: 870px;
	margin: 0 auto;
	text-align: left;
	color: #666;
	background: #e4e4e4 url(../images/bg.gif) left top repeat-x;
	}

#container .main {
	clear: both;
	width: 940px;
	}


/* ■■HEADER
-------------------------------------------------------------------*/
#header {
	width: 835px;
	padding: 0 0 6px 35px;
	}

#logo {
	float: left;
	}

#navi {
	float: right;
	width: 709px;
	}

#logo h1 {
	font-size: 1.5em;
	line-height: 1;
	text-indent: -999em;
	width: 125px; height: 72px;
	background: url(../images/logo.gif) left top no-repeat;
	}

#logo .home {
	display: block;
	overflow: hidden;
	width: 125px; height: 72px;
	}

#logo a {
	text-decoration: none;
	}

#sub {
	width: 650px;
	position:relative;
	height:35px;
	}

	#sub ul {
		width:645px;
		position: absolute;
		padding: 0;
		right: 0;
		}
	
	#sub li {
		list-style-type: none;
		}
		
	#gallery {
		padding: 12px;
		}
	#sitemap {
		position: absolute;
		padding: 0 25px;
		top:11px;
		right: 260px;
		}
	#support {
		clear: both;
		position: absolute;
		padding: 0 25px;
		top:11px;
		right: 140px;
		}
	
	#sub #searchForm {
		padding: 0;
		vertical-align:top;
		}

		#sub #searchForm #searchText {
			position: absolute;
			top:9px;
			right: 38px;
			width: 113px;
			height: 16px;
			border: 1px solid #aaaaaa;
		}
		
		#sub #searchForm #searchBtn {
		/*padding-top: 5px;*/
			position: absolute;
			top:9px;
			right: 2px;
			height: 18px;
		}
#gloval {
	clear: both;
	width: 640px; height: 37px;
	margin-left: 12px;
	padding: 2px 4px 6px 4px;
	background: url(../images/bg_menu.gif) left top no-repeat;
	}

#dd .mainmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#dd .mainmenu a.menu {
	display: block;
	text-align: center;
	margin:0; padding:0;
	width: 158px;
	text-decoration: none;
	}

.submenu {
 	visibility: hidden;
  	position: absolute;
  	z-index: 3;
	}

.submenu a {
	display: block;
	width: 143px;
	padding: 8px 5px 8px 10px;
	text-align: left;
	font-size: 1.0em;
	background: #e0dcdb;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	}

.submenu a:hover {
	background: #494949;
	/* filter: alpha(opacity=90);
	opacity: 0.9; */
	}

.submenu a:link { color: #464646; text-decoration: none; }
.submenu a:visited { color: #464646; text-decoration: none; }
.submenu a:hover { color: #fff; text-decoration: none; }
.submenu a:active { color: #464646; text-decoration: none; }


/* ■■INDEX
-------------------------------------------------------------------*/
#index h1 {
	width: 870px;
	text-align: center;
	}

#index .main {
	width: 776px;
	margin: 0 0 0 50px;
	}

#index .left-area {
	float: left;
	width: 390px;
	}

#index .right-area {
	float: right;
	}

#index .left-area .spBanner{
	width:390px;
	}

#index .index-banner{
margin:0 0 0 10px;
}

#news {
	padding: 0 0 15px 0;
	}

#news h2 {
	font-size: 1.5em;
	line-height: 1;
	text-indent: -999em;
	width: 345px; height: 15px;
	background: url(../images/ttl_news.gif) left top no-repeat;
	}

#news .subttl-news {
	float: left;
	width: 352px; height: 20px;
	background: url(../images/bg_ttl_news.gif) left top repeat-x;
	}

#news .rss-news {
	float: right;
	width: 38px; height: 20px;
	background: url(../images/bg_ttl_news.gif) left top repeat-x;
	}

#news ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 5px;
	}

#news li {
	font-size: 1.0em;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/arrow_gray.gif) 0 0.60em no-repeat;
	}

#news a {
	font-size: 1.0em;
	line-height: 1.4;
	}

#update {
	padding: 0 0 15px 0;
	}

#update h2 {
	font-size: 1.5em;
	line-height: 1;
	text-indent: -999em;
	width: 345px; height: 15px;
	background: url(../images/ttl_update.gif) left top no-repeat;
	}

#update .subttl-update {
	float: left;
	width: 352px; height: 20px;
	background: url(../images/bg_ttl_update.gif) left top repeat-x;
	}

#update .rss-update {
	float: right;
	width: 38px; height: 20px;
	background: url(../images/bg_ttl_update.gif) left top repeat-x;
	}

#update ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 5px;
	}

#update li {
	font-size: 1.0em;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/arrow_gray.gif) 0 0.60em no-repeat;
	}

#update a {
	font-size: 1.0em;
	line-height: 1.4;
	}

#q-navi {
	width: 345px;
	margin: 0 0 10px 11px;
	text-align: left;
	/*background: url(../images/bg_q-navi.gif) left top repeat-y;*/
	}

#q-navi h2 {
	font-size: 1.5em;
	line-height: 1;
	text-indent: -999em;
	width: 345px; height: 15px;
	background: url(../images/ttl_q-navi.gif) left top no-repeat;
	}

#q-navi ul {
	width: 340px;
	list-style: none;
	margin: 0; padding: 0;
	background: #fff;
	}

#q-navi li {
	float: left;
	display: block;
	padding: 0 0 0 14px;
	}

#q-navi li.a {
	width: 156px;
	border-right: 1px solid #e5e5e5;
	background: #fff url(../images/arrow_red.gif) 0.50em 0.60em no-repeat;
	font-size: 1.0em;
	line-height: 1.8;
	}

#q-navi li.b {
	width: 155px;
	border: none;
	background: #fff url(../images/arrow_red.gif) 0.50em 0.60em no-repeat;
	font-size: 1.0em;
	line-height: 1.8;
	}

#q-navi li.c {
	width: 156px;
	border-right: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	background: #fff url(../images/arrow_red.gif) 0.50em 0.80em no-repeat;
	font-size: 1.0em;
	line-height: 2.2;
	}

#q-navi li.d {
	width: 155px;
	border-top: 1px solid #e5e5e5;
	background: #fff url(../images/arrow_red.gif) 0.50em 0.80em no-repeat;
	font-size: 1.0em;
	line-height: 2.2;
	}

#q-navi a {
	font-size: 1.0em;
	line-height: 1.2;
	}

#q-navi a:link { color: #855961; text-decoration: none; }
#q-navi a:visited { color: #855961; text-decoration: none;}
#q-navi a:hover { color: #c0808c; text-decoration: none; }
#q-navi a:active { color: #855961; text-decoration: none;}

#roll-img {
	width: 356px;
	}

/*110831_新トンボマーク追加*/
	#index-gallery {
		padding: 0 10px 15px 10px;
		}


/* ■■SIDE
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 186px;
	background: url(../images/bg_main.gif) left top repeat-y;
	padding-bottom: 20px;
	}

#side ul {
	padding: 5px 10px 0 9px;
	}

#side li {
	width: 167px;
	list-style: none;
	}

#side img {
	vertical-align: bottom;
	}

#side a.p-info {
	width: 167px; height: 22px;
	background: url(../images/m_p-info.gif) left top no-repeat;
	}

#side a.p-data {
	width: 167px; height: 22px;
	background: url(../images/m_p-data.gif) left top no-repeat;
	}

#side a.p-ca {
	width: 167px; height: 22px;
	background: url(../images/m_p-ca.gif) left top no-repeat;
	}

#side a.p-enca {
	width: 167px; height: 22px;
	background: url(../images/m_p-enca.gif) left top no-repeat;
	}

#side a.refil {
	width: 167px; height: 22px;
	background: url(../images/m_refil.gif) left top no-repeat;
	}

#side .cs {
	width: 186px;
	text-align: center;
	padding: 60px 0 30px 0;
	}

#r-brn {
	width: 186px;
	text-align: center;
	padding: 60px 0 30px 0;
	}

#r-brn img {
	margin-bottom: 5px;
	}


/* ■■MAIN
-------------------------------------------------------------------*/
#main {
	clear: both;
	width: 950px;
	}

#main .maintop {
	width: 870px;
	background: url(../images/bg_maintop.gif) left top repeat-x;
	}

#wrap {
	width: 950px;
	background: url(../images/bg_main.gif) left top repeat-y;
	}

#main .wrapbtm {
	clear: both;
	width: 869px;
	background: #fff;
	border-right: 1px solid #ebebeb;
	}

#contents {
	display: inline;
	float: right;
	width: 683px;
	margin-right: 80px;
	background: #fff;
	border-right: 1px solid #ebebeb;
	}

#topicpath {
	float: left;
	}

#topicpath ul {
	margin: 11px 0 12px 13px;
	}

#topicpath li {
	display: inline;
	padding-right: 2px;
	}

#topicpath a:link { color: #0548ac; text-decoration: none; }
#topicpath a:visited { color: #0548ac; text-decoration: none;}
#topicpath a:hover { color: #3f88f5; text-decoration: underline; }
#topicpath a:active { color: #0548ac; text-decoration: none;}

.pagetop,
#pagetop {
	text-align: right;
	padding: 10px 25px 0 0;
	}

.pagetop-in {
	text-align: right;
	padding-bottom: 25px;
	}


/* ■■会社情報
-------------------------------------------------------------------*/

/* ■会社概要 -----*/
h2.t-profile {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../corporate/images/ttl_profile.gif) left top no-repeat;
	padding-bottom: 15px;
	}

#profile {
	clear: both;
	padding: 0;
	}

#profile .title {
	padding-bottom: 25px;
	}

#profile-list {
	padding: 0 25px 10px 30px;
	}

#profile-list li {
	clear: both;
	font-size: 1.2em;
	line-height: 1.8;
	list-style: none;
	padding-top: 5px;
	background: url(../images/line_dot_01.gif) left bottom no-repeat;
	}

#profile-list .left {
	float: left;
	width: 100px;
	padding-left: 2px;
	color: #545454;
	line-height: 1.6;
	}

#profile-list .right {
	float: right;
	width: 520px;
	text-align: left;
	}

#profile span.date {
	float: right;
	font-size: 1.2em;
	line-height: 1.8;
	}

#profile p {
	font-size: 1.2em;
	line-height: 1.8;
	padding-bottom: 12px;
	}

#profile img.right {
	padding-left: 15px;
	}


/* ■沿革 -----*/
h2.t-history {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../corporate/images/ttl_history.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#history {
	clear: both;
	padding: 0 25px;
	}

#history .title {
	height: 24px;
	padding: 0 0 25px 0;
	}

#history .year {
	float: left;
	width: 134px; height: 21px;
	}

#history span.period01 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 134px; height: 21px;
	background: url(../corporate/history/images/period_01.gif) left bottom no-repeat;
	}

#history span.period02 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 134px; height: 21px;
	background: url(../corporate/history/images/period_02.gif) left bottom no-repeat;
	}

#history span.period03 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 134px; height: 21px;
	background: url(../corporate/history/images/period_03.gif) left bottom no-repeat;
	}

#history span.period04 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 134px; height: 21px;
	background: url(../corporate/history/images/period_04.gif) left bottom no-repeat;
	}

#history span.period05 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 134px; height: 21px;
	background: url(../corporate/history/images/period_05.gif) left bottom no-repeat;
	}

#history .date-y {
	float: right;
	font-size: 1.2em;
	line-height: 1.8;
	margin-top: 4px;
	}

#history .period-block {
	width: 633px;
	padding: 8px 0;
	background: url(../images/line_dot_01.gif) left bottom no-repeat;
	}

#history .inner {
	width: 633px;
	padding-top: 3px;
	background: url(../corporate/history/images/arrow_bg.gif) left top repeat-y;
	}

#history .gray-bar {
	float: left;
	width: 45px;
	background: #b1b1b3;
	}

#history .event {
	float: right;
	width: 578px;
	}

#history ul {
	list-style: none;
	}

#history ul.level2 {
	font-size: 1.2em;
	line-height: 1.6;
	list-style: none;
	padding: 0 10px;
	}

#history li {
	display: inline;
	}

#history .yymm {
	float: left;
	width: 160px;
	padding-right: 25px;
	}

#history .yy {
	float: left;
	font-weight: bold;
	}

#history .mm {
	float: right;
	font-weight: bold;
	}

#history .detail {
	float: right;
	width: 363px;
	padding-bottom: 8px;
	}

#history .next {
	text-align: right;
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: bold;
	padding: 0 0 5px 5px;
	}

#history .delimit {
	font-weight: normal;
	padding: 0 5px;
	}


/* ■国内営業店 -----*/
h2.t-bis {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../corporate/images/ttl_bis.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#bis {
	clear: both;
	padding: 0 25px;
	}

#bis .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#bis table {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	}

#bis tr {
	vertical-align: top;
	}

#bis td {
	padding: 5px 8px;
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}

#bis td.bluebg {
	padding: 5px 8px;
	background: #f0f6f9;
	}

#bis .c-support {
	margin-top: 15px;
	padding: 12px 10px 8px 10px;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8;
	font-weight: bold;
	color: #555;
	background: #f0f6f9;
	border: 1px solid #e6ecf0;
	margin-bottom: 15px;
	}

/* ■国内工場/物流拠点 -----*/
h2.t-domestic {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../corporate/images/ttl_domestic.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#domestic {
	clear: both;
	padding: 0 25px;
	}

#domestic .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#domestic h3 {
	font-size: 1.4em;
	line-height: 1.8;
	color: #3c3c3c;
	font-weight: bold;
	}

#domestic p {
	font-size: 1.2em;
	line-height: 1.8;
	padding-bottom: 12px;
	}

#domestic .left {
	float: left;
	padding: 0 10px 30px 0;
	width: 430px;
	}

#domestic .photo {
	float: right;
	width: 173px;
	padding: 0 0 30px 0;
	font-size: 1.0em;
	line-height: 1.8;
	}

#domestic table {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	}

#domestic tr {
	vertical-align: top;
	}

#domestic td {
	padding: 5px 8px;
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}

#domestic td.bluebg {
	padding: 5px 8px;
	background: #f0f6f9;
	}


/* ■海外拠点 -----*/
h2.t-overseas {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../corporate/images/ttl_overseas.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#overseas {
	clear: both;
	padding: 0 25px;
	}

#overseas .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#overseas h3 {
	font-size: 1.4em;
	line-height: 1.8;
	color: #3c3c3c;
	font-weight: bold;
	}

#overseas p {
	font-size: 1.2em;
	line-height: 1.8;
	padding-bottom: 12px;
	}

#overseas p.center {
	padding: 30px 0;
	text-align: center;
	}

#overseas .left {
	float: left;
	padding: 0 10px 30px 0;
	width: 430px;
	}

#overseas .photo {
	float: right;
	width: 173px;
	padding: 0 0 30px 0;
	font-size: 1.0em;
	line-height: 1.8;
	}

#overseas table {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	}

#overseas tr {
	vertical-align: top;
	}

#overseas td {
	padding: 5px 8px;
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}

#overseas td.bluebg {
	width: 110px;
	padding: 5px 8px;
	background: #f0f6f9;
	}

#overseas .delimit {
	margin-left: 12px;
	padding-left: 0.8em;
	border-left: 1px solid #9f9f9f;
	}


/* ■プレスリリース -----*/
h2.t-press {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../corporate/images/ttl_press.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#press {
	clear: both;
	padding: 0 25px;
	}

#press .title {
	height: 24px;
	padding: 0 0 25px 0;
	}

#press .year {
	float: left;
	width: 51px; height: 24px;
	}

#press h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 127px; height: 24px;
	background: url(../corporate/images/ttl_press.gif) left top no-repeat;
	}

#press span.year2003 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2003.gif) left bottom no-repeat;
	}

#press span.year2004 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2004.gif) left bottom no-repeat;
	}

#press span.year2005 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2005.gif) left bottom no-repeat;
	}

#press span.year2006 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2006.gif) left bottom no-repeat;
	}

#press span.year2007 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2007.gif) left bottom no-repeat;
	}

#press span.year2008 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2008.gif) left bottom no-repeat;
	}

#press span.year2009 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2009.gif) left bottom no-repeat;
	}

#press span.year2010 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2010.gif) left bottom no-repeat;
	}

#press span.year2011 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2011.gif) left bottom no-repeat;
	}

#press span.year2012 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2012.gif) left bottom no-repeat;
	}

#press span.year2013 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2013.gif) left bottom no-repeat;
	}

#press span.year2014 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2014.gif) left bottom no-repeat;
	}

#press span.year2015 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2015.gif) left bottom no-repeat;
	}

#press span.year2016 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2016.gif) left bottom no-repeat;
	}

#press span.year2017 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2017.gif) left bottom no-repeat;
	}

#press span.year2018 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2018.gif) left bottom no-repeat;
	}

#press span.year2019 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2019.gif) left bottom no-repeat;
	}

#press span.year2020 {
	float: right;
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 51px; height: 24px;
	background: url(../corporate/press/images/2020.gif) left bottom no-repeat;
	}

#press-list {
	padding-bottom: 10px;
	}

#press-list li {
	clear: both;
	font-size: 1.2em;
	line-height: 1.8;
	list-style: none;
	padding: 7px 0 2px 0;
	background: url(../images/line_dot_01.gif) left bottom no-repeat;
	}

#press-list a {
	line-height: 1.4;
	}

#press-list .date {
	float: left;
	width: 90px;
	padding-left: 2px;
	color: #845b5b;
	line-height: 1.6;
	}

#press-list .menu {
	float: right;
	width: 530px;
	text-align: left;
	}

#press span.date {
	float: right;
	font-size: 1.2em;
	line-height: 1.2;
	padding-top: 10px;
	}

#press .date-y {
	float: right;
	font-size: 1.2em;
	line-height: 1.8;
	margin-top: 4px;
	}

#press p {
	font-size: 1.2em;
	line-height: 1.8;
	padding-bottom: 12px;
	}

#press p.blue {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	background: #2257af;
	padding: 2px;
	margin-bottom: 10px;
	}

#press table {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
	}

#press table.ta02 {
	font-size: 1.2em;
	line-height: 1.8;
	border-top: solid 1px #bdbdbd;
	border-left: solid 1px #bdbdbd;
	}

#press td.td02 {
	border-bottom: solid 1px #bdbdbd;
	border-right: solid 1px #bdbdbd;
	}

#press br {
	font-size: 1.0em;
	line-height: 1.2;
	}

#press .newsttl {
	clear: both;
	padding: 12px 10px 8px 10px;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.8;
	font-weight: bold;
	color: #555;
	background: #f0f6f9;
	border: 1px solid #e6ecf0;
	margin-bottom: 15px;
	}

#press img.right {
	padding-left: 10px;
	}

#press img.left {
	padding-right: 10px;
	}

#press img.bottom {
	margin-bottom: 9px;
	}

#press .center {
	text-align: center;
	}

#press .middle {
	vertical-align: middle;
	}

#press ul.news {
	font-size: 1.2em;
	line-height: 1.6;
	padding: 0 15px 12px 16px;
	}

#press .border {
	border: 1px solid #aaa;
	padding: 10px 20px 0 20px;
	}

#press p.info {
	text-align: center;
	padding-top: 10px;
	font-size: 1.2em;
	line-height: 1.4;
	border-top: 1px solid #eee;
	}

#press span.p-btn {
	padding-left: 10px;
	}

#press .black-b {
	color: #333;
	font-weight: bold;
	}


/* ■■商品情報
-------------------------------------------------------------------*/

/* ■商品情報トップ -----*/
#products-top .button-area {
	width: 778px; height: 77px;
	margin: 0 0 0 38px;
	vertical-align: bottom;
	}

#products-top .btn-l {
	float: left;
	}

#products-top .btn-r {
	float: right;
	}

#products-top .main {
	width: 776px;
	margin: 0 0 0 40px;
	}

#products-top .left-area {
	float: left;
	width: 390px;
	}

#products-top .right-area {
	float: right;
	}

#pickup h2.p-pickup {
	font-size: 1.5em;
	line-height: 1;
	text-indent: -999em;
	width: 345px; height: 15px;
	background: url(../products/images/ttl_p-pickup.gif) left top no-repeat;
	}

#pickup .subttl-p-pickup {
	float: left;
	width: 352px; height: 20px;
	background: url(../products/images/bg_ttl_p-pickup.gif) left top repeat-x;
	}

#pickup .rss-p-pickup {
	float: right;
	width: 38px; height: 20px;
	background: url(../products/images/bg_ttl_p-pickup.gif) left top repeat-x;
	}

#pickup ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 5px;
	}

#pickup li {
	font-size: 1.0em;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/arrow_gray.gif) 0 0.60em no-repeat;
	}

#pickup a {
	font-size: 1.0em;
	line-height: 1.4;
	}

#roll-img {
	width: 356px;
	}


/* ■商品ピックアップ -----*/
h2.t-p-pickup {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../products/images/ttl_pickup.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#p-pickup {
	clear: both;
	padding: 0 25px;
	}

#tab-btn {
	padding: 20px 0 10px 0;
	}

#tab-btn ul {
	list-style: none;
	width: 629px; height: 57px;
	background: url(../products/images/tab_btm.gif) left bottom no-repeat;
	}

#tab-btn li {
	display: inline;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	}

#tab-btn li.write {
	padding: 0;
	width: 162px; height: 38px;
	background: url(../products/images/tab_write.gif) left top no-repeat;
	}

#tab-btn li.write-on {
	padding: 0;
	width: 162px; height: 38px;
	background: url(../products/images/tab_write_on.gif) left top no-repeat;
	}

#tab-btn a.area01 {
	display: block;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 143px; height: 38px;
	}

#tab-btn li.erase {
	padding: 0;
	width: 161px; height: 38px;
	background: url(../products/images/tab_erase.gif) left top no-repeat;
	}

#tab-btn li.erase-on {
	padding: 0;
	width: 161px; height: 38px;
	background: url(../products/images/tab_erase_on.gif) left top no-repeat;
	}

#tab-btn a.area02 {
	display: block;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 142px; height: 38px;
	}

#tab-btn li.tape {
	padding: 0;
	width: 161px; height: 38px;
	background: url(../products/images/tab_tape.gif) left top no-repeat;
	}

#tab-btn li.tape-on {
	padding: 0;
	width: 161px; height: 38px;
	background: url(../products/images/tab_tape_on.gif) left top no-repeat;
	}

#tab-btn a.area03 {
	display: block;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 142px; height: 38px;
	}

#tab-btn li.etc {
	padding: 0;
	width: 145px; height: 38px;
	background: url(../products/images/tab_etc.gif) left top no-repeat;
	}

#tab-btn li.etc-on {
	padding: 0;
	width: 145px; height: 38px;
	background: url(../products/images/tab_etc_on.gif) left top no-repeat;
	}

#tab-btn a.area04 {
	display: block;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 142px; height: 38px;
	}

#p-pickup .list-block {
	padding-bottom: 20px;
	}

#p-pickup ul.p-list {
	padding: 20px 0 0 9px;
	}

#p-pickup li {
	display: inline;
	float: left;
	padding: 0 0 15px 10px;
	width: 198px;
	}

#p-pickup .item {
	width: 193px;
	}

#p-pickup p.p-name {
	font-size: 1.2em;
	line-height: 1.8;
	font-weight: bold;
	color: #3c3c3c;
	padding-bottom: 5px;
	}

#p-pickup p.info {
	padding: 3px 7px 3px 7px;
	font-size: 1.0em;
	line-height: 1.6;
	background: #eee;
	height: 80px;
	}

#p-pickup p.button {
	padding: 0 0 3px 7px;
	background: #eee;
	vertical-align: bottom;
	height: 33px;
	}

#p-pickup .photo {
	float: left;
	width: 73px;
	padding: 10px 0;
	text-align: center;
	}

#p-pickup .detail {
	float: right;
	width: 112px;
	}

#p-pickup span.red {
	color: #c60110;
	}


/* ■商品データベース -----*/
h2.t-database {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../products/images/ttl_database.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#database {
	clear: both;
	}

#database .title {
	height: 24px;
	padding: 15px 25px 25px 25px;
	vertical-align: bottom;
	}

#search-n h3 {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 624px; height: 43px;
	margin-left: 25px;
	background: url(../products/images/subttl_search-n.gif) left top no-repeat;
	}

#search-ca h3 {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 624px; height: 43px;
	margin-left: 25px;
	background: url(../products/images/subttl_search-ca.gif) left top no-repeat;
	}

#database .search-btn {
	text-align: center;
	padding: 15px 0 35px 0;
	}

#database .list-block {
	padding-bottom: 20px;
	}

#database ul {
	list-style: none;
	}

#database ul.p-list {
	padding: 20px 0 0 0;
	}

#database li.level1 {
	display: inline;
	float: left;
	padding: 0 0 0 25px;
	}

#database .category {
	width: 188px; height: 120px;
	background: #f5f5f5;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding-bottom: 10px;
	}

#database .ca-name {
	font-size: 1.4em;
	line-height: 1.6;
	font-weight: bold;
	color: #3c3c3c;
	margin: 0 12px;
	border-bottom: 1px solid #e4e4e4;
	}

#database ul.list-area {
	padding-top: 10px;
	}

#database li.menu {
	font-size: 1.2em;
	line-height: 1.8;
	margin-left: 15px;
	padding: 0 0 0 15px;
	background: url(../images/arrow_sq.gif) 0 0.45em no-repeat;
	}

/* ■商品カタログ -----*/
h2.t-catalogue {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../products/images/ttl_catalogue.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#catalogue {
	clear: both;
	padding: 0 25px;
	}

#catalogue .title {
	height: 24px;
	padding: 15px 0;
	vertical-align: bottom;
	}

#catalogue p {
	padding-bottom: 15px;
	font-size: 1.2em;
	line-height: 1.6;
	}

#catalogue .list-area {
	background: url(../products/catalogue/images/area_bg.gif) left top repeat-y;
	}

#catalogue ul {
	list-style: none;
	}

#catalogue li {
	float: left;
	}

#catalogue .menu-ttl {
	width: 158px;
	text-align: center;
	margin-top: 5px;
	}

#catalogue .menu-img {
	width: 158px;
	text-align: center;
	margin-top: 10px;
	}

/* ■商品詳細 -----*/
#products {
	clear: both;
	}

#products .detail {
	padding: 15px 25px 25px 25px;
	}

#products .photo {
	float: left;
	width: 313px;
	vertical-align: bottom;
	}

#products .name {
	float: right;
	width: 320px;
	}

#products h2 {
	padding-top: 5px;
	vertical-align: bottom;
	}

#products p {
	padding: 0;
	font-size: 1.2em;
	line-height: 1.6;
	text-align: left;
	vertical-align: bottom;
	}

#products p.anchor {
	padding: 20px 0 23px 0;
	}

#products span.btn-right {
	padding-right: 8px;
	}

#products .btn-area {
	margin: 30px 14px 34px 16px;
	width: 653px;
	vertical-align: bottom;
	}

#products .btn-l {
	float: left;
	width: 200px;
	}

#products .btn-r {
	float: right;
	width: 453px;
	text-align: right;
	}

#products .btn-ltxt {
	float: left;
	font-size: 1.2em;
	height: 29px; width: 335px;
	text-align: right;
	padding-top: 6px;
	}

#products .btn-rtxt {
	float: right;
	width: 318px;
	text-align: right;
	}

#feature {
	margin: 0 0 10px 16px;
	}

#feature h3 {
	margin: 0 0 20px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../products/images/subttl_feature.gif) left top no-repeat;
	}

#feature .r-area {
	float: left;
	width: 322px;
	}

#feature .l-area {
	float: right;
	padding-right: 20px;
	width: 322px;
	}

#feature dl {
	clear: both;
	}

#feature dt {
	float: left;
	width: 130px;
	padding-bottom: 20px;
	}

#feature dt.nobtm {
	float: left;
	width: 130px;
	padding-bottom: 0px;
	}

#feature dd {
	float: right;
	width: 182px;
	padding: 0 10px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#feature dd.noimage {
	width: 312px;
	padding: 0 10px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#feature dd.single {
	float: right;
	width: 502px;
	padding: 0 30px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#feature strong {
	color: #3c3c3c;
	line-height: 1.6;
	}

#feature img.bottom {
	margin-bottom: 15px;
	}
#yoto {
	margin: 0 0 10px 16px;
	}

#yoto h3 {
	margin: 0 0 20px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../products/images/subttl_yoto.gif) left top no-repeat;
	}

#yoto .r-area {
	float: left;
	width: 322px;
	}

#yoto .l-area {
	float: right;
	padding-right: 20px;
	width: 322px;
	}

#yoto dl {
	clear: both;
	}

#yoto dt {
	float: left;
	width: 130px;
	padding-bottom: 20px;
	}

#yoto dt.nobtm {
	float: left;
	width: 130px;
	padding-bottom: 0px;
	}

#yoto dd {
	float: right;
	width: 182px;
	padding: 0 10px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#yoto dd.noimage {
	width: 312px;
	padding: 0 10px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#yoto dd.single {
	float: right;
	width: 502px;
	padding: 0 30px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#yoto strong {
	color: #3c3c3c;
	line-height: 1.6;
	}

#yoto img.bottom {
	margin-bottom: 15px;
	}
#use {
	margin: 0 0 10px 16px;
	}

#use h3 {
	margin: 0 0 20px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../products/images/subttl_use.gif) left top no-repeat;
	}

#use .r-area {
	float: left;
	width: 322px;
	}

#use .l-area {
	float: right;
	padding-right: 20px;
	width: 322px;
	}

#use dl {
	clear: both;
	}

#use dt {
	float: left;
	width: 110px;
	padding-bottom: 20px;
	}

#use dd {
	float: right;
	width: 192px;
	padding: 0 20px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#use strong {
	color: #3c3c3c;
	line-height: 1.6;
	}

#use img.bottom {
	margin-bottom: 15px;
	}

#use p.attention {
	margin: 0 25px 40px 0;
	padding: 5px 20px 10px 20px;
	font-size: 1.0em;
	line-height: 1.6;
	border: 1px solid #bfbfbf;
	}
#repack {
	margin: 0 0 10px 16px;
	}

#repack h3 {
	margin: 0 0 20px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../products/images/subttl_repack.gif) left top no-repeat;
	}

#repack .r-area {
	float: left;
	width: 322px;
	}

#repack .l-area {
	float: right;
	padding-right: 20px;
	width: 322px;
	}

#repack dl {
	clear: both;
	}

#repack dt {
	float: left;
	width: 130px;
	padding-bottom: 20px;
	}

#repack dt.nobtm {
	float: left;
	width: 130px;
	padding-bottom: 0px;
	}

#repack dd {
	float: right;
	width: 182px;
	padding: 0 10px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#repack dd.noimage {
	width: 312px;
	padding: 0 10px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#repack dd.single {
	float: right;
	width: 502px;
	padding: 0 30px 20px 0;
	font-size: 1.0em;
	line-height: 1.6;
	text-align: left;
	}

#repack strong {
	color: #3c3c3c;
	line-height: 1.6;
	}

#repack img.bottom {
	margin-bottom: 15px;
	}
#order {
	margin: 0 0 10px 16px;
	}

#order h3 {
	margin: 0 0 20px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../products/images/subttl_order.gif) left top no-repeat;
	}

#lineup {
	margin: 0 0 20px 16px;
	}

#lineup h3 {
	margin: 0 0 28px 0;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../products/images/subttl_lineup.gif) left top no-repeat;
	}

#lineup .p-name {
	padding-bottom: 45px;
	}

#lineup table {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
	}

#lineup img {
	vertical-align: bottom;
	}

#lineup tr {
	vertical-align: top;
	}

#lineup .center {
	text-align: center;
	}

#lineup .right {
	text-align: right;
	}

#lineup strong {
	color: #3c3c3c;
	}

#note {
	margin: 35px 16px 0 16px;
	padding: 12px 5px;
	border-top: 1px solid #edeff1;
	border-bottom: 1px solid #edeff1;
	margin-bottom: 15px;
	}

#note p {
	text-align: right;
	font-size: 1.0em;
	line-height: 1.4;
	}

#note span {
	padding-left: 2.0em;
	}

#attention {
	margin: 35px 16px 15px 16px;
	padding: 7px 10px 8px 10px;
	background: #fbfcfc;
	border: 1px solid #e1e5e7;
	}

/* ■ボールペン替え芯情報 -----*/
h2.t-refill {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../products/images/ttl_refill.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#refill {
	clear: both;
	padding: 0 25px;
	}

#refill .title {
	height: 24px;
	padding: 15px 0 25px 0;
	vertical-align: bottom;
	}

#refill h2 {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 203px; height: 24px;
	background: url(../products/images/ttl_refill.gif) left top no-repeat;
	}

#refill .subtitle {
	padding: 10px 0 20px 0;
	}

#refill h3.yusei {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 170px; height: 18px;
	background: url(../products/refill/images/subttl_yusei.gif) left top no-repeat;
	}

#refill h3.suisei {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 170px; height: 18px;
	background: url(../products/refill/images/subttl_suisei.gif) left top no-repeat;
	}

#refill h3.shop {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 109px; height: 18px;
	background: url(../products/refill/images/subttl_shop.gif) left top no-repeat;
	}

#refill h3.order {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 127px; height: 18px;
	background: url(../products/refill/images/subttl_order.gif) left top no-repeat;
	}

#refill-tab {
	float: right;
	}

#refill-tab li {
	display: inline;
	margin-left: 10px;
	vertical-align: bottom;
	}

#refill h4 {
	width: 618px;
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	background: #757575;
	padding: 4px 5px 3px 10px;
	}

#refill .left-area {
	float: left;
	width: 350px;
	}

#refill .right-area {
	float: right;
	width: 255px;
	padding: 0 5px;
	background: #f1f6f9;
	margin: 10px 5px 10px 0;
	}

#refill p {
	font-size: 1.2em;
	line-height: 1.6;
	}

#refill strong {
	color: #3c3c3c;
	}

#refill .fill-img {
	padding: 10px 0;
	}

#refill .list-table {
	padding: 10px 0 0 15px;
	}

#refill .block {
	width: 631px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	}

#refill .line {
	padding-left: 25px;
	}

#refill .ref {
	padding: 15px 0 15px 30px;
	}

#refill table {
	font-size: 1.2em;
	line-height: 1.6;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}

#refill td {
	padding: 3px 5px 1px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#refill td.blue {
	background: #f0f6f9;
	}

#refill td.p-number {
	padding-right: 15px;
	}

#refill .product {
	float: left;
	width: 175px;
	}

#refill .p-photo {
	float: right;
	width: 75px;
	text-align: right;
	vertical-align: bottom;
	padding: 3px 5px 5px 0;
	}

#refill .right-ttl {
	padding: 8px 0 0 3px;
	font-size: 1.0em;
	line-height: 1.4;
	color: #333;
	}

#refill .right-line {
	background: #e1ebf1;
	}

#refill .p-name {
	float: left;
	width: 105px;
	font-size: 1.0em;
	line-height: 1.4;
	padding-left: 5px;
	}

#refill .p-code {
	float: right;
	width: 50px;
	font-size: 1.0em;
	line-height: 1.4;
	padding-right: 10px;
	text-align: left;
	}

#refill ul {
	padding: 5px 0 10px 0;
	}

#refill li {
	width: 255px;
	list-style: none;
	padding: 4px 0;
	vertical-align: bottom;
	}

#refill a.colorcode:link { color: #3473d2; text-decoration: none; }
#refill a.colorcode:visited { color: #3473d2; text-decoration: none;}
#refill a.colorcode:hover { color: #68a3fc; text-decoration: underline; }
#refill a.colorcode:active { color: #3473d2; text-decoration: none;}


/* ■BK-L5P取扱店 -----*/
#refill p.area {
	color: #784a4a;
	padding: 15px 0 5px 0;
	}

#refill .link-box {
	padding: 12px 10px 15px 10px;
	background: #f0f6f9;
	border: 1px solid #e6ecf0;
	margin-bottom: 15px;
	}

#refill a.chiku:link { color: #784a4a; text-decoration: underline; }
#refill a.chiku:visited { color: #784a4a; text-decoration: underline; }
#refill a.chiku:hover { color: #a27474; text-decoration: underline; }
#refill a.chiku:active { color: #784a4a; text-decoration: underline; }

#refill a.todofuken:link { color: #3473d2; text-decoration: underline; }
#refill a.todofuken:visited { color: #3473d2; text-decoration: underline; }
#refill a.todofuken:hover { color: #68a3fc; text-decoration: underline; }
#refill a.todofuken:active { color: #3473d2; text-decoration: underline; }

#refill .area-list {
	padding: 6px 0;
	}

#refill dl {
	font-size: 1.2em;
	line-height: 1.2;
	}

#refill dd {
	float: left;
	width: 100px;
	color: #784a4a;
	}

#refill dt {
	float: left;
	margin-left: 12px;
	padding-left: 0.8em;
	border-left: 1px solid #9f9f9f;
	}

#refill dt.none {
	float: left;
	border-left: none;
	}

/* ■替芯販売のご案内 -----*/
#refill h4.gray {
	color: #3c3c3c;
	background: #eee;
	margin-bottom: 10px;
	}

#refill p.order {
	font-size: 1.2em;
	line-height: 1.6;
	padding-bottom: 15px;
	}

#refill a.btn-pdf {
	display: block;
	width: 150px;
	text-align: center;
	padding: 5px 10px;
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: bold;
	color: #fff;
	background: #feb950;
	border: 2px solid #fb9607;
	}

#refill a.btn-pdf:link { color: #fff; text-decoration: none; }
#refill a.btn-pdf:visited { color: #fff; text-decoration: none; }
#refill a.btn-pdf:hover { color: #fff; text-decoration: none; background: #fec750; }
#refill a.btn-pdf:active { color: #fff; text-decoration: none;}

#refill a.redb:link { color: #784a4a; text-decoration: none; }
#refill a.redb:visited { color: #784a4a; text-decoration: none; }
#refill a.redb:hover { color: #a27474; text-decoration: underline; }
#refill a.redb:active { color: #784a4a; text-decoration: none; }

#refill a.redb {
	font-weight: bold;
	}


/* ■■環境・社会活動
-------------------------------------------------------------------*/

#csr-btm {
	padding: 15px 0;
	text-align: center;
	}


/* ■トンボの住める街にしよう -----*/
#entrance {
	clear: both;
	padding: 0;
	}

#entrance .title {
	height: 220px;
	padding: 0;
	}

#entrance h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 682px; height: 220px;
	background: url(../csr/images/ttl_entrance.jpg) left top no-repeat;
	}


/* ■トンボの住める街にしよう　共通 -----*/
#csr-link  {
	padding: 25px 25px 5px 0;
	text-align: center;
	}

#csr-link ul {
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
	}

#csr-link li {
	display: inline;
	margin-left: 12px;
	padding-left: 1.4em;
	border-left: 1px solid #9f9f9f;
	}

#csr-link li.none {
	border-left: none;
	}

#csr-link span {
	color: #8a4242;
	font-weight: bold;
	}


/* ■環境方針 -----*/
#plan {
	clear: both;
	padding: 0;
	}

#plan .title {
	padding-bottom: 25px;
	}

#plan h2 {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 683px; height: 170px;
	background: url(../csr/images/ttl_plan.jpg) left top no-repeat;
	}

#plan .inner {
	}

#plan h3 {
	margin: 0 0 15px 16px;
	}

#plan h3.hoshin {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../csr/images/subttl_hoshin.gif) left top no-repeat;
	}

#plan p {
	padding: 0 25px 25px 25px;
	font-size: 1.2em;
	line-height: 1.6;
	}


/* ■環境への取り組み -----*/
#measure {
	clear: both;
	}

#measure .title {
	height: 24px;
	padding: 15px 25px 25px 25px;
	}

#measure h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 162px; height: 24px;
	background: url(../csr/images/ttl_measure.gif) left top no-repeat;
	}

#measure h3 {
	margin: 0 0 15px 16px;
	}

#measure h3.labelinfo {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../csr/images/subttl_labelinfo.gif) left top no-repeat;
	}

#measure h3.recycle {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../csr/images/subttl_recycle.gif) left top no-repeat;
	}

#measure h3.challenge25 {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../csr/images/subttl_challenge25.gif) left top no-repeat;
	}

#measure h3.iso14001 {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../csr/images/subttl_iso14001.gif) left top no-repeat;
	}

#measure p {
	padding: 0 25px 25px 25px;
	font-size: 1.2em;
	line-height: 1.6;
	}

#measure .l-img {
	float: left;
	width: 90px;
	padding: 5px 20px 15px 25px;
	text-align: center;
	}

#measure p.r-txt {
	float: right;
	width: 385px;
	padding: 5px 25px 15px 10px;
	font-size: 1.2em;
	line-height: 1.6;
	text-align: left;
	}

#measure ul {
	list-style: none;
	width: 560px;
	padding: 15px 0 15px 25px;
	}


#measure img.bottom {
	margin-bottom: 5px;
	}

#measure img.right {
	padding-left: 18px;
	}


/* ■グリーン購入法適合商品 -----*/
#law {
	clear: both;
	}

#law .title {
	height: 24px;
	padding: 15px 25px 25px 25px;
	}

#law h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 222px; height: 24px;
	background: url(../csr/images/ttl_law.gif) left top no-repeat;
	}

#law h3 {
	margin: 0 0 15px 16px;
	}

#law h3.greenlaw {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../csr/images/subttl_greenlaw.gif) left top no-repeat;
	}

#law p {
	padding: 0 25px 15px 25px;
	font-size: 1.2em;
	line-height: 1.6;
	}

#law .box {
	padding: 15px 80px 25px 80px;
	}

#law .standard {
	background: #fefeee;
	border: 1px solid #39654c;
	}

#law p.greenttl {
	color: #fff;
	font-weight: bold;
	background: #3b804b;
	padding: 6px 0;
	text-align: center;
	margin-bottom: 15px;
	}

#law ol {
	padding: 0 20px 15px 45px;
	font-size: 1.2em;
	line-height: 1.6;
	}

#law .green {
	color: #117a1e;
	}


/* ■エコマーク認定商品 -----*/
#mark {
	clear: both;
	}

#mark .title {
	height: 24px;
	padding: 15px 25px 25px 25px;
	}

#mark h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 182px; height: 24px;
	background: url(../csr/images/ttl_mark.gif) left top no-repeat;
	}

#mark h3 {
	margin: 0 0 15px 16px;
	}

#mark h3.ecomark {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../csr/images/subttl_ecomark.gif) left top no-repeat;
	}

#mark p {
	padding: 0 25px 15px 25px;
	font-size: 1.2em;
	line-height: 1.6;
	}

#mark .l-img {
	float: left;
	width: 100px;
	padding: 5px 20px 20px 25px;
	text-align: center;
	}

#mark p.r-txt {
	float: right;
	width: 513px;
	padding: 5px 25px 20px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}
	
/* ■トンボのエコロジー商品 -----*/
.lyt-eco_products #contents{
	background:url(../images/bg_eco_products.gif) right top no-repeat;
}

#eco_products {
	clear: both;
	font-size:120%;
	line-height:140%;
	}

#eco_products img{
vertical-align:bottom;
}

#eco_products .title {
	height: 24px;
	margin-bottom:20px;
	padding: 15px 25px 25px 25px;
	}

#eco_products h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 211px; height: 24px;
	background: url(../csr/eco_products/images/ttl_eco_products.gif) left top no-repeat;
	}
	
#eco_products .nav-contents{
	margin-left:28px;
	}

#eco_products .nav-contents ul{
	list-style:none;
	}

#eco_products .nav-contents ul li{
	margin-right:15px;
	float:left;
	}

#eco_products .nav-contents ul.anchor{
	padding:20px 15px;
	width:595px;
	background:url(../images/bg_nav_contents.gif) left top no-repeat;
	font-size:85%;
	}

#eco_products .nav-contents ul.anchor li{
	padding-left:8px;
	background:url(../images/arrow_01.gif) left no-repeat;
	}

#eco_products .nav-contents ul.anchor li a:link{
	color:#3c3c3c;
	}

#eco_products .nav-contents ul.anchor li a:hover{
	color:#949494;
	text-decoration:underline;
	}

#eco_products .hdg-img{
	margin:0 0 18px 39px;
	}

#eco_products .doc-read{
	margin:0 0 7px 59px;
	}

#eco_products .main-img{
	margin:0 0 10px 59px;
	}

#eco_products .main-img .icon{
	margin:-49px 0 0 527px;
}
#eco_products .main-img .icon2{
	margin:-49px 0 0 476px;
}
#eco_products .main-img .icon3{
	margin:-49px 0 0 473px;
}
#eco_products .main-img .icon4{
	margin:-49px 0 0 412px;
}

#eco_products .box-read{
	margin:0 30px;
	}

#eco_products .box-read p{
	margin-bottom:10px;
	}
	
#eco_products .box-read p.link{
	margin-bottom:20px;
	padding-left:12px;
	background:url(../images/arrow_02.gif) left 0.2em no-repeat;
	}

#eco_products .box-eco{
	margin:0 0 40px 40px;
	width:614px;
	background:url(../images/bg_box-eco_btm.gif) left bottom no-repeat;
	}

#eco_products .box-eco dl{
	margin:0;
	position:relative;
	background:url(../images/bg_box-eco_top.gif) left top no-repeat;
	zoom:1;
	}
#eco_products .box-eco dl.inner{background:url(../images/bg_box-eco_top2.gif) left top no-repeat;}

#eco_products .box-eco dl dt{
	position:absolute;
	top:18px;
	left:34px;
	}

#eco_products .box-eco dl dd em,
#eco_products .box-eco02 dl dd em{
	font-style:normal;
	font-weight:bold;
	color:#508600;
	}

#eco_products .box-eco dl dd.text{
	padding:30px 30px 10px 123px;
	}

#eco_products .box-eco dl dd.text span,
#eco_products .box-eco02 dl dd.text span{
	padding-bottom:5px;
	display:block;
	font-weight:bold;
	font-size:135%;
	color:#508600;
	}

#eco_products .box-eco dl dd.text-icon{
	padding:0 30px 10px 145px;
	position:relative;
	zoom:1;
	}

#eco_products .box-eco dl dd.text-icon-first,
#eco_products .box-eco02 dl dd.text-icon-first{
	padding:30px 30px 10px 145px;
	position:relative;
	zoom:1;
	}

#eco_products .box-eco dl dd.text-icon img.icon{
	position:absolute;
	top:0;
	left:122px;
	}

#eco_products .box-eco dl dd.text-icon-first img.icon,
#eco_products .box-eco02 dl dd.text-icon-first img.icon{
	position:absolute;
	top:30px;
	left:122px;
	}

#eco_products .box-eco dl dd.text-icon span,
#eco_products .box-eco dl dd.text-icon-first span{
	padding-bottom:5px;
	display:block;
	font-weight:bold;
	font-size:135%;
	color:#508600;
	}

#eco_products .box-eco dl dd.text-full,
#eco_products .box-eco02 dl dd.text-full{
	padding:0 20px;
	}

#eco_products .box-eco dl dd.img{
	padding-bottom:17px;
	text-align:center;
	}

#eco_products .box-eco02{
	margin:0 0 40px 40px;
	width:614px;
	background:url(../images/bg_box-eco02_btm.gif) left bottom no-repeat;
	}

#eco_products .box-eco02 dl{
	margin:0;
	position:relative;
	background:url(../images/bg_box-eco02_top.gif) left top no-repeat;
	zoom:1;
	}

#eco_products .box-eco02 dl dt{
	position:absolute;
	top:18px;
	left:25px;
	}

#eco_products .box-eco02 dl dd.text{
	padding:30px 30px 10px 123px;
	}

#eco_products .box-eco02 dl dd.text span{
	font-weight:bold;
	font-size:135%;
	color:#508600;
	}

#eco_products .box-eco02 dl dd.img{
	padding-bottom:17px;
	text-align:center;
	}

#eco_products .box-mark{
	margin:0 0 30px 40px;
	padding-top:4px;
	width:605px;
	background:url(../images/bg_box-mark_top.gif) left top no-repeat;
	}

#eco_products .box-mark-inner{
	padding:10px 18px 10px 8px;
	background:url(../images/bg_box-mark_btm.gif) left bottom no-repeat;
	}

#eco_products .box-mark table th{
	padding-bottom:12px;
	width:100px;
	text-align:center;
	}

#eco_products .box-mark table td{
	padding-bottom:12px;
	}

#eco_products .list-icon{
	margin:0 0 40px 40px;
	list-style:none;
	}

#eco_products .list-icon li{
	margin-right:20px;
	float:left;
	font-size:86%;
	text-align:center;
	}

#eco_products .list-commodity{
	margin:0 0 35px 39px;
	width:606px;
	}
	
#eco_products .list-commodity .left{
	width:293px;
	float:left;
	}
	
#eco_products .list-commodity .right{
	width:293px;
	float:right;
	}
	
#eco_products .list-commodity h4{
	margin-bottom:10px;
	color:#3c3c3c;
	font-size:100%;
	}

#eco_products .list-commodity h4 span{
	font-weight:normal;
	font-size:86%;
	}
	
#eco_products .list-commodity .img{
	float:left;
	}
	
#eco_products .list-commodity .data{
	margin-left:112px;
	_margin-left:0; /* for IE6 */
	_float:right; /* for IE6 */
	padding-top:5px;
	width:181px;
	background:url(../images/bg_data_top.gif) left top no-repeat;
	}
	
#eco_products .list-commodity .data-inner{
	padding:0 8px 10px;
	background:#eff6e5 url(../images/bg_data_btm.gif) left bottom no-repeat;
	}

#eco_products .list-commodity .data table{
	margin-bottom:10px;
	}

#eco_products .list-commodity .data table th{
	padding-bottom:8px;
	font-size:86%;
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
	}

#eco_products .list-commodity .data table td{
	padding-bottom:8px;
	}

#eco_products .list-commodity .data p{
	margin-right:5px;
	display:inline;
	}

#eco_products .list-commodity .data ul{
	display:inline;
	list-style:none;
	}
	
#eco_products .list-commodity .data ul li{
	display:inline;
	}

#eco_products .tbl-data-01{
	margin:0 0 10px 39px;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	width:616px;
	}
	
#eco_products .tbl-data-02{
	margin:0 0 45px 39px;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	width:616px;
	}

#eco_products .tbl-data-01 th,
#eco_products .tbl-data-01 td,
#eco_products .tbl-data-02 th,
#eco_products .tbl-data-02 td{
	padding:9px 10px 8px;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	}

#eco_products .tbl-data-01 thead th{
	background-color:#eef7df;
	text-align:center;
	line-height:120%;
	white-space:nowrap;
	}

#eco_products .tbl-data-02 thead th{
	background-color:#f0f0e3;
	text-align:center;
	line-height:120%;
	white-space:nowrap;
	}

/* 汎用 */

#eco_products .align-c{
	text-align:center;
	}

#eco_products .lyt_img p.img{
	margin:0 10px 15px;
	float:left;
	}

#eco_products .box-contents01{
	margin:0 0 40px 40px;
	width:614px;
	background:url(../images/bg_box-eco02_btm.gif) left bottom no-repeat;
	}

#eco_products .box-contents01 .box-contents01-inner{
	padding:20px;
	background:url(../images/bg_box-contents01_top.gif) left top no-repeat;
	}

#eco_products .mb0{margin-bottom:0 !important;}
#eco_products .mb10{margin-bottom:10px !important;}
#eco_products .mb20{margin-bottom:20px !important;}
#eco_products .mb40{margin-bottom:40px !important;}

#eco_products .ml40{margin-left:40px !important;}

#eco_products .pt10{padding-top:10px !important;}

#eco_products .pb10{padding-bottom:10px !important;}
#eco_products .pb20{padding-bottom:20px !important;}
#eco_products .pb30{padding-bottom:30px !important;}

#eco_products .weak{font-size:85%;}

/* ■トンボのエコロジー商品　共通 -----*/
#law .link-eco_products,
#mark .link-eco_products{
	margin:0 auto 25px;
	width:638px;
	background: url(../images/bg_link-eco_products_top.gif) left top no-repeat;
}

#law .link-eco_products-inner,
#mark .link-eco_products-inner{
	padding:29px 0 28px 20px;
	background: url(../images/bg_link-eco_products_btm.gif) left bottom no-repeat;
}

#law .link-eco_products h3,
#mark .link-eco_products h3{
margin:0 0 45px;
}

#law .link-eco_products p,
#mark .link-eco_products p{
margin:0 0 30px;
padding:0;
width:300px;
}

#law .link-eco_products ul,
#mark .link-eco_products ul{
list-style:none;
}

#law .link-eco_products ul li,
#mark .link-eco_products ul li{
display:inline;
}


/* ■■採用情報
-------------------------------------------------------------------*/

/* ■採用トップ -----*/
h2.t-recruit-01 {
	float: left;
	margin-top: 20px;
	margin-left: 16px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 22px;
	background: url(../recruit/images/ttl_recruit_01.gif) left top no-repeat;
	}
h2.t-recruit-02 {
	float: left;
	margin-top: 20px;
	margin-left: 16px;
	margin-right:-85px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 36px;
	background: url(../recruit/images/ttl_recruit_02.gif) left top no-repeat;
	padding-bottom: 20px;
	display:inline;
	}
h2.t-recruit-03 {
	float: left;
	margin-top: 20px;
	margin-left: 16px;
	margin-right:-85px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 36px;
	background: url(../recruit/images/ttl_recruit_03.gif) left top no-repeat;
	padding-bottom: 20px;
	display:inline;
	}

h3.t-recruit-s01 {
	margin-left: 25px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 635px; height: 16px;
	background: url(../recruit/images/t-recruit-s01.gif) left top no-repeat;
	padding-bottom: 10px;
	clear:both;
	}

h3.t-recruit-s02 {
	margin-left: 25px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 635px; height: 16px;
	background: url(../recruit/images/t-recruit-s02.gif) left top no-repeat;
	padding-bottom: 10px;
	clear:both;
	}

h3.t-recruit-s03 {
	margin-left: 25px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 635px; height: 16px;
	background: url(../recruit/images/t-recruit-s03.gif) left top no-repeat;
	padding-bottom: 10px;
	clear:both;
	}


#recruit {
	clear: both;
	padding: 0;
	}

#recruit p {
	padding: 0 25px 25px 25px;
	font-size: 1.2em;
	line-height: 1.6;
	}

#recruit .title {
	font-size: 1.5em;
	line-height: 1.4;
	padding: 0 25px 10px 25px;
	}


#recruit .box-radius-01{
	width: 638px;
	margin-bottom: 28px;
	margin-left: 25px;
	padding-top: 15px;
	background: url(../recruit/images/radiusbox_bg.gif) left top no-repeat;
	}

#recruit .box-radius-01 ul{
	padding: 0 20px 15px;
	background: url(../recruit/images/radiusbox_bg.gif) left bottom no-repeat;
	}

#recruit .box-radius-01 p{
	font-size: 1em;
	line-height: 1.5;
	}

#recruit .box-radius-01 p.btn{
	padding: 0;
	}

#recruit .box-radius-01 li {
	font-size: 1.2em;
	line-height: 1.4;
	list-style: none;
	padding-top: 4px;
	padding-left: 12px;
	background: url(../recruit/images/list_bullet_01.gif) 0 0.7em no-repeat;
	}

#recruit .box-radius-01 .lyt_img{
	padding: 0 20px 15px;
	background: url(../recruit/images/radiusbox_bg.gif) left bottom no-repeat;
	}

#recruit .box-radius-01 .lyt_img p{
	padding: 0;
	float: right;
	}

#recruit .box-radius-01 .lyt_img .column{
	float: left;
	width:410px;
	}

#recruit .box-radius-01 .lyt_img .column h4{
	font-size: 1.5em;
	line-height:1.5;
	}

#recruit .box-radius-01 .lyt_img .column p {
	margin-top:10px;
	font-size: 1.2em;
	line-height: 1.6;
	float:none;
	}

#recruit-list {
	padding: 0 20px 10px 25px;
	}

#recruit-list ul {
	padding-top:3px;
	background: url(../recruit/images/table_bg.gif) left top repeat-x;
	}

#recruit-list li {
	clear: both;
	font-size: 1.2em;
	line-height: 1.5;
	list-style: none;
	padding: 8px 0;
	background: #eee url(../recruit/images/table_bg.gif) left bottom repeat-x;
	}

#recruit-list .left {
	float: left;
	width: 90px;
	padding-left: 10px;
	color: #545454;
	}

#recruit-list .right {
	float: right;
	width: 510px;
	padding-right: 10px;
	text-align: left;
	}

#recruit span.date {
	float: right;
	}

#recruit p {
	padding-bottom: 12px;
	}

#recruit img.right {
	padding-left: 15px;
	}


#recruit table {
	margin:0 auto 28px;
	width:635px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	}

#recruit tr {
	vertical-align: top;
	}

#recruit td {
	padding: 5px 8px;
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}

#recruit td.bluebg {
	padding: 5px 8px;
	background: #f0f6f9;
	width:96px;
	}

#recruit .box-address{
	margin:0 0 10px 25px;
	padding:10px;
	border:#ccc 1px solid;
	display:inline-block;
	_display:inline;
	zoom:1;
	}


/* ■■サポート・お問い合わせ
-------------------------------------------------------------------*/

/* ■お客様相談室 -----*/
h2.t-support {
	float: left;
	margin-left: 27px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../support/images/ttl_support.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#supportCont {
	clear: both;
	padding: 0 25px;
	}

#supportCont .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#supportCont p {
	padding: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}

#supportCont .btn {
	padding: 30px 0;
	}

#supportCont ul {
	list-style: none
	}

#supportCont li {
	float: left;
	padding-bottom: 10px;
	}

#supportCont .left {
	padding-right: 40px;
	}

/* ■お客様相談室　共通パーツ -----*/
#customer {
	background: #f0f6f9;
	border: 1px solid #e6ecf0;
	padding: 20px 15px;
	}

#customer .ttl {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 111px; height: 35px;
	background: url(../images/ttl_customer.gif) left top no-repeat;
	}

#customer .catch {
	font-size: 1.2em;
	line-height: 1;
	text-indent: -999em;
	width: 337px; height: 33px;
	background: url(../images/catch_customer.gif) left no-repeat;
	padding: 20px 0;
	}

#customer .inner {
	background: #fff;
	padding: 10px 15px;
	}

#customer .dial {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 177px; height: 36px;
	background: url(../images/customer_dial.gif) left no-repeat;
	}

#customer p {
	font-size: 1.2em;
	line-height: 1.6;
	padding-bottom: 15px;
	}

#customer p.time {
	color: #3c3c3c;
	padding: 10px 0;
	}

/* ■FAQ -----*/
h2.t-faq {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../support/images/ttl_faq.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#faq {
	clear: both;
	}

#faq .title {
	height: 24px;
	padding: 15px 25px 25px 25px;
	}

#faq h3 {
	margin: 0 0 10px 16px;
	}

#faq h3.pencil {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_pencil.gif) left top no-repeat;
	}

#faq h3.ballpoint {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_ball_point.gif) left top no-repeat;
	}

#faq h3.sharp {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_sharp_pen.gif) left top no-repeat;
	}

#faq h3.marker {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_marker.gif) left top no-repeat;
	}

#faq h3.co-tape {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_co_tape.gif) left top no-repeat;
	}

#faq h3.eraser {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_eraser.gif) left top no-repeat;
	}

#faq h3.glue {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_glue.gif) left top no-repeat;
	}

#faq h3.tombow {
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 667px; height: 30px;
	background: url(../support/faq/images/subttl_tombow.gif) left top no-repeat;
	}

#faq h4 {
	padding: 10px 0 5px 0;
	font-size: 1.4em;
	line-height: 1.6;
	font-weight: bold;
	color: #3c3c3c;
	}

#faq .list-block {
	padding-bottom: 20px;
	}

#faq ul {
	list-style: none;
	}

#faq ul.p-list {
	padding: 20px 0 0 0;
	}

#faq li.level1 {
	display: inline;
	float: left;
	padding: 0 6px 5px 25px;
	}

#faq .category {
	width: 188px; height: 200px;
	background: #f5f5f5;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding-bottom: 15px;
	}

#faq .ca-name {
	font-size: 1.4em;
	line-height: 1.6;
	font-weight: bold;
	color: #3c3c3c;
	margin: 0 12px;
	border-bottom: 1px solid #e4e4e4;
	}

.ca-name a:link { color: #3c3c3c; text-decoration: none; }
.ca-name a:visited { color: #3c3c3c; text-decoration: none; }
.ca-name a:hover { color: #949494; text-decoration: underline; }
.ca-name a:active { color: #3c3c3c; text-decoration: none; }

#faq ul.list-area {
	padding-top: 10px;
	}

#faq li.menu {
	font-size: 1.2em;
	line-height: 1.8;
	margin-left: 15px;
	padding: 0 15px;
	background: url(../images/arrow_sq.gif) 0 0.45em no-repeat;
	}

#faq .faq-area {
	padding: 0 25px 25px 25px;
	}

#faq p {
	font-size: 1.2em;
	line-height: 1.6;
	}

#faq p.question {
	padding: 5px 0 5px 15px;
	font-size: 1.2em;
	line-height: 1.6;
	color: #3c3c3c;
	}

.question a:link { color: #3c3c3c; text-decoration: none; }
.question a:visited { color: #3c3c3c; text-decoration: none; }
.question a:hover { color: #949494; text-decoration: underline; }
.question a:active { color: #3c3c3c; text-decoration: none; }

#faq .answer {
	padding: 10px 20px 10px 30px;
	font-size: 1.2em;
	line-height: 1.8;
	color: #555;
	background: #f0f6f9;
	}

#faq .blue {
	font-size: 0.83em;
	color: #83a5c2;
	padding-right: 3px;
	}

#answerin {
	padding: 10px 0;
	}

#answerin table {
	font-size: 1.2em;
	line-height: 1.0;
	background: #fff;
	border-top: 1px solid #d9e6ee;
	border-left: 1px solid #d9e6ee;
	}

#answerin td {
	width: 173px;
	padding: 2px 10px;
	border-right: 1px solid #d9e6ee;
	border-bottom: 1px solid #d9e6ee;
	}

#answerin td.no {
	width: 173px;
	padding: 2px 10px 0 10px;
	border-right: 1px solid #d9e6ee;
	border-bottom: 1px solid #d9e6ee;
	}

#answerin .center {
	text-align: center;
	}

#answerin .txtarea {
	padding: 5px 10px;
	font-size: 0.83em;
	line-height: 1.4;
	vertical-align: top;
	}

#faq-link  {
	padding: 15px 25px 35px 0;
	text-align: center;
	}

#faq-link ul {
	font-size: 1.0em;
	line-height: 1.2;
	text-align: center;
	}

#faq-link li {
	display: inline;
	margin-left: 10px;
	padding-left: 1.4em;
	border-left: 1px solid #9f9f9f;
	}

#faq-link li.none {
	border-left: none;
	}

#faq-link span {
	color: #8a4242;
	}


/* ■お近くのトンボ営業店は？ -----*/
h2.t-su-bis {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../support/images/ttl_su-bis.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#su-bis {
	clear: both;
	padding: 0 25px;
	}

#su-bis .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#su-bis table {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	}

#su-bis tr {
	vertical-align: top;
	}

#su-bis td {
	padding: 5px 8px;
	background: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}

#su-bis td.bluebg {
	padding: 5px 8px;
	background: #f0f6f9;
	}

#su-bis .fixwidth {
	width: 60px;
	}

#su-bis p {
	padding: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}

/* ■商品使用アドバイス -----*/
h2.t-su-use {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../support/images/ttl_su-use.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#su-use {
	clear: both;
	padding: 0 25px;
	}

#su-use .title {
	height: 24px;
	padding: 15px 0 35px 0;
	}

#su-use h3 {
	font-size: 1.4em;
	line-height: 1.6;
	font-weight: bold;
	color: #3c3c3c;
	border-bottom: 1px solid #eee;
	}

#su-use h4 {
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: bold;
	color: #3c3c3c;
	padding: 15px 0 5px 0;
	}

#su-use .ad-block {
	padding: 0 0 20px 0;
	}

#su-use .line {
	background: url(../images/line_dot_01.gif) left bottom no-repeat;
	}

#su-use ul {
	list-style: none;
	padding: 10px 12px;
	}

#su-use li {
	font-size: 1.2em;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/arrow_sq.gif) 0 0.45em no-repeat;
	}

#su-use p {
	font-size: 1.2em;
	line-height: 1.6;
	padding-bottom: 12px;
	}

#su-use .exp {
	float: left;
	width: 293px;
	padding-right: 20px;
	}

#su-use .movie {
	float: right;
	width: 320px;
	font-size: 1.0em;
	line-height: 1.6;
	color: #3c3c3c;
	text-align: center;
	}

/* ■お客様の声を活かした商品 -----*/
h2.t-su-product {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../support/images/ttl_su-product.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#su-product {
	clear: both;
	padding: 0 25px;
	}

#su-product .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#su-product p {
	padding: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}

#su-product .block {
	padding: 0 0 45px 0;
	}

#su-product .text {
	float: left;
	width: 305px;
	color: #333;
	}

#su-product .photo {
	float: right;
	width: 310px;
	}

#su-product .catch {
	padding: 0 0 15px 0;
	}

#su-product ul {
	list-style: none;
	font-size: 1.2em;
	line-height: 1.8;
	padding: 10px 0;
	}

#su-product a {
	padding: 0 0 0 15px;
	background: url(../images/arrow_sq.gif) 0 0.10em no-repeat;
	}


/* ■お問い合せ -----*/
#contact {
	clear: both;
	padding: 0 25px;
	}

#contact .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#contact h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 182px; height: 24px;
	background: url(../support/images/ttl_contact.gif) left top no-repeat;
	}

#contact p {
	padding: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}

#contact table {
	border: none;
	font-size: 1.2em;
	line-height: 1.6;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	}

#contact td {
	padding: 5px;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	}


/* ■関連リンク -----*/
h2.t-link {
	float: left;
	margin-left: 26px;
	font-size: 1.4em;
	line-height: 1.4;
	text-indent: -999em;
	width: 727px; height: 71px;
	background: url(../support/images/ttl_link.gif) left top no-repeat;
	padding-bottom: 10px;
	}

#link {
	clear: both;
	padding: 0 25px;
	}

#link .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#link h3 {
	font-size: 1.4em;
	line-height: 1.8;
	font-weight: bold;
	color: #3c3c3c;
	padding-top: 8px;
	}

#link p {
	padding: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}

#link-list {
	padding-bottom: 10px;
	}

#link-list li {
	clear: both;
	font-size: 1.2em;
	line-height: 1.8;
	list-style: none;
	padding: 5px 0;
	background: url(../images/line_dot_01.gif) left bottom no-repeat;
	}

#link-list a:link { color: #845b5b; text-decoration: none; }
#link-list a:visited { color: #845b5b; text-decoration: none;}
#link-list a:hover { color: #b98888; text-decoration: underline; }
#link-list a:active { color: #845b5b; text-decoration: none;}

#link-list .name {
	float: left;
	width: 240px;
	padding-left: 2px;
	line-height: 1.6;
	}

#link-list .info {
	float: right;
	width: 390px;
	text-align: left;
	line-height: 1.6;
	}

#link-anchor {
	padding: 15px 0 30px 0;
	}

#link-anchor ul {
	font-size: 1.2em;
	line-height: 1.4;
	}

#link-anchor li {
	display: inline;
	margin-left: 10px;
	padding-left: 1.4em;
	border-left: 1px solid #9f9f9f;
	}

#link-anchor li.none {
	border-left: none;
	}


/* ■個人情報保護方針 -----*/
#privacy {
	clear: both;
	padding: 0 25px;
	}

#privacy .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#privacy h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 163px; height: 24px;
	background: url(../policy/images/ttl_privacy.gif) left top no-repeat;
	}

#privacy p {
	padding: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}

#privacy ol {
	padding: 0 25px;
	font-size: 1.2em;
	line-height: 1.6;
	}

#privacy li {
	padding: 0 0 15px 0;
	}


/* ■サイトポリシー -----*/
#site {
	clear: both;
	padding: 0 25px;
	}

#site .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#site h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 138px; height: 24px;
	background: url(../policy/images/ttl_site.gif) left top no-repeat;
	}

#site p {
	padding: 0 0 15px 0;
	font-size: 1.2em;
	line-height: 1.6;
	}


/* ■■サイトマップ
-------------------------------------------------------------------*/

#sitemapCont {
	clear: both;
	padding: 0 25px;
	}

#sitemapCont .title {
	height: 24px;
	padding: 15px 0 25px 0;
	}

#sitemapCont h2 {
	float: left;
	font-size: 1.4em;
	line-height: 1;
	text-indent: -999em;
	width: 122px; height: 24px;
	background: url(../images/ttl_sitemap.gif) left top no-repeat;
	}

#sitemapCont .left {
	float: left;
	width: 310px;
	}

#sitemapCont .right {
	float: right;
	width: 310px;
	}

#sitemapCont ul.level1 {
	list-style: none;
	font-size: 1.2em;
	line-height: 1.8;
	padding: 10px 50px 20px 50px;
	}

#sitemapCont a.main {
	font-weight: bold;
	padding: 0 0 0 15px;
	background: url(../images/arrow_sq.gif) 0 0.10em no-repeat;
	}

#sitemapCont ul.level1-gray {
	list-style: none;
	background: #f7f7f7;
	font-size: 1.2em;
	line-height: 1.8;
	padding: 10px 35px 10px 30px;
	margin: 0 15px 10px 20px;
	}

#sitemapCont ul.level2 {
	list-style: none;
	font-size: 1.0em;
	line-height: 1.8;
	padding-bottom: 20px;
	}

#sitemapCont span {
	color: #ccc;
	padding-right: 10px;
	}


/* ■■OTHERS
-------------------------------------------------------------------*/
.red {
	color: #7d0000;
	}

.txt10 {
	font-size: 0.83em;
	}

#gray-area {
	width: 633px;
	margin-left: 25px;
	background: #eee;
	}

#gray-area .inner {
	padding: 8px 0;
	}

#gray-area p {
	padding: 5px 20px 0 20px;
	font-size: 1.2em;
	line-height: 1.6;
	color: #535353;
	}


/* ■■FOOTER
-------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 850px;
	margin: 0 auto;
	text-align: left;
	}

#footer ul {
	padding: 10px 0 15px 42px;
	}

#footer li {
	display: inline;
	padding: 0 2px;
	}

#footer .link {
	float: left;
	width: 500px;
	}

#footer .copyright {
	float: right;
	margin-right: 38px;
	padding: 10px 0 15px 0;
	}

#footer .privacy {
	margin-left: 2px;
	padding-left: 0.7em;
	border-left: 1px solid #9f9f9f;
	}

#footer2 {
	clear: both;
	width: 870px;
	margin-right: 30px;
	text-align: left;
	}

#footer2 ul {
	padding: 10px 0 15px 40px;
	}

#footer2 li {
	display: inline;
	padding: 0 2px;
	}

#footer2 .link {
	float: left;
	width: 500px;
	}

#footer2 .copyright {
	float: right;
	margin-right: 3px;
	padding: 10px 0 15px 0;
	}

#footer2 .privacy {
	margin-left: 2px;
	padding-left: 0.7em;
	border-left: 1px solid #9f9f9f;
	}
	
/* ■■SEARCH
-------------------------------------------------------------------*/