@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.gif) repeat-x top left;		/* headの背景 */
}

h1,h2,h3,p,li,ul{
	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;
}

*html #header-navi{
	position			:absolute;
	top					:45px;
}


#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				:600px;
	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				:394px;
	padding				:0px;
	float				:left;
	margin-top			:20px;
}

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

.oshirase{
	border				:1px solid #cccccc;					/* デバッグ用罫線 */
	width				:375px;
	padding				:10px;


}

.right_01{
	margin-top			:20px;
	border				:0px;
}

.right_02{
	margin-top			:10px;
}

.right{
	border				:0px solid #0000ff;					/* デバッグ用罫線 */
	padding-left		:40px;
	padding-top			:20px;
}

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

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

#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;
}

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

fieldset,img {
	border				:0;				/* フォームと画像の罫線を0にする */
}



.counter{
	border:0px solid #0000ff;				/*デバッグ用罫線*/
	width:115px;
	height:75px;
	background:#ffffff url(../images/index/counter.gif) no-repeat;
	margin-bottom:6px;
	margin-left:4px;
	padding-top:18px;
	padding-left:60px;				/*paddingを設定したらwidthもその分減らす*/
}

.counter img{
	border:0px solid #666666;				/*デバッグ用罫線*/
}

a{
	text-decoration:none;
}

a:link{
	color:#330000;
}

a:visited{
	color:#003300;
}

a:hover{
	color:#009900;
}