@charset "utf-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

.Clear {
	clear: both;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*------------bodyのスタイル---------------------------------------------------------------*/
body {
	background: #fff;
	overflow: scroll;
	line-height: 1.4;
	font-size: small;
	color: #333;

	min-width: 1024px;
	_display: inline;
	_zoom: 1;
}

/*IE6・7用*/
*body { overflow: auto; }


/*---Containerのスタイル---*/
div#Container {
 width: 980px;
 margin: 0 auto;
}


/*---Contentsのスタイル---*/
div#Contents {
	width: 720px;
	height: 1051px;
	float:right;
}

div#Header {
	width: 720px;
	height: 450px;
	background: url(../img/main.png) no-repeat left top;
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	margin-top: 20px;
}

/*---Top_three_boxsのスタイル---*/
div#Top_three_boxs {
	width: 720px;
	overflow: hidden;
}

div#Top_three_box_left {
	width: 430px;
	padding-right: 30px;
	padding-left: 30px;
	float: left;

}

div#Top_three_box_left_left {
	width: 230px;
	float: left;

}

div#aaa a {
	width: 200px;
	height: 100px;
	background-image: url(../img/menu1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	display: block;
}

div#aaa a:hover {
	background-position: right top;
}

div#Top_three_box_left #Top_three_box_left_left p#rrr{
	width: 200px;
	margin: 25px 0 23px 0;
	letter-spacing: 0.15em;
	color: #595757;
}

div#Top_three_box_left #Top_three_box_left_left p#rrr br{
	letter-spacing: 0;
}
/*

div#Top_three_box_left #Top_three_box_left_left #aaaa{
	width: 200px;
	height: 150px;
	background: url(../img/item.jpg) no-repeat left top;
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	margin-top: 24px;
}

*/


div#aaaa a {
	width: 120px;
	height: 21px;
	background: url(../img/kuwa.gif) no-repeat left top;
	margin: 15px 41px 0 69px;
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	display: block;
}

div#aaaa a:hover {
	background-position: left bottom;
}



div#Top_three_box_left_right {
	width: 200px;
	float: right;

}

a#bbb {
	width: 200px;
	height: 100px;
	background: url(../img/menu2.gif) no-repeat left top;
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	display: block;
}

div#Top_three_box_left_right a:hover {
	background-position: right bottom;
}

div#Top_three_box_left_right ul {
}

div#Top_three_box_left_right ul li {
	list-style:none;
	margin: 25px 0 38px 0;
}

div#Top_three_box_right {
	width: 230px;
	float: right;
}

a#ccc {
	width: 200px;
	height: 100px;
	background: url(../img/menu3.gif) no-repeat left top;
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: 25px;
	display: block;
}

div#Top_three_box_right a:hover {
	background-position: right top;
}

div#Up ul {
	width: 200px;
	height: 328px;
	overflow: hidden;
	margin-bottom: 20px;

}

div#Up ul li {
	width: 100px;
	float: left;
	margin-bottom: 28px;
}

/*div#Up ul li #First{
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	background: #f00;
	margin-top: 20px;
}


div#Up ul li #Second {
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
}



div#Down li #Three {
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
}

div#Down li #Fourth {
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
}
*/

div#cccc a {
	width: 65px;
	height: 19px;
	background: url(../img/more.gif) no-repeat left top;
	text-indent: -99999px;
	line-height: 0px;
	font-size: 0px;
	display: block;
	margin: 0px 45px 0 120px;
}

div#cccc a:hover {
	background-position: left bottom;
}