@charset "utf-8";
/* CSS Document */
/* ----------------------------------
	* FOR -//W3C//DTD XHTML 1.1//EN
	* Copyright (c) 2010 DESIFIX Production., All rights reserved. Build 20100506
	* 
	* font size adjustment chart
	* 10px(77%) 11px(85%) 12px(92%) 13px(100%) 14px(107%) 15px(114%)
	* 16px(122%) 17px(129%) 18px(136%) 19px(144%) 20px(152%)
	* 21px(159%) 22px(167%) 23px(174%) 24px(182%) 25px(189%) 26px(197%)
	* 
	* Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	* Code licensed under the BSD License:
	* http://developer.yahoo.net/yui/license.txt
	* version: 2.2.0
	* ----------------------------------- */
	/*reset.css*/body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0; font-style:normal}table{empty-cells:show; border-collapse:collapse; border-spacing:0px; margin:0;}fieldset,img{margin:0;border-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
	/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.45em;}

	body{ margin:0px 0px; color:#333333;
		font-family: メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'ＭＳ Ｐゴシック', IPAPGothic, sans-serif ! important;
		text-autospace:ideograph-alpha;
	}
	img{ border-style:none; border-width:0px;}

	a:link {color: #0066cc; text-decoration:none}
	a:visited {color: #0066cc;text-decoration:none}
	a:hover {color: #cc3300; text-decoration:underline}
	a:active {color: #0066cc;text-decoration:none}

	table.nomargin{ empty-cells:show; border-collapse:collapse; border-spacing:0px; }
	table.nomargin tr td{ padding:0px; vertical-align:top; text-align:left;
	font-family: メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'ＭＳ Ｐゴシック', IPAPGothic, sans-serif ! important;
		text-autospace:ideograph-alpha;}
	br.clear-both{
	clear:both; height:1px;display: block; font-size:1px;
	}

	.layout-right{float:right; height:100%; display:block}
	.layout-left{ float:left; height:100%;display:block}
	.layout-both{ clear:both; height:100%;display:block}
	
	.list { padding:0; margin:0; min-height: 1px;}
	.list li {list-style:none;padding:0; margin:0}
	.list li img { vertical-align:bottom}
	.list dt {padding:0; margin:0; min-height: 1px;}
	.list dd {padding:0; margin:0; min-height: 1px;}

	.left { text-align:left}
	.right { text-align:right}
	.center { text-align:center}
	
	.clearfix:after { content:"."; display: block;clear: both;height: 0;visibility: hidden;}
	.clearfix { min-height:1px;}
	* html .clearfix {
  	height: 1px;
  	/*¥*//*/
  	height: auto;
  	overflow: hidden;
  	/**/
	}

/* ~~~~~~~~~~~~~~~~~~~~~
//    common-styles
// 
~~~~~~~~~~~~~~~~~~~~ */
body{ 
	text-align:center;
	font-family: メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',  'ＭＳ Ｐゴシック', IPAPGothic, sans-serif !important;text-autospace:ideograph-alpha;}

	#wrapper {	background:#fff url(/img/wrapper.gif) repeat-y; width:1000px; margin:0 auto;}	 
	#doc-layout-wrapper { width:940px; margin:0 auto; text-align:left}


/*~~~~~~~~~~~~~~~~~~~~~
//    header
//
~~~~~~~~~~~~~~~~~~~~~*/
#header { background:#00376a url(/img/header-bg.gif) repeat-x top; height:85px;}

h1 { float:left; width:240px;height:56px; vertical-align:middle;}
h1 img { margin-left:10px; }
#header p { font-size:85%; color:#fff; width:300px; margin:15px; float:left;}

#header .sub { float:right; margin:10px 10px 0 0}
#header .main { clear:both; width:auto; height:23px; margin:0 0 0 35px}
#header ul { padding:0; margin:0}
#header li{ float:left; width:auto; padding:0; margin:0; list-style:none;}
#header #main-menu { clear:both}


/*~~~~~~~~~~~~~~~~~~~~~
//    footer
//
~~~~~~~~~~~~~~~~~~~~~*/
#scroll-top { clear:both; text-align:right; margin:0 0 10px 0; padding-left:10px;border-bottom: solid 1px #f2f2f2;}
#scroll-top img { margin-right:15px;}

#footer { font-size:85%; background:url(/img/bottom-bg.gif) no-repeat left bottom; min-height:50px; text-align:left}
#footer ul { margin:0 0 0 30px; padding:0;}
#footer li { display:inline; line-height:100%!important;}
#footer li a { padding:1px 6px 0 3px; display:inline-block; border-right:solid 1px #999; line-height:100%!important}
#footer .end a{ border:none;}
#footer p { color:#999; clear:both; padding:0 0 25px 0; margin:3px 14px 0 35px;}


/*~~~~~~~~~~~~~~~~~~~~~
//    main-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#main-column { margin:0 40px 0 40px; padding-bottom:50px;}

.layout-both { padding-bottom:30px; height:100%;}
.page-title { text-align:center;padding:10px 0 20px 0}