@charset "utf-8";


/* COMMON */

body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

em {
	visibility: hidden;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-image: url(../images/common/bac_foot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.clear{
	clear:both;
	height:0px;
	line-height: 0;
	padding:0;
	margin:0;
}
a:link { color: #CC6600;text-decoration: underline; }
a:visited { color: #CC6600;text-decoration: underline; }
a:active { color: #CC0000;text-decoration: none; }
a:hover { color: #CC0000;text-decoration: none; }

a img {
	border: none;
}

/* LAYOUT */

h1 {
	width: 1000px;
	height: 80px;
	font-size: 100%;
	font-weight: lighter;
	margin-left: auto;
	margin-right: auto;
}
h1 a:link,
h1 a:visited {
	display: block;
	width: 790px;
	height: 40px;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/common/bac_header.jpg);
	background-repeat: no-repeat;
	background-position: lef top;
	padding-top: 40px;
	padding-left: 210px;
}

#navi {
	width: 100%;
	height: 153px;
	background-image: url(../images/common/bac_navi.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 20px;
}
#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#wrapper #side {
	overflow: hidden;
	float: left;
	width: 250px;
	margin-bottom: 50px;
}
#wrapper #main {
	overflow: hidden;
	float: right;
	width: 700px;
	margin-bottom: 50px;
}
#wrapper #footer {
	clear: both;
	width: 1000px;
}
#wrapper #footer ul {
	margin-bottom: 30px;
}
#wrapper #footer li {
	display: inline;
	margin-right: 15px;
}
#wrapper #footer p {
	padding-bottom: 210px;
}

/* NAVI */
#navi ul {
	overflow: hidden;
	width: 1000px;
	height: 150px;
	background-image: url(../images/common/bac_navimenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}
#navi li {
	float: right;
	height: 150px;
}
#navi li a {
	display: block;
	height: 150px;
	background-image: url(../images/common/img_navi2.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
#navi li#navi01 a {
	width: 60px;
	background-position: right top;
}
#navi li#navi02 a {
	width: 60px;
	background-position: -880px 0;
}
#navi li#navi02_1 a {
	width: 40px;
	background-position: -840px 0;
}
#navi li#navi02_2 a {
	width: 40px;
	background-position: -800px 0;
}
#navi li#navi02_3 a {
	width: 40px;
	background-position: -760px 0;
}
#navi li#navi02_4 a {
	width: 40px;
	background-position: -720px 0;
}
#navi li#navi03 a {
	width: 60px;
	background-position: -660px 0;
}
#navi li#navi03_1 a {
	width: 40px;
	background-position: -620px 0;
}
#navi li#navi03_2 a {
	width: 40px;
	background-position: -580px 0;
}
#navi li#navi04 a {
	width: 60px;
	background-position: -520px 0;
}
#navi li#navi05 a {
	width: 60px;
	background-position: -460px 0;
}
#navi li#navi05_1 a {
	width: 40px;
	background-position: -420px 0;
}
#navi li#navi05_2 a {
	width: 40px;
	background-position: -380px 0;
}
#navi li#navi06 a {
	width: 60px;
	background-position: -320px 0;
}
#navi li#navi07 {
	margin-left: 138px;
}
#navi li#navi07 a {
	width: 61px;
	background-position: -259px 0;
}
#navi li#navi08 a {
	width: 60px;
	background-position: 0 0;
}
#navi li#navi09 a {
	width: 60px;
	background-position: -60px 0;
}
#navi li#navi01 a:hover {
	background-position: right bottom;
}
#navi li#navi02 a:hover {
	background-position: -880px -150px;
}
#navi li#navi02_1 a:hover {
	background-position: -840px -150px;
}
#navi li#navi02_2 a:hover {
	background-position: -800px -150px;
}
#navi li#navi02_3 a:hover {
	background-position: -760px -150px;
}
#navi li#navi02_4 a:hover {
	background-position: -720px -150px;
}
#navi li#navi03 a:hover {
	background-position: -660px -150px;
}
#navi li#navi03_1 a:hover {
	background-position: -620px -150px;
}
#navi li#navi03_2 a:hover {
	background-position: -580px -150px;
}
#navi li#navi04 a:hover {
	background-position: -520px -150px;
}
#navi li#navi05 a:hover {
	background-position: -460px -150px;
}
#navi li#navi05_1 a:hover {
	background-position: -420px -150px;
}
#navi li#navi05_2 a:hover {
	background-position: -380px -150px;
}
#navi li#navi05_3 a:hover {
	background-position: -340px -150px;
}
#navi li#navi06 a:hover {
	background-position: -320px -150px;
}
#navi li#navi07 a:hover {
	background-position: -259px -150px;
}
#navi li#navi08 a:hover {
	background-position: 0 -150px;
}
#navi li#navi09 a:hover {
	background-position: -60px -150px;
}


/* SIDE */
#wrapper #side #side_navi {
	width: 250px;
	border-top: solid 3px #E2D8C5;
	margin-bottom: 20px;
}
#wrapper #side #side_navi li {
	width: 250px;
	list-style-type: none;
}
#wrapper #side #side_navi li a {
	display: block;
	width: 250px;
	background-image: url(../images/common/menu_side.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
#wrapper #side #side_navi li#snavi01 a {
	height: 45px;
	background-position: 0 0;
}
#wrapper #side #side_navi li#snavi02 a {
	height: 45px;
	background-position: 0 -45px;
}
#wrapper #side #side_navi li#snavi02_1 a {
	height: 30px;
	background-position: 0 -90px;
}
#wrapper #side #side_navi li#snavi02_2 a {
	height: 30px;
	background-position: 0 -120px;
}
#wrapper #side #side_navi li#snavi02_3 a {
	height: 30px;
	background-position: 0 -150px;
}
#wrapper #side #side_navi li#snavi02_4 a {
	height: 30px;
	background-position: 0 -180px;
}
#wrapper #side #side_navi li#snavi03 a {
	height: 45px;
	background-position: 0 -210px;
}
#wrapper #side #side_navi li#snavi03_1 a {
	height: 30px;
	background-position: 0 -255px;
}
#wrapper #side #side_navi li#snavi03_2 a {
	height: 30px;
	background-position: 0 -285px;
}
#wrapper #side #side_navi li#snavi04 a {
	height: 45px;
	background-position: 0 -315px;
}
#wrapper #side #side_navi li#snavi05 a {
	height: 45px;
	background-position: 0 -360px;
}
#wrapper #side #side_navi li#snavi05_1 a {
	height: 30px;
	background-position: 0 -405px;
}
#wrapper #side #side_navi li#snavi05_2 a {
	height: 30px;
	background-position: 0 -435px;
}
#wrapper #side #side_navi li#snavi06 a {
	height: 45px;
	background-position: 0 -465px;
}
#wrapper #side #side_navi li#snavi07 a {
	height: 45px;
	background-position: 0 -510px;
}
#wrapper #side #side_navi li#snavi01 a:hover {
	background-position: -250px 0;
}
#wrapper #side #side_navi li#snavi02 a:hover {
	background-position: -250px -45px;
}
#wrapper #side #side_navi li#snavi02_1 a:hover {
	background-position: -250px -90px;
}
#wrapper #side #side_navi li#snavi02_2 a:hover {
	background-position: -250px -120px;
}
#wrapper #side #side_navi li#snavi02_3 a:hover {
	background-position: -250px -150px;
}
#wrapper #side #side_navi li#snavi02_4 a:hover {
	background-position: -250px -180px;
}
#wrapper #side #side_navi li#snavi03 a:hover {
	background-position: -250px -210px;
}
#wrapper #side #side_navi li#snavi03_1 a:hover {
	background-position: -250px -255px;
}
#wrapper #side #side_navi li#snavi03_2 a:hover {
	background-position: -250px -285px;
}
#wrapper #side #side_navi li#snavi04 a:hover {
	background-position: -250px -315px;
}
#wrapper #side #side_navi li#snavi05 a:hover {
	background-position: -250px -360px;
}
#wrapper #side #side_navi li#snavi05_1 a:hover {
	background-position: -250px -405px;
}
#wrapper #side #side_navi li#snavi05_2 a:hover {
	background-position: -250px -435px;
}
#wrapper #side #side_navi li#snavi06 a:hover {
	background-position: -250px -465px;
}
#wrapper #side #side_navi li#snavi07 a:hover {
	background-position: -250px -510px;
}
#wrapper #side #side_blog {
	width: 250px;
	height: 60px;
}
#wrapper #side #side_blog a {
	display: block;
	width: 250px;
	height: 60px;
	background-image: url(../images/common/bnr_blog.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#wrapper #side #side_blog a:hover {
	background-position: bottom;
}

#wrapper #start {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
#wrapper #start p {
	margin-top: 20px;
}