@charset "Shift_JIS";
/*----------------------------------------

	+ wrapper
		- title
		- box
		- footer

-----------------------------------------*/

#content {
	position: relative;
	margin-top: 159px;
}

#snav ul {
	padding: 6px 201px 6px 207px;
}

/*----------------------------------------
	title
-----------------------------------------*/

#title {
	padding-bottom: 27px;
}

#title h1 {
	float: left;
	padding: 92px 0 0 20px;
	text-align: left;
}

#title .text p {
	margin: 29px 0 0 1px;
}

#title p.pic {
	float: right;
	padding: 25px 21px 0 0;
}

/*----------------------------------------
	box
-----------------------------------------*/

.box {
	padding: 45px 20px 44px;
	border-top: 1px solid #e5e5e5;
}

.box p.btn {
	text-align: right;
}

/* what */

#what .title .text {
	float: left;
}

#what .title .text h2 {
	margin-bottom: 22px;
}

#what .title p.btn {
	float: right;
	margin-top: 29px;
}

/* box00 */

#box00 h2 {
	margin-bottom: 25px;
}

#box00 .kanpan {
	float: left;
	margin-top: 16px;
	width: 310px;
}

#box00 .kanpan .font_small {
	position: relative;
	padding-bottom: 42px;
	text-align: center;
	background: url(../img/index_00_kanpan_bg01.gif) left bottom no-repeat;
}

#box00 .kanpan h3 {
	position: absolute;
	top: -16px;
	left: -15px;
}

#box00 .kanpan p.pic {
	padding-top: 46px;
	background: url(../img/index_00_kanpan_bg02.gif) left top no-repeat;
}

#box00 .kanpan p.btn {
	margin-top: 15px;
}

#box00 .other {
	float: right;
	width: 580px;
}

#box00 .other h3 {
	margin-bottom: 9px;
}

#box00 .other ul {
	position: relative;
	margin: 0 -29px 0 -17px;
}

#box00 .other li {
	float: left;
	width: 208px;
	text-align: center;
}

#box00 .other div.clearfix {
	padding-bottom: 25px;
}

#box00 .other .title {
	position: relative;
	float: left;
	margin: 0 -4px 0 0;
	width: 195px;
	text-align: left;
}

#box00 .other .title p {
	width: 180px;
}

#box00 .other p.font_vsmall {
	padding: 10px 0 0 96px;
}

#box00 .kanpan p.text,
#box00 li p.text {
	position: relative;
	padding-top: 7px;
}

#box00 .kanpan p.text {
	padding-top: 12px;
}

#box00 .kanpan p.text img,
#box00 li p.text img {
	padding-left: 7px;
	vertical-align: middle;
}

#box00 a:link,
#box00 a:visited {
	color: #585858;
	text-decoration: none;
}

#box00 a:hover,
#box00 a:active {
	color: #585858;
	text-decoration: underline;
}

/* box01 */

#box01 ol {
	margin: 19px 0 0 2px;
}

#box01 li {
	float: left;
	padding: 1px 0 0 23px;
	width: 144px;
	text-align: center;
}

#box01 li.pic02 {
	padding: 6px 0 0 0;
	width: 143px;
}

#box01 li.pic03 {
	padding: 32px 0 0 24px;
	width: 198px;
}

#box01 li.pic04 {
	padding: 6px 0 0 22px;
	width: 153px;
}

#box01 li.pic05 {
	padding: 32px 0 0 25px;
	width: 183px;
}

#box01 li p + p {
	margin-top: 11px;
}

#box01 li.pic04 p + p {
	position: relative;
	margin: 11px -10px 0;
}

#box01 ol + p {
	margin-top: 20px;
}

/* box02 */

#box02 h2 {
	margin-bottom: 22px;
}

#box02 p.logo {
	margin: 18px 0 21px;
}

#box02 .sheet {
	margin: 0 0 20px;
	background: url(../../img/cmn_box_bg01.gif) left bottom no-repeat;
}

#box02 .sheet div {
	padding: 22px 46px 21px 41px;
	background: url(../../img/cmn_box_bg02.gif) left top no-repeat;
}

#box02 .sheet th {
	padding-right: 7px;
}

#box02 .sheet td + td {
	padding-left: 17px;
}

#box02 .sheet tr.list01 td {
	padding-top: 7px;
}

#box02 .sheet tr.list02 td {
	padding-top: 4px;
}

#box02 .sheet + p.btn {
	margin-bottom: 20px;
}

#box02 .story {
	background: url(../../img/cmn_redbox_bg01.gif) left bottom no-repeat;
}

#box02 .story > div {
	padding: 14px 10px 15px 26px;
	background: url(../../img/cmn_redbox_bg02.gif) left top no-repeat;
}

#box02 .story p,
#box02 .story .font_small {
	display: inline-table;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
}

#box02 .story p {
	width: 568px;
}

#box02 .story p.pic {
	width: 144px;
}

#box02 .story .font_small p {
	display: block;
	width: 150px;
}

#box02 .story .font_small p + p {
	margin-top: 6px;
}

#box02 .eightweek {
	background: url(../img/index_02_eightweek_bg01.gif) left bottom no-repeat;
}

#box02 .eightweek ul {
	margin-top: 20px;
	background: url(../img/index_02_eightweek_bg02.gif) left top no-repeat;
}

#box02 .eightweek li {
	float: left;
	padding: 20px 38px 19px 27px;
	width: 252px;
}

#box02 .eightweek li.sp {
	padding-right: 0;
}

#box02 .eightweek li h3 + p {
	position: relative;
	margin: -3px 0 8px;
	text-align: center;
}

#box02 .eightweek li p.link {
	margin-top: 9px;
}

#box02 .eightweek + p {
	margin: 12px 0 40px;
	color: #999999;
	text-align: right;
}

#box02 .pagetop {
	padding-right: 0;
}

#box02 .qa {
	margin: 0 0 40px;
	padding: 30px 49px 29px 50px;
	border-top: none;
	background-color: #ddf5fc;
}

#box02 .qa h3 {
	float: left;
}

#box02 .qa div {
	position: relative;
	float: right;
	margin-top: -3px;
	width: 636px;
}

#box02 .qa em {
	font-weight: bold;
}

#box02 .qa p.link {
	float: right;
	margin-top: 10px;
	background-image: url(../img/index_02_link_bg.gif);
}

#box02 .qa p.link a:link,
#box02 .qa p.link a:hover,
#box02 .qa p.link a:active,
#box02 .qa p.link a:visited {
	color: #585858;
}

/* box03 */

#box03 .title .text {
	float: left;
}

#box03 .title .text h2 {
	margin-bottom: 22px;
}

#box03 .title p.btn {
	float: right;
	margin-top: 13px;
}

/* box04 */

#box04 {
	padding-bottom: 44px;
	background: url(../img/index_04_bg.jpg) 626px bottom no-repeat;
}

#box04 .title .text {
	float: left;
}

#box04 .title .text h2 {
	margin-bottom: 22px;
}

#box04 .title p.btn {
	float: right;
	margin-top: 12px;
}

#box04 p.text {
	margin: 120px 0 23px;
}

#box04 > p.btn {
	margin-top: 44px;
	text-align: left;
}

/*----------------------------------------
	fotoer
-----------------------------------------*/

#footer {
	padding-top: 13px;
}