@charset "UTF-8";

/* -------------------------------------------------------
  Default Fonts & Reset Sheet
  Last Update 2009-10-14 Eigi Kobayashi

  01. YUI Fonts CSS
  02. YUI Reset CSS
    02-01. common
    02-02. table
    02-03. form

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

/* -------------------------------------------------------
  01. YUI Fonts CSS
  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  http://developer.yahoo.com/yui/license.html

  10px = 77%
  11px = 85%
  12px = 93%
  13px = 100%
  14px = 108%
  15px = 116%
  16px = 123.1%
  17px = 131%
  18px = 138.5%
  19px = 146.5%
  20px = 153.9%
  21px = 161.6%
  22px = 167%
  23px = 174%
  24px = 182%
  25px = 189%
  26px = 197%

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

/* -------------------------------------------------------
  02. YUI Reset CSS
  Copyright (c) 2008, Yahoo! Inc. All rights reserved.
  http://developer.yahoo.com/yui/license.html
------------------------------------------------------- */

/*  02-01. common
------------------------------------------------------- */
body,
div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
span, applet, object, iframe,
p, pre, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
form, fieldset, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}



fieldset, img, a img{
	border: 0;
}

img {
	vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

code, kbd, pre, samp, tt {
	font-family: monospace;
	line-height: 100%;
}

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr, acronym {
	border: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

:focus {
	outline: 0;
}


/*  02-02. table
    tables still need 'cellspacing="0"' in the markup
    http://meyerweb.com/
------------------------------------------------------- */
table {
	margin: 0;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size:inherit;
	font:100%;
}

caption {
	text-align: left;
}

tr,
th,
td {
	border: 0;
	padding: 0;
	line-height: 1;
}

th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

td {
	vertical-align: top;
}


/*  02-03. form
------------------------------------------------------- */
button, fieldset, form, input, label, legend, select, textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

fieldset {
	border: 0;
}

	/* for IE5~7 */
	input {
		_margin: -1px 0;
	}




/* -------------------------------------------------------
  Base style Sheet
  Last Update 2010-02-25 Eigi Kobayashi

  01. html
  02. body
  03. a
  04. form
  05. h
  06. list
  07. table
  08. other

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

/* -------------------------------------------------------
  01. html
------------------------------------------------------- */
html {
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	color: #000000;
}

/* -------------------------------------------------------
  02. body
------------------------------------------------------- */
body {
	width: 100%;
	height: 100%;
	color: #000000;
	line-height: 1;
	font-style: normal;
	background: #FFFFFF;
}

body {
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

	/* for IE7 */
	*+html body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック";
	}

	/* for IE6 */
	* html body {
	font-family: "ＭＳ Ｐゴシック";
	}


/* -------------------------------------------------------
  03. a
------------------------------------------------------- */
a {
	cursor: pointer;
	text-decoration: none;
	outline: none;
	overflow: hidden;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	text-decoration: underline;
}


/* -------------------------------------------------------
  04. form
------------------------------------------------------- */
fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 0 1em 1em 1em;
}

legend {
	background: #FFFFFF;
	padding: 0.3em;
}

input, textarea {
	line-height: 1.4;
	padding: 0.2em;
	vertical-align: middle;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align: text-bottom;
	margin-right: 5px;
}

input[type="submit"] {
	padding: 0.1em;
}

select {
	padding: 0;
}

	/* for IE6 */
	* html input {
	padding: 0.2em;
	margin-bottom: 1px;
	}

	* html input.checkbox,
	* html input.radio {
	vertical-align: -0.3em;
	}

	* html input.submit {
	line-height: 1.4;
	padding-top: 0.1em;
	}

	* html select {
	vertical-align: -0.2em;
	}

	/* for IE7 */
	*+html input {
	padding: 0.2em;
	}

	*+html input.submit {
	line-height: 1.2;
	padding-top: 0.2em;
	}

	*+html select {
	vertical-align: -0.2em;
	}

	/* for Safari3 */
	html:not(:only-child:only-child) input {
	padding: 0;
	vertical-align: baseline;
	}

	html:not(:only-child:only-child) input[type="checkbox"],
	html:not(:only-child:only-child) input[type="radio"] {
	vertical-align: baseline;
	}

	html:not(:only-child:only-child) select {
	vertical-align: 0.1em;
	}

.solid1 {
	width: 440px;
}
.solid2 {
	width: 440px;
}
.print-btn {
	float:right;
	margin-bottom:10px;
}

/* -------------------------------------------------------
  05. h
------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}


/* -------------------------------------------------------
  06. list
------------------------------------------------------- */
ol, ul {
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}

dl {
	margin: 0;
}

ol li {
	list-style: decimal outside;
}

ul li {
	list-style: none;
}

dl dd, ol li, ul li {
	margin-bottom: 0;
}


/* -------------------------------------------------------
  07. table
------------------------------------------------------- */
table {
	width: 100%;
	font-size: 100%;
}

td {
}
th {
}


/* -------------------------------------------------------
  08. other
------------------------------------------------------- */
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

blockquote {
	margin: 1em;
}

caption {
	margin-bottom: 0.5em;
	text-align: center;
}

em, strong {
	font-weight: bold;
}

p {
	margin-bottom: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}



/* -------------------------------------------------------
  Structure layout Style Sheet
  Last Update 2009-12-20 SOY Eigi

  01. common
    01. body
    02. div#wrapper
    03. div#headerWrapper
    04. div#container
    05. div#contentContainer
    06. div#footerWrapper

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

/* @group 01. Base */

/* 01. body
------------------------------------------------------- */
body {
	text-align: center;
}


/*  02. div#wrapper
------------------------------------------------------- */
div#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

	/* for Firefox */
	html>body div#wrapper {
		height: auto;
		min-height: 100%;
	}


/*  03. div#header-wrapper
------------------------------------------------------- */
div#header-wrapper {
	width: 100%;
	height: 121px;
	background-image: url("img/header_wrapper-bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

/* div#header */
div#header {
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 118px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	background-image: url("img/header-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
	* html body div#header {
		width: 940px;
	}


/*  03. div#nav-wrapper
------------------------------------------------------- */
div#nav-wrapper {
	width: 100%;
	height: 51px;
	background-image: url("img/nav_wrapper-bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
 	background-color: #f2f2f2;
 }

div#nav-wrapper div.nav-area {
	margin: 0 auto;
	width: 939px;
	height: 50px;
	padding-right:1px;
	background-image: url("img/navG-ul-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
	* html body div#nav-wrapper div.nav-area {
		width: 940px;
	}


/*  04. div#container-wrapper
------------------------------------------------------- */
div#container-wrapper {
	width: 100%;
	background: #816452 url(img/container_wrapper-bg.gif) repeat-x top;
}

/* div#container */
div#container {
	margin: 0 auto;
	width: 900px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	background-color: #ffffff;
}
	* html body div#container {
		width: 940px;
	}


/*  05. div#topicPath
------------------------------------------------------- */
div#topicPath {
	position: relative;
}

div#topicPath ul {
	padding-bottom: 15px;
	font-size: 85%;
}

div#topicPath li {
	display: inline;
}
div#topicPath li {
	margin-left: 7px;
	padding-left: 11px;
	font-weight: bold;
	background-image: url("img/topic_path-li-bg.gif");
	background-position: 0;
	background-repeat: no-repeat;
}
div#topicPath li a {
	font-weight: normal;
}


/*  06. div.impression
------------------------------------------------------- */

div.impression {
	margin-bottom: 20px;
}

/*  05. div#contentContainer
------------------------------------------------------- */
div#contentContainer {
	position: relative;
	margin-bottom: 43px;
}

/* div#content */
div#content {
	position: relative;
}

/* div.contentM */
div.contentM {
	position: relative;
	float: right;
	width: 700px;
	padding-top: 6px;
	text-align:left;
}

/* div#contentS */
div#contentS {
	position: relative;
	float: left;
	width: 180px;
	padding-top: 6px;
}


/*  06. div#footerWrapper
------------------------------------------------------- */
div#footerWrapper {
	width: 100%;
	border-bottom: 2px solid #e5e5e5;
	background-image: url("img/footer_wrapper-bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

/* div#footer */
div#footer {
	position: relative;
	margin: 0 auto;
	width: 940px;
	text-align: left;
	background-image: url("img/footer-bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
}
	* html div#footer {
		width: 940px;
	}


/* @end */


div.grid-1,
div.block {
		margin-bottom: 10px;
		margin-right:20px;
		margin-left:20px;
		width:660px;
		clear:both;
}







/* -------------------------------------------------------
  Clearfix style Sheet
  Last Update 2010-2-17 SOY Eigi

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


/*  common  ------------------------------------------- */

div.contentM div.p,
div.contentM div.page-element,
div.contentM a span.p-element,
div.contentM a span.l-element,
body.list div.panel-area ul li ol,
div.panel-area ul,
div.img2-text-area,
div.img-text-area,
div.text-img-area,
ul.navF,
div.topics div.grid-3-2 ul li,
div.topics,
div#footer div.inner,
div#footer,
div#header,
ul#navM,
ul#navG,
div.contentM,
div#contentContainer,
div#container {
	overflow: hidden;
}
	/* for IE */

	* html div.contentM div.p,
	* html div.contentM div.page-element,
	* html div.contentM a span.p-element,
	* html div.contentM a span.l-element,
	* html body.list div.panel-area ul li ol,
	* html div.panel-area ul,
	* html div.img2-text-area,
	* html div.img-text-area,
	* html div.text-img-area,
	* html ul.navF,
	* html div.topics div.grid-3-2 ul li,
	* html div.topics,
	* html div#footer div.inner,
	* html div#footer,
	* html div#header,
	* html ul#navM,
	* html ul#navG,
	* html div.contentM,
	* html div#contentContainer,
	* html div#container {
		zoom: 1;
	}








/* -------------------------------------------------------
  Component style Sheet
  Last Update 2009-12-20 SOY Eigi

  01. header
  02. navi
    02-01. ul#navG
    02-02. ul.navL
    02-03. ul.navF
  03. form
    03-01. input
    03-02. select
    03-03. textarea
  04. footer
    04-01. footer
  05. list
    05-01. #newsArea
    05-02. #voiceArea
    05-03. .category3
    05-04. .category4
  06. h
    06-01. div.contentM h1
    06-02. div.contentM h2

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

/* @group 01. header */
div#header div.lead-area {
	position: absolute;
	top: 23px;
	font-size: 85%;
	height: 15px;
	line-height: normal;
}
/* div.logo-area */
div#header div.logo-area {
	position: absolute;
	top: 38px;
	width:300px;
	height:80px;
}

div#header div.logo-area img {

}

/* div.contact-area */
div#header div.contact-area {
	position: absolute;
	top: 38px;
	left: 340px;
	width:580px;
	height:80px;
}
div#header div.contact-area img {

}

/* div.support-area */
div#header div.support-area {
	position: absolute;
	top: 8px;
	left: 644px;
	width: 276px;
	height: 22px;
}
div#header div.support-area img {

}
div#header div.support-area img.rss {
	position: absolute;
	top: 1px;
	left: 26px;
}
div#header div.support-area img.text-minus {
	position: absolute;
	top: 1px;
	left: 76px;
}
div#header div.support-area img.text-plus {
	position: absolute;
	top: 1px;
	left: 97px;
}
div#header div.support-area input.search {
	position: absolute;
	top: 2px;
	left: 256px;
	padding:0;
}

div#header div.support-area input#search-input {
	position: absolute;
	top: 2px;
	left: 165px;
	width: 86px;
	height: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 77%;
}


/* @end */


/* @group 02. navi */

/*  02-01. ul#navG
------------------------------------------------------- */
ul#navG {
}

ul#navG li {
	display: inline;
	float: left;
	height: 50px;
}
ul#navG li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	background-position: top left;
	background-repeat: no-repeat;
}

ul#navG li a span {
	display: block;
	height: 50px;
	background-image: url("img/navG-li-p-bg.gif");
	background-position: top right;
	background-repeat: no-repeat;
}
ul#navG li a:hover span {
	background-image: url("img/navG-li-p-bg_on.gif");
	background-position: top right;
	background-repeat: no-repeat;
}



/*  02-02. ul.navL
------------------------------------------------------- */

ul.navL {
	margin-bottom: 30px;
	padding-bottom: 6px;
	border-top: 1px solid #b7b7b7;
	background-image: url("img/navL-bg.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
}

ul.navL li {
	border-bottom: 1px solid #b7b7b7;
}

.level0,
.level1,
.level0-stay,
.level1-stay,
.level1-stay-open,
.level1-open {
	font-size: 93%;
	line-height: 1.5;
}
.level2,
.level2-stay {
	font-size: 85%;
	line-height: 1.5;
}
.level0-stay,
.level1-stay,
.level1-stay-open,
.level1-open,
.level2-stay {
	font-weight: bold;
}

ul.navL li a {
	background-position: left top;
	background-repeat: no-repeat;
}
	*+html body ul.navL li a {
		line-height: normal;
	}

ul.navL li.level0 a,
ul.navL li.level0-stay a,
ul.navL li.level1 a,
ul.navL li.level1-stay a,
ul.navL li.level1-stay-open a,
ul.navL li.level1-open a {
	display: block;
	width: 145px;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 10px;
}

ul.navL li.level0 a,
ul.navL li.level1 a {
	background-image: url("img/navL-li-2-bg.gif");
}
ul.navL li.level0-stay a,
ul.navL li.level1-stay a {
	color: #FFFFFF;
	background-image: url("img/navL-li-2_cr-bg.gif");
}
ul.navL li.level1-stay-open a {
	color: #FFFFFF;
	background-image: url("img/navL-li-2_3_cr01-bg.gif");
}
ul.navL li.level1-open a {
	color: #32040C;
	background-image: url("img/navL-li-2_3_cr02-bg.gif");
}
	* html body ul.navL li.level0 a,
	* html body ul.navL li.level0-stay a,
	* html body ul.navL li.level1 a,
	* html body ul.navL li.level1-stay a,
	* html body ul.navL li.level1-stay-open a,
	* html body ul.navL li.level1-open a,
	* html body ul.navL li.level2 a,
	* html body ul.navL li.level2-stay a {
		width: 180px;
	}

ul.navL li.level0 a:hover,
ul.navL li.level1 a:hover,
ul.navL li.level0-stay a:hover,
ul.navL li.level1-stay a:hover,
ul.navL li.level1-stay-open a:hover,
ul.navL li.level1-open a:hover {
	text-decoration: none;
	font-weight: bold;
}
ul.navL li.level0 a:hover,
ul.navL li.level1 a:hover,
ul.navL li.level1-open a:hover {
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("img/navL-li-2_cr-bg.gif");
}


ul.navL li.level2 a,
ul.navL li.level2-stay a {
	display: block;
	width: 133px;
	padding-left: 37px;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-right: 10px;
}
ul.navL li.level2 a {
	background-image: url("img/navL-li-3-bg.gif");
}
ul.navL li.level2-stay a {
	color: #FFFFFF;
	background-image: url("img/navL-li-3_cr-bg.gif");
}

ul.navL li.level2 a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-image: url("img/navL-li-3_cr-bg.gif");
}
ul.navL li.level2-stay a:hover {
	font-weight: bold;
	text-decoration: none;
}

/*  02-02. ul#navM
------------------------------------------------------- */


/*  02-02. ul.navF01
------------------------------------------------------- */
ul.navF {
	padding-top: 20px;
	padding-bottom: 10px;
	background-image: url("img/navF-ul-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

ul.navF li {
	margin-bottom: 10px;
	margin-left: 15px;
}
ul.navF li a {
	font-size: 93%;
	padding-left: 15px;
	background-image: url("img/li-bg-gray_right.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
}
ul.navF li a:hover {
	background-image: url("img/li-bg-red_right.gif");
}

/* ul.link-area */
ul.link-area {
	margin-bottom: 30px;
}

ul.link-area li {
	margin-bottom: 12px;
}


ul.link-area li a:hover,
div.banner-area li.text a:hover {
	background-image: url("img/li-bg-red_right.gif");
}

/* div.banner-area */
div.banner-area {
	margin-bottom: 29px;
	width:180px;
	overflow:hidden;
}
div.banner-area div {
	margin-bottom:10px;
}
div.banner-area div.text a {
	font-size: 93%;
	line-height:120%;
	padding-left: 15px;
	background-image: url("img/li-bg-gray_right.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	display:block;
}
div.banner-area div.textbox {
	background-color:#F8F8F8;
	border:1px solid #E0E0E0;
	padding:5px;
}
div.banner-area div.blogparts {
}



/* @end */


/* @group 03. form */



/* @end */


/* @group 03. contentS */
div#contentS div.nav-area {
	background-image: url("img/contentS-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}

/* @end */


/* @group 03. contentM */
div.contentM div.column {
	width: 700px;
	background-image: url("img/column-middle.gif");
	background-position: top left;
	background-repeat: repeat-y;
}
div.contentM div.column div.inner {
	background-image: url("img/column-top.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 20px;
}
div.contentM div.column div.inner div.element {
	background-image: url("img/column-bottom.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}


/* @end */


/* @group 04. footer */

/*  04-01. div#footer
------------------------------------------------------- */
/* div.inner */
div#footer div.inner {
	margin-top: 22px;
	padding-left: 8px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

div#footer div.inner div.leftArea {
	float: left;
	width: 400px;
}
div#footer div.inner div.leftArea img {
	margin-top: 20px;
	margin-bottom: 17px;
}
div#footer div.inner div.leftArea p {
	font-size: 77%;
	line-height: 1.6;
}
div#footer div.inner div.leftArea address {
	margin-bottom: 17px;
	font-size: 77%;
	line-height: 1.6;
}

div#footer div.inner div.rightArea {
	float: right;
	width: 289px;
	text-align: right;
}

div#footer div.pagetop-anchor {
	position: absolute;
	top: 0;
	right: 12px;
	width: 94px;
	height: 17px;
	font-size:0px;
	line-height:0px;
}


/* @end */


/* @group 06. text */

/* .contentM h1 */
div.contentM h1 {
	margin-bottom: 10px;
}

div.contentM h2 {
	min-height: 23px;
	font-size: 138.5%;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 15px;
	margin-bottom: 13px;
	background-image: url("img/h2-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
	* html body div.contentM h2 {
		height: 30px;
	}
div.contentM h2 a {
	border-bottom: 1px dotted #B3490E;
}
	*+html body div.contentM h2 a {
		zoom: 1;
	}
div.contentM h2 a:hover {
	color: #32040C;
	text-decoration: none;
	border-bottom: none;
}

div.contentM h3 {
	min-height: 18px;
	font-size: 123.1%;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 15px;
	margin-bottom: 10px;
	background-image: url("img/h3-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
	* html body div.contentM h3 {
		height: 24px;
	}
div.contentM h4 {
	min-height: 18px;
	font-size: 108%;
	font-weight: bold;
	padding-top: 6px;
	padding-left: 15px;
	margin-bottom: 8px;
	background-image: url("img/h4-bg.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
	* html body div.contentM h4 {
		height: 24px;
	}

div.contentM p {
	margin-bottom: 15px;
	line-height: 1.7;
}

div.contentM p a {
	color: #B3490E;
	border-bottom: 1px dotted #B3490E;
}
div.contentM p a:hover {
	text-decoration: none;
	border-bottom: none;
}
div.contentM img.left {
	float:left;
	margin-right:10px;
}
.clear {
	clear:both;
}

/* @end */


/* @group 07. list */
/* ul.list */
.column ul {
	margin-bottom: 25px;
}
.column ul li {
	margin-bottom: 10px;
	padding-left: 15px;
	zoom: 1;
	background-image: url("img/list-li-bg.gif");
	background-position: left 3px;
	background-repeat: no-repeat;
}
.column ul ul {
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
}
.column ul li li {
	padding-left: 0;
	list-style-type: circle;
	background-image: none;
}

/* @end */


/* @group 08. table */
/* .table */
.contentM table {
	margin-bottom: 40px;
}
.contentM table thead tr th {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	line-height: 1.6;
	font-size: 93%;
	font-weight: bold;
	background-image: url("img/th-bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #F5F5F5;
}

.contentM table tbody tr th {
	width: 114px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
	line-height: 1.6;
	font-size: 93%;
	font-weight: bold;
	background-image: url("img/th-bg.gif");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #F5F5F5;
}
.contentM table tbody tr td {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	line-height: 1.6;
	font-size: 93%;
	border: 1px solid #CCCCCC;
}

/* .form */
table.form {
	margin-bottom: 40px;
	border-top: 3px solid #CCCCCC;
}
table.form tbody tr th,
table.form tbody tr td {
	background-image:none;
	background-color:transparent;
	border-left:0px none transparent;
	border-right:0px none transparent;
}
table.form tbody tr th {
	width: 204px;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 93%;
	font-weight: bold;
}
table.form tbody tr td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
}
table.form tbody tr input.form-error,
table.form tbody tr textarea.form-error {
	background-color:#FFEEEE;
	border:1px solid #7E9DB9;
}
table.form tbody tr .select.error,
table.form tbody tr .radio.error {
	background-color:#FFEEEE;
	padding:2px;
}
table.form tbody tr td div.error-message {
	margin-top: 10px;
	font-size: 85%;
	font-weight: bold;
	color: #cc0000;
}
table.form tfoot tr td {
	padding-top: 10px;
	padding-bottom: 12px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}
table.form tfoot .formcenter {
	float:left;
	position: relative;
	left: 50%;
}
table.form tfoot form {
	float:left;
	position: relative;
	left: -50%;
}
table.form span.comment {
	display:block;
	background-color:#EEEEEE;
	padding:2px;
	margin:3px 0;
	color:#666666;
	font-size:90%;
}
table.form span.required {
	color:#CC0000;
	font-size:80%;
}

/* .information */
table.information {
	margin-bottom: 10px;
	border-top: 3px solid #CCCCCC;
}
table.information tbody tr th {
	width: 124px;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 93%;
	font-weight: bold;
	border-left:0px none transparent;
	border-right: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	background-image:none;
}
table.information tbody tr td {
	font-size: 93%;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-right:0px none transparent;
}
table.information tbody tr td.new {
	padding-left: 30px;
	background-image: url("img/td-new.gif");
	background-position: 0;
	background-repeat: no-repeat;
}
table.information tbody tr td a {
	padding-left: 15px;
	background-image: url("img/li-bg-gray_right.gif");
	background-position: 0;
	background-repeat: no-repeat;
}
table.information tbody tr td a:hover {
	text-decoration: underline;
	background-image: url("img/li-bg-red_right.gif");
}


/* @end */


/* @group 09. parts */

.left {
	float: left;
}
.right {
	float: right;
}

.t-left {
	text-align: left;
}
.t-center {
	text-align: center;
}
.t-center img.center {
	margin-bottom:15px;
}
.t-right {
	text-align: right;
}

/* .p-column .l-column */
div.contentM span.p-column,
div.contentM span.l-column {
	display: block;
	margin-bottom: 10px;
	width: 660px;
	background-image: url("img/p-bottom.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}
div.contentM span.p-column span.p-inner,
div.contentM span.l-column span.l-inner {
	display: block;
	background-image: url("img/p-top.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 15px;
}
div.contentM span.p-column span.p-inner span.p-element,
div.contentM span.l-column span.l-inner span.l-element {
	display: block;
	background-image: url("img/p-middle.gif");
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 15px;
	padding-right: 15px;
}
div.contentM span.p-column em,
div.contentM span.l-column em {
	padding-left: 16px;
	background-image: url("img/p-em-bg.gif");
	background-position: 0;
	background-repeat: no-repeat;
	font-size: 120%;
}
div.contentM a span.p-column em,
div.contentM a span.l-column em {
	border-bottom: 1px dotted #32040C;
}
div.contentM a:hover span.p-column em,
div.contentM a:hover span.l-column em {
	color: #000000;
	border-bottom: 1px dotted transparent;
}
div.contentM a:hover span.p-column,
div.contentM a:hover span.l-column {
	background-image: url("img/p-bottom_on.gif");
}
div.contentM a:hover span.p-column span.p-inner,
div.contentM a:hover span.l-column span.l-inner {
	background-image: url("img/p-top_on.gif");
}
div.contentM a:hover span.p-column span.p-inner span.p-element,
div.contentM a:hover span.l-column span.l-inner span.l-element {
	background-image: url("img/p-middle_on.gif");
}

div.contentM span.p-column span.p-inner span.p-element span,
div.contentM span.l-column span.l-inner span.l-element span {
	line-height: 1.7;
}
div.contentM span.p-column a,
div.contentM span.l-column a {
	color: #665458;
}
div.contentM span.p-column a:hover,
div.contentM span.l-column a:hover {
	color: #32040C;
}
div.contentM span.p-column img.left,
div.contentM span.l-column img.left {
	margin-right: 20px;
	margin-bottom: 10px;
}
div.contentM .p-element span.clear,
div.contentM .l-element span.clear {
	display:block;
}

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

/* .banner */
div.banner {
	margin-bottom:15px;
}

/* .p */
div.contentM div.p img.left {
	margin-right: 20px;
	margin-bottom: 10px;
}
div.contentM div.p img.right {
	margin-left: 20px;
	margin-bottom: 10px;
}


/* .panel-area */
div.panel-area {

}

div.panel-area ul {
	margin-left: -15px;
}
div.panel-area ul li {
	display: inline;
	float: left;
	margin-left: 15px;
	padding-bottom: 15px;
}


/* .panel-area */
div.more {
	text-align: right;
}
div.more span {
}
div.more span a {
	font-size: 77%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: url("img/li-bg-gray_right.gif");
	background-position: 0;
	background-repeat: no-repeat;
}
div.more span a:hover {
	text-decoration: underline;
	background-image: url("img/li-bg-red_right.gif");
}


/* .page-column */
div.contentM div.page-column {
	margin-bottom: 20px;
	width: 660px;
	background-image: url("img/page-bottom.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 5px;
}
div.contentM div.page-column div.page-inner {
	background-image: url("img/page-top.gif");
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
}
div.contentM div.page-column div.page-inner div.page-element {
	background-image: url("img/page-middle.gif");
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
}

div.page-element div a.button {
	margin: 0;
	padding: 4px 5px 3px 5px;
	background: #FFFFFF url("img/page-span-bg.gif") left bottom repeat-x;
	text-decoration: none;
	border: 1px #CCCCCC solid;
	font-size: 77%;
	font-weight: bold;
	color: #000000;
	line-height: 240%;
	*line-height: 220%;
	_line-height: 200%;
}
div.page-element div a:hover.button {
	border-color: #32040C;
	background-color: #32040C;
	background-image: none;
	color: #FFFFFF;
}
div.page-element div span.current {
	margin: 0;
	padding: 4px 5px 3px 5px;
	border-color: #32040C;
	background-color: #32040C;
	background-image: none;
	color: #FFFFFF;
	font-size: 77%;
	font-weight: bold;
	border: 1px #32040C solid;
	line-height: 200%;
	*line-height: 200%;
	_line-height: 200%;
}

div.page-element div span.rewind-arrow {
	color: #B2B2B2;
	margin-right: 10px;
	font-size: 77%;
	font-weight: bold;
}
div.page-element div span.dis-rewind-arrow {
	padding-right: 16px;
	background-image: url("img/li-bg-gray_clear_left.gif");
	background-position: right;
	background-repeat: no-repeat;
	color: #B2B2B2;
	margin-right: 10px;
	font-size: 77%;
	font-weight: bold;
}
div.page-element div span.forward-arrow {
	color: #B2B2B2;
	margin-left: 10px;
	font-size: 77%;
	font-weight: bold;
}
div.page-element div span.dis-forward-arrow {
	padding-left: 16px;
	background-image: url("img/li-bg-gray_clear_right.gif");
	background-position: left;
	background-repeat: no-repeat;
	color: #B2B2B2;
	margin-left: 10px;
	font-size: 77%;
	font-weight: bold;
}
div.page-element div span.rewind-arrow a {
	padding-right: 16px;
	color: #000000;
	background-image: url("img/li-bg-gray_left.gif");
	background-position: right;
	background-repeat: no-repeat;
}
div.page-element div span.forward-arrow a {
	padding-left: 16px;
	color: #000000;
	background-image: url("img/li-bg-gray_right.gif");
	background-position: left;
	background-repeat: no-repeat;
}

div.page-element div span.forward-arrow a:hover,
div.page-element div span.rewind-arrow a:hover {
	text-decoration: underline;
}
div.page-element div span.forward-arrow a:hover {
	background-image: url("img/li-bg-red_right.gif");
}
div.page-element div span.rewind-arrow a:hover {
	background-image: url("img/li-bg-red_left.gif");
}


/* .sitemap */
#sitemap-left {
	float:left;
	width:320px;
}
#sitemap-right {
	float:right;
	width:320px;
}


/* .slide-show */
.slide-show div {
	width:190px;
	height:190px;
	float: left;
	margin:15px;
}

/* .map */
.map {
	width:660px;
	height:400px;
	margin-bottom: 15px;
}


/* @end */


.w80 {
	width:80px;
}
.w220 {
	width:220px;
}
.w440 {
	width:440px;
}



/* -------------------------------------------------------
  IE hack
  Last Update 2009-11-27 SOY Eigi

  01. IE
  02. Firefox
  03. safari

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

/* @group 01. IE */

/*  IE6
------------------------------------------------------- */

* html body div.contentM div.column div.inner div.element,
* html body div.contentM,
* html body div#contentS,
* html body ul#navG li,
* html body ul#navG {
	zoom: 1;
}

* html body ul.navL li a {
	line-height: normal;
}


/*  IE7
------------------------------------------------------- */
*+html body div.contentM div.column div.inner div.element,
*+html body ul#navG li,
*+html body ul#navG {
	zoom: 1;
}

*+html body div.navL ul.text li a {
	line-height: normal;
}


/* @end */

.subgroup h2{
	display:inline;
}