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

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	font-family: "MS UI Gothic", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:100%;
}

div, p, td{ line-height:120%; font-family: "MS UI Gothic", Osaka, "ヒラギノ角ゴ Pro W3";}

table tr td{ margin:0; padding:0 }

br.clear {
	clear: both;
	height: 1px;	
}

/* レイアウト大枠設定 */
#container {
	margin: 0 auto;
	text-align: center;
	background-color: transparent;
	background-image: url(images/bg.gif);
	background-repeat:repeat-y;
	width: 795px;
}

#wrapper {
	margin: 0 auto;
	text-align: center;
	background-image: url(images/wrapper.gif);
	background-repeat: repeat-y;
	width: 783px;
}

#rightContents {
	text-align:left;
	width: 590px;
	margin: 10px 0 0 16px;
	border: 1px solid #cccccc;
}



/*トップページ*/
#topbox{ padding:14px 0 2px 16px }
#topLeft {
	text-align:left;
	width: 489px;
/*	margin: 10px 0 0 16px; */
	border: 1px solid #cccccc;
}

#topLHeadTitle {
	margin:0; padding:0;
	background-image:url(images/top_syouhin_title.gif);
	background-repeat:no-repeat;
	font-size: 12px;

	margin:1px 0 0 1px;
	color: #666666;
	height: 24px;
}
#topLHeadTitle h3{
text-align:right;
padding:2px 5px 0 0;
}

/*商品紹介*/
.topLTable{
margin-left:1px;
margin-bottom:1px;
_height:240px;
min-height:240px;
/* \*//*/
height:240px;
/**/
}

.topLTable .shouhinTd{
	/*background: #f6f5f5;*/
	padding:0;
	padding-top:1px;
}

.topLTable .shouhinTd a{
	display: block;
	background: #f6f5f5;
	width: 376px;
	_height: 81px;
	min-height:81px;
	color: #666666;
	text-decoration: none;
	line-height:130%;
	/* \*//*/
line-height:100%;
height:81px;
/**/
}

.topLTable .shouhinTd a div{
padding:10px 5px 10px 10px;
}

.topLTable .shouhinTd a:hover {
	background: #f7eaea;
	text-decoration: none;
}

.topLTable .shouhinTd a strong {
	background: transparent url(images/arrow_red.gif) 0 1px no-repeat;
	padding-left: 13px;
	color: #d90000;
	display: block;
/*	line-height:130%; */
}

.topLTable .shouhinTd a div p {
	padding: 0 0 0 12px;
	line-height:130%;	
}


.topDotLine{ background-image:url(./images/line2.gif);
background-repeat:repeat-x;
background-position:0 0; }


.syouLTable{
margin-bottom:1px;
}
.syouLTable .shouhinTd{
	/*background: #f6f5f5;*/
	padding:0;
	padding-top:1px;
}

.syouLTable .shouhinTd a{
	display: block;
	background: #f6f5f5;
	width: 477px;
	_height: 81px;
	min-height:81px;
	color: #666666;
	text-decoration: none;
	line-height:130%;
	/* \*//*/
line-height:100%;
height:81px;
/**/
}

.syouLTable .shouhinTd a div{
padding:10px 5px 10px 10px;
}

.syouLTable .shouhinTd a:hover {
	background: #f7eaea;
	text-decoration: none;
}

.syouLTable .shouhinTd a strong {
	background: transparent url(images/arrow_red.gif) 0 1px no-repeat;
	padding-left: 13px;
	color: #d90000;
	display: block;
/*	line-height:130%; */
}

.syouLTable .shouhinTd a div p {
	padding: 0 0 0 12px;
	line-height:130%;	
}


/*更新履歴*/
ul.kousin{
margin:10px 5px 5px 10px;
_height:241px;
min-height:241px;
/* \*//*/
height:241px;
/**/
}
ul.kousin li{
/*
background-image:url(images/line3.gif);
background-repeat:no-repeat;
background-position:0 bottom;
*/
/*padding:0 0 2px 0;*/
color: #666666;
font-size: 12px;
line-height:120%;
}
ul.kousin li.kousinline{
background-image:url(images/line3.gif);
background-repeat:no-repeat;
background-position:0 center;
padding:0;
height:8px;
}
ul.kousin li.last{
background-image:none;
}
ul.kousin li span{
	font-size: 11px;
	color: #999999;
	font-weight: bold;
}
ul.kousin li a{
	color: #666666;
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
}
ul.kousin li a:hover {
	color: #d90000;
	text-decoration: underline;
}




#topRight {
	text-align:left;
	width: 248px;
/*	margin: 10px 0 0 16px; */
	border: 1px solid #cccccc;
}

#topRHeadTitle {
	margin:0; padding:0;
	background-image:url(images/top_kousin_title.gif);
	background-repeat:no-repeat;
	font-size: 12px;

	margin:1px 0 0 1px;
	color: #666666;
	height: 24px;
}
#topRHeadTitle h3{
text-align:right;
padding:2px 5px 0 0;
}



/* ヘッダ ------------------------------------------------*/
/* heading 設定 */
#header{
 height:54px;
}
h1 {
	margin:0;
	padding:11px 0 0 17px;
	text-align:left;
}

/* トップナビゲーション */
#topMenu {
	text-align:left;
	padding:0 0 0 99px;
	background: transparent url(./images/topMenu.gif) 0 0 no-repeat;
	height: 36px;
}


/* 上タイトル */
h2 {
	text-align: left;
}
h2#products {
	margin:0; padding:0;
	text-indent: -99999px;
	height: 54px;
}

.ttitleLtd{
background: transparent url(./images/left_sky.gif) bottom left no-repeat;
}

.ttitleRtd1{
background-image: url(./images/title_toriatukai.gif);
background-repeat:no-repeat;
}

.ttitleRtd2{
background-image: url(./images/title_otoiawase.gif);
background-repeat:no-repeat;
}

.ttitleRtd3{
background-image: url(./images/title_privacy.gif);
background-repeat:no-repeat;
}

.ttitleRtd4{
background-image: url(./images/title_news.gif);
background-repeat:no-repeat;
}

.ttitleRtd5{
background-image: url(./images/title_sitemap.gif);
background-repeat:no-repeat;
}

.ttitleRtd6{
background-image: url(./images/title_syouhin.gif);
background-repeat:no-repeat;
}

/* パンくず */
.pankuzu{
font-size:11px;
color: #999999;
padding:6px 10px 4px 24px;
}

.pankuzu a {
	text-decoration: underline;
	color: #666666;
	font-size:11px;
}

.pankuzu a:hover {
	text-decoration: underline;
	color: #d90000;
}
/* /ヘッダ ------------------------------------------------*/

/* レフトメニュー ------------------------------------------------*/
ul.leftMenu {
	width: 158px;
	font-size: 11px;
}

.leftMenu li{
	text-align: left;
	border-left: #c0c0c0 solid 5px;
	border-bottom: #CCCCCC solid 1px;
}

.leftMenu li#bottom{
	border-bottom: none;
	padding: 0px;
}

.leftMenu a {
	background-color: #f6f5f5;
	background-image: url(images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #565665;
	padding: 12px 5px 12px 24px;
	width:124px;
	font-size:11px;
}

.leftMenu a:hover {
	background-repeat: no-repeat;
	background-color: #f7eaea;
	background-image: url(images/arrow_red.gif);
	background-position: 10px 12px;
	color: #d90000;
}

/* レフトメニュー第２階層 */
ul#leftMenu2 {
margin:0; padding:0;
	font-size: 11px;
	width: 158px;
}

#leftMenu2 li{
	text-align: left;
	border: none;
	margin:0;
	padding: 0px;
	border-left: #d90000 solid 5px;
	border-bottom: #CCCCCC solid 1px;
}

ul#leftMenu2 li#section {
	background: #f6f5f5;
	padding:12px 5px 12px 10px;
	color: #d90000;
	font-weight: bold;
	font-size:11px;
}

ul#leftMenu2 li#selected {
margin:0; padding:0;
	background-repeat: no-repeat;
	background-color: #d9d9d9;
	background-image: url(images/arrow_grey.gif);
	background-position: 25px 12px;
	color: #565656;
	font-weight: bold;
	width: 108px;
	padding: 12px 5px 12px 40px;
	font-size:11px;
}

#leftMenu2 a {
	background-color: #f6f5f5;
	background-image: url(images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: 25px 12px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #565665;
	width: 108px;
	padding: 12px 5px 12px 40px ;
	font-size:11px;
}

#leftMenu2 a:hover {
	background-repeat: no-repeat;
	background-color: #f7eaea;
	background-image: url(images/arrow_red.gif);
	background-position: 25px 12px;
	color: #d90000;
}

/* /レフトメニュー ------------------------------------------------*/

/* コンンテンツ共通設定 ------------------------------------------------*/

/* メインタイトル */
#contentHeadTitle {
	margin:0; padding:0;
	background-image:url(images/headBG.gif);
/*	background-position:1px 1px; */
	background-repeat:no-repeat;
	font-size: 12px;
/*	width:598px; */
	margin:1px 0 0 1px;
	color: #666666;
	height: 24px;
}
#contentHeadTitle h3{
padding:5px 5px 5px 12px;
}


/* コンテンツ上部ボタン設定 */
ul#contentsButton {
	margin:12px 0 15px 20px;
	
}

ul#contentsButton li {
	text-align: left;
	float: left;
	margin: 0 3px 3px 0; 
	color: #333333;
	border: 1px solid #cccccc;
	padding: 1px; 
	width: 177px;
}

ul#contentsButton li p.current {
	font-size: 11px;
	line-height:110%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #d9d9d9;
	background-image: url(images/arrow_grey_down.gif);
	background-position: 5px 50%;
	padding: 8px 0 5px 20px; 
}

ul#contentsButton li a{
	display: block; 
	width: 177px;
	text-decoration: none;
	background-color: transparent;
	background-image: url(images/contentsButton.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #333333;
}

ul#contentsButton li a p{
	padding: 8px 0 5px 20px; 
	font-size: 11px;
	line-height:110%;
}

ul#contentsButton li a:hover {
	background-color: transparent;
	background-image: url(images/contentsButton_over.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #d90000;
	text-decoration: none;
}


/* サブタイトル */
h4.contentsHeadings {
	width: 556px;
	border-left: 4px solid #cccccc;
	background: #f4f3f3;
	color: #666666;
	margin: 10px 0 0 10px;
	padding: 6px 0 4px 8px;
	font-size: 12px;
}


div.contents {
	text-align: left;
	padding: 10px 10px 0 10px;
	/*_margin: 10px 5px 0 5px;*/
	width: 560px;
}
div.contents p {
	font-size: 12px;
	color: #666666;
	line-height: 1.6em;
	margin: 0 0 5px 6px;
}

div.contents p strong {
	font-size: 12px;
	font-weight:bold;
	line-height: 1.6em;
}

div.contents a {
	color: #d90000;
	text-decoration: underline;
}

div.contents a#mail {
	background: transparent url(images/arrow_red.gif) left center no-repeat;
	padding: 0 0 0 15px;
}

div.contents a:hover {
	text-decoration: none;
}

div.contents table tr td p{
	font-size: 12px;
	color: #666666;
	line-height: 1.6em;
	margin: 0 0 5px 3px;
}

.tx_2col{
padding:0 0 0 12px;
}

img.greyFrame {
	border: #eee 1px solid;
	padding: 1px;
}

div.separator {
	width: 578px;
	height: 15px;
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-image: url(images/contentsSeparator.gif);
	background-position: 8px 100%;
	clear:both;
}

.contents p.cyusyaku{
text-align:left;
font-size:11px;
line-height:130%;
padding-left:4px;
margin-top:2px;
}

td.kigyou{
	font-size:10px;
	color:#666666;
	font-weight:bold;
	padding:4px 0;
}

td.kigyou a{
	font-size:10px;
	color:#666666;
	font-weight:bold;
	padding:4px 0;
	text-decoration: none;
}

td.kigyou a:hover {
	color: #d90000;
	text-decoration: none;
}

td.kigyoulogo{ padding:2px 0; }

/* /コンンテンツ共通設定 ------------------------------------------------*/


/* 更新履歴ページ */

#newsListWide {

	width: 570px;
	border: none;
	text-align: left;
	margin: 5px 0px 0px 7px;
	padding: 2px;
	clear: right;
	color: #666;
}

#newsListWide li{
line-height: 130%;
/*	margin: 0px 5px 5px; */
	padding: 1px 0;
}

#newsListWide span {
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	margin: 5px;
}


#newsListWide li a {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}

#newsListWide li a:hover {
	color: #d90000;
	text-decoration: underline;
}

#newsListWide li.newsSeparator {
	width: 570px;
	height: 15px;
	background: #ffffff url(images/contentsSeparator.gif) 4px center no-repeat;
}



/* ページトップ ------------------------------------------------*/
.toTop {
	margin: 20px 25px 10px 0;
}

.toTop div{
	color: #333333;
	font-size: 11px;
	background-image: url(images/arrow_red_toTop.gif);
	background-position: right center;
	background-repeat: no-repeat;
	text-align:right;
	padding: 0 10px 0 0;
}

div.toTop a,
div.toTop a:visited {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

div.toTop a:hover {
	color: #d90000;
	text-decoration: underline;
}
/* /ページトップ ------------------------------------------------*/

/* フッター設定 ------------------------------------------------*/
#footer{
	margin: 10px auto 5px auto;
	text-align: left;
	width: 775px;
	height: 30px;
	background: transparent url(images/copyright.gif) right top no-repeat;
}

#footer ul {
	padding:0;
	margin: 0 0 0 10px;
}

#footer li {
margin:0; padding:0;
	float: left;
	font-size: 11px;
/*	line-height: 1.8em;*/
	text-align: left;
	/*padding: 0 1px;*/
	background-image: url(images/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding: 0 0 0 15px;
	line-height:140%;
}

#footer li.separate {
	background-image: none;
	padding: 0;
}


#footer li a {
	color: #333333;
	text-decoration: none;
	font-size:11px;
}

#footer li a:hover {
	color: #d90000;
	text-decoration: underline;
}
/* /フッター設定 ------------------------------------------------*/


/* サイトマップ設定 */
div#sitemapContents {
	margin: 1px 0 0 10px;
/*	float: left; */
	width: 570px;
}

ul#topMap {
	background-color: transparent;
	background-image: url(images/contentsSeparator.gif);
	background-position: 10px 100%;
	background-repeat: no-repeat;
	padding: 10px 10px 7px 12px;
	width: 565px;
}

ul#topMap li {
	background: transparent url(images/arrow_red.gif) left center no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6em;
	padding: 0 0 0 18px;
	text-align: left;
}

ul#topMap li a {
	color: #d90000;
	text-decoration: none;
}

ul#topMap li a:hover {
	color: #d90000;
	text-decoration: underline;
}

div#sitemapLeft {
	float: left;
	padding: 5px 10px 5px 12px;
	width: 275px;
	text-align: left;
}

div#sitemapLeft h5 {
	width: 295px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.7em;
	padding: 5px 0 15px 0px; 
	background-color: transparent;
	background-image: url(images/contentsSeparator.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div#sitemapLeft h5 a {
	color: #d90000;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 18px;
	background: transparent url(images/arrow_red.gif) left center no-repeat;

}

div#sitemapLeft h5 a:hover {
	color: #d90000;
	text-decoration: underline;
}

div#sitemapLeft strong{
	color:#565656;
	line-height: 1.3em;
	font-size: 12px;
	padding: 0 0 3px 0;
}

ul.sideMap {
	background: transparent url(images/contentsSeparator.gif) left bottom no-repeat;
	padding: 5px 10px 5px 18px;
	width: 265px;
}

ul.sideMap li {
	padding: 3px 0 2px 0;
}

ul.sideMap li a {
	color: #d90000;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	line-height: 1.6em;
	padding: 2px 0 0 18px;
	background: transparent url(images/arrow_red.gif) left center no-repeat;
}

ul.sideMap li a:hover {
	text-decoration: underline;
}


div#sitemapRight {
	float: left;
	padding: 5px 5px 5px 12px;
	width: 245px;
	margin: 0 0 0 5px;
}

div#sitemapRight ul li {
	width: 245px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: left;
	padding: 2px 0 11px 0px;
	background: transparent url(images/contentsSeparator.gif) left bottom no-repeat;
	margin: 0 0 8px 0;
}

div#sitemapRight a {
	color: #d90000;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 18px;
	background: transparent url(images/arrow_red.gif) left center no-repeat;
}

div#sitemapRight a:hover {
	text-decoration: underline;
}




/* clearfix ------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* clearfix ------------------------------------------------*/


/* TABLE */
.tableproduct {
float:left
}
.tableproduct th a {color:#444;}
.tableproduct th a:hover {color:#F47836;}
.tableproduct tr.clear {background:#fff;}

.tableproduct tr {
text-align:left;
background:#e3e3e3;
padding:2px;
margin:2px;
}
.tableproduct tr.alt {
background:#f3f3f3;
}

.tableproduct th {
border-top:5px solid #fff;
border-bottom:1px solid #999;
padding:2px;
margin:2px;
background:#BFE3BA;
text-align:left;
}
.tableproduct h6 {
margin:0; padding:0; text-align:center; color:#f47836; font-size:12px;
}
.tableproduct td {
vertical-align:top; 
}
.tableproduct ul {
margin:2px 10px;
padding:0;
list-style:none;
}



















/* ↑ここまで編集 ------------------------------------------------*/