@charset: "shift_jis";

@import url("../../common/css/common.css");

/* fixer for common.css */
body {background: repeat-x top;}
#wrap {width: 940px;}
#indent {
	width: 860px;
	padding: 0px 40px;
	background-color: #FBF0C7;
}

/* contents */
#mainimg {
	padding: 14px 0px 0px 11px;
	background: #FBF0C7 url(../img/bg01.gif) repeat-x top;
}
#mainimg .photo {
	width: 416px;
	background: url(../img/photo01.jpg) no-repeat right top;
	float: left;
}
#mainimg .photo p {padding: 369px 0px 5px 33px;}
#mainimg .detail {
	width: 513px;
	float: right;
}
#mainimg .detail h1 {padding-left: 20px;}

p.apply {
	padding: 19px 0px 39px 0px;
	text-align: center;
}
#mainimg p.apply {
	padding: 26px 0px 30px 0px;
	clear: both;
}
p#brother {
	padding: 8px 0px 29px 0px;
	font-size: 0.85em;
	line-height: 1.1em;
	text-align: center;
}
p#brother img {
	margin-right: 5px;
	vertical-align: middle;
}
p.ar {text-align: right;}

#threedays {
	width: 654px;
	margin: 0px 96px;
	padding: 7px;
	background: url(../img/bg02.gif) repeat left top;
}
#delivery {
	padding: 7px 9px 6px 5px;
	background-color: #FFF;
}
#delivery h4 {
	width: 304px;
	float: left;
}
#delivery ul {
	width: 324px;
	float: right;
}
#delivery ul li {
	margin-left: 1em;
	padding-bottom: 0.3em;
	text-indent: -1em;
	font-size: 0.7em;
	line-height: 1.2em;
}
.red {color: #F00;}

#trial {
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: url(../img/bg04.gif) no-repeat left bottom;
}
#trial ul {
	padding: 10px 16px 0px 9px;
	background-color: #FFF;
	border-left: 2px solid #FFAAB5;
	border-right: 2px solid #FFAAB5;
}
#trial ul li {float: left;}
#trial ul li#challenge {
	width: 429px;
	padding-right: 34px;
}
#trial ul li#maruwakari {width: 368px;}
#trial ul li .photo {float: left;}
#trial ul li#challenge .photo {width: 247px;}
#trial ul li#maruwakari .photo {width: 133px;}
#trial ul li h3 {padding: 10px 0px 31px 0px;}
#trial ul li h4 {padding-bottom: 34px;}
#trial ul li p {text-align: right;}
#trial ul li#challenge h3,
#trial ul li#challenge h4,
#trial ul li#challenge p {
	width: 182px;
	float: right;
}
#trial ul li#maruwakari h3,
#trial ul li#maruwakari h4,
#trial ul li#maruwakari p {
	width: 235px;
	float: right;
}

#trlset {
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: url(../img/bg05.gif) no-repeat left bottom;
}
#trlset ol {
	padding: 27px 18px 0px 18px;
	background-color: #FFF;
	border-left: 2px solid #F90;
	border-right: 2px solid #F90;
}
#trlset ol li {
	margin-bottom: 10px;
	padding-bottom: 8px;
}
#trlset ol li#c1 {background: url(../img/bg07.gif) no-repeat right bottom;}
#trlset ol li#c2 {background: url(../img/bg12.gif) no-repeat right bottom;}
#trlset ol li#c3 {
	margin-bottom: 0px;
	background: url(../img/bg17.gif) no-repeat right bottom;
}
#trlset ol li#c1 .conts {background: url(../img/bg06.gif) repeat-y right;}
#trlset ol li#c2 .conts {background: url(../img/bg11.gif) repeat-y right;}
#trlset ol li#c3 .conts {background: url(../img/bg16.gif) repeat-y right;}
#trlset ol li .hdge {padding: 0px 19px 0px 8px;}
#trlset ol li#c1 .hdge {background: url(../img/bg08.gif) no-repeat right top;}
#trlset ol li#c2 .hdge {background: url(../img/bg13.gif) no-repeat right top;}
#trlset ol li#c3 .hdge {background: url(../img/bg18.gif) no-repeat right top;}
#trlset .detail {
	width: 506px;
	float: left;
}
#trlset .detail h3 {padding: 0px 0px 11px 6px;}
#trlset .detail p.sample {
	width: 246px;
	padding-bottom: 15px;
	float: left;
}
#trlset .detail .check {
	width: 251px;
	padding-top: 8px;
	float: right;
}
#trlset .detail h4 {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#c1 h4 {border-bottom: 1px dashed #53B848;}
#c2 h4 {border-bottom: 1px dashed #00A1DC;}
#c3 h4 {border-bottom: 1px dashed #F15B67;}
#trlset .detail p {
	padding-bottom: 0.5em;
	font-size: 0.75em;
	line-height: 1.3em;
}
#trlset .subject {
	width: 278px;
	padding: 16px 0px 11px 0px;
	float: right;
}
#trlset .subject table {
	width: 276px;
	border-collapse: collapse;
}
#c1 table {border: 1px solid #54B849;}
#c2 table {border: 1px solid #02A1DC;}
#c3 table {border: 1px solid #F15D69;}
#c1 table tr th,
#c1 table tr td {background: url(../img/bg09.gif) repeat left top;}
#c1 table tr.lt th,
#c1 table tr.lt td {background: url(../img/bg10.gif) repeat left top;}
#c2 table tr th,
#c2 table tr td {background: url(../img/bg14.gif) repeat left top;}
#c2 table tr.lt th,
#c2 table tr.lt td {background: url(../img/bg15.gif) repeat left top;}
#c3 table tr th,
#c3 table tr td {background: url(../img/bg19.gif) repeat left top;}
#c3 table tr.lt th,
#c3 table tr.lt td {background: url(../img/bg20.gif) repeat left top;}
#trlset .subject table th {
	width: 67px;
	padding: 12px 0px;
	text-align: center;
	border: none;
}
#trlset .subject table td {
	width: 209px;
	font-size: 0.75em;
	line-height: 1.3em;
	border: none;
}

.minute {
	margin-bottom: 20px;
	padding-bottom: 7px;
	background: url(../img/bg21.gif) no-repeat left bottom;
}
.explain {
	padding-top: 7px;
	background: url(../img/bg22.gif) no-repeat left top;
}
.explain dl {
	padding: 7px 18px 0px 10px;
	border-left: 2px solid #FFA216;
	border-right: 2px solid #FFA216;
	background-color: #FFF;
}
.explain dl dt {
	width: 307px;
	font-size: 0px;
	line-height: 0px;
	float: left;
}
.explain dl dd {
	width: 491px;
	padding-top: 15px;
	float: right;
}
.explain h4 {
	margin-bottom: 15px;
	padding: 20px 0px 11px 0px;
	border-bottom: 1px dotted #FFA114;
}
.explain p {
	font-size: 0.85em;
	line-height: 1.6em;
}

#notice {
	margin-bottom: 30px;
	background: url(../img/bg23.gif) repeat-y left;
}
#notice ul {
	padding-bottom: 8px;
	background: url(../img/bg24.gif) no-repeat left bottom;
}
#notice ul li {
	width: 420px;
	float: left;
}
#notice ul li#confirm {padding-right: 20px;}
#notice p {
	width: 386px;
	padding: 13px 0px 5px 18px;
	font-size: 0.75em;
	line-height: 1.6em;
}

.etc {padding-bottom: 25px;}
.etc h3,
#join h3 {
	margin-bottom: 12px;
	padding: 11px 0px;
	background: url(../img/bg25.gif) no-repeat left top;
	text-align: center;
}
.etc h6 {
	padding: 1em 0em 0.3em 0em;
	font-size: 1em;
	line-height: 1.1em;
	color: #0294DD;
}
.etc ul li {
	margin-left: 1em;
	padding-bottom: 0.3em;
	text-indent: -1em;
	font-size: 0.75em;
	line-height: 1.3em;
}
.etc p {
	font-size: 0.75em;
	line-height: 1.6em;
}
#phone ul {
	width: 460px;
	float: right;
}
#phone h4 {
	width: 370px;
	padding: 36px 0px 0px 20px;
	float: left;
}

/* clearfix */
#delivery:after,
#trial ul:after,
#trial ul li:after,
#trlset ol:after,
.hdge:after,
#trlset .detail:after,
.explain dl:after,
#notice ul:after,
#phone:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#delivery,
#trial ul,
#trial ul li,
#trlset ol,
.hdge,
#trlset .detail,
.explain dl,
#notice ul,
#phone {zoom:100%;}


/* パターン1用
------------------------------------------- */
#important {
	margin-bottom: 20px;
	padding-bottom: 15px;
	background: url(../img/bg04.gif) no-repeat left bottom;
}
#important .inner {
	padding: 10px 18px 5px 18px;
	border-left: 2px solid #FFAAB5;
	border-right: 2px solid #FFAAB5;
	background-color: #FFF;
}
#important ul {
	width: 820px;
	padding-bottom: 5px;
	background: #FFF url(../img/bg26_p1.gif) no-repeat left bottom;
	zoom: 1;
	overflow: hidden;
}

#important .jh1 {
	width: 265px;
	float: left;
	margin-right: 13px;
}
	#important .jh1 div {
		padding: 5px;
		border-left: 1px solid #53B848;
		border-right: 1px solid #53B848;
	}
		
#important .jh2 {
	width: 265px;
	float: left;
	margin-right: 12px;
}
	#important .jh2 div {
		padding: 5px;
		border-left: 1px solid #00A1DC;
		border-right: 1px solid #00A1DC;
	}

#important .jh3 {
	width: 265px;
	float: left;
}
	#important .jh3 div {
		padding: 5px;
		border-left: 1px solid #F15B67;
		border-right: 1px solid #F15B67;
	}
#important h4 {
	margin-top: 14px;
	margin-bottom: 14px;
}
#important p {
	line-height: 1.6;
	font-size: 80%;
}
#important .figure {
	margin: 35px 0 10px 0;
	text-align: center;
}
#important ul p.offer {
	padding: 0 5px;
	line-height: 1.2;
	font-size: 65%;
}




/* ここまで --------------------------------*/