/*メモ帳での編集に合わせて余白などを設定してあります。ほかのツールでも支障ありませんが、メモ帳が一番綺麗に見えます。*/
/******************************************/
body{/*全体的な設定*/
	margin:0px; 					/*全体の余白*/
	text-align:center;				/*センタリングIEバグ回避用*/
	background: url(../img/) #fff left top repeat-x;	/*全体の背景の設定*/
}

/******************************************/
a:link , a:visited , a:hover , a:active{/*リンクフォントの設定*/
	color: #3a8;		    	/*リンクの色*/
	text-decoration: underline;	/*リンク下線の設定。underlineで下線有り。noneで下線無し。*/
}
/******************************************/
#bg{/*背景の設定*/
	background: url(../img/2.gif) top center no-repeat;	/*背景の設定*/
	}
/******************************************/
#bg2{/*背景の設定*/
	background: url(../img/5.gif) center top repeat-y;	/*背景の設定*/
	}
/******************************************/
#bg2-pd{/*背景の設定*/
	background: url(../img/4.gif) center top no-repeat;	/*背景の設定*/
	}
/******************************************/

#baseBlock1{/*コンテンツ全体の設定*/
	font-family:Verdana, "Tahoma,Arial,sans-serif,ＭＳ Ｐゴシック",MS UI Gothic, Osaka;/*フォントの設定*/
	margin-left:auto;       		/*センタリングのための左の余白*/
	margin-right:auto;      		/*センタリングのための右の余白*/
	color:#666;             		/*文字色の設定*/
	width:650px;	        		/*コンテンツ全体の幅*/
	text-align:left;	        	/*IEセンタリングバグ回避用。*/
	font-size: 0.82em;      		/*文字サイズ。
		文字サイズはInternet Explorerの文字のサイズ−中、Firefoxの文字サイズ−標準サイズに合わせてあります。*/
}

/******************************************/
#bg3{/*背景の設定*/
	background: url(../img/6.gif) repeat-y;	/*背景の設定*/
	}
/******************************************/
#title{/*タイトル部分*/

	width:650px; 		  	    	/*タイトル部分の幅*/
	height:235px;       		    	/*タイトル部分の高さ*/
	background:url(../img/) no-repeat;		/*背景の設定*/
	}

/******************************************/
h1{/*タイトル部分のフォント、文字位置の設定*/
	font-size:1.3em;		/*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります*/
	color:#666;		    	/*タイトル文字の色*/
	padding-top:85px;		/*文字上側の余白*/
	padding-left:240px;		/*文字左側の余白*/
	margin:0px;		    	/*Firefoxでの余分な余白を削除*/
	}

/******************************************/
h2{/*サブタイトル部分の設定*/
	color:#666;		/*文字色*/
	padding-left:200px;	/*左に余白*/
	padding-top:0px;	/*上に余白*/
	padding-right:30px;	/*右に余白*/
	font-size:1.0em;	/*文字サイズ*/
	margin:0px;		/*余白の設定*/
	font-weight:normal;	/*文字の太さ*/
	}
/******************************************/
#main{/*メインコンテンツ部分の位置設定*/
	width:450;			/*メインコンテンツの幅*/
	float:right;			/*メインコンテンツ位置設定*/
	padding-top:30px;		/*文字上部の余白*/
	padding-bottom:30px;		/*フッターとの間隔*/
	}
/******************************************/
#maintext{/*IEとfirefoxのズレ対策用*/
	padding-left:30px;	/*文字左側の余白。*/
	padding-right:35px;	/*右に余白*/

	}
/******************************************/
h3{/*見出しの設定*/
	border-bottom:1px solid #aaa;	/*下に枠線*/
	border-left:8px solid #3a8;	/*右に枠線*/
	padding-left:4px;		/*左に余白*/
	font-size:1.1em;		/*文字サイズ*/
	font-weight:normal;		/*文字の太さ*/
	width:80%;}
/******************************************/
#menu{/*メニュー部分の設定。*/
	width:180px;       	/*メニューの幅*/
	float:left;    		/*メニュー位置設定*/
	font-size:0.9em;	/*メニューの文字サイズ*/
	text-align:left;	/*文字位置の設定left もしくは center もしくは right*/
	padding-top:30px;	/*上に余白*/
	}

/******************************************/
#menutext{/*IEとfirefoxのズレ対策用*/
	padding-left:5px;	/*左の余白設定*/
	}
/******************************************/
.m-title{/*メニュータイトルの設定。*/
	height:20px;      		/*高さ*/
	font-size:1.2em;	        /*テキストサイズ*/
	border:1px solid #aaa;		/*枠線の設定*/
	color:#666;			/*テキスト色*/
	margin-top:0px;			/*上部に余白*/	        
	margin-left:10px;		/*左に余白*/
	margin-right:22px;		/*右に余白*/
	margin-bottom:5px;		/*下に余白*/
	}
/******************************************/
#footer a{	            	/*ページ下部のリンクテキストのフォント設定*/
	color:#999;            	/*テキスト色*/
	text-decoration:none;	/*下線の設定*/
	}
/******************************************/
#footer{/*ページ下部の設定*/
	clear:both;	      		/*floatによるメインコンテンツとメニュー分割の終了*/
	wigth:850px;			/*ページ下部の幅*/
	text-align:center;		/*フッター文字を中心に配置*/
	color:#999;		    	/*テキスト色*/
	font-size:0.8em;		/*テキストの大きさ*/
	}
/******************************************/
a img{/*画像リンクの設定　余分な物を削除してあります*/
	border-style : none;
	border-width : 0px;	
	text-decoration : none;
	}
/******************************************/

html{/*スクロールバーの色の設定。Internet Explorerのみ適用されます*/
	scrollbar-face-color: #fff;	    	/* バーの色 */
	scrollbar-3dlight-color: #eee; 		/* 左上外側ライン */
	scrollbar-highlight-color: #ddd;	/* 左上内側ライン */
	scrollbar-shadow-color: #ccc;		/* 右下内側ライン */
	scrollbar-darkshadow-color: #bbb;	/* 右下外側ライン */
	scrollbar-arrow-color: #ccc;		/* 矢印 */
	scrollbar-track-color: #fff;		/* トラック部分 */
}
/******************************************/

#areabox {	
	font-size: 12px;
	width:400;	
}	
#areabox p {	
	line-height: 180%;
	margin-bottom: 7px;
}	
#areabox .areatitle {	
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	background-color: #FCF5CB;
	border-left:2px solid #FF9900;
	clear: both;
	color: #666666;
	padding: 7px;
}	
#areabox .topict {	
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-bottom-width: 2px;
	background-color: #FCF5CB;
	border-left:2px solid #FF9900;
	clear: both;
	height:20px;
}	
	
ul.doubt {	
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 25px;
	line-height: 180%;
}	
#areabox .doubt li {	
	font-weight: bold;
}	
#areabox .doubt p {	
	margin-bottom: 10px;
	font-weight: normal;
}	
#areabox .doubt img {	
	vertical-align: middle;
	padding-left: 10px;
}	
dl.connection {	
	margin-bottom: 25px;
	clear: both;
}	
.connection dt {	
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	margin-bottom: 10px;
	clear: both;
}	
#areabox .connection dd {	
	padding-right: 10px;
	padding-left: 10px;
	line-height: 150%;
	margin-bottom: 10px;
}	
#areabox .connection li {	
	display: inline;
	padding-right: 5px;
}	
	
#areabox .sitej {	
	line-height: 160%;
	margin-bottom: 10px;
	margin-right: 5px;
	clear: both;
	float: left;
	width: 98%;
}	
#areabox .shoplist {	
	line-height: 140%;
	margin-bottom: 15px;
	margin-right: 5px;
	clear: both;
	float: left;
	width: 96%;
	padding-left: 10px;
}	
#areabox .shoplist img {	
	float: left;
	margin-right: 10px;
}	
	
#areabox .shoplist .iteminfo {	
	float: left;
	margin-left: 10px;
	font-size: 11px;
	line-height: 180%;
}	
#areabox .shoplist .iteminfo .right {	
	float: right;
}	
#areabox .areatxt {	
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: 180%;
	padding-right: 10px;
}	
#areabox .sitej img {	
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}	
#areabox .shopping .stext {	
	font-size: 11px;
}	
#areabox .tr {	
	text-align: right;
	font-size:10px;
	margin-bottom: 25px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}	
#areabox .ud {	
	margin-bottom: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 180%;
}	
#areabox .ud dd {	
	margin-bottom: 7px;
}