@charset "EUC-JP";
/* CSS Document */

@import url("common.css");

/*-- try-box --
--------------------------------------------------------------------*/
#top h2.title-try-box {
	background: url(../../images/h2_try.gif) no-repeat left top;
	width: 670px;
	height: 90px;
	display: block;
	text-indent: -9999px;
}

#top #try-box {
	background: url(../../images/bg_try.jpg) no-repeat center top;
	width: 670px;
	height: auto;
	position: relative;
}

#top #try-box h3.care {
	background: url(../../images/try_care.gif) no-repeat left top;
	width: 292px;
	height: 274px;
	position: absolute;
	margin: 10px 0 0 10px;
	display: block;
	text-indent: -9999px;
}

#top #try-box h3.campaign {
	background: url(../../images/try_campaign.gif) no-repeat left top;
	width: 274px;
	height: 274px;
	position: absolute;
	margin: 50px 0 0 390px;
	display: block;
	text-indent: -9999px;
}

#top #try-box p.topics {
	background: url(../../images/topics_nn.gif) no-repeat left top;
	width: 545px;
	height: 85px;
	position: absolute;
	margin: 420px 0 0 62px;
	display: block;
	text-indent: -9999px;
}

#top #try-box p.topics-txt {
	background: url(../../images/topics_nn_txt.gif) no-repeat left top;
	width: 670px;
	height: 80px;
	position: absolute;
	margin: 520px 0 0 0;
	display: block;
	text-indent: -9999px;
}

#top #try-box div.free-try a {
	background: url(../../images/btn_try.gif) no-repeat left top;
	width: 603px;
	height: 138px;
	position: absolute;
	margin: 630px 0 0 35px;
	display: block;
	text-indent: -9999px;
}

#top #try-box div.free-try a:hover {
	background: url(../../images/btn_try.gif) no-repeat left bottom;
	width: 603px;
	height: 138px;
	position: absolute;
	margin: 630px 0 0 35px;
	display: block;
	text-indent: -9999px;
}

#top #try-box ul {
	position: absolute;
	margin: 800px 0 0 10px;
}

#top #try-box ul.try-point li {
	display: block;
	float: left;
	text-indent: -9999px;
}

#top #try-box ul.try-point li.t-y-01 {
	background: url(../../images/try_point_01.gif) no-repeat left top;
	width: 125px;
	height: 45px;
}

#top #try-box ul.try-point li.t-y-02 {
	background: url(../../images/try_point_02.gif) no-repeat left top;
	width: 205px;
	height: 45px;
}

#top #try-box ul.try-point li.t-y-03 {
	background: url(../../images/try_point_03.gif) no-repeat left top;
	width: 192px;
	height: 45px;
}

#top #try-box ul.try-point li.t-y-04 {
	background: url(../../images/try_point_04.gif) no-repeat left top;
	width: 135px;
	height: 45px;
}

/*-- inq-box --
--------------------------------------------------------------------*/
#top div.contents-inq-box {
	margin: 15px 3px;
	background: url(../../images/bg_inquiry.gif) no-repeat left top;
	width: 670px;
	height: 112px;
}

#top div.contents-inq-box p {
	position: absolute;
	top: -9999px;
}

#top div.contents-inq-box div.btn-mail a {
	background: url(../../images/btn_mail.gif) no-repeat left top;
	width: 103px;
	height: 30px;
	display: block;
	position: absolute;
	margin: 76px 0 0 552px;
	text-indent: -9999px;
}

#top div.contents-inq-box div.btn-mail a:hover {
	background: url(../../images/btn_mail.gif) no-repeat left bottom;
	width: 103px;
	height: 30px;
	display: block;
	position: absolute;
	margin: 76px 0 0 552px;
	text-indent: -9999px;
}

/*-- merit > index --
--------------------------------------------------------------------*/
#top #main-wrap div.main h2.title-index {
	background: url(../../images/h2_index.gif) no-repeat left top;
	width: 265px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}

#top #main-wrap div.main h3.merit {
	background: url(../../images/index_main.gif) no-repeat left top;
	width: 670px;
	height: 260px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

#top #main-wrap div.main div.ans-01 {
	background: url(../../images/index_ans_01.gif) no-repeat left top;
	width: 670px;
	height: 131px;
	display: block;
}

#top #main-wrap div.main div.ans-02 {
	background: url(../../images/index_ans_02.gif) no-repeat left top;
	width: 670px;
	height: 131px;
	display: block;

}
#top #main-wrap div.main div.ans-03 {
	background: url(../../images/index_ans_03.gif) no-repeat left top;
	width: 670px;
	height: 131px;
	display: block;
}

#top #main-wrap div.main div.ans-01 h4,
#top #main-wrap div.main div.ans-02 h4,
#top #main-wrap div.main div.ans-03 h4 {display:none;}

#top #main-wrap div.main div.ans-01 p,
#top #main-wrap div.main div.ans-02 p,
#top #main-wrap div.main div.ans-03 p {
	position: absolute;
	margin: 60px 0 0 120px;
	width: 275px;
	line-height: 150%;
	font-size: 90%;
}


#top #main-wrap div.main div.go-merit a {
	background: url(../../images/btn_merit.gif) no-repeat left top;
	width: 603px;
	height: 138px;
	margin: 20px 0 20px 35px;
	display: block;
	text-indent: -9999px;
}

#top #main-wrap div.main div.go-merit a:hover {
	background: url(../../images/btn_merit.gif) no-repeat left bottom;
	width: 603px;
	height: 138px;
	margin: 20px 0 20px 35px;
	display: block;
	text-indent: -9999px;
}


#top #main-wrap div.main .service {background:#ededed;padding:0 0 5px 0;margin: 10px 0 0 0;}
#top #main-wrap div.main .service ul {list-style:none}
#top #main-wrap div.main .service ul li{margin:5px 0px 0px 8px;float:left;}
*html #top #main-wrap div.main .service ul li{margin:5px 0px 0px 5px;float:left;}
#top #main-wrap div.main .service ul li a{width:323px ;height:64px;display:block;text-indent:-9999px;}
#top #main-wrap div.main .service ul li.btn_nursing a{background:transparent url("../../images/index_btn_nursing.gif") no-repeat left top;}
#top #main-wrap div.main .service ul li.btn_nursing a:hover{background:transparent url("../../images/index_btn_nursing.gif") no-repeat left bottom;}
#top #main-wrap div.main .service ul li.btn_prevention a{background:transparent url("../../images/index_btn_prevention.gif") no-repeat left top;}
#top #main-wrap div.main .service ul li.btn_prevention a:hover{background:transparent url("../../images/index_btn_prevention.gif") no-repeat left bottom}

/*-- news --
--------------------------------------------------------------------*/
#top #news {
	margin: 20px 0 0 0;
	font-size: 80%;
}
#top #news h2 {
	/*background: url(../../images/h2_news.gif) no-repeat left top;*/
	width: 702px;
	height: 40px;
	display: block;
}
#top #news dl {
	margin: 20px;
}
#top #news dl dt {
	font-weight: bold;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #666666;
}
#top #news dl dt span.day {
	margin: 0 10px 0 0;
	color: #cc0000;
}
#top #news dl dd {
	line-height: 150%;
	margin: 5px 0 10px 0;
}

/*-- link --
--------------------------------------------------------------------*/
#top #link {
	margin: 20px 0 0 0;
}
#top #link h2 {
	/*background: url(../../images/h2_link.gif) no-repeat left top;*/
	width: 702px;
	height: 40px;
	display: block;
}
#top #link ul {
	margin: 10px 0 0 0;
	list-style:none;
	text-align: center;
}

#top #link ul li {
	margin: 0 0 0 42px;
	/*margin: 0 0 0 4px;*/
	float: left;
}
*html #top #link ul li {
	margin: 0 0 0 28px;
	/*margin: 0 0 0 4px;*/
	float: left;
}
#top #link ul li.bn-01 a {
	background: url(../../images/banner_01.jpg) no-repeat left top;
	width: 170px;
	height: 68px;
	/*text-indent: -9999px;*/
	display: block;
}
#top #link ul li.bn-02 a {
	background: url(../../images/banner_02.jpg) no-repeat left top;
	width: 170px;
	height: 68px;
	/*text-indent: -9999px;*/
	display: block;
}
#top #link ul li.bn-03 a {
	background: url(../../images/banner_03.jpg) no-repeat left top;
	width: 170px;
	height: 68px;
	/*text-indent: -9999px;*/
	display: block;
}
#top #link ul li.bn-04 a {
	background: url(../../images/banner_04.jpg) no-repeat left top;
	width: 170px;
	height: 68px;
	/*text-indent: -9999px;*/
	display: block;
}

/*-- top renewal --
--------------------------------------------------------------------*/

.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0; 
    visibility: hidden;
}


.main #toparea {
	width: 649px;
	background: url(../../images/topcatch_bodybg.jpg) repeat-y;
	margin: 0 auto;
}
.main #toparea #catch {
	background: url(../../images/topcatch_bg.jpg) no-repeat top;
}
.main #toparea #catch  h2 {
	float:left;
	padding-left: 10px;
	width: 405px;
}
.main #toparea #catch .trialbtn {
	float:left;
	padding-top: 23px;
	padding-left: 14px;
	width: 198px;
	text-align: center;
}
.main #toparea #catch p#subcatch {
	clear: both;
	padding-top: 20px;
	padding-left: 20px;
	font-weight: bold;
}
.main #toparea #catch table {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	border-left: 2px solid #BABCB9;
	border-top: 2px solid #BABCB9;
	width: 605px;
	background: #FFF;
}
.main #toparea #catch table .head th,.main #toparea #catch table .head td {
	font-weight: bold;
}
.main #toparea #catch table th,.main #toparea #catch table td {
	padding: 5px;
	font-size: 12px;
	border-right: 2px solid #BABCB9;
	border-bottom: 2px solid #BABCB9;
}
.main #toparea #catch table th {
	background: #FFD5D6;
	font-weight: normal;
}
.main #toparea a#entrybtn {
	display: block;
	text-align: center;
}
.main #toparea p.notice {
	background: url(../../images/topcatch_btm_bg.jpg) no-repeat bottom;
	padding: 20px;
	letter-spacing: -1px;
	text-align: center;
}
.main #toparea p.notice b {
	font-size: 14px;
	letter-spacing: 1px;
}
.main .top2column {
	width: 649px;
	margin:20px auto 0;
	padding-top:20px;
	border-top: 1px dotted #BABCB9;
}
.main .top2column .smallbox {
	width: 308px;
	height: 390px;
	border: 2px solid #BABCB9;
	font-size: 12px;
	position: relative;
}
.main .top2column .smallbox.left { float:left; }
.main .top2column .smallbox.right { float:right; }

.main .top2column .smallbox h3 {
	line-height: 35px;
	padding-bottom: 10px;
	background: url(../../images/box_titbg.jpg) no-repeat;
	font-size: 14px;
	padding-left: 35px;
}
.main .top2column .smallbox img {
	margin-left:10px;
}
.main .top2column .smallbox p {
	margin:10px;
}
.main .top2column .smallbox a.entrybtn {
	position: absolute;
	bottom: 10px;
	left: 0;
}
.main .entry-area {
	margin: 20px auto 0;
	width: 646px;
}
.main .entry-area img.tel {
	padding-left: 265px;
}
*html .main .entry-area img.tel {
	margin-left: 265px;
}

.main .entry-area#fax-mail {
	background: url(../../images/column_bg236.jpg) no-repeat;
	height: 176px;
	clear:both;
}
.main .entry-area#fax-mail .entrybox {
	width: 620px;
	margin: 8px auto 0px;
}
*html .main .entry-area#fax-mail .entrybox {
	width: 630px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 10px;
}
.main .entry-area#fax-mail .entrybox a.crack {
	margin-left: 2px;
}
.main .entry-area#freetrial {
	background: url(../../images/column_bg214.jpg) no-repeat;
	height: 131px;
	clear:both;
	padding-top:10px;
}
.main .entry-area#freetrial img.entrybtn {
	display: block;
	width: 613px;
	margin: 0 auto 5px;
}
.main .top1column {
	width: 641px;
	border: 2px solid #BABCB9;
	font-size: 12px;
	margin: 20px auto 0;
}
.main .top1column h3 {
	line-height: 35px;
	padding-bottom: 10px;
	background: url(../../images/box_titbg594.jpg) no-repeat;
	font-size: 14px;
	padding-left: 35px;
}
.main .top1column .clmn-wrap { margin-left: 14px; }
.main .top1column .clmn-wrap img { padding-right: 5px; }
.main .top1column img.mg-lft { padding-left: 10px; }
.main .top1column p { margin: 10px; }
.main .top1column .f-rgt { float: right; }
.main .top1column .f-lft { float: left; }
.main .top1column .btn-wrap {
	width: 620px;
	margin: 10px auto 15px;
}
*html .main .top1column .btn-wrap {
	width: 630px;
	margin: 10px auto 15px auto;
	padding: 0px 0px 0px 5px;
}