/*おまじない*/
*					{ margin: 0; padding: 0;}

/*共通*/
body				{ width: 768px; margin: 0 auto; padding: 0; color: #333333; font-size: small;}
h1					{ color: #003366; font-size: small; font-weight: normal;}
h2.top				{ margin-left: 320px; padding-top: 16px; font-family: serif; font-weight: normal;}
h2.header			{ margin-left: 0; padding-top: 16px; font-family: serif; font-weight: normal;}
h3					{ width: 408px; height: 24px; margin-top: 24px; margin-left: 16px; padding: 8px 16px 8px 24px; color: #003366; font-size: 16px; background-image: url(../images/bg_subject.gif); background-repeat: no-repeat;}
h4					{ color: #666666; font-size: medium;}
h4.sub				{ font-size: small;}
h5					{ margin: 1.0em 0 0.5em 0; padding: 6px 4px 2px 8px; color: #ffffff; background-color: #336699;}
h6					{ margin: 4px 8px; padding: 0; font-size: small; font-weight: normal;}

img					{ border: 0;}

.center				{ text-align: center;}
.left				{ text-align: left; margin-left: 16px;}
.right				{ text-align: right; margin-right: 16px;}
.middle				{ vertical-align: middle;}
.top				{ vertical-align: top;}
.bottom				{ vertical-align: bottom;}
.clear				{ clear: both;}
.num				{ ime-mode: disabled;}
.red				{ color: #ff0000;}
.blugrn				{ color: #006666;}
.indent				{ padding-left: 1.0em; text-indent: -1.0em;}
.indent_spc			{ text-indent: 1.0em;}

input.btn			{ width: 128px; height: 24px;}

.disc				{ list-style-type: disc;}
.circle				{ list-style-type: circle;}
.katakana			{ list-style-type: katakana;}
.katakana-iroha		{ list-style-type: katakana-iroha;}

/*構成*/
/*div	{ border: solid 1px #ff0000;}*/

div#body			{ width: 768px; margin: 0 auto; padding: 0; border-top: solid 8px #006699; border-bottom: solid 8px #006699; border-left: solid 1px #99CCCC; border-right: solid 1px #99CCCC;}

div#keywords		{ width: 736; margin: 0 auto; padding: 2px 16px;}
	div#keywords strong	{ margin-right: 1.0em;}
	

div#top				{ width: 768px; height: 256px; margin: 0 auto; padding: 0; background-image: url(../images/top_img.jpg); background-repeat: no-repeat;}
	div#top h2 span.catch	{ padding-top: 16px; color: #003366; font-size: medium;}
	div#top h2 span.read	{ padding-left: 16px; color: #006699; font-size: x-small;}
	div#top h2 span.title	{ padding-left: 32px; color: #003366; font-size: xx-large;}


div#header			{ width: 768px; height: 128px; margin: 0 auto; padding: 0; background-image: url(../images/header_img.jpg); background-repeat: no-repeat;}
	div#header h2 span.catch{ padding-top: 16px; color: #003366; font-size: medium;}
	div#header h2 span.read	{ padding-left: 16px; color: #006699; font-size: x-small;}
	div#header h2 span.title{ padding-left: 32px; color: #003366; font-size: xx-large;}
	

div#footer			{ width: 768px; margin: 0 auto; padding: 0; border-top: solid 1px #cccccc; clear: both;}
	div#footer p		{ margin: 4px 8px;}
	div#footer span		{ margin-right: 1.0em;}

div#menu			{ width: 768px; margin: 0 auto; padding: 0;}

div#content			{ width: 768px; margin: 0 auto; padding: 0;}

	div#main		{ float: right; width: 480px; margin: 0; padding: 0; text-align: left;}
		div#main div.subject	{ width: 432px; margin: 16px 16px 16px 32px;}
		
		div#main div.subject div.topics		{ padding: 8px; background-color: #eeeeee;}
		
		div#main div.subject img.subject	{ float: right; width: 192px; height: 128px; margin-left: 8px;}
		div#main div.subject p				{ margin-bottom: 8px; line-height: 125%;}
		div#main div.subject p.subject		{ margin-top: 8px; margin-left: 16px;}
		div#main div.subject ul.sub_tpcs	{ margin-top: 8px; margin-left: 24px; line-height: 125%;}
		div#main div.subject ul.subject		{ margin-top: 8px; margin-left: 32px; line-height: 125%;}
		div#main div.subject ul.none		{ margin-left: 16px; line-height: 125%; list-style-type: none;}
		div#main div.subject ol.subject		{ margin-top: 8px; margin-left: 32px; line-height: 125%;}
		div#main div.subject dl.subject		{ margin-top: 8px; margin-left: 16px; line-height: 125%;}
		div#main div.subject dl.subject dt	{ }
		div#main div.subject dl.subject dd	{ margin-left: 16px;}
		div#main div.subject dl.subject span.indent { text-indent: 2.5em;}
		
		div#main div.subject table.subject	{ margin-top: 8px; margin-left: 0px; line-height: 125%;}
		div#main div.subject table.subject th	{ white-space: nowrap; padding-right: 16px; text-align: left; vertical-align: top;}
		div#main div.subject table.subject td	{ padding-left: 16pxem; text-align: left; vertical-align: top;}
		div#main div.subject table.subject input	{ padding: 2px;}
		div#main div.subject table.subject textarea	{ padding: 2px;}
		
		div#main div.subject table.sub		{ margin-top: 8px; margin-left: 16px; line-height: 125%; border-collapse: collapse;}
		div#main div.subject table.sub th	{ padding: 4px; border: solid 1px #999999; text-align: center; white-space: nowrap;}
		div#main div.subject table.sub td	{ padding: 4px; border: solid 1px #999999;}
		div#main div.subject table.sub td ul{ margin-top: 8px; margin-left: 16px; line-height: 125%;}
		
		div#main div.subject table.fare		{ width: 100%; margin: 0px auto 16px; border-collapse: collapse;}
		div#main div.subject table.fare th	{ padding: 4px; border: solid 1px #999999; text-align: center; white-space: nowrap;}
		div#main div.subject table.fare td	{ padding: 4px; border: solid 1px #999999;}
		
		div#main div.subject hr				{ border: dotted 2px #999999;}
		div#main div.subject hr.sld			{ border: solid 1px #333333;}
	
	
	div#sub			{ float: left; width: 280px; margin: 0; padding: 0; text-align: left;}	/*余裕8px*/
		div#sub table			{ width: 260px; margin-top: 24px; margin-left: 16px;}
		div#sub p				{ width: 260px; margin-top: 24px; margin-left: 16px;}
		div#sub p.link			{ margin: 16px 16px 16px 0; text-align: right;}
		
		div#sub div				{ width: 228px; margin-top: 24px; margin-bottom: 16px; margin-left: 16px; padding: 16px; border: solid 1px #cccccc; background-color: #eeeeee;}
		div#sub dl				{ line-height: 125%;}
		div#sub dt				{ font-size: medium; font-weight: bold;}
		div#sub dd				{ padding-left: 1.0em;}