@charset "utf-8";

/* インデックス */
#index {
	width:728px;
	float:left;
	position:relative;
}
#index h1 {
	background: url(../../img/wlp/home_main.jpg) no-repeat;
	width:466px;
	height:263px;
	text-indent: -9999px;
	margin-bottom:16px;
	float:left;
}
#index h1 a {
	display:block;
	width:466px;
	height:263px;
}
#index #boad {
	float:right;
}
#index #message h2 {
	color:#1b1d1f;
	font-size:16px;
	line-height:26px;
	background: url(../../img/wlp/icon_news2.gif) no-repeat;
	background-position: 0px 0px;
	padding-left:35px;
	margin-bottom:3px;
}
#index #message {
	background: url(../../img/wlp/back_message.jpg) no-repeat 0px 0px;
	width:263px;
	height:192px;
	position:absolute;
	left:475px;
	top:74px;
	padding-top:24px;
	padding-left:17px;
}
#index #message table {
	padding:0px;
	margin:0px;
	margin-bottom:8px;
}
#index #message p {
	margin-bottom:8px;
}
#index #message table td,
#index #message table th {
}
#index #message .mess_viewa {
	background: url(../../img/wlp/icon_message.gif) no-repeat 0px 1px;
	padding-left:20px;
	width:200px;
	margin-bottom:2px;
}
#index #message .mess_date {
	padding-left:20px;
	font-size:10px;
}
#index #topics {
	width:466px;
	float:left;
	margin-right:12px;
}
#index #topics h2 {
	color:#1b1d1f;
	font-size:16px;
	line-height:22px;
	background: url(../../img/wlp/icon_news.gif) no-repeat;
	background-position: 0px 0px;
	padding-left:35px;
	margin-bottom:10px;
	float:left;
}
#index #topics p{
	float:right;
	margin-right:7px;
	font-size:10px;
	margin-top:4px;
}
#index #topics .topiclist{
	clear:both;
	margin-bottom:6px;
}
#index #topics .topiclist .topicdate{
	display:block;
	float:left;
	font-size:10px;
	line-height:16px;
	color:#999;
}
#index #topics .topiclist .topicarticle{
	display:block;
	margin-left:80px;
	font-size:14px;
	line-height:18px;
}
#index #topics .topiclist .topicarticle strong{
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#1a467f;
}
#index #advice {
	float:left;
	background: url(../../img/wlp/back_advice_picture.jpg) no-repeat left bottom;
	height:169px;
}
#index #advice p {
	width:115px;
	margin-left:10px;
	margin-top:18px;
}
#index #success {
	clear:both;
	height:236px;
	background-color:#e2e2e2;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	margin-bottom:20px;
}
#index #success h3 {
	margin-top:16px;
	margin-bottom:3px;
}
#index #success p {
	font-size:10px;
	margin-left:52px;
	margin-bottom:13px;
}
#index #success .story {
	width:211px;
	height:144px;
	background: url(../../img/wlp/back_success_white.gif) no-repeat ;
	padding-top:10px;
	padding-left:15px;
	position:relative;
	margin-left:10px;
	float:left;
}
#index #success .story .loss {
	color:#1a467f;
	font-size:10px;
	line-height:20px;
}
#index #success .story .loss strong {
	color:#0098db;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
}
#index #success .story h3 {
	font-size:14px;
	width:200px;
	color:#938459;
	margin-top:10px;
	margin-bottom:5px;
}
#index #success .story h3 strong {
	color:#ff0000;
}
#index #success .story p {
	margin-left:0px;
	margin-bottom:0px;
	line-height:14px;
	width:196px;
}
#index #success .story .arrow {
	position:absolute;
	left:160px;
	top:136px;
}
#index #success .story a:hover {
	text-decoration:none;
	color:#888;
	cursor:pointer;
}


#index #health {
	position:relative;
	margin-bottom:36px;
}
#index #health .badge {
	position:absolute;
	right:0px;
	top:-5px;
}
#index #health h3 {
	margin-bottom:3px;
}
#index #health p {
	font-size:10px;
	margin-left:52px;
	margin-bottom:13px;
}
#index #health li {
	padding:0px;
	margin:0px;
}
#index #health ul {
	padding:0px;
	margin:0px;
}
#index #health h4 {
}
#index #health #check {
	float:left;
	margin-right:16px;
	width:250px;
	height:336px;
	background: url(../../img/wlp/back_sickness.gif) no-repeat 0px 0px;
}
#index #health #check h4 {
	margin-left:62px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin-top:8px;
	color:white;
	margin-bottom:2px;
}
#index #health #check .sickness {
	margin-top:13px;
}
#index #health #check p {
	margin-left:62px;
	line-height:12px;
	margin-bottom:8px;
}
#index #health #check ul {
	margin-left:5px;
}
#index #health #check li {
	float:left;
	width:80px;
	text-align:center;
	margin-right:1px;
	margin-bottom:2px;
	line-height:22px;
}
#index #health #check li a {
	width:80px;
	height:23px;
	display:block;
	background: url(../../img/wlp/back_sickness_btns.gif) no-repeat 0px 0px;
}
#index #health #check li a:hover {
	filter: alpha(opacity=65)
	-moz-opacity:0.65;
	opacity:0.65;
	text-decoration:none;
	color:#a99d7a;
}
#index #health #check li.ch_big {
	width:161px;
}
#index #health #check li.ch_big a {
	width:161px;
	height:23px;
	display:block;
	background: url(../../img/wlp/back_sickness_btnl.gif) no-repeat 0px 0px;
}
#index #health #check .ch_sick {
	clear:both;
	height:8px;
	_height:4px;
	margin-top:13px;
}
#index #health #check .ch_sick li {
	display: inline;
	margin-right:0px;
	margin-bottom:0px;
	width:auto;
	padding: 0 5px;
	border-right: 1px solid #bbb;
	font-size:10px;
	line-height:10px;
	_line-height:9px;
}
#index #health #check .ch_sick li a {
	width:auto;
	background: none;
	display: inline;
	color:white;
}
#index #health #check .ch_sick li a:hover {
	filter: alpha(opacity=100)
	-moz-opacity:1;
	opacity:1;
	text-decoration:underline;
}
#index #health #check .ch_sick li.bdno {
	border-right:none;
}
#index #health #check .wellcon {
	font-size:10px;
	line-height:14px;
	margin:26px 10px 0 0;
}

#index #health #column {
	float:left;
	width:452px;
}
#index #health #column h4 {
	font-size:14px;
	line-height:20px;
	margin-bottom:5px;
	clear:both;
}
#index #health #column .colsub {
	font-size:12px;
	line-height:18px;
	margin-bottom:5px;
	font-weight:bold;
	color:#938459;
}
#index #health #column span {
	font-size:12px;
	line-height:16px;
	display:block;
	margin:0 0 6px 0;
}
#index #health #column p {
	margin-left:0px;
	margin-bottom:6px;
	color:#938459;
}
#index #health #column ul {
	margin-bottom:16px;
}
#index #health #column li {
	padding-left:10px;
	margin-bottom:1px;
}
#index #health #column .co_short {
	float:left;
	margin-right:5px;
	background-image: url(../../img/wlp/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#index #health p.clear {
	margin:0px;
	padding:0px;
	position:absolute;
	top:395px;
}

#index #useful {
	height:433px;
	background: url(../../img/wlp/back_usuful.gif) #f1efea repeat-x left bottom;
	border-top: solid 1px #d3d3d3;
	position:relative;
}
#index #useful h3 {
	position:absolute;
	left:8px;
	top:-9px;
}
#index #useful #usefulcap {
	font-size:10px;
	line-height:14px;
	width:144px;
	padding-top:66px;
	margin-left:10px;
	_margin-left:5px;
	float:left;
	margin-right:18px;
}
#index #useful hr{
	clear:both;
	width:0px;
}
#index #useful .usufulinfos {
	float:left;
	width:263px;
	margin-top:18px;
}
#index #useful #infos01 {
	margin-right:20px;
}
#index #useful .usufulinfos .infoscat {
	margin-bottom:7px;
}
#index #useful .usufulinfos h4 {
	background: url(../../img/wlp/back_usuful_title.gif) no-repeat 0px 0px;
	width:223px;
	height:28px;
	font-size:12px;
	line-height:28px;
	padding-left:40px;
	margin-bottom:8px;
}
#index #useful .usufulinfos h5 {
	color:#938459;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:4px;
}
#index #useful .usufulinfos p {
	margin-left:29px;
}
#index #useful .usufulinfos p.arrow {
	margin-left:22px;
	margin-bottom:3px;
}






/* 活用法 */
#gooduse {
	width:728px;
	float:left;
}
#gooduse h1 {
   background-image: url(../../img/wlp/title_home_gooduse.jpg);
   width:728px;
   height:212px;
   margin-bottom:15px;
   text-indent:-9999px;
}

#gooduse #guc.practice {
	padding-bottom:24px;
}
#gooduse #guc h2 {
   float:left;
   padding-left:32px;
}
#gooduse #guc #subtitle {
	background-image: url(../../img/wlp/back_subtitle_gup.gif);
	margin-bottom:15px;
}
#gooduse #guc.enjoy #subtitle {
	background-image: url(../../img/wlp/back_subtitle_gue.gif);
}
#gooduse #guc.basis #subtitle {
	background-image: url(../../img/wlp/back_subtitle_guk.gif);
}
#gooduse #guc.basis {
	margin-bottom: 30px;
}
#gooduse #guc #subtitle p {
   float:right;
   margin-right:12px;
   margin-top:10px;
   padding-left:18px;
   background: url(../../img/wlp/icon_sun.gif) no-repeat 0px 0px;
}
#gooduse #guc.enjoy #subtitle p {
   background: url(../../img/wlp/icon_wheel.gif) no-repeat 0px 1px;
}
#gooduse #guc #gud {
	width:362px;
	float:left
}
#gooduse #guc #gud #gupic {
	float:left;
}
#gooduse #guc #gud #gupic img {
	border:1px solid #ccccd6;
	margin-bottom:15px;
}
#gooduse #guc #gud #guc-genre {
	width:136px;
	height:28px;
	color:white;
	font-wight:bold;
	margin-left:153px;
	line-height:28px;
	padding-left:38px;
	margin-bottom:3px;
}
#gooduse #guc #gud .charge {
	background: url(../../img/wlp/back_home_gu_charge.gif) no-repeat;
}
#gooduse #guc #gud .free {
	background: url(../../img/wlp/back_home_gu_free.gif) no-repeat;
}
#gooduse #guc #gud .enjoy {
	background: url(../../img/wlp/back_home_gu_enjoy.gif) no-repeat;
}
#gooduse #guc #gud span {
	display:block;
	margin-left:160px;
	color:#2298ea;
	margin-bottom:2px;
}
#gooduse #guc #gud p {
	margin-right:10px;
	margin-left:160px;
}
#gooduse #guc #gud p strong {
	display:block;
}
#gooduse #guc.basis .basiscon {
	margin-bottom: 15px;
}
#gooduse #guc.basis .basiscon h4 {
	float: left;
	font-size: 12px;
	color: #333;
	width: 211px;
	height: 32px;
	line-height:32px;
	background: url(../../img/wlp/back_subtitle_guk2.gif) no-repeat;
	padding-left: 18px;
}
#gooduse #guc.basis .basiscon p {
	margin-left: 246px;
}
#gooduse #guc.basis .basiscon p strong{
	color: #2298ea;
}


/* サービスのご案内 */
#srv {
	width:728px;
	float:left;
}
#srv h1 {
   background-image: url(../../img/wlp/title_home_svr.gif);
   width:340px;
   height:32px;
   margin-bottom:8px;
   text-indent:-9999px;
}
#srv p {
   margin-bottom:20px;
}
#srv #counter {
   width:612px;
   height:194px;
   margin-bottom:4px;
   padding-left:116px;
   padding-top:20px;
}
#srv .sde {
   background-image: url(../../img/wlp/back_srv_sda.gif);
}
#srv .sdr {
   background-image: url(../../img/wlp/back_srv_sdr.gif);
}
#srv .prs {
   background-image: url(../../img/wlp/back_srv_prs.gif);
}
#srv #counter #srvcont p {
   margin-bottom:10px;
}
#srv #counter #srvcont {
	float:left;
	width:340px;
	margin-top:52px;
}
#srv #counter #srvcont.long {
	width:auto;
	padding-right:20px;
}
#srv #counter #srvcont h2 {
	display:none;
}
#srv #counter #srvdetail {
	float:right;
	width:209px;
	height:164px;
	background-image: url(../../img/wlp/back_srv_detail.gif);
	margin-right:20px;
	_margin-right:10px;
	padding-top:8px;
	padding-left:12px;
	padding-right:8px;
}
#srv #counter #srvdetail h3 {
	margin-bottom:3px;
}
#srv #counter #srvdetail p {
	padding-left:25px;
	margin-bottom:5px;
}
#srv #counter.sde #srvdetail p {
	background: url(../../img/wlp/icon_heart.gif) no-repeat 0px 2px;
}
#srv #counter.prs #srvdetail p {
	background: url(../../img/wlp/icon_trainer.gif) no-repeat 0px 2px;
}
#srv #counter #srvdetail .caution {
	line-height:16px;
	color:red;
	padding-top:6px;
	display:block;
}
#srv #confirm {
	padding-left:30px;
	margin-top:12px;
	background: url(../../img/wlp/icon_amadare2.gif) no-repeat 0px 0px;
}
#srv #confirm h3 {
	margin-bottom:12px;
}
#srv #confirm p {
	font-size:10px;
	line-height:14px;
	color:#666;
}
#srv #srvcont #btn {
	background: url(../../img/wlp/btn_srv.gif) no-repeat 0px 0px;
	width:332px;
	height:32px;
	text-indent:-9999px;
}
#srv #srvcont #btn a {
	width:332px;
	height:32px;
	display:block;
}