@charset "shift_jis";

body {
	background-image: url(img/bg_topback.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#topMainContent {
	height: 391px;
	padding: 0px 0px 12px 349px;
	background-image: url(img/index_main01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	#topMainContent h2 {
		margin: 0;
		padding: 0;
	}
	#topMainContent .Btn8PointMain2 {
	background-image: url(img/index_main07.jpg);
	background-repeat: no-repeat;
	height: 150px;
	background-position: left top;	
		}
		#topMainContent .Btn8PointMain2 .btnImage {
			float: left;
			width: 203px;
			}
			#topMainContent .Btn8PointMain2 .btnImage img {
				margin-top: 13px;
				margin-left: 67px;
				}

		#topMainContent .Btn8PointMain2 .meritImage {
			float: left;
			width: 348px;
		}
	#topMainContent .Btn8PointMain {
	text-align: right;
	padding-right: 11px;
	background-image: url(img/index_main05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	}

#topSubContent {
	}
	#topSubContent #btnArea {
		float: left;
		width: 532px;
		}
		#topSubContent #btnArea #btn8Point {
			float: left;
			width: 264px;
			margin-right: 4px;
		}
		#topSubContent #btnArea #btnSpec {
			float: left;
			width: 264px;
		}
		#topSubContent #btnArea #aboutStyleup {
	width: 532px;
	float:left;
	margin-top: 15px;
	margin-bottom: 10px;
	background-image: url(img/bg_about_styleup.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
			}
			#topSubContent #btnArea #aboutStyleup h3 {
				margin: 0px 0px 5px 0px;
				padding: 0px;
			}
			#topSubContent #btnArea #aboutStyleup p {
				font-size: 85%;
				line-height: 1.6;
				margin: 0px 13px 5px 13px;
				color:#333333;
			}
		#topSubContent #btnArea #btnOffice {
			float:left;
			width: 532px;
			margin-top: 5px;
		}
	#topSubContent #btnInquiry {
		margin-left: 12px;
		margin-bottom: 2px;
		width: 355px;
		float: left;
		}
	 
	/* --------------------------------
				#eventlist
	-------------------------------- */
	#topSubContent #eventList {
		float: left;
		width: 355px;
		margin: 0px 0px 15px 12px;
	 	}
		#topSubContent #eventList h3 {
		 	margin: 0;
			padding: 0;
		}
		#topSubContent #eventList ul {
			margin: 0px 10px 0px 25px;
			padding: 4px 0px 0px;
			}
			#topSubContent #eventList li {
				margin: 6px 0px 0px 0px;
				padding: 0px 0px 6px 0px;
				font-size: 80%;
				list-style-position: outside;
				list-style-image: url(img/icn_arrow_blue.jpg);
				background-image: url(img/index_line01.jpg);
				background-repeat: repeat-x;
				background-position: left bottom;
			}
	/* --------------------------------
				#bloglist
	-------------------------------- */
	#topSubContent #blogList {
	float: left;
	width: 355px;
	margin: 0px 0px 10px 12px;
	 	}
		#topSubContent #blogList h3 {
		 	margin: 0;
			padding: 0;
		}
		#topSubContent #blogList ul {
			margin: 0px 10px 0px 25px;
			padding: 4px 0px 0px;
			}
			#topSubContent #blogList li {
				margin: 6px 0px 0px 0px;
				padding: 0px 0px 6px 0px;
				font-size: 80%;
				list-style-position: outside;
				list-style-image: url(img/icn_arrow_blue.jpg);
				background-image: url(img/index_line01.jpg);
				background-repeat: repeat-x;
				background-position: left bottom;
			}

ul#btnOfficeTop {
	float: left;
	width: 355px;
	height: 160px;
	padding: 0px;
	margin: 3px 0px 20px 12px;
	background-image: url(img/ttl_office_btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	ul#btnOfficeTop li {
		width: 345px;
		margin: 3px 0px 0px 5px;
		list-style: none;
		}	
	#btnOfficeTop li#btnOffice01 {
		margin: 34px 0px 0px 5px;
		}