@charset "shift_jis";

@import url("common.css");

/* トップページ */

body {background: #FCCA32 url(../img/bg.png) repeat-x fixed center top;}

#main {
	padding: 0px 28px;
}
#contents {background-color: #FFF;}
#hdcopy .photo p {
	width: 83px;
	float: left;
}
p.apply {
	padding-bottom: 35px;
	text-align: center;
}
#hdcopy {
	width: 971px;
}
#hdcopy p.apply {padding-bottom: 0px;}
#hdcopy .photo h1 {
	width: 681px;
	float: left;
}
#hdcopy .photograph {
	width: 290px;
	float: right;
}
#hdcopy .visual {
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#hdcopy .visual li {
	float: left;
}
#hdcopy .applyArea {
	width: 971px;
	height: 177px;
	background: url(../img/bg_01.gif)
}
#hdcopy .offer {
	line-height: 1.4;
	margin-top: -2em;
	margin-left: 122px;
	font-size: 10px;
	color: #666;
}
#applyAreaBtm {
	width: 860px;
	height: 177px;
}
#applyAreaBtm .offer {
	line-height: 1.4;
	margin-top: -5em;
	margin-left: 65px;
	font-size: 10px;
	color: #666;
	width: auto;
}

#indent {padding: 12px 40px 20px 40px;}

dl.member {
	width: 860px;
	padding-bottom: 30px;
}
dl.member.bottom {
	margin-top: 20px;
}
dl.member dt {
	width: 199px;
	float: left;
}
dl.member dd {
	width: 661px;
	float: left;
}

.book {
	width: 820px;
	margin-bottom: 23px;
	padding: 18px 19px;
}
#book1 {border: 1px solid #FD8689;}
#book2 {border: 1px solid #0197D3;}
#book3 {border: 1px solid #0BA554;}
#book4 {
	width: 846px;
	margin-bottom: 30px;
	padding: 5px 6px;
	border: 1px solid #FF707A;
}
.book ul {
	width: 262px;
	float: left;
}
.book ul li {
	width: 131px;
	text-align: right;
	float: left;
}
#book1 ul li {
	width: auto;
	text-align: right;
}
#book2 ul li {
	width: 127px;
	text-align: center;
}
.book ul li a img {margin-top: 6px;}
.book .detail {
	width: 540px;
	float: right;
}
.book .detail h3 {
	margin-bottom: 10px;
	padding: 3px 0px 10px 0px;
}
#book1 .detail h3 {
	margin-top: 21px;
	border-bottom: 1px dashed #FB6F9F;
}
#book2 .detail {
	width: 547px;
}
#book2 .detail h3 {border-bottom: 1px dashed #0097D3;}
#book2 .type04 {
	overflow: hidden;
	zoom: 1;
}
#book2 .type04 dt {
	float: left;
}
#book2 .type04 dd {
	float: right;
}
#book2 .weakBox {
	overflow: hidden;
	zoom: 1;
	width: 517px;
	height: 146px;
	line-height: 1.5;
	padding-right: 30px;
	background: url(../img/bg_weak.jpg) no-repeat right top;
	font-size: 0.85em;

}
#book2 .weakBox strong {
	font-weight: bold;
	color: #184598;
}
#book2 .weakBox dt {
	float: left;
}
#book2 .weakBox dd {
	width: 310px;
	margin-left: 207px;
	padding-top: 3em;
}

#book3 {
	overflow: hidden;
	zoom: 1;
}
#book3 .detail h3 {border-bottom: 1px dashed #0AA553;}
#book3 li {
	width: auto;
	text-align: center;
}
#book3 p {
	text-align: left;
}
#book3 .offer {
	line-height: 1.4;
	margin-left: 15px;
	font-size: 10px;
	color: #666;
}


.book .detail p {
	font-size: 0.85em;
	line-height: 1.6em;
}
.book .detail p span {
	font-weight: bold;
	color: #EB0000;
}
.book .detail p.contain {padding: 0.8em 0em 0.5em 0em;}
.book .detail p.contain img {
	margin-right: 6px;
	vertical-align: middle;
}
#book3 .detail p.offer {
	margin-left: 0;
	font-size: 0.75em;
	color: #1F1F1F;
}

ul.extra {
	margin-bottom: 23px;
	padding: 0.5em 20px;
	background-color: #E3E3E3;
}
ul.extra li {
	width: auto;
	padding: 0em 3em 0em 16px;
	background: url(../img/common/link-arrow-05.gif) no-repeat left center;
	font-size: 0.85em;
	line-height: 1.1em;
	float: left;
}

ul#book4 li {
	width: 396px;
	padding: 7px 12px;
	text-align: center;
	background-color: #FFEEEF;
	float: left;
}
ul#book4 li#live {margin-right: 6px;}
ul#book4 li h3 {
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #FF6F79;
}
ul#book4 li p {padding-bottom: 5px;}

#notice h3 {
	padding: 11px 0px 21px 0px;
	text-align: center;
}
#notice h5 {
	padding-bottom: 0.5em;
	font-size: 0.85em;
	line-height: 1.1em;
}
#notice ul {padding-bottom: 1em;}
#notice ul li {
	margin-left: 1em;
	padding-bottom: 0.3em;
	text-indent: -1em;
	font-size: 0.75em;
	line-height: 1.2em;
}
#notice p {
	padding-bottom: 1em;
	font-size: 0.75em;
	line-height: 1.5em;
}
#notice p.signature {
	padding-bottom: 0em;
	text-align: right;
}
#phone {padding-left: 15px;}
#phone h4 {
	width: 357px;
	padding-top: 23px;
	float: left;
}
#phone ul {
	width: 442px;
	float: right;
}

#btmbtn {
	padding-top: 10px;
	text-align: center;
}
#btmbtn p {padding-top: 1em;}
#btmbtn p img {margin-top: 1em;}

/* mouse over */
.book ul li a:hover img,
ul#book4 li a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

/* fit images on text tags */
#hdcopy,
dl.member,
#main h2,
#main h3,
#main h4,
.book ul,
ul#book4 {
	font-size: 0px;
	line-height: 0px;
}

/* clearfix */
#hdcopy .photo:after,
dl.member:after,
.book:after,
.book ul:after,
ul#book4:after,
ul.extra:after,
#phone:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#hdcopy .photo,
dl.member,
.book,
.book ul,
ul#book4,
ul.extra,
#phone {zoom:100%;}

.mt10 { margin-top:10px;}