@charset "utf-8";

@import url("fonts-min.css"); /* YUI3 CSS Font */

/*
+- contents_top ---------------------------------------------------------------+
|   width: 800px                                                               |
| +- contents_page -----------------------------------------+ + scrollfollow + |
| |   width: 780px (= 778px + (枠線1px * 2))                | |  width: 20px | |
| | + contents_header ------------------------------------+ | |              | |
| | |  width: 100%  height: 80px                          | | |              | |
| | +-----------------------------------------------------+ | |              | |
| |                                                         | |              | |
| | +- contents_breadcrumb_list --------------------------+ | |              | |
| | |                                                     | | |              | |
| | +-----------------------------------------------------+ | |              | |
| |                                                         | |              | |
| | +- contents_left -----+ +- contents_right ------------+ | |              | |
| | |   width: 150px      | |   width: 628px              | | |              | |
| | | +- contents_title + | | +- contents_image --------+ | | |              | |
| | | |   width: 100%   | | | |   width: 100%           | | | |              | |
| | | |   height: 60px  | | | |    height: 60px         | | | |              | |
| | | +-----------------+ | | +-------------------------+ | | |              | |
| | |                     | |                             | | |              | |
| | | +- contents_navi -+ | | +- contents_main ---------+ | | |              | |
| | | |   width: 100%   | | | | width: 628px            | | | |              | |
| | | |   navi_menu     | | | |    =(10px+610px+8px)    | | | |              | |
| | | +-----------------+ | | +-------------------------+ | | |              | |
| | +---------------------+ +-----------------------------+ | |              | |
| |                                                         | |              | |
| | +-- contents_footer ----------------------------------+ | |              | |
| | |    width: 100%  height: 19px (=1px+18px)            | | |              | |
| | +-----------------------------------------------------+ | |              | |
| +---------------------------------------------------------+ +--------------+ |
+------------------------------------------------------------------------------+ 
*/

* {
	margin: 0;
	padding: 0;
	/*border: solid 1px;*/
	font-size: 100%;

}
/*
10px |  77%
11px |  85%
12px |  93%		header, footer
13px | 100%		nomal
14px | 108%		table(caption)
15px | 116%		h3
16px | 123.1%	h2
17px | 131%		h1
18px | 138.5%
19px | 146.5%
20px | 153.9%
21px | 161.6%
22px | 167%
23px | 174%
24px | 182%
25px | 189%
26px | 197%
*/

html, body
{
	background: #fffff4 url('img/bg.jpg') repeat-x;
	color: #666666;
	text-align: left;
	margin: 0;
	padding: 0;
}

/*===== レイアウト =====*/
/* 全体幅 */
#contents_top
{
	margin: 0 auto 0 auto; /* 上 右 下 左 */
	width: 800px;
}

/* コンテンツ幅 */
#contents_page
{
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #fafff0;
	border: solid 1px #666666;
	float: left;
    position: relative;
	width: 778px; /* 実質:780px */
}

/* ページトップへ */
#scrollfollow {
    background: transparent url("userscript/jquery/scrollfollow/btn_pagetop.gif") no-repeat;
    float: right;
    position: relative;
    width: 20px;
    height: 110px;
}

/* ヘッダー */
#contents_header
{
	background: #ffffff url("img/header/header.jpg") no-repeat;
	font-size: 93%;
	position: relative;
	float: left;
	width: 100%;
	z-index: 99; /* for IE6,7 */
}
#contents_header_top_left
{
	background: transparent url("img/header/header_rogo.gif") no-repeat;
	float: left;
	position: relative;
	margin: 5px 0 0 10px; /* 上 右 下 左 */
	width: 368px; /* 実質:378px */
	height: 35px; /* 実質:40px */
}
#contents_header_top_right
{
	color: #2a2a2a;
	float: right;
	text-align: right;
	position: relative;
	padding: 5px 10px 0 0; /* 上 右 下 左 */
	width: 390px; /* 実質:400px */
}
#contents_header_middle_left
{
	color: #606060;
	float: left;
	position: relative;
	padding: 3px 0 2px 10px; /* 上 右 下 左 */
	width: 440px; /* 実質:450px */
}
#contents_header_middle_right
{
	color: #2a2a2a;
	float: right;
	text-align: right;
	position: relative;
	padding: 3px 10px 2px 0; /* 上 右 下 左 */
	width: 318px; /* 実質:328px */
}
#contents_header_bottom
{
	background: #90bb75;
	float: left;
	position: relative;
	width: 100%;
	height: 37px;
}


/* フッター */
#contents_footer
{
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #90bb75 url("img/footer/footer_bg.png") repeat-y;
	color: #ffffff;
	font-size: 93%; /* 12px相当 */
	position: relative;
	float: left;
	text-align: center;
	padding: 2px 0 2px 0; /* 上 右 下 左 */
	width: 100%;
}


/* メニュー */
#contents_menu
{
	position: relative;
	height: 37px;
	background-color: #F3F3F3;
	width: 100%; /* 778px */
	z-index: 100; /* for IE6,7 */
}
#contents_menu ul
{
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 37px;
	list-style-type: none;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url("img/menu/menu.png") repeat-x;
}
#contents_menu li
{
	float: left;
}

#contents_menu a
{
	float: left;
	color: #666666;
	padding-top: 16px;
	height: 21px; /* 実質:37px */
}
a#menu00
{
	width: 80px;
}
a#menu01
{
	width: 110px;
}
a#menu02
{
	width: 80px;
}
a#menu03
{
	width: 110px;
}
a#menu04
{
	width: 110px;
}
a#menu05
{
	width: 110px;
}
a#menu06
{
	width: 80px;
}
a#menu07
{
	width: 80px;
}
a:hover#menu00
{
	background: url("img/menu/menu_hover.png") repeat-x;
}
a:hover#menu01
{
	background: url("img/menu/menu_hover.png") repeat-x;
}
a:hover#menu02
{
	background: url("img/menu/menu_hover.png") repeat-x;
}
a:hover#menu03
{
	background: url("img/menu/menu_hover.png") repeat-x;
}
a:hover#menu04
{
	background: url("img/menu/menu_hover.png") repeat-x;
}
a:hover#menu05
{
	background: url("img/menu/menu_hover.png") repeat-x;
}
a:hover#menu06
{
	background: url("img/menu/menu_hover.png") repeat-x;
}
a:hover#menu07
{
	background: url("img/menu/menu_hover.png") repeat-x;
}

/*** jquery.droppy.js 用CSS ***/
/* Basic code - don't modify */
#contents_menu_nav { display: block; margin: 0; padding: 0; position: relative; }
#contents_menu_nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#contents_menu_nav a { display: block; }
#contents_menu_nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
//* html #contents_menu_nav ul { line-height: 0; } /* IE6 "fix" */
#contents_menu_nav ul a { zoom: 1; } /* IE6/7 fix */
#contents_menu_nav ul li { float: none; }
#contents_menu_nav ul ul { top: 0; }

/* Essentials - configure this */
/* Everything else is theming */
#contents_menu_nav ul.submenu
{
	top: 37px;
	width: 120px;
}
#contents_menu_nav ul.submenu submenu li
{
	top: 42px;
	height: 33px;
}
#contents_menu_nav ul.submenu a
{
	background-color: #5E5A5A;
	border-bottom: solid 1px gray;
	color: white;
	height: 25px;
	width: 120px;
	opacity: 0.95;
	filter: alpha(opacity=95);
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
}
#contents_menu_nav ul.submenu li.hover a.hover
{
	background-color: #339900;
}

/* パンくずリスト */
#contents_breadcrumb_list
{
	background-color: #f3f3f3;
	padding: 2px 0 2px 10px; /* 上 右 下 左 */
}
#contents_breadcrumb_list span
{
	padding: 0 5px 0 5px; /* 上 右 下 左 */
}

/* 左コンテンツ */
#contents_left
{
	background-color: #fafff0;
	float: left;
	position: relative;
	width: 150px;
}

/* コンテンツタイトル */
#contents_title
{
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #90bb75;
	color: #ffffff;
	font: normal normal bold 123.1% sans-serif;
	float: left;
	text-align: center;
	overflow: hidden;
	padding: 22px 0 0 0; /* 上 右 下 左 */
	position: relative;
	width: 100%;
	height: 38px; /* 実質:60px */
}

/* 左コンテンツ内情報枠 */
.side_info
{
	border-radius: 5px;
	border: solid 1px #666666;
	display: inline; /* IE6 "fix" */
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	padding: 3px 3px 3px 3px; /* 上 右 下 左 */
	width: 136px; /* 150px */
}

/* 右コンテンツ */
#contents_right
{
	background-color: #ffffff;
	float: right;
	position: relative;
	width: 628px;
}

/* コンテンツイメージ */
#contents_image
{
	float: left;
	position: relative;
	width: 628px;
	height: 60px;
	overflow: hidden;
}

/* メインコンテンツ(コンテンツ右) */
#contents_main
{
	background-color: #ffffff;
	float: left;
	position: relative;
	padding: 0 9px 0 19px; /* 上 右 下 左 */
	width: 600px; /* 実質:628px */
}

/*===== 要素 =====*/
/* メニュー部 */
a
{
	color: #008060;
	text-decoration: none;
}
a:hover
{
	color: #e3442a;
}
a:active
{
	color: #e3442a;
}

strong
{
	color: #b22222;
}

p
{
	margin: 3px 0 3px 0; /* 上 右 下 左 */
	line-height: 130%;
}

img
{
	border-style: none;
}

input[type="button"]
{
	display: inline;
	padding: 3px 8px 3px 8px; /* 上 右 下 左 */
}

/*===== Class指定要素 =====*/
h1.large_classification
{
	background: url("img/page_caption_bk.png") no-repeat;
	font-size: 131%; /* 17px相当 */
	font-weight: bold;
	margin: 8px 0 0 -10px; /* 上 右 下 左 */
	padding: 8px 0 0 20px; /* 上 右 下 左 */
	width: 590px; /* 実質:610px */
	height: 37px; /* 実質:45px */
}
h2.middle_classification
{
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom: dotted 1px #666666;
	font-size: 123.1%; /* 16px相当 */
	font-weight: bold;
	margin: 10px 0 10px -5px; /* 上 右 下 左 */
	width: 605px;
}
h3.small_classification
{
	border-bottom-left-radius: 6px;
	background-repeat: no-repeat;
	background-position: right center;
	border-left: solid 5px #90bb75;
	border-bottom: solid 1px #90bb75;
	font-size: 116%; /* 15px相当 */
	font-weight: bold;
	margin: 5px 0 5px -2px; /* 上 右 下 左 */
	padding: 0 0 0 5px; /* 上 右 下 左 */
	width: 592px;
}

h2.line
{
	background-color: #fafff4;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	font-size: 123.1%; /* 16px相当 */
	font-weight: normal;
	margin: 10px 0 10px -5px; /* 上 右 下 左 */
	padding: 3px 0 0 10px; /* 上 右 下 左 */
	width: 595px;
}

/* ページの先頭に戻る */
div.category_link
{
	border-left: solid 5px #90bb75;
	border-bottom: solid 1px #90bb75;
	margin: -5px 0 5px -2px; /* 上 右 下 左 */
	padding: 0 10px 1px 0; /* 上 右 下 左 */
	text-align: right;
}

/* ページの先頭に戻る */
div.page_top
{
	margin: 3px 0 3px 0; /* 上 右 下 左 */
	clear: both;
}
div.page_top a
{
	display: block;
	text-align: right;
}

/* ページ目次リンク */
.page_link
{
	display: block;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0;
	padding: 3px 0 3px 0; /* 上 右 下 左 */
	width: 98%;
	text-align: center;
}
ul.page_link li
{
	border-right: solid 1px #b0c3bc;
	display: inline;
	* float: left; /* IE6 fix */
	list-style-type: none;
	padding: 0 4px 0 1px; /* 上 右 下 左 */
	white-space: nowrap;
}

/* 回り込み解除 */
div.clear {
	clear: both;
}
div.clear hr {
	display: none;
}

ul.square {
	margin: 3px 0 3px 1.5em; /* 上 右 下 左 */
}
ul.square li
{
	margin: 3px 0 3px 0; /* 上 右 下 左 */
	line-height: 130%;
	list-style-type: square;
}

ul.sitemap {
	margin: 3px 0 3px 1.5em; /* 上 右 下 左 */
}
ul.sitemap li
{
	margin: 3px 0 3px 0; /* 上 右 下 左 */
	line-height: 130%;
}

img.radius
{
	border-radius: 5px;
}

/*汎用レイアウト（テーブル）*/
table.table_contents
{
	border: solid 1px #b0c3bc;
	border-collapse: collapse;
	table-layout: auto;
	margin: 5px 3px 5px 0; /* 上 右 下 左 */
	width: 597px;
}
table.table_contents th
{
	background-color: #e4ffca;
	border: solid 1px #b0c3bc;
	border-collapse: collapse;
	color: #5b5b5b;
	font-weight: normal;
	padding: 2px 5px 2px 5px; /* 上 右 下 左 */
}
table.table_contents td
{
	border: solid 1px #b0c3bc;
	border-collapse: collapse;
	padding: 3px 5px 3px 5px; /* 上 右 下 左 */
}

/**/
table.table_products
{
	border: solid 1px #b0c3bc;
	border-collapse: collapse;
	table-layout: auto;
	margin: 5px 3px 5px 0; /* 上 右 下 左 */
	width: 597px;
}
table.table_products th
{
	background-color: #e4ffca;
	border: solid 1px #b0c3bc;
	border-collapse: collapse;
	color: #5b5b5b;
	font-weight: normal;
	text-align: center;
	padding: 2px 5px 2px 5px; /* 上 右 下 左 */
}
table.table_products td
{
	border: solid 1px #b0c3bc;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 5px 3px 5px; /* 上 右 下 左 */
}

/*===== =====*/
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.right_img
{
	float: right;
	border-radius: 5px;
}
.supplement
{
	color: #dc143c;
}