/* --------------------------------------------------

	what.css

-------------------------------------------------- */

/* ================================
	whatTop
================================ */
#contents h1 {
	width:740px;
	height:35px;
	margin-bottom:10px;
	background:url(../images/what_h1.gif) 0 0 no-repeat;}

#contents h2 {
	width:526px;
	height:26px;
	margin-bottom:10px;
	border-bottom:1px solid #fd7f80;
	background-position:0 0;
	background-repeat:no-repeat;}
	#contents h2.check-ti01 {
		background-image:url(../images/check_h2_01.gif);}
	#contents h2.check-ti02 {
		background-image:url(../images/check_h2_02.gif);}
	#contents h2.check-ti03 {
		background-image:url(../images/check_h2_03.gif);}
	#contents h2.check-ti04 {
		background-image:url(../images/check_h2_04.gif);}

#contents #maincolumn .caption{
	text-align:right;
	margin:10px 0;}

/* top */
#contents #maincolumn .checkTop{
	padding:35px 0 0 0;
	background:url(../images/check_top_bg01.gif) 50% 0 no-repeat #f4f4f4;}
	#contents #maincolumn .checkTopbt{
		height:10px;
		background:url(../images/check_top_bg02.gif) 50% 100% no-repeat;}

#contents #maincolumn .checkTop p.lead{
	display:block;
	width:360px;
	height:46px;
	margin-left:85px;
	background:url(../images/check_top_lead.gif) 0 0 no-repeat;}

.checkTop ul{
	margin-left:85px;}
.checkTop ul li{
	float:left;
	margin:0 30px 28px 0;}
.checkTop ul li,
.checkTop ul li a{
	width:166px;
	height:166px;
	background-position:0 0;
	background-repeat:no-repeat;}

.checkTop ul li.checkTop_karada,
.checkTop ul li.checkTop_karada a{
	background-image:url(../images/check_top_ix01.gif);}
	.checkTop ul li.checkTop_karada a:hover{
	background-image:url(../images/check_top_ix01_over.gif);}
.checkTop ul li.checkTop_me,
.checkTop ul li.checkTop_me a{
	background-image:url(../images/check_top_ix02.gif);}
	.checkTop ul li.checkTop_me a:hover{
	background-image:url(../images/check_top_ix02_over.gif);}
.checkTop ul li.checkTop_katakori,
.checkTop ul li.checkTop_katakori a{
	background-image:url(../images/check_top_ix03.gif);}
	.checkTop ul li.checkTop_katakori a:hover{
	background-image:url(../images/check_top_ix03_over.gif);}
.checkTop ul li.checkTop_yotsu,
.checkTop ul li.checkTop_yotsu a{
	background-image:url(../images/check_top_ix04.gif);}
	.checkTop ul li.checkTop_yotsu a:hover{
	background-image:url(../images/check_top_ix04_over.gif);}

/* check */
#btmcap{
	text-align:center;
	margin-bottom:10px;
}

/* ================================
	flowting
================================ */
div#glayLayer {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background:#000000;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity: 0.25;
	z-index:4900;
}
*:first-child+html div#glayLayer {
	position:absolute;
}
* html div#glayLayer {
	position:absolute;
}

div#overLayer {
	width:100%;
	display:none;
	position:absolute;
	left:50%;
	top:50px;
	text-align:center;
	z-index:5000;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}
*:first-child+html div#overLayer {
	position:absolute;
}
* html div#overLayer {
	position:absolute;
}

#Floating{
	width: 640px;
    height: 580px;
    margin: 0 auto;
    padding: 30px 30px 15px;
    overflow: hidden;
    background: #ffffff;
    z-index: 5001;
}

#Floating ul li,
#Floating ul li a{
    display:block;
	width:200px;
    height:165px;
	background-position:0 0;
	background-repeat:no-repeat;}
#Floating ul li{
    float:left;
	display:inline;
    margin: 0 20px 20px 0;
}
#Floating ul li a{
    overflow:hidden;
    font-size:0;
	text-indent:-9999px;
}


#Floating li.alinaminexpa,
#Floating li.alinaminvz,
#Floating li.alinaminamb{
    margin-right:0;
}

#Floating .alinamina,
#Floating .alinamina a.btn {
    background-image: url(../images/ix_alia.gif);
}
#Floating .alinamina a:hover {
    background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminexp,
#Floating .alinaminexp a.btn {
    background-image: url(../images/ix_aliexp.gif);
}
#Floating .alinaminexp a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}

#Floating .alinaminexpa,
#Floating .alinaminexpa a.btn {
    background-image: url(../images/ix_aliexpa.gif);
}
#Floating .alinaminexpa a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminexg,
#Floating .alinaminexg a.btn {
    background-image: url(../images/ix_aliexg.gif);
}
#Floating .alinaminexg a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminv,
#Floating .alinaminv a.btn {
    background-image: url(../images/ix_aliv.gif);
}
#Floating .alinaminv a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminvz,
#Floating .alinaminvz a.btn {
    background-image: url(../images/ix_alivzero.gif);
}
#Floating .alinaminvz a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminvvr,
#Floating .alinaminvvr a.btn {
    background-image: url(../images/ix_alivvr.gif);
}
#Floating .alinaminvvr a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminzero7,
#Floating .alinaminzero7 a.btn {
    background-image: url(../images/ix_alizero7.gif);
}
#Floating .alinaminzero7 a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminroff,
#Floating .alinaminroff a.btn {
    background-image: url(../images/ix_aliroff.gif);
}
#Floating .alinaminroff a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .alinaminamb,
#Floating .alinaminamb a.btn {
    background-image: url(../images/ix_aliamb.gif);
}
#Floating .alinaminamb a:hover {
		background-blend-mode: lighten;
    background-color: rgba(243, 243, 243, 0.5);
}
#Floating .close,
#Floating .close a.btn {
	width:73px;
	height:24px;
    background: url(../images/btn_close.gif) 0 0 no-repeat;
}
#Floating .close{
	clear:both;
	float:right;
}
#Floating .close a:hover.btn {
    background-image: url(../images/btn_close_over.gif);
}