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

/***********************************************/
/* style.css                                   */
/* Use with template format_pc.dwt             */
/* Use with template format_mobile.dwt         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
	background-color: #EEEEEE;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.25em;
}

div {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

table {
	margin: 0px;
	padding: 0px;
}

em {
	font-style: normal;
	font-weight: normal;
}

strong {
	font-style: normal;
	font-weight: normal;
}

tr {
	margin: 0px;
	padding: 0px;
}

td {
	margin: 0px;
	padding: 0px;
}

hr {
	border: 1px solid #99CC00;
	clear: both;
	padding: 0px;
	margin: 0px;
}

iframe {
	margin: 0px;
	padding: 0px;
}

address {
	font-size: 0.75em;
	font-style: normal;
}

/******* hyperlink and anchor tag styles *******/

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color: #CC0033;
}

/************** header tag styles **************/

h1 {
	font-size: 1.375em;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 1.25em;
	color: #66CC66;
	border-left-width: 0.25em;
	border-left-style: solid;
	border-left-color: #66CC33;
	padding-top: 0.25em;
	padding-left: 0.5em;
}

h3 {
	font-size: 1.125em;
	color: #0066CC;
	font-weight: normal;
}

h4 {
	font-size: 1em;
	color: #FF6600;
	font-weight: normal;
}

h5 {
	font-size: 1em;
	color: #CC6600;
	font-weight: normal;
}

h6 {
	font-size: 1em;
	color: #996666;
	font-weight: normal;
}

/*************** list tag styles ***************/

dt {
	color: #FF3333;
	margin-bottom: 1em;
}

dd {
	color: #666666;
	margin-bottom: 1em;
}

/********* form and related tag styles *********/

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#page {
	background-image: url(../img/backpage.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border: none;
	width: 770px;
}

#page_nonmenu {
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border: none;
	width: 800px;
	background-color: #FFFFFF;
}

#header {
	background-image: url(../img/backheader.gif);
	width: 770px;
	height: 86px;
}

#header_nonmenu {
	background-image: url(../img/backheader.gif);
	width: 800px;
	height: 86px;
}

#content {
	width: 770px;
}

#content_nonmenu {
	width: 800px;
}

#menu {
	width: 150px;
	float: right;
	background-image: url(../img/backmenu.gif);
}

#globalNav {
	text-align: right;
}

#subglobalNav {
	text-align: center;
}

#subglobalNav img {
	margin-top: 10px;
}

#section {
	width: 610px;
	float: left;
	text-align: left;
}

#section_nonmenu {
	width: 800px;
}

#siteInfo {
	clear: both;
	width: 100%;
	text-align: left;
}

#relatedLinks {
	font-size: 0.875em;
	width: 600px;
	text-align: right;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-right: 5px;
	padding-left: 5px;
}

#copyright {
	width: 770px;
	background-color: #006600;
}

#copyright_nonmenu {
	width: 800px;
	background-color: #006600;
}

#advert {
	background-color: #EEEEEE;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/

/************** utility styles *****************/

.dimgray {
	color: #696969;
}

.gray {
	color: #808080;
}

.seagreen {
	color: #2E8B57;
}

.yellowgreen {
	color: #9ACD32;
}

.crimsin {
	color: #DC143C;
}

.fontsize075em {
	font-size: 0.75em;
}

.attention {
	color: #CC0000;
	font-size: 0.75em;
}

.linethrough {
	text-decoration: line-through;
}

.tableleft {
	width: 400px;
	padding: 5px;
}

.tableright {
	text-align: right;
	padding: 5px;
}

.floatleft {
	float: left;
}

.clearfloatleft {
	float: left;
	clear: both;
}

.floatright {
	float: right;
}

.clearfloatright {
	float: right;
	clear: both;
}

.textalignright {
	text-align: right;
}

.marginleft2em {
	margin-left: 2em;
}

.margin5px {
	margin: 5px;
}

.margin5pxfloatleft {
	float: left;
	margin: 5px;
}

.margin10px {
	margin: 10px;
}

.margin10pxfloatleft {
	float: left;
	margin: 10px;
}

.marginauto {
	margin: auto;
}

.margintop10px {
	margin-top: 10px;
}

.margintop20px {
	margin-top: 20px;
}

.margintop4em {
	margin-top: 4em;
}

.marginpadding0px {
	margin: 0px;
	padding: 0px;
}

.border1px {
	border: 1px solid #999999;
}

.hide {
	display: none;
}

/************** pageName styles ****************/

.logo {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

.tel {
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.title {
	margin: 5px;
}

/************* globalNav styles ****************/

#slidemenu {
	list-style:none;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 0px;
}

#slidemenu li {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 0px;
}

#slidemenu li.bottom {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 0px;
}

#slidemenu li a {
	display:block;
	text-decoration:none;
	width:100%;
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 0px;
}

#slidemenu li ul {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 0px;
	line-height: 0px;
}

#slidemenu li ul li {
	list-style:none;
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 0px;
}

/************ subglobalNav styles **************/

.onemonthkokkaku_banner {
	width: 90%;
}

.onemonth_banner {
	border: 1px solid #999999;
	height: 242px;
	width: 118px;
	float: left;
	background-color: #FFFF99;
	text-align: left;
}

.onemonth_banner p {
	font-size: 0.875em;
	margin: 0px 2px;
	line-height: 1.125em;
}

.kokkaku_banner {
	border: 1px solid #999999;
	height: 242px;
	width: 118px;
	background-color: #D0FDE6;
	float: right;
	text-align: left;
}

.kokkaku_banner p {
	font-size: 0.875em;
	margin: 0px 2px;
	line-height: 1.125em;
}

/*************** search styles *****************/

/************* breadCrumb styles ***************/

/************** feature styles *****************/

.whatsnewhr {
	border: 1px dashed #99FF66;
}

.whatsnew {
	background-image: url(../img/backnews.gif);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #669900;
	border-bottom-color: #669900;
}

.whatsnewlist {
	text-align: right;
	margin: 0px;
	padding: 5px 0px 0px;
	font-size: 0.875em;
}

.whatsnewdate {
	vertical-align: top;
	color: #666666;
	font-size: 0.875em;
	padding: 0px;
	margin: 0px;
}

.whatsnewrread {
	font-size: 0.875em;
	margin: 0px;
	padding: 0px 0px 10px;
}

.charge {
	border: 1px solid #999999;
	width: 580px;
	padding: 0.75em 10px;
}

.charge table {
	width: 580px;
	border: 1px solid #CCCCCC;
	margin-bottom: 1em;
}

.chargeleft {
	width: 400px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 6px 5px;
	color: #696969;
}

.chargeleftnext {
	width: 400px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 6px 5px;
	color: #696969;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.chargeright {
	text-align: right;
	color: #DC143C;
	padding: 6px 5px;
}

.chargerightnext {
	text-align: right;
	color: #DC143C;
	padding: 6px 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.chargeread {
	color: #808080;
	padding-bottom: 15px;
}

.column {
	border: 1px solid #999999;
	padding: 5px;
	list-style-image: url(../img/pdficon_small.gif);
	color: #666666;
	width: 588px;
}

.columnnonlist {
	list-style-image: none;
}

.columnunder {
	border-top: 1px solid #999999;
	text-align: center;
	padding-top: 5px;
}

.columnunder img {
	margin-right: 25px;
	margin-left: 25px;
}

.infosociety {
	width: 560px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	background-color: #FFCC66;
	padding: 5px 20px;
}

.form {
	background-color: #99CC00;
	width: 100%;
	color: #333333;
	font-size: 0.875em;
}

.formleft {
	background-color: #EAFE9A;
	width: 30%;
	padding: 5px;
}

.formright {
	background-color: #FFFFEE;
	width: 70%;
	padding: 5px;
}

.formmerge {
	background-color: #FFFFEE;
	text-align: center;
	padding: 5px;
}

.formbutton {
	background-color: #FFFFEE;
	text-align: center;
	padding: 5px;
	border: 1px solid #99CC00;
}

.form p {
	margin: 0px;
	padding: 0px;
}

.formsymptomtop {
	clear: left;
	width: 100px;
	float: left;
}

.formsymptom {
	float: left;
	width: 100px;
}

/*************** story styles ******************/

.story {
	width: 600px;
	clear: both;
	margin-bottom: 2em;
	padding-right: 5px;
	padding-left: 5px;
}

.twocolsset {
	clear: both;
	width: 100%;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}

.leftcol {
	float: left;
	width: 290px;
}

.leftcolcenter {
	float: left;
	width: 290px;
	text-align: center;
}

.leftcol390 {
	float: left;
	width: 390px;
}

.leftcol390center {
	float: left;
	width: 390px;
	text-align: center;
}

.leftcol190 {
	float: left;
	width: 190px;
}

.leftcol190center {
	float: left;
	width: 190px;
	text-align: center;
}

.rightcol {
	float: right;
	width: 290px;
}

.rightcolcenter {
	float: right;
	width: 290px;
	text-align: center;
}

.rightcol390 {
	float: right;
	width: 190px;
}

.rightcol390center {
	float: right;
	width: 190px;
	text-align: center;
}

.rightcol190 {
	float: right;
	width: 390px;
}

.rightcol190center {
	float: right;
	width: 390px;
	text-align: center;
}

.clearcol {
	clear: both;
	width: 100%;
}

.cleargotop {
	font-size: 0.75em;
	clear: both;
	width: 100%;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

.getadobereader {
	float: left;
	width: 137px;
}

.getadobereaderread {
	font-size: 0.75em;
}

/************** siteInfo styles ****************/

/************ sectionLinks styles **************/

/************* relatedLinks styles **************/

.link {
	color: #CC6600;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}

.linkread {
	font-size: 0.875em;
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.linkskip {
	text-align: center;
	margin: 2em;
}

.linkmobile {
	color: #666666;
	font-size: 0.75em;
	text-align: right;
}

/**************** advert styles *****************/


#ad {
	width: 600px;
	clear: both;
	margin-bottom: 2em;
	padding-right: 5px;
	padding-left: 5px;
}

.adtop {
	border-top: 1px solid #999999;
	text-align: center;
	padding-top: 5px;
}

#AdSenseLinks {
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	margin-right: auto;
	margin-left: auto;
}

#AssociatesBanner {
	text-align: center;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	margin-right: auto;
	margin-left: auto;
}

#copyright address {
	color: #FFFFFF;
	padding: 0.5em;
}

#copyright_nonmenu address {
	color: #FFFFFF;
	padding: 0.5em;
}

#advert address {
	padding-top: 1em;
	padding-bottom: 1em;
}

#advert p {
	color: #666666;
	margin: 0px;
	padding: 0px;
}

#advert img {
	margin-top: 0.5em;
}

/********************* end **********************/