/*	common
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#main {
	background:#e6f9f9 url(../img/foundation/bg_foundation.gif) repeat-x left top;
	position:relative;
	overflow:hidden;
}
#mainInner {
	background:url(../img/foundation/bg_cloud.png) no-repeat center 238px;
	padding-top:23px;
	padding-bottom:35px;
	position:relative;
	z-index:2;
}


/*	cloud
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#cloudBlock {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
}
#cloudInner {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.cloud,
.kamome {
	position:absolute;
}
#cloud1 {
	top:1039px;
	left:-393px;
}
#cloud2 {
	top:1256px;
	left:-106px;
}
#cloud3 {
	top:2375px;
	right:-72px;
}
#cloud4 {
	top:2467px;
	right:-148px;
}
#cloud5 {
	top:2704px;
	left:-187px;
}
#cloud6 {
	top:2498px;
	left:-276px;
}
#cloud7 {
	top:2704px;
	left:-127px;
}
#cloud8 {
	top:2858px;
	right:-141px;
}
#cloud9 {
	top:3103px;
	right:-479px;
}
#cloud10 {
	top:2977px;
	right:-247px;
}
#cloud11 {
	top:3443px;
	left:-557px;
}
#cloud12 {
	top:4014px;
	left:-93px;
}
#cloud13 {
	top:3886px;
	right:-140px;
}
#kamome1 {
	top:30;
	left:-131px;
}
#kamome2 {
	top:226px;
	right:-209px;
}

/*	contentTitle
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contentTitle {
	clear:both;
	width:960px;
	height:727px;
	margin: 0 auto;
	position:relative;
}
#contentTitle p,
#contentTitle h1 {
	position:absolute;
}
#contentTitle .logo {
	top:0;
	right:0;
}
#contentTitle .title {
	top:8px;
	left:34px;
}
#contentTitle .lead1 {
	top:207px;
	left:34px;
}
#contentTitle .lead2 {
	top:347px;
	left:34px;
}
#contentTitle .present {
	top:422px;
	left:17px;
}
#contentTitle .product {
	top:124px;
	right:20px;
}

/*	contentLead
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contentLead {
	clear:both;
	width:960px;
	margin: -234px auto 0;
	position:relative;
}
#contentLead h2 {
	padding-top:95px;
}
#contentLead .person {
	position:absolute;
	top:0;
	right:-35px;
}
#contentLead .environment {
	margin-top:21px;
	width:901px;
	margin-left:auto;
	margin-right:auto;
	height:258px;
	background:url(../img/foundation/bg_summer_environment.png) no-repeat center top;
}
#contentLead .environment ul {
	margin-left:30px;
	padding-top:15px;
}
#contentLead .environment ul li {
	float:left;
	width:190px;
	margin-right:12px;
}
#contentLead .environment ul li .illust {
	text-align:center;
}
#contentLead .environment ul li .text {
	margin-top:10px;
	text-align:left;
	color:#2d9dc5;
}
#contentLead .trouble {
	margin-top:5px;
	width:901px;
	height:294px;
	background:url(../img/foundation/bg_summer_trouble.png) no-repeat center top;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#contentLead .trouble .illust {
	padding-top:47px;
}
#contentLead .trouble .lead {
	margin-top:30px;
}

/*	contentPresent
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contentPresent {
	width:922px;
	padding:20px;
	margin:85px auto 0;
	background:url(../img/foundation/bg_present.gif);
}
#contentPresent .index {
	position:relative;
	background:#fff;
	padding-bottom:45px;
}
#contentPresent .index .icon1 {
	position:absolute;
	top:-42px;
	left:11px;
}
#contentPresent .index .icon2 {
	position:absolute;
	top:-25px;
	right:-91px;
}
#contentPresent .index .lead1 {
	padding-top:47px;
	color:#0097cd;
	font-size:125%;
	font-weight:bold;
	text-align:center;
}
#contentPresent .index .title {
	margin-top:40px;
	margin-left:-10px;
	text-align:center;
}
#contentPresent .index .present {
	margin-top:20px;
	text-align:center;
}
#contentPresent .index .lead2 {
	text-align:center;
	margin-top:30px;
	color:#0097cd;
	font-size:116%;
}
#contentPresent .index .btn {
	text-align:center;
	margin-top:12px;
}
#contentPresent .index .notice {
	text-align:center;
	margin-top:10px;
	font-size:91%;
}
#contentPresent .index .notice a {
	text-decoration:underline;
	color:#20c3f0;
}
#contentPresent .index .notice a:hover {
	text-decoration:none;
}
#contentPresent .item {
	padding-top:60px;
	background:#e6f9f9;
}
#contentPresent .item4 {
	padding-bottom:50px;
}
#contentPresent .item h3 {
	position:relative;
	z-index:2;
	margin-left:10px;
}
#contentPresent .item .itemBlock {
	position:relative;
}
#contentPresent .item1 .itemBlock {
	height:441px;
}
#contentPresent .item2 .itemBlock {
	height:441px;
}
#contentPresent .item3 .itemBlock {
	height:442px;
}
#contentPresent .item4 .itemBlock {
	height:472px;
}
#contentPresent .item .itemBlock .product {
	position:absolute;
	width:100%;
	text-align:center;
	top:0;
	left:0;
}
#contentPresent .item1 .itemBlock .product {
}
#contentPresent .item .itemBlock .winner {
	position:absolute;
	top:-34px;
	right:-34px;
}
#contentPresent .item .itemBlock .notice {
	font-size:83%;
	color:#666;
	position:absolute;
	left:40px;
	bottom:45px;
}
#contentPresent .item2 .itemBlock .notice {
	bottom:48px;
}
#contentPresent .item4 .itemBlock .notice {
	bottom:40px;
}
#contentPresent .item .itemBlock .btApplication {
	position:absolute;
	width:100%;
	text-align:center;
	bottom:-26px;
}
#contentPresent .item4 .itemBlock .btApplication {
	bottom:-30px;
}
#contentPresent .item .itemBlock .btApplication .notice {
	display:block;
	position:static;
	margin-top:5px;
	padding:0;
}
#contentPresent .item .itemBlock .btApplication .notice a {
	color:#20c3f0;
	text-decoration:underline;
}
#contentPresent .item .itemBlock .btApplication .notice a:hover {
	text-decoration:none;
}

/*	contentNotice
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contentNotice {
	width:899px;
	margin:40px auto 0;
}
#contentNotice .notice dt {
	line-height:1%;
}
#contentNotice .notice dd {
	background:url(../img/foundation/bg_notice.png) no-repeat left bottom;
	padding:12px 25px 20px;
	color:#01bbd6;
	font-size:116%;
}
#contentNotice .noticeList {
	margin-top:8px;
}
#contentNotice .noticeList li {
	color:#01bbd6;
}
#contentNotice .contact {
	margin-top:15px;
}
#contentNotice .contact dt {
	line-height:1%;
}
#contentNotice .contact dd {
	padding:5px 0 15px 95px;
	background:url(../img/foundation/bg_notice.png) no-repeat left bottom;
}
#contentNotice .contact dd .tel {
	float:left;
	margin-right:65px;
}
#contentNotice .contact dd .tel p {
	color:#01bbd6;
	font-size:83%;
	margin-top:10px;
}
#contentNotice .contact dd .btn {
	float:left;
	padding-top:30px;
}

/*	others
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#txOthers {
	margin-top:15px;
	text-align:center;
}
#btPageTop {
	margin-top:30px;
	text-align:center;
}

/*	layer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#layer {
	position:fixed;
	left:0;
	top:0;
	z-index:200;
	background:url(../img/foundation/bg_layer.png) left top;
	overflow:auto;
}
#layerContent {
	width:964px;
	height:880px;
	margin:40px auto;
	background:url(../img/foundation/bg_layer_content.png) no-repeat left top;
	position:relative;
}
#layerContent .btClose {
	position:absolute;
	top:23px;
	right:58px;
	z-index:201;
	width:87px;
	height:31px;
	cursor:pointer;
}
#layerContent #layerContent1,
#layerContent #layerContent2,
#layerContent #layerContent3 {
	display:none;
}
#layerContent #layerContent1.on,
#layerContent #layerContent2.on,
#layerContent #layerContent3.on {
	display:block;
}
#layerContent #layerContent1 .photo {
	position:absolute;
	top:61px;
	left:220px;
}
#layerContent #layerContent1 .btn {
	position:absolute;
	top:660px;
	left:399px;
	cursor:pointer;
}
#layerContent #layerContent2 .title {
	position:absolute;
	top:0;
	right:52px;
}
#layerContent #layerContent2 .lead {
	position:absolute;
	top:146px;
	left:129px;
	cursor:pointer;
}
#layerContent #layerContent2 .btn {
	position:absolute;
	top:660px;
	left:399px;
	cursor:pointer;
}
#layerContent #layerContent2 .checkList li {
	position:absolute;
	width:355px;
	height:97px;
	cursor:pointer;
}
#layerContent #layerContent2 .checkList #check1 {
	top:216px;
	left:130px;
	background:url(../img/foundation/tx_layerContent2_select1.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check2 {
	top:319px;
	left:130px;
	background:url(../img/foundation/tx_layerContent2_select2.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check3 {
	top:422px;
	left:130px;
	background:url(../img/foundation/tx_layerContent2_select3.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check4 {
	top:525px;
	left:130px;
	background:url(../img/foundation/tx_layerContent2_select4.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check5 {
	top:319px;
	left:503px;
	background:url(../img/foundation/tx_layerContent2_select5.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check6 {
	top:422px;
	left:503px;
	background:url(../img/foundation/tx_layerContent2_select6.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check7 {
	top:525px;
	left:503px;
	background:url(../img/foundation/tx_layerContent2_select7.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check1.on {
	background:url(../img/foundation/tx_layerContent2_select1_on.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check2.on {
	background:url(../img/foundation/tx_layerContent2_select2_on.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check3.on {
	background:url(../img/foundation/tx_layerContent2_select3_on.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check4.on {
	background:url(../img/foundation/tx_layerContent2_select4_on.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check5.on {
	background:url(../img/foundation/tx_layerContent2_select5_on.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check6.on {
	background:url(../img/foundation/tx_layerContent2_select6_on.gif) no-repeat left top;
}
#layerContent #layerContent2 .checkList #check7.on {
	background:url(../img/foundation/tx_layerContent2_select7_on.gif) no-repeat left top;
}
#layerContent #layerContent3 .title {
	position:absolute;
	top:0;
	right:52px;
}
#layerContent #layerContent3 .lead {
	position:absolute;
	top:146px;
	left:129px;
	cursor:pointer;
}
#layerContent #layerContent3 .result {
	position:absolute;
	top:231px;
	left:24px;
	z-index:201;
}
#layerContent #layerContent3 .btn {
	position:absolute;
	top:750px;
	left:379px;
	cursor:pointer;
}