@charset 'UTF-8';

/* Layout */

#header-inner,
#content-inner,
#footer-inner {
	width: 940px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 80px;
	background-color: #77a99c;
}

#header-inner {
	padding: 20px 0;
	color: #fff;
}

#content2 {
	background: url("images/backHead.gif") repeat-x 0 0;
}

#content-inner {
	
}

#footer {
	background-color: #7f7f7f;
}

* html body #footer {
	margin-top: -3px;
}

*+html body #footer {
	margin-top: -3px;
}

#footer-inner {
	padding: 15px 0 30px;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

#footer-inner a {
	color: #fff;
}

#left-column,
#right-column,
#center-column {
	padding-top: 15px;
/*	border: 1px solid #ccc;*/
}


/*********************** 3カラム ***********************/

.column3 #left-column {
	float: left;
	width: 170px;
}

.column3 #left-column-inner {
	padding: 0px;
}

.column3 #right-column {
	float: right;
	width: 250px;
}

.column3 #right-column-inner {
	padding: 0px;
}

.column3 #center-column {
	float: left;
	width: 468px;
	padding-left: 26px;
}

.column3 #center-column-inner {
	padding: 0px;
}

/*********************** 2カラム ***********************/

.column2 #left-column {
	float: left;
	width: 664px;
}

.column2 #left-column-inner {
	padding: 0px;
}

.column2 #right-column {
	float: right;
	width: 250px;
}

.column2 #right-column-inner {
	padding: 0px;
}

/*********************** ヘッダー ***********************/

.style01 #header {
	background-color: #E8AE32;
}
.style02 #header {
	background-color: #EBA7B8;
}
.style03 #header {
	background-color: #B89783;
}
.style04 #header {
	background-color: #AC9ACD;
}
.style05 #header {
	background-color: #929D79;
}
.style06 #header {
	background-color: #5DB1D2;
}
.style07 #header {
	background-color: #908B8B;
}
.style08 #header {
	background-color: #5D90C5;
}
.style09 #header {
	background-color: #8DBD6A;
}

#header .left {
	width: 650px;
}

#header .logo {
	display: block;
	width: 405px;
	height: 20px;
	background: url("images/logo.gif") no-repeat 0 -180px;
	text-indent: -9999px;
}

.style01 #header .logo {
	background-position: 0 0;
}
.style02 #header .logo {
	background-position: 0 -20px;
}
.style03 #header .logo {
	background-position: 0 -40px;
}
.style04 #header .logo {
	background-position: 0 -60px;
}
.style05 #header .logo {
	background-position: 0 -80px;
}
.style06 #header .logo {
	background-position: 0 -100px;
}
.style07 #header .logo {
	background-position: 0 -120px;
}
.style08 #header .logo {
	background-position: 0 -140px;
}
.style09 #header .logo {
	background-position: 0 -160px;
}

#header .description {
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 10px;
}

#header .whatButton {
	float: left;
	display: block;
	width: 168px;
	height: 18px;
	padding-top: 10px;
	background: url("images/whatButton.gif") no-repeat 0 -260px;
	text-indent: -9999px;
}

.style01 #header .whatButton {
	background-position: 0 10px;
}
.style02 #header .whatButton {
	background-position: 0 -20px;
}
.style03 #header .whatButton {
	background-position: 0 -50px;
}
.style04 #header .whatButton {
	background-position: 0 -80px;
}
.style05 #header .whatButton {
	background-position: 0 -110px;
}
.style06 #header .whatButton {
	background-position: 0 -140px;
}
.style07 #header .whatButton {
	background-position: 0 -170px;
}
.style08 #header .whatButton {
	background-position: 0 -200px;
}
.style09 #header .whatButton {
	background-position: 0 -230px;
}

#header .right {
	width: 250px;
}

#header .right form {
	height: 32px;
	padding: 4px;
	background: url("images/formBack.gif") repeat 0 0;
}

#header .right form #wordSearchText {
	float: left;
	display: block;
	width: 160px;
	height: 14px;
	padding: 8px 5px;
	border: 1px solid #999;
	background: #fff;
	font-size: 14px;
	line-height: 1em;
}

#header .right form #wordSearchButton {
	width: 66px;
	height: 32px;
	padding-left: 3px;
	border: 0;
	background: transparent;
}

/*********************** フッター ***********************/

#foot-column {
	clear: both;
	padding-top: 20px;
	text-align: right;
}

#foot-column ul {
	height: 70px;
}

#foot-column ul li {
	float: left;
	padding-left: 10px;
}

#foot-column .pageTop {
	clear: both;
}