@charset "utf-8";
/* CSS Document */
/* ----------------------------------
	* FOR -//W3C//DTD XHTML 1.1//EN
	* 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%)
	* 
	* ----------------------------------- */
	/*reset.css*/body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0; font-style:normal}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: #0095dd; 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{
	font: 1px/1px monospace;
	display: block; clear:both; height:1px;
	}

	.layout-right{ height:auto; float:right; overflow:hidden; display:block; }
	.layout-left{ height:auto; float:left; overflow:hidden; display:block; }
	.layout-both{ height:auto; clear:both; overflow:hidden; 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;
	background:url(../img/header-bg-roll.gif) repeat-x 0 0}

	#wrapper { width:900px; margin:0 auto; text-align:left;}	 


/*~~~~~~~~~~~~~~~~~~~~~
//    header
//
~~~~~~~~~~~~~~~~~~~~~*/
#header { font-size:85%;height:128px;}
#header h1 img { height:58px; margin-top:-12px}
#header .navi { height:40px;}
#header .navi p{ width:360px; float:left; padding:7px 0 0 0;}

#fontsizer { background:url(../img/fontsizer-bg.gif) no-repeat 0 0; width:118px; height:23px;float:right; margin:10px 0 0 0} /* Container element */

.fsizer a { display: block; float: right; width: 15px; height:15px; margin:3px 2px 0 0; text-align: center; border: 1px solid #c1bfbf; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 15px;}
.fsizer a:hover { text-decoration: none; background: #f4f3c2;}

/* Three 'A' links used to control size */
.fsizer a.fsactive { color: #fff; background: #a4b0bb; cursor: default; } /* When mode is active */

#header .sub { float:right; width:auto;margin:11px 17px 0 0;}
#header .sub li{ display:inline;}
#header .sub img { margin:0 2px 0 5px; text-decoration:none; vertical-align:middle}

.site-logo { clear:both;height:54px; display:block}
.site-logo h1 { float:left; width:519px; }
.site-logo .banner { float:right; }

#header .main { clear:both}
#header .main li{ float:left; width:180px; height:30px;}



/*~~~~~~~~~~~~~~~~~~~~~
//    main-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#main-column { clear:both; display:block; height:auto}


/*~~~~~~~~~~~~~~~~~~~~~
//    common-styles
//
~~~~~~~~~~~~~~~~~~~~~*/
#guide { padding:5px 0 0px 0}
#guide li { display:inline; font-size:85%;}
#guide li a { padding:0 5px 0 0}

#banners { background:#eeefef; padding:5px; margin:10px 0}
#banners h2 { padding:0 0 5px 5px;}
#banners dl { background:#fff; padding:8px;}
#banners dt { text-align:center; height:32px;}
#banners dd { font-size:77%;min-height:30px; line-height:1.3em; padding:3px}

#index-banners { background:#eeefef; padding:5px; margin:15px 0 20px 0}
#index-banners h2 { text-align:center; padding-bottom:5px;}
#index-banners dl { background:#fff; padding:8px;}
#index-banners dt { text-align:center; height:32px;}
#index-banners dd { font-size:77%;min-height:30px; line-height:1.3em; padding:3px}

#pick-up-menu { border:solid 1px #999; font-size:92%; padding:3px}
#pick-up-menu h2 { background:url(../img/h2-bg.gif)  repeat-y}
#pick-up-menu ul { padding:8px;}
#pick-up-menu li { background:url(../img/arrow-s.gif) no-repeat 0 5px; padding:0 0 0 10px}


.page-scroller { text-align:right; font-size:92%; clear:both}
.page-scroller a { padding:0 0 0 15px; background:url(../img/arrow-t.gif) no-repeat 0 4px}

/*~~~~~~~~~~~~~~~~~~~~~
//    left-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#left-column { width:600px; float:left; height:auto}

/*~~~~~~~~~~~~~~~~~~~~~
//    right-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#right-column {width:270px; float:right;height:auto}


/*~~~~~~~~~~~~~~~~~~~~~
//    footer
//
~~~~~~~~~~~~~~~~~~~~~*/
#footer { clear:both;font-size:85%; background:url(../img/footer-bg.gif) repeat-x bottom; height:auto}
#footer-wrapper {width:900px; margin:0 auto; padding-top:20px; text-align:left;}
#footer .list { border: solid 1px #999; padding:10px; margin:20px 0}
#footer .list li { display:inline}
#footer .list a { padding:0 5px 0 3px;}

#footer .list dt{ display:inline; background:url(../img/arrow.gif) no-repeat 3px 2px; padding:0 5px 0 15px; letter-spacing:1px;}
#footer .list dd { display:inline}
.credit { color:#555; height:40px; margin-top:30px;  background:url(../img/site-logo-s.gif) no-repeat 760px 0; font-size:77%; }