@charset "Shift_JIS";    	/* 文字ｴﾝｺｰﾄﾞの設定（削除不可） */


*{				/*-------ﾃﾞﾌｫﾙﾄCSSのﾘｾｯﾄ-------*/
	margin:0;
	padding:0;
}



/*{
/*	border:1px solid red !important;	/***デバッグ用1pxライン***/
/*}*/


body{
	/*background-color:#FFFFFF;	----薄いグレイ----*/
	text-align:center;
	background:url(img/background_simasima.gif);
}
 /***********************body以下全てを含む************************/
#all{
 position:relative;
 width:760px;
background:url(img/bg_r.jpg) repeat-y right top;

 /* background-color:#CCFFFF;
----薄いgray#D8D8D8---;*/
}


/*******************************ここから左側**********************/

#left{					/*----左側全てを包括----*/
	position:relative;
	top:0px;
	left:0px;
	width:560px;
	float:left;
	background-color:#FFFFFF;
}

#header{
	width:auto;
	height:150px;
	background-color:#ffffcc;	/*----薄い黄色----*/
	background:url(img/header_l.jpg) no-repeat left top;
	text-indent:-9999px;
}

h1{
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-left:0px;
	left:20px;
	text-indent:-9999;
	height:80px;
	width:560px;
}



h2{
	width:auto;
 	background-color:#ffffff;
	color:#554894;
	font-size:medium;
	font-family:"メイリオ", "ＭＳ Ｐゴシック","ＭＳ ゴシック","ヒラギノ角ゴＰｒｏ Ｗ３", Osaka, sans-serif;
	text-align:left;

	padding:20 20 0 0px;
	margin:10 20 10 20px;
	border-bottom:3px double #6699ff;
}

h3{
 	/*background-color:#ffcc99;*/
	color:#000000;
	font-size:small;
	font-family:"メイリオ", "ＭＳ Ｐゴシック","ＭＳ ゴシック","ヒラギノ角ゴＰｒｏ Ｗ３", Osaka, sans-serif;
	text-align:left;
	text-indent:1em;
	margin-left:60px;
	margin-right:20px;
	padding-top:5px;
	padding-bottom:0px;
	/*border-bottom:1px double #6699ff;*/
}

#lead{					/*----リード文の設定----*/
	width:auto;
	height:auto;
	text-align:justify;
	margin:20 20 15 20px;
}

#lead p{
	font-size:x-small;
	line-height:2em;
	display:inline;
	border-bottom:1px dotted #999999;
	padding-bottom:0.1em;
}


#text{					/*----本文----*/
	width:auto;
	height:auto;
	background-color:#ffffff;
	text-align:justify;
	font-size:x-small;
	line-height:150%;
	padding:0 20 10 0px;
	margin-left:40px;
}


#text ul, #text li{			/*----本文の中のリスト部----*/
	list-style-type:none;
}

#text ul{
	list-style-position:outside;
}

#text li{
	font-size:x-small;
	text-align:left;
	padding-left:20px;
	background:url(img/list_image2.gif) no-repeat left middle;
	line-height:200%;
}



#roundtable{
	width:auto;
	/*background-color:#ffcc66;*/
	padding:0;
	margin-top:20px;
	margin-bottom:30px;
	border:0px;
}

#roundtable tr,#roundtable td{
	border:0;
	background-image:no-repeat;
}

#roundtable .haba15{
	width:15px;
}

.niretume{
	text-align:right;
}

.red{
	color:red;
}


/**************************************角丸ボックスのレイアウト
<div id="roundbox">
	<div class="topcorner">
	<img src="corner_tl.gif" alt="" width="15" height="15" class="corner"></div>

	<p>
	電話-------------０２９９−５６−２８５５<br>
	ファックス--------０２９９−５６−２８５６<br>
	メールアドレス----
	<a HREF="mailto:yoshikazu@sky.bbexcite.jp" title="メーラーを起動します">hatori@ds-yotuba.jp</a>
<!-----------------hatori@ds-yotuba.jp---------------------->
	</p>

	<div class="bottomcorner">
	<img src="corner_bl.gif" alt="" width="15" height="15" class="corner"></div>
</div>


#roundbox{			
	width:400px;
	background-color:#ffff66;
	padding:0;
	margin:0;
}

.topcorner{
	background:#ffff66 url(img/corner_tr.gif) no-repeat top right;
}

.bottomcorner{
	background:#ffff66 url(img/corner_br.gif) no-repeat top right;
}

.corner{
	width:15px;
	height:15px;
	border:none;
	display:block;
}
******************************************************************************************/


#up{					/*----ページのトップへ戻るアンカー----*/
	width:auto;
	height:auto;
	text-align:right;
	margin-top:20px;
	padding-right:20px;
	margin-bottom:10px;
	color:#000000;
	text-decoration:none;
}

#up a, #up a:link, #up a:visited, #up a:hover{
	font-size:x-small;
	text-decoration:none;
	color:#000000;
}


#footer{
	width:auto;
	height:50px;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;

	padding-top:10px;
	border-top:2px dotted #003399; 
	font-size:xx-small;
 	font-family:Myriad,Verdana,Helvetica,Arial;
	color:#000000;
	/* border:1px solid red !important;	/***デバッグ用1pxライン***/
}	




/*******************************ここから右側*********************/

#right{
 /*----右側全てを包括----*/
 position:relative;
 width:200px;
 float:right;
 position:relative;
}

#subheader{
 width:200px;
 height:150px;
color:#808080;

background:url(img/header_r.jpg) no-repeat left top;
position:relative;
 padding-top:10px;
 padding-right:10px;
 text-align:right;
 font-size:12px;
font-family:Myriad,Verdana,Helvetica,Arial;

}

#navi{
	position:relative;
	width:auto;
	height:auto;
	text-align:left;
	/*top:150px;*/
	background-color:transparent;
	padding-top:20px;
	padding-left:0px;
}

#banner{
	position:relative;
	width:auto;
	height:auto;
	margin-top:30px;
	text-align:lcenter;
}

#navi ul, #navi li{
	list-style-type:none;
	list-style-position:inside;
}

#navi li{
	width:auto;
	height:auto;
	font-size:x-small;
	text-align:left;
	padding-top:10px;
	text-decoration:none;
	padding-left:16px;
}


#navi li a, #navi li a:link{		/*未訪問時*/
	color:#0000ff;
	background:url(img/navi_link.gif) no-repeat center left;
	text-decoration:none;
	padding-left:16px;
}

#navi li a:visited{		/*未訪問後*/
	color:#660066;
	background:url(img/navi_visited.gif) no-repeat center left;
	text-decoration:none;
}

#navi li a:hover{		/*マウスオーバー時*/
	color:red;
	text-decoration:underline;
	font-weight:bold;
	background:url(img/navi_hover.gif) no-repeat center left;
}

#navi li a:active{		/*アクティブ（クリック）時*/
	color:#ff9900;
	text-decoration:underline;
	font-weight:bold;
	background:url(img/navi_hover.gif) no-repeat center left;
}