@charset "utf-8";

/* common */
body {
	margin:0px;
	padding:0;
	color:#333;
	text-align:center;
}

h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, li, dt, dd,form, img {
	margin:0;
	padding:0;
}

ol,ul {
	list-style-type:none;
}

img {
	border:0;
	vertical-align:top;
}

.clearLeft {
	clear:left;
	font-size:0;
	line-height:0;
}

.clearRight {
	clear:right;
	font-size:0;
	line-height:0;
}

.clearBoth {
	clear:both;
	font-size:0;
	line-height:0;
}

/* layout */
div#kensyoAppWrap {
	margin:0;
	width:100%;
	background:url(/images/service/campaign/KensyoSeikatsu/bg_header.png) repeat-x top left;
}

div#kensyoAppHeader {
	margin:0 auto;
	width:1060px;
	height:350px;
	background:url(/images/service/campaign/KensyoSeikatsu/bg_headerChan.png) no-repeat bottom right;
	text-align:left;
}

div#kensyoAppHeader h1 {
	margin:8px 0 0 130px;
	width:140px;
	height:44px;
	background:url(/images/headerMenu/20140702/logo_warau.png) no-repeat bottom right;
}

div#kensyoAppHeader h1 a {
	display:block;
	width:140px;
	height:44px;
	background:url(/images/headerMenu/20140702/logo_warau.png) no-repeat bottom right;
}

div#kensyoAppHeader h2 {
	margin:30px 0 0 130px;
	width:417px;
	height:164px;
	background:url(/images/service/campaign/KensyoSeikatsu/h2_title.png) no-repeat;
}

div#kensyoAppContainer {
	margin:0 auto;
	width:800px;
	text-align:left;
}

div#kensyoAppAbout h3 {
	margin:30px 0;
	width:800px;
	height:55px;
	background:url(/images/service/campaign/KensyoSeikatsu/h2_about.png) no-repeat;
}

div#kensyoAppAbout ol li {
	float:left;
	width:250px;
	height:150px;
}

div#kensyoAppAbout ol li#about1 {
	margin-right:25px;
	background:url(/images/service/campaign/KensyoSeikatsu/about1.png) no-repeat;
}

div#kensyoAppAbout ol li#about2 {
	margin-right:25px;
	background:url(/images/service/campaign/KensyoSeikatsu/about2.png) no-repeat;
}

div#kensyoAppAbout ol li#about3 {
	background:url(/images/service/campaign/KensyoSeikatsu/about3.png) no-repeat;
}

div#kensyoAppAbout p {
	float:left;
	margin-bottom:20px;
	width:525px;
	height:150px;
	background:url(/images/service/campaign/KensyoSeikatsu/about4.png) no-repeat;
}

div#kensyoAppUse h3 {
	margin:40px 0 30px 0;
	width:800px;
	height:55px;
	background:url(/images/service/campaign/KensyoSeikatsu/h2_use.png) no-repeat;
}

ul.tab{
	margin:0 auto;
	width:800px;
}

ul.tab li{
	list-style-type:none;
	float:left;
}

ul.tab li a{
	display:block;
	background:url(/images/service/campaign/KensyoSeikatsu/tab_use.png) no-repeat;
	height:70px;
}

ul.tab li a#tab1 {
	width:163px;
	background-position:0px -70px;
}

ul.tab li a#tab1:hover {
	width:163px;
	background-position:0px 0px;
}

ul.tab li a#tab1:hover,
ul.tab li a#tab1.selected {
	width:163px;
	background-position:0px 0px;
}

ul.tab li a#tab2 {
	width:160px;
	background-position:-163px -70px;
}

ul.tab li a#tab2:hover {
	width:160px;
	background-position:-163px 0px;
}

ul.tab li a#tab3 {
	width:159px;
	background-position:-323px -70px;
}

ul.tab li a#tab3:hover {
	width:159px;
	background-position:-323px 0px;
}

ul.tab li a#tab4 {
	width:159px;
	background-position:-482px -70px;
}

ul.tab li a#tab4:hover {
	width:159px;
	background-position:-482px 0px;
}

ul.tab li a#tab5 {
	width:159px;
	background-position:-641px -70px;
}

ul.tab li a#tab5:hover {
	width:159px;
	background-position:-641px 0px;
}

ul.tab li a span {
	display:none;
}

ul.tab li a.selected{
	background:url(/images/service/campaign/KensyoSeikatsu/tab_use.png) no-repeat;
	cursor:default;
}

ul.tab li a#tab1.selected {
	width:163px;
	background-position:0px 0px;
}

ul.tab li a#tab2.selected {
	width:160px;
	background-position:-163px 0px;
}

ul.tab li a#tab3.selected {
	width:159px;
	background-position:-323px 0px;
}

ul.tab li a#tab4.selected {
	width:159px;
	background-position:-482px 0px;
}

ul.tab li a#tab5.selected {
	width:159px;
	background-position:-641px 0px;
}

ul.pannel {
	clear:both;
	margin:0 auto;
	text-align:center;
}

ul.pannel li {
	width:800px;
	height:430px;
}

li#use1 {
	background:url(/images/service/campaign/KensyoSeikatsu/use1.png) no-repeat;
	text-align:right;
}

li#use2 {
	background:url(/images/service/campaign/KensyoSeikatsu/use2.png) no-repeat;
}

li#use3 {
	background:url(/images/service/campaign/KensyoSeikatsu/use3.png) no-repeat;
}

#use4 {
	background:url(/images/service/campaign/KensyoSeikatsu/use4.png) no-repeat;
}

#use5 {
	background:url(/images/service/campaign/KensyoSeikatsu/use5.png) no-repeat;
	text-align:left;
}

#use6 {
	background:url(/images/service/campaign/KensyoSeikatsu/use6.png) no-repeat;
	text-align:right;
}

#use7 {
	background:url(/images/service/campaign/KensyoSeikatsu/use7.png) no-repeat;
}

li#use1 img {
	margin:142px 80px 0 0;
}

li#use5 img {
	margin:142px 0 0 84px;
}

li#use6 img {
	margin:142px 80px 0 0;
}

div.btn {
	width:256px;
	height:51px;
}

div.btnL {
	margin:30px auto 60px auto;
	width:399px;
	height:72px;
}

div#kensyoAppHeader div.btn {
	margin:30px 0 0 130px;
}

div#kensyoAppAbout div.btn {
	float:right;
	margin-bottom:24px;
}

div#kensyoAppHeader h1 a span,
div#kensyoAppHeader h2 span,
div#kensyoAppAbout h3 span,
div#kensyoAppAbout ol li#about1 span,
div#kensyoAppAbout ol li#about2 span,
div#kensyoAppAbout ol li#about3 span,
div#kensyoAppAbout p span,
div#kensyoAppUse h3 span,
li#use1 span,
li#use2 span,
li#use3 span,
li#use4 span,
li#use5 span,
li#use6 span,
li#use7 span {
	display:none;
}


/* footer */
div#footterContainer {width:100%;}
div#footterMenu {width:100%;height:25px;padding:5px 0 3px 0;background-color:#999999; text-align:center;}
div#footterMenu p {margin:0 auto; padding:0; width:800px; height:20px; color:#FF9900; text-align:center;}
div#footterMenu p a {color:#FFFFFF; font-size: 75%; font-weight:bold; text-decoration:none;}
div#footterMenu p a:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;}
div#footterMenu p a:hover {color:#FFFFFF;font-weight:bold; text-decoration:underline;}
div#footterCopyright {width:800px; margin:10px auto; padding:0; color:#999999; text-align:left;}