@charset "utf-8";
/* CSS Document */

/* --------------------------------

	* Layout Style + Template Style
	* /// KOKUYO S&T Customize ///{
		* last update 2012-07-23
		* modify : chrome-one;
	}
--------------------------------

/*  ------------------------------------------------------------------

	reset

---------------------------------------------------------------------*/
.sectionH1 div#mainContent,
.sectionH1 div#subContent{
	background-color: #FFFFFF;
	font-size		: 17px;
	letter-spacing	: -0.03em;
	line-height		: 1.3;
	color: #343434;
	font-family		: "ＭＳ Ｐゴシック", sans-serif;
}
.sectionH1 div#mainContent ul,
.sectionH1 div#subContent ul{
	list-style		: none;
}
.sectionH1 div#mainContent dt,
.sectionH1 div#subContent dt{
	display			: block;
	width			: auto;
}


.STtopicPath,
.sectionH1 {
	width: 950px;
}

/*  ------------------------------------------------------------------

	mainContent

---------------------------------------------------------------------*/
.sectionH1 div#mainContent {
	float: right;
	margin-bottom: 35px;
	width: 670px;
}
.sectionH1 div#subContent {
	float: left;
	width: 230px;
}
.sectionH1 div.section {
}
/*  テキスト見出し
-----------------------------------*/
.sectionH1 .txtHeading {
	border: 1px solid #d8d8d8;
	margin-bottom: 30px;
	padding: 7px;
	line-height: 1.1;
	font-weight: bold;
	font-size: 100%;
}
.sectionH1 .txtHeading span {
	background: url(../images/bg_txtHeading01.gif) repeat-y left top;
	display: block;
	padding: 3px 0 3px 36px;
}
/*  ショップサイトリンク
-----------------------------------*/
.sectionH1 .exBnr {
	clear: both;
	margin-bottom: 80px;
	vertical-align: top;
	text-align: right;
}
.sectionH1 .exBnr img.left{
	vertical-align: top;
	margin-right: 10px;
}

/*  pagetopリンク
-----------------------------------*/
.sectionH1 .pagetop {
	text-align: right;
	font-size: 82%;
}
.sectionH1 .pagetop a{
	background: url(../images/linkArrow_pagetop.gif) no-repeat 100% 50%;
	padding-right: 20px;
}
.sectionH1 .pagetop a:link,
.sectionH1 .pagetop a:visited{
	text-decoration: none;
	color: #343434;
}
.sectionH1 .pagetop a:hover{
	text-decoration: underline;
}



/*  ------------------------------------------------------------------

	汎用スタイル

---------------------------------------------------------------------*/
/*  マージン
-----------------------------------*/
.sectionH1 .mgn05 {
	margin-bottom: 5px;
}
.sectionH1 .mgn10 {
	margin-bottom: 10px;
}
.sectionH1 .mgn15 {
	margin-bottom: 15px;
}
.sectionH1 .mgn20 {
	margin-bottom: 20px;
}
.sectionH1 .mgn25 {
	margin-bottom: 25px;
}
.sectionH1 .mgn30 {
	margin-bottom: 30px;
}
.sectionH1 .mgn35 {
	margin-bottom: 35px;
}
.sectionH1 .mgn40 {
	margin-bottom: 40px;
}
.sectionH1 .mgn50 {
	margin-bottom: 50px;
}
.sectionH1 .mgn100 {
	margin-bottom: 100px;
}
.sectionH1 .fL{float:left;}
.sectionH1 .fR{float:right;}
.sectionH1 .padt20{padding-top:20px;}
.sectionH1 .disp_in{display:inline;}
.sectionH1 .marR20{margin-right:20px;}
.sectionH1 .marL30{margin-left:30px;}
.sectionH1 .marB50{margin-bottom:50px;}
.sectionH1 .marT50{margin-top:50px;}
.sectionH1 .marT20{margin-top:20px;}

.sectionH1 .wdh670 {
	width: 670px;
}

/*  em
-----------------------------------*/
.sectionH1 .emStyle01 {
	color: #fff852;
}
.sectionH1 .emStyle02 {
	font-weight: bold;
}

/*  ------------------------------------------------------------------

	subContent

---------------------------------------------------------------------*/
.sectionH1 #subContent .lNav{
	border: 1px solid #d6d6d6;
}
.sectionH1 #subContent .lNav dt{
	background: #fffcf7 url(../images/linkArrow01.gif) no-repeat 18px 50%;
	padding: 10px 0 10px 35px;
	color: #a4744e;
}
.sectionH1 #subContent .lNav dt a:link,
.sectionH1 #subContent .lNav dt a:visited{
	color: #a4744e;
	text-decoration: none;
}
.sectionH1 #subContent .lNav dt a:hover{
	text-decoration: underline;
}

.sectionH1 #subContent .lNav li{
	background: #f7f7f7 url(../images/linkArrow02.gif) no-repeat 35px 50%;
	border-top: 1px dotted #aeaeac;
	padding: 7px 0 7px 50px;
}
.sectionH1 #subContent .lNav li a:link,
.sectionH1 #subContent .lNav li a:visited{
	color: #343434;
	text-decoration: none;
}
.sectionH1 #subContent .lNav li a:hover{
	text-decoration: underline;
}


/* ==========================================================================================================

	 2-5. clearfix
 
============================================================================================================*/

/*  回込解除
-----------------------------------*/
/* start clearfix */
.sectionH1 .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html .sectionH1 .clearfix {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html .sectionH1 .clearfix {
	zoom: 1;
}
/* end clearfix */



/* .topics */
.sectionH1 dl.topics {
	margin:0;
}

.sectionH1 dl.topics dt {
	margin: 0;
	margin-right: -8em;
	padding: 0.2em 0;
	float: left;
	clear: both;
	display: inline;
	width: 8em;
	color:#b6dd29;
	font-weight:bold;
}

.sectionH1 dl.topics dd {
	margin-left:8em;
	padding: 0.2em 0;
}

.sectionH1 dl.topics {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

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

/* .nav .local */

/* lv-1 */
.sectionH1 #subContent ul.local { border-width:1px 1px 0 1px; border-style:solid; border-color:#cbcbcc; font-size:85.71428571%; }
.sectionH1 #subContent ul.local li { padding:0 0 1px; background:url(../../../../cmn/img/line_dot_01.png) no-repeat left bottom #ffffff; }
.sectionH1 #subContent ul.local li a { display:block; width:201px; padding:12px 3px 11px 24px; 	background: #fffcf7 url(../images/linkArrow01.gif) no-repeat 12px 50%; line-height:1.21em; }
* html .sectionH1 #subContent ul.local li a { display:inline-block; padding-top:12px; padding-bottom:9px; line-height:1.4em; vertical-align:bottom; }
*+html .sectionH1 #subContent ul.local li a { padding-top:11px; padding-bottom:9px; line-height:1.4em; }
html>/**/body .sectionH1 #subContent ul.local li a { padding-bottom /***/:8px\9; line-height /***/:1.4em\9; }
.sectionH1 #subContent ul.local li.last-child { padding:0; background-image:none; border-bottom:1px solid #cbcbcc; }
.sectionH1 #subContent ul.local li.last-child a { padding:12px 3px 12px 24px; }
* html .sectionH1 #subContent ul.local li.last-child a { padding-top:11px; padding-bottom:8px; }
*+html .sectionH1 #subContent ul.local li.last-child a { padding-top:10px; padding-bottom:8px; }
/*.sectionH1 #subContent ul.local li.current.last-child{background-color:#c9cacc;}*/

/* lv-2 */
.sectionH1 #subContent ul.local li ul { padding:0 0 5px 5px; margin:0; background-image:none; background-color:#fff;/*background-color:#c9cacc;*/ }
.sectionH1 #subContent ul.local li li { padding:0; margin:0; background-image:none; }
* html .sectionH1 #subContent ul.local li ul {position: relative;height:1%;}
* html .sectionH1 #subContent ul.local li li {display: inline;height:1%;}
*+html .sectionH1 #subContent ul.local li li { display:inline;}
.sectionH1 #subContent ul.local li.last-child li a ,
.sectionH1 #subContent ul.local li li a { display:block; margin:0; padding:6px 0 4px 25px; width:198px; background: #f7f7f7 url(../images/linkArrow02.gif) no-repeat 19px 50%; line-height:1.3em; }

.sectionH1 #subContent .local a:link ,
.sectionH1 #subContent .local a:active ,
.sectionH1 #subContent .local a:visited {
	-moz-transition    : background-color 0.2s ease-in-out 0.001s;
	-webkit-transition : background-color 0.2s ease-in-out 0;
	-o-transition      : background-color 0.2s ease-in-out 0;
	-ms-transition     : background-color 0.2s ease-in-out 0;
	transition         : background-color 0.2s ease-in-out 0;
}
.sectionH1 #subContent .local a:hover {
	-moz-transition    : background-color 0s linear 0.001s;
	-webkit-transition : background-color 0s linear 0;
	-o-transition      : background-color 0s linear 0;
	-ms-transition     : background-color 0s linear 0;
	transition         : background-color 0s linear 0;
}

.sectionH1 #subContent .local a:link ,
.sectionH1 #subContent .local a:visited { text-decoration:none; color:#333333; background-color:transparent; }
.sectionH1 #subContent .local a:hover { background-color:#efefef; }

/* current set */
.sectionH1 #subContent .local li.slimstyle.last-child ul { padding:0 0 5px 5px; margin:0; background-image:none; background-color:#fff; }
.sectionH1 #subContent .local li.slimstyle.last-child ul,
.sectionH1 #subContent .local li.current.last-child ul{border-top:1px solid #ebebeb;}
.sectionH1 #subContent .local li.current{background-color:#c9cacc;}
.sectionH1 #subContent .local li.current ul li a:link ,
.sectionH1 #subContent .local li.current ul li a:visited,
.sectionH1 #subContent .local li.slimstyle ul li a:link ,
.sectionH1 #subContent .local li.slimstyle ul li a:visited { background-color:transparent; }
.sectionH1 #subContent .local li.current ul li a:hover,
.sectionH1 #subContent .local li.slimstyle ul li a:hover { background-color:#efefef; }