@charset "UTF-8";
@import "base.css";
/*===================================
★　ディースター便利帳　CSS インフォーメーション　★
☆　トップページ関連　☆

■１．トップレイアウト
■２．コンテンツメニュー設定
	●２-１.共通
	●２-２.リスト設定

=========================================*/


/*ヘッダーアンダーライン設定*/
#header {
	background: url(../co_img/hdr_bg.gif) repeat-x 0 bottom;
}


/*=========================================

■１．トップレイアウト
=========================================*/
#cnt-top-area{
	width: 670px;
	margin: 0 auto;
	padding: 10px 0 0;
	background: url(../top_img/cnt_bg.gif) repeat-y;
}
#cnt-top-area-end{
	width: 670px;
	padding: 0 0 12px;
	background: url(../top_img/cnt_bg_end.gif) no-repeat 0 bottom;	
}

#top-cnt-upper{
	width: 650px;
	margin: 0 auto 12px;
	background: url(../top_img/cnt_bg01.gif) repeat-y;	
}

#top-cnt-upper-end{
	width: 650px;
	margin: 0;
	background: url(../top_img/cnt_bg01_end.gif) no-repeat 0 bottom;
}

#top-cnt-lower{
	width: 650px;
	margin: 12px auto 0px;
	background: url(../top_img/cnt_bg02.gif) repeat-y;	
}

#top-cnt-lower-end{
	width: 650px;
	margin: 0;
	background: url(../top_img/cnt_bg02_end.gif) no-repeat 0 bottom;
}

/*=========================================

■２．コンテンツメニュー設定
	●２-１.共通
	●２-２.リスト設定
==========================================
	●2-１.共通
=========================================*/
#top-menu-L{
	float: left;
	width: 315px;
}

#top-menu-R{
	float: right;
	width: 315px;
}

#top-menu-L ul,
#top-menu-R ul{
	width: 245px;
	margin: 10px auto 25px;
}

/*=========================================
	●２-２.リスト設定
=========================================*/
#top-menu-L li,
#top-menu-R li{
	line-height: 1.7em;
}

a.top-menu01{
	padding: 0 0 0 12px;
	background: url(../top_img/list_circle01.gif) no-repeat 0 3px;
	color: #555555;
	text-decoration: none;
}

a.top-menu01:visited{
	color: #996699;
	text-decoration: none;
}

a.top-menu01:hover{
	color: #cc3333;
	text-decoration: underline;
}

a.top-menu02{
	padding: 0 0 0 12px;
	background: url(../top_img/list_circle02.gif) no-repeat 0 3px;
	color: #555555;
	text-decoration: none;
}

a.top-menu02:visited{
	color: #996699;
	text-decoration: none;
}

a.top-menu02:hover{
	color: #cc6600;
	text-decoration: underline;
}

a.top-menu03{
	padding: 0 0 0 12px;
	background: url(../top_img/list_circle03.gif) no-repeat 0 3px;
	color: #555555;
	text-decoration: none;
}

a.top-menu03:visited{
	color: #996699;
	text-decoration: none;
}

a.top-menu03:hover{
	color: #336600;
	text-decoration: underline;
}

a.top-menu04{
	padding: 0 0 0 12px;
	background: url(../top_img/list_circle04.gif) no-repeat 0 3px;
	color: #555555;
	text-decoration: none;
}

a.top-menu04:visited{
	color: #996699;
	text-decoration: none;
}

a.top-menu04:hover{
	color: #003399;
	text-decoration: underline;
}