﻿@charset "UTF-8";

/* ********** reset ********** */

* {margin:0; padding:0;}
img {border:none;}
table {	border-collapse:collapse;}
table, tr, td, th {border:none;}
ul,li {list-style-type: none;}

body {
	font-family: verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	background: #fff;
	font-size:12px;
	color: #333;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

/* ********** layout ********** */

div#container {
	width: 945px; /* bk 845px; */
	margin: 0 auto;

	padding-left: 60px;
}


div#header {
	padding: 10px 0 0;

	background-image: url(./_img/bg_footmenu.gif);
	background-position: left 87px;
	background-repeat: repeat-x;
}
div#contents {
	float: left;

	width: 800px; /* bk 635px; */
	padding: 4px 0 0 15px;
}
#pdt_menu {
	float: left;

	width: 110px;
	padding: 4px 0 0 20px;
}
div#footer {
	clear: both;
	
	margin-bottom: 10px;
	padding-top: 15px;
}

/* ********** header ********** */

h1 {
	height: 66px;
	margin-right: 23px;
	padding-left: 23px;
	background-image: url(./_img/e_logo.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
h5 {/* サイト説明文 */
	font-size: 0.9em;
	color: #93c21e;
	font-weight: normal;
}
h5 a {
	color: #93c21e;
}
h5 a:hover {
	color: #666;
}

#footpath {/* フットパス */
	clear: left;

	height: 26px;
	margin: 1px 5px 0 0;
	padding: 7px 0 0 30px;
	font-size: 12px;
	color: #666;
	
	background-image: url(./_img/bg_telno.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#site_seach {/* サイト内検索 */
	float: left;

	width: 40%;
	height: 22px;
	padding-top: 3px;
	padding-left: 25px;
}
#site_seach  input {
	font-size: 12px;
}
#top_menu {/* ページトップナビゲーション */
	float: right;

	width: 55%;
	height: 18px;
	padding: 6px 6px 2px 0;
	text-align: right;
	font-size:12px;
}
#top_menu li, #page_menu li,#footer_menu li {
	display: inline;
	padding: 0 2px 0 4px;
}
#top_menu li+li, #page_menu li+li, #footer_menu li+li {
	border-left: solid 1px #000;
}
#page_menu {
	text-align: right;
	font-size: 12px;
}

/* ********** contents ********** */

h2 {/* ページタイトル */
	padding: 8px 0 6px 3px;
	font-size: 1.5em;
	color: #333;
}

h3 {/* セクションタイトル */
	margin-top: 5px;
	height: 18px;
	font-size: 14px;
}
.box {
	margin-bottom: 10px;
	padding: 5px;
	border: solid 1px #ccc;
}
.infobox {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #efe;
	border: solid 1px #ccc;
}
.introduction {/* 紹介 */
	margin-bottom: 5px;
	padding: 5px;
	text-indent: 1em;
	line-height: 1.33em;
}
.message {/* 声明 */
	text-indent: 1em;
	line-height: 1.75em;
}
.info {/* 情報 */
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.exposition {/* 説明 */
	line-height: 1.75em;
/*	letter-spacing: 1px;
*/	text-align: justify;
	text-justify: inter-ideograph;
}

.annotation {/* 注釈 */
	margin-bottom: 5px;
	padding: 5px;

	font-size: 0.8em;
	line-height: 1.33em;
}

.stamp {/* 署名 */
	text-align: right;
	padding: 10px 5px 5px 0;
}

.end_anchor {/* go TOP */
}
.end_anchor a {
}

/* ********** menu ********** */

#pdt_menu .box {
	text-align: center;
	padding: 0;
	border: none;
}
#pdt_menu ul {
	margin-bottom: 7px;
	background-color: #fff;
/*	padding: 2px 0 0 2px;
	border-top: solid 1px #999;
	border-left: solid 1px #999;
*/}

#pdt_menu li a {
	display: block;
	
	width: 93px;	/* 110px */
	height: 18px;	/*  24px */
	
	margin-bottom: 1px;
	padding: 6px 0 0 17px;
	
	font-size: 12px;
/*	font-weight: bold;
*/	text-decoration: none;
	color:#666;
	
	background-image: url(./_img/mn3.gif);
	background-repeat: no-repeat;
	
	outline: none;
}
#pdt_menu li a:hover {
	color:#6c0;
	text-decoration:underline;
	background-image: url(./_img/mn3_a.gif);
}
#pdt_menu li a.under {
	background-image: none;
	margin-top: 0;
	padding-top: 0;
}
#pdt_menu li a.under:hover {
	background-image: none;
}

/* ********** footer ********** */
#footer {
	background: url(./_img/bg_footer_l.gif) no-repeat left bottom;
}
#footer_menu {
	height: 30px;
	padding-top: 15px;
	text-align: center;
	font-size:11px;
	background: url(./_img/bg_footmenu.gif) repeat-x;
}
#footer_menu a {
	color: #666;
}

h6 {
	margin-top: 3px;
	font-size: 13px;
}
#co_info {
	height: 76px;
	
	padding: 10px 30px 10px 10px;
	background: url(./_img/bg_footer_r.gif) no-repeat right bottom;
}
#co_info #sign {
	padding-left: 20px;
	float: left;
}
#co_info #pic {
	float: right;
}
#co_info #sign p {
	padding-top: 4px;
}

/* *********************************************************** */


/* ********** productlist ********** */

#productlist .item {
	float: left;

	width: 110px;
	height: 150px;
	margin: 10px -1px 20px 0;
	padding: 0 24px 5px 24px;
	
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
}
#productlist .item a {
	display: block;
	
	width: 110px;
	height: 150px;
}
#productlist .item a:hover {
	opacity: 0.6;
	text-decoration: none;
	color: #09F;
}
#productlist .item img {
	width: 110px;
	height: 110px;
}
#productlist .item .p_name:after {
	content: "\A";
	white-space: pre;
}

#productlist #contents h3 {
	clear: left;
	
	border-bottom: #666 3px dotted;
}