@charset "utf-8";

#topicpath, #pageMenu, .box, .pagetop, .column {
	margin:0 auto;
	width:980px;
}
h2 {
	height:140px;
}
strong {
	color:#e60012;
	font-weight:bold;
}
table {
	width:100%;
}
table tr > * {
	padding:10px 5px;
	text-align:center;
	font-size:13px;
	line-height:1.4;
	color:#043724;
	border:1px solid #043724;
	background-color:#fff;
}
table thead tr > * {
	color:#043724;
	font-weight:bold;
	background-color:#f6f7c4;
}
table tr th:first-child {
	color:#fff;
	font-weight:bold;
	background-color:#83bd40;
}
table tr.txt td {
	padding:10px;
	text-align:left;
	vertical-align:top;
}
table tr.list td {
	text-align:left;
	vertical-align:top;
}
table ul {
	margin-left:20px;
}
table li {
	margin-bottom:5px;
	list-style:disc;
	line-height:1.4;
}

/* topicpath
-----------------------------------------------------------------------------*/
#topicpath {
	padding:10px 0;
	font-size:12px;
	font-weight:bold;
}
#topicpath a {text-decoration:none;}
#topicpath a:hover {text-decoration:underline;}

#pageMenu {
	padding:10px 0;
	text-align:center;
	line-height:2;
}
#pageMenu a.woman {
	color:#ff64ab;
}

/* box
-----------------------------------------------------------------------------*/
.box {
	padding:30px;
	border:4px solid #2f190c;
	border-radius:10px;
	background-color:#fff;
	box-shadow:1px 2px 0 1px #2f190c;
	position:relative;
	behavior:url(../css/PIE.htc);
}
.box h3 {
	margin-bottom:20px;
	padding-left:13px;
	border-left:7px solid #83bd40;
	font-size:28px;
}
.box h4 {
	margin-bottom:15px;
	font-size:18px;
	font-weight:bold;
	color:#043724;
}
.box p {
	line-height:1.5;
}
.box .lead {
	margin-bottom:25px;
	padding:10px 20px;
	background-color:#f6f7c4;
	font-weight:bold;
	font-size:16px;
}
.kokokara {
	padding-top:25px;
	text-align:center;
}
.kokokara a:hover {opacity:0.9;}
.pagetop {
	margin-bottom:10px;
	padding-right:20px;
	text-align:right;
}
.pagetop a {
	display:inline-block;
	width:130px;
	height:26px;
}
.pagetop a:hover {opacity:0.9;}

/* column
-----------------------------------------------------------------------------*/
.column {
	position:relative;
	padding:45px 30px 25px 215px;
	background:url(../img/common/columnBg.png) repeat-y;
}
.column:before {
	content:url(../img/common/columnTop.png);
	width:980px;
	height:117px;
	position:absolute;
	top:0;
	left:0;
}
.column:after {
	content:url(../img/common/columnBtm.png);
	width:116px;
	height:177px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
.column h3 {
	position:relative;
	margin-bottom:30px;
	padding:13px 20px;
	font-size:25px;
	color:#043724;
	background-color:#fff;
	border-radius:10px;
}
.column h3:before {
	content:url(../img/common/columnTit.png);
	width:158px;
	height:137px;
	position:absolute;
	left:-157px;
	top:-20px;
}
.column p {
	line-height:1.4;
}
.font16 {
	font-size:16px;
	font-weight:bold;
}

/*-----------------------------------------------------------------------------
 page
-----------------------------------------------------------------------------*/
#p01 #content1 ul,
#p02 #content2 ul {
	position:relative;
	margin-left:20px;
	padding-top:10px;
	min-height:140px;
}
#p01 #content1 ul:before,
#p02 #content2 ul:before {
	content:url(../img/common/sense.png);
	position:absolute;
	right:30px;
	top:-10px;
}
#p01 #content1 ul li,
#p02 #content2 ul li {
	float:left;
	padding:2px 0;
	width:400px;
	list-style:disc;
	line-height:1.3;
}

/* basic
-----------------------------------------------------------------------------*/
#basic #check {
	position:relative;
	padding:20px 20px 45px;
	background-color:#fff;
	border:1px solid #37a700;
}
#basic #check a {
	position:absolute;
	bottom:15px;
}
#basic #check a:nth-child(1){left:0;}
#basic #check a:nth-child(2){left:195px;}
#basic #check a:nth-child(3){left:370px;}
#basic #check a:nth-child(4){right:25px;}
#basic #check a:hover {opacity:0.9;}

/* p01
-----------------------------------------------------------------------------*/
#p01 #content2 .lead {
	position:relative;
	padding-right:200px;
}
#p01 #content2 .lead:after {
	content:url(../img/01/img2.png);
	width:86px;
	height:88px;
	position:absolute;
	right:50px;
	bottom:0;
}

/* p02
-----------------------------------------------------------------------------*/
#p02 #content1 .lead {
	position:relative;
	padding-right:200px;
}
#p02 #content1 .lead:after {
	content:url(../img/02/img1.png);
	width:71px;
	height:94px;
	position:absolute;
	right:50px;
	bottom:0;
}
#p02 #content1 .img {
	float:right;
	margin-left:25px;
	width:400px;
	height:300px;
}

/* p03
-----------------------------------------------------------------------------*/
#p03 #content3 ul {
	margin-left:20px;
}
#p03 #content3 ul li {
	padding:2px 0;
	list-style:disc;
	line-height:1.3;
	font-weight:bold;
}
#p03 #content3 ul li strong {
	padding:2px 0;
	background-color:#fff100;
}
#p03 #content5 #img1 {
	float:right;
	margin-left:40px;
}
#p03 #content5 .big {
	font-size:120%;
	font-weight:bold;
}
#p03 #content5 #net {
	padding-left:450px;
	height:196px;
	background:url(../img/03/img11.jpg) no-repeat;
}
#p03 #content6{
	background:#fff url(../img/03/img12.png) no-repeat 830px 320px;
}
#p03 #content6 p.lead {
	width:auto!important;
}
#p03 #content6 p {
	width:760px;
}

/* pre
-----------------------------------------------------------------------------*/
#pre #content2 li {
	float:none;
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.5;
}
#pre #taisaku2,
#pre #taisaku3 {
	position:relative;
	width:630px;
}
#pre #taisaku2:after,
#pre #taisaku3:after {
	position:absolute;
	right:-240px;
	bottom:-20px;
}
#pre #taisaku2:after {content:url(../img/pre/img3.png);}
#pre #taisaku3:after {content:url(../img/pre/img4.png);}

#pre #content3 #ashitaba {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#pre #content3 #big {
	font-size:140%;
}
#pre #content3 a {
	display:block;
	margin-bottom:10px;
	font-size:140%;
	font-weight:bold;
}

#pre #content4 {
	background:#fff url(../img/pre/img6.png) no-repeat 810px 640px;
}
#pre #content4 .mgb20 {
	width:740px;
}
#pre #content6 .left {float:left;}
#pre #content6 .right {float:right;}
#pre #content6 #lead2 .left {width:555px;}
#pre #content6 #lead2 .right {width:340px;}
#pre #content6 .labomo .left {width:300px;}
#pre #content6 .labomo .left div {
	padding-top:5px;
	font-size:12px;
}
#pre #content6 .labomo .right {width:580px;}
#pre #content6 .labomo .boxPink {
	padding:20px;
	background-color:#fbe0e9;
}
#pre #content6 .labomo .boxPink h5 {
	margin-bottom:15px;
	font-size:16px;
	color:#ed6292;
}
#pre #content6 .labomo .boxPink .clearfix div {
	float:left;
	width:120px;
	font-size:12px;
	line-height:1.5;
}
#pre #content6 .labomo .boxPink .clearfix p {
	float:right;
	width:410px;
}


/* faq
-----------------------------------------------------------------------------*/
#faq dt {
	position:relative;
	padding:15px 15px 13px 40px;
	font-size:130%;
	background-color:#f6f7c4;
}
#faq dt:after {
	content:url(../img/faq/q.png);
	position:absolute;
	left:15px;
	top:15px;
	width:19px;
	height:15px;
}
#faq dd {
	padding:10px 15px 30px;
	line-height:1.4;
}
#faq dd:last-child {
	padding-bottom:0;
}

/* sitemap & company
-----------------------------------------------------------------------------*/
#sitemap, #company {
	margin-top:30px;
}
#sitemap h2, #company h2 {
	margin-bottom:20px;
	padding-left:13px;
	border-left:7px solid #83bd40;
	font-size:28px;
	height:auto;
}
#sitemap ul {
	border-top:1px solid #043724;
}
#sitemap li {
	padding:15px 10px 13px 30px;
	border-bottom:1px solid #043724;
	background:url(../img/common/blt2.png) no-repeat 5px center;
}
#company th {
	width:10em;
}
#company td {
	padding-left:25px;
	text-align:left;
}