@charset "utf-8";

body{
	border				:0px solid #FF0000;		/* デバッグ用罫線 */
	margin				:0px;
	padding				:0px;
	font-size			:14px;
	color				:#333333;		
	height				:auto;				
	text-align			:center;
	line-height			:150%;
	background			:#ffffff url(../images/head/bg_02.gif) repeat-x top left;		/* headの背景 */
}

h1,h2,h3,p{
	margin				:0px;
	padding				:0px;
}	

#wrapper{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	margin				:0 auto;
	width				:810px;
	position			:relative;
	text-align			:left;								/* テキスト左寄せ */	
}


/* 上 */
#a{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	height				:100px;								/* 高さ */
	width				:810px;
}

#tools-navi{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	position			:absolute;
	top					:0px;
	height				:18px;								/* 高さ */
	width				:220px;
	right				:0px;
}

#header-navi{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	position			:absolute;
	top					:32px;
	height				:50px;								/* 高さ */
	width				:600px;
	right				:0px;
}

#header-navi li{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	display				:inline;
	margin				:0px;
	padding				:0px;
}

#header-navi li a{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	float				:left;
	height				:50px;
	margin				:0px;
	padding				:0px;
	}
	
a img{
	border				:0px;
	}
	
/* 真ん中 */
#b{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	height				:220px;								/* 高さ */
	width				:810px;
}

	#b_01{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	height				:220px;								/* 高さ */
	width				:207px;
	float				:left;
}

#b_02{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	height				:220px;								/* 高さ */
	width				:588px;
	float				:left;
}

/*下 */
#c{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	height				:auto;								/* 高さ */
}

#c_01{
	border				:0px solid #ff0000;					/* デバッグ用罫線 */
	height				:auto;								/* 高さ */
	width				:207px;
	float				:left;
}

#c_02{
	border				:0px solid #ff0000;					/* デバッグ用罫線 */
	height				:auto;								/* 高さ */
	width				:588px;
	float				:left;
	padding-left		:12px;
}

#c_02_01{

	border				:0px solid #ff0000;					/* デバッグ用罫線 */
	height				:auto;								/* 高さ */
	text-align			:left;								/* テキスト左寄せ */
	width				:588px;
	padding				:0px;
	float				:left;
}

.caption_01{
	border				:0px solid #00ffff;					/* デバッグ用罫線 */
	padding-left		:6px;
	padding-bottom		:0px;
}

.bar{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	height				:40px;								/* 高さ */
	width				:585px;
	padding-top			:20px;
	padding-bottom		:20px;
}

table {
	border-collapse		:collapse;
	border				:0px solid #333333;
	width				:585px;
	margin-top			:20px;
	margin-bottom		:20px;
}

.td_01 {
	border				:0px solid #cccccc;
	padding				:5px; 
	width				:5%;
	height				:10px;
	text-align			:left;
}

.td_02 {
	border				:0px solid #cccccc;
	padding				:5px; 
	width				:20%;
	text-align			:left;
}
.td_03 {
	border				:0px solid #cccccc;
	padding				:5px; 
	width				:70%;
	text-align			:left;
}

a:link{
	color:#330000;
}

a:visited{
	color:#003300;
}

a:hover{
	color:#009900;
}

/*フッター */	
#d{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	height				:30px;								/* 高さ */
	margin-left			:auto;								/* 中央配置 */
	margin-right		:auto;								/* 中央配置 */
	text-align			:left;								/* テキスト左寄せ */
	width				:810px;
}

.footer{
	border				:0px solid #00ffff;					/* デバッグ用罫線 */
}

.sub_navi{
	border				:0px solid #00ffff;					/* デバッグ用罫線 */
	padding-left		:6px;
	font-size			:12px;
	color				:#333333;		
	font-weight			:bold;
}

a{
	text-decoration		:none;
}

#c_02_01 ul{
	margin				:10px 0px 0px 20px;
	padding				:0px;
	list-style			:none;
}

#c_02_01 li{
	background-image	:url(../images/comon/btn.gif);
	background-repeat	:no-repeat;
	background-position	:left center;
	text-indent			:20px;
}