@charset "utf-8";
/* CSS Document */
/* ----------------------------------
	* FOR -//W3C//DTD XHTML 1.1//EN
	* Copyright (c) 2007 DESIFIX Production., All rights reserved. Build 20080626
	*
	* BUILD  2008-12-22
	* 
	* 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,th,tr,td,address{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; text-align:left; color:#444444;
		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;}
	div{ overflow:hidden; display:block;}
	
	a:link{ color:#27489c; text-decoration: underline; }
	a:visited{ color:#27489c; text-decoration: underline; }
	a:hover{ color:#d35102; text-decoration: underline; }
	a:active{ color:#27489c; text-decoration: underline; }


/* --------------------------
	* end of Core setting
------------------------- */

/* common layout base */
body { text-align:center;}

	.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}

	.left { text-align:left}
	.right { text-align:right}
	.center { text-align:center}

	br.clear-both{
	font: 1px/1px monospace;
	display: block; clear:both; height:1px;
	}
	.clearfix:after { content:"."; display: block;clear: both;height: 0;visibility: hidden;}
	.clearfix { min-height:1px;}
	* html .clearfix {
  	height: 1px;
  	/*¥*//*/
  	height: auto;
  	overflow: hidden;
  	/**/
	}

#wrapper { width:700px; margin:0 auto; background:url(../images/hd01.gif) no-repeat 0 0; padding-top:9px; border:1px solid #b2b2b2; border-top:none; overflow:none}
.credit { padding:2px 6px; font-size:77%; color:#606060;border-top:1px solid #d0d0d0; text-align:left}

/* --------------------------
	index.html
------------------------- */
#index-doc-layout { text-align:left}
#index-doc-layout #scroll-area {height:230px; width:700px; overflow:auto;}

#index-doc-layout table { border-collapse:collapse}
#index-doc-layout table th { border-collapse:collapse;white-space:nowrap; text-align:center; font-weight:normal; vertical-align:top; padding:3px 10px 3px 25px; font-size:92%; background:url(../images/cg002.gif) no-repeat 0 0}
#index-doc-layout table td { border-collapse:collapse;text-align: left;font-size:92%;padding:3px 10px 8px 5px;}

#index-doc-layout .sv {padding:10px 10px 10px 15px;border-left: dotted 1px #ccd; height:267px!important; height:auto}
#index-doc-layout .sv li {line-height:1.7em}
#index-doc-layout .link { margin:10px 10px 15px 15px; font-size:92%; line-height:1.75em}
#index-doc-layout address {margin:10px 10px 15px 15px;font-size:92%;}

#header { width:700px;}
#header img { float:left}

#main-column { padding:30px 50px 20px 50px; clear:both}

#main-column dl { padding:0; margin:5px auto 15px auto; width:520px; text-align: left}

#main-column dl dt { font-weight:bold; font-size:107%;padding:5px 10px 0 10px; margin:0}
#main-column dl dt span { font-weight:normal; font-size:92%; margin-right:10px; color:#848484}
#main-column dl dt strong { font-size:92%; margin-left:10px; color:#e33a8d}
#main-column dl dt a { font-weight:normal; font-size:77%; vertical-align:middle}

#main-column dl dd { font-size:92%; padding:0 10px 7px 10px; margin:0; border-bottom: dotted 1px #b2b2b2;}



/* --------------------------
	service*.html
------------------------- */
#doc-layout-wrapper { text-align:left; padding:10px 20px 30px 20px;}
#doc-layout-wrapper h1 { font-size:136%; font-weight:bold; margin:10px 0 5px 0; border-left: 4px solid #27489c; padding-left:10px}

#doc-layout-wrapper h2 {margin:20px 0 3px 0; clear:both}
#doc-layout-wrapper p { font-size:92%; margin:0 0 10px 0}
#doc-layout-wrapper .category {font-size:92%;}

#doc-layout-wrapper .layout-both h2{ font-size:92%; margin:0;}
#doc-layout-wrapper .layout-left { width:450px;}

#doc-layout-wrapper .layout-right {width:210px; text-align:right;}
#doc-layout-wrapper .layout-right img { border:solid 2px #d0d0d0; margin-bottom:20px;}
#doc-layout-wrapper .layout-right p{ text-align:left; margin:0 0 15px 5px}

#doc-layout-wrapper table {
	width:430px;
	border-collapse:separate;font-family: メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'ＭＳ Ｐゴシック', IPAPGothic, sans-serif ! important;}
#doc-layout-wrapper table th { width:80px; text-align:right;padding:3px 5px 2px 5px ; border-bottom: dotted 1px #b2b2b2; border-collapse:separate; color:#18446f; vertical-align:top}
#doc-layout-wrapper table td { text-align:left; padding:3px 5px 2px 5px; border-bottom: dotted 1px #b2b2b2; border-collapse:separate}

#doc-layout-wrapper h3 { background:#134c85; color:#fff; margin:20px 0 0 0; width:430px; text-indent:0.5em}
#doc-layout-wrapper .map { border:solid 1px #134c85}



/* --------------------------
	service*.html
------------------------- */

.topic h2 { text-align:left; font-weight:bold; font-size:114%; border-left: solid 4px #444444 ; padding:3px 0 1px 8px; margin:0px 0px 10px 0px;}
.topic dl { width:600px!important}
.topic ol { margin:20px inherit; padding:10px inherit;}
.topic ol li address {margin:10px 0}

.price { width:400px;}
.price thead th{text-align:center; padding:1px 5px; border:solid 1px #ccc}
.price tbody th{ text-align:right; padding:1px 5px;border:solid 1px #ccc}
.price td { padding:1px 10px 1px 5px; text-align:right;border:solid 1px #ccc}


/* --------------------------
	info*.html
------------------------- */
.info { clear:both; padding:20px 40px 30px 40px;;  text-align:left}
.info h2 { font-weight:bold; font-size:114%; border-left: solid 4px #9a5a6e ; padding:3px 0 1px 8px; margin:0px 0px 10px 0px;}
.info h3 {font-size:144%; font-weight:bold; margin:20px 0 5px 0}
.info p { margin:0 0 15px 0 }
.info dl { padding:10px ; margin:30px 0 0 0; border: dotted 1px #ccc;}
.info dt { padding:0; margin:0; font-weight:bold; margin:0 0 10px 0}
.info dd { padding:0; margin:0; font-size:92%; line-height:2em}

.info .acsess { background:#134c85; color:#fff; margin:20px 0 0 0; text-indent:0.5em; width:452px;}
.info .map { border:solid 1px #134c85;height:400px; overflow:hidden;width:450px;}
.info .map iframe{ width:100%; height:400px;}