@charset "Shift_JIS";
/*
*/
/* ********************************************************************************
 * layout
 * ******************************************************************************** */
/*-----boxedFrame-----*/
.boxedFrame .boxedTop, .boxedFrame .boxedBottom {
	width:768px;
	height:7px;
	font-size:0;
	line-height:0;
	background:url(../img/what_boxed_frame.gif) no-repeat;
}
.boxedFrame .boxedTop {
	background-position:0 0;
}
.boxedFrame .boxedBottom {
	background-position:0 -7px;
	clear:both;
}
.boxedFrame .boxedIn {
	float:left;
	width:718px;
	clear:both;
	padding:20px 25px 0;
	background:url(../img/what_boxed_frame.gif) -768px 0 repeat-y;
}
/*-----whatCreate-----*/
#what #whatCreate .itemBox li {
	float:left;
	width:100%;
	text-align:center;
	clear:both;
}
#what #whatCreate .itemBox li.phBoxb {
	position:relative;
	height:270px;
}
#what #whatCreate .itemBox li.phBoxb p.imgBoxa {
	position:absolute;
	top:0;
	left:0;
}
#what #whatCreate .itemBox li.phBoxb p.imgBoxb {
	position:absolute;
	top:0;
	right:-18px;
}
/*-----whatDeal-----*/
#what #whatDeal .itemBox {
	width:734px;
	margin-right:-16px;
	overflow:hidden;
}
#what #whatDeal .itemBox .imgBoxa {
	float:left;
	width:520px;
}
#what #whatDeal .itemBox .imgBoxb {
	float:right;
	width:214px;
}
#what #whatDeal .cautionBox {
	padding-top:5px;
	clear:both;
	width:100%;
}
/*-----whatConven-----*/
#what #whatConven .floatSet .textBox {
	float:left;
	width:450px;
}
#what #whatConven .floatSet .itemBox {
	float:right;
	width:250px;
}

#what #whatConven .floatSet .itemBox .phBox{
	padding-bottom:10px;
}

#what #whatConven .floatSet .itemBox #soundBoxIn{
	font-size:0;
	line-height:0;
}

#what #whatConven .floatSet .itemBox .cautionBox{
	padding-top:5px;
}

/*-----btn whatConven-----*/
#what #whatConven ul {
	float:left;
	width:100%;
}
#what #whatConven ul li, #what #whatConven ul li a {
	height:29px;
}
#what #whatConven ul li {
	float:left;
	padding:10px 0;
}
#what #whatConven ul li a {
	display:block;
	width:100%;
	background:url(../img/what_conven_btn.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#what #whatConven ul li#btnWhatConA {
	width:137px;
	padding-right:5px;
}
#what #whatConven ul li#btnWhatConA a {
	background-position:0 0px;
}
#what #whatConven ul li#btnWhatConA a:hover {
	background-position:0 -29px;
}
#what #whatConven ul li#btnWhatConB {
	width:185px;
}
#what #whatConven ul li#btnWhatConB a {
	background-position:-137px 0px;
}
#what #whatConven ul li#btnWhatConB a:hover {
	background-position:-137px -29px;
}
/*-----whatExample-----*/
#what #whatExample .itemBox {
	float:left;
	width:100%;
	clear:both;
	position:relative;
}
#what #whatExample .itemBox .imgBoxa {
	float:left;
	width:210px;
	padding-top:45px;
}
#what #whatExample .itemBox .imgBoxb {
	float:right;
	width:507px;
}
#what #whatExample .itemBox .imgBoxc {
	position:absolute;
	bottom:10px;
	left:0;
	width:386px;
}
#what #whatExample .floatSet li {
	float:left;
	width:688px;
	padding:3px 0 20px 30px;
}
#what #whatExample .floatSet li.numBox1 {
	background:url(../../what/img/num_l01.gif) 0 0 no-repeat;
}
#what #whatExample .floatSet li.numBox2 {
	background:url(../../what/img/num_l02.gif) 0 0 no-repeat;
}
#what #whatExample .floatSet li.numBox3 {
	background:url(../../what/img/num_l03.gif) 0 0 no-repeat;
	padding-bottom:0;
}
#what #whatExample .floatSet .textBox {
	float:left;
	width:420px;
}
#what #whatExample .floatSet .phBox {
	float:right;
	width:256px;
}
#what #whatExample .floatSet li.numBox3 .itemBox p {
	width:718px;
	height:150px;
	position:relative;
}
#what #whatExample .floatSet li.numBox3 .itemBox img {
	position:absolute;
	top:10px;
	left:-30px;
}
/*-----btn whatExample-----*/
#what #whatExample ul.naviBox li,#what #whatExample ul.naviBox li a{
	width:403px;
	height:29px;
}
#what #whatExample ul.naviBox {
	clear:both;
	float:left;
	width:403x;
	padding-top:10px;
}
#what #whatExample ul.naviBox li a{
display:block;
width:100%;
background:url(../img/what_example_btn.gif) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#what #whatExample #btnWhatExampleA {
padding-bottom:5px;
}
#what #whatExample #btnWhatExampleA a {
	background-position:0 0;
}
#what #whatExample #btnWhatExampleA a:hover {
	background-position:0 -29px;
}
#what #whatExample #btnWhatExampleB a {
	background-position:-403px 0;
}
#what #whatExample #btnWhatExampleB a:hover {
	background-position:-403px -29px;
}