@charset "UTF-8";

/* @group 全体 */

*			{ margin: 0; padding: 0; line-height: 1.5; font-weight: normal; font-style: normal }
body		{ text-align: center; background-color: #ffffff; background-image: url(../images/kabe.gif) }

body, input
			{ font-size: 10px; font-family: "MS UI Gothic", "Lucida Sans Unicode", "Hiragino Maru Gothic Pro", Osaka; color: #000000 }

p			{ font-size: 12px }
ul			{ list-style: none }
img			{ vertical-align: middle; border: none }

a:link, a:visited, a:hover, a:active
			{ text-decoration: none }
a:link		{ color: #0000ff }
a:visited	{ color: #000099 }
a:active, a:hover
			{ color: #ff0000 }

strong		{ color: #ff0000; font-weight: bold }
em			{ color: #000000; font-style: normal; font-weight: bold }

.center		{ text-align: center }
.clearfix:after
			{ content: ""; display: block; clear: both }

input[type="button"]
			{ height: 20px; padding-left: 8px; padding-right: 8px; background-color: #ffffcc; border: 1px solid; border-color: #ddd #222 #222 #ddd; overflow: visible }

/* @end */

/* @group ヘッダ・フッタ */

/* ヘッダ全体のデザイン */
#header, #footer
			{ padding: 3px 10px; background-color: #003333; color: #ffffff }
#footer		{ text-align: right }
/* ヘッダリンク文字色 */	
#header a:link, #header a:visited, #footer a:link, #footer a:visited
			{ color: #ffffff }			
/* タイトル部分 */
#header h1	{ float: left; width: 50%; text-align: left; font-size: 12px; font-weight: bold }
/* ヘッダボタン */
.rightbutton
			{ width: 48%; margin-left: 50%; text-align: right; }

/* @end */

/* @group サイドバー */

#leftside	{ width: 230px; float: left }
#leftside div
			{ margin-left: 10px; margin-right: 10px }
div.side_section
			{ padding-bottom: 5px; background: url(../images/side_base.gif) repeat-y; text-align: left }
div.side_section p, div.side_section div
			{ margin: 10px 20px }
div.side_header, div.side_footer
			{ margin: 0 10px; background-repeat: no-repeat; font-size: 0px }
div.side_header
			{ height: 7px; background-image: url(../images/side_top.gif) }
div.side_footer
			{ height: 10px; background-image: url(../images/side_bottom.gif) }
div.side_section h2
			{ height: 12px; padding: 0 0 9px 10px; background: url(../images/side_title.gif) no-repeat bottom; font-size: 12px }
div.side_section h2.top_line
			{ border-top: 1px solid #dddddd; padding-top: 4px; margin-top: 20px; background-position: bottom }
div.side_section h3
			{ margin: 10px; }
div.side_section ul
			{ font-size: 12px; margin: 10px 10px 10px 20px }
div.side_section ul li
			{ background: url(../images/bullet_star.gif) no-repeat left top; padding-left: 16px; margin-bottom: 3px }


/* @end */

/* @group メイン */

#container	{ padding: 15px 0 }
#column_2_field
			{ margin: 0 0 0 240px; text-align: left; }		/* ２コラムの場合のメインフィールド */

div.section_top
			{ width: 640px; height: 7px; background: #ffffff url(../images/section_top.gif) no-repeat }
div.section	{ width: 640px; padding-bottom: 10px; background: #ffffff url(../images/section_base.gif) repeat-y; text-align: left }
div.section_body
			{ margin: 20px }

div.section h2
			{ margin: 20px }
div.section h3
			{ margin: 10px 0; font-size: 14px; border-bottom: 1px solid #ccc }
div.section h4
			{ margin: 20px 10px 10px 20px; padding: 3px 0 3px 9px; color: #060; border-left: 5px solid #060; font-size: 13px; line-height: 1 }
div.section p
			{ background: url(../images/bullet_star.gif) no-repeat left top; padding-left: 16px; margin: 10px 10px }
div.section dl
			{ margin: 10px 36px; font-size: 12px }
div.section dd
			{ margin: 0 0 5px 24px }
			
.container
			{ margin: 0 0 5px; overflow: hidden; width: 640px; background: #ffffff url(../images/section_base.gif) repeat-y }
.container .section
			{ background: transparent url(../images/section_bottom.gif) no-repeat bottom; float: left }
.right_image{ float: right; margin: 0 0 10px 10px }

/* @end */