@charset "utf-8";

div#content {
	float:none;
	width:auto;
}
#content h3.title {
	clear:both;
	height:24px;
	padding:4px 10px 0;
	margin-bottom:20px;
	background:url(../img/h3Bg.gif) no-repeat;
}
div.merit {
	text-align:center;
	margin:20px 0 30px;
}

div.box {
	margin-bottom:30px;
}
div.image {
	float:left;
	width:400px;
}
div.explain {
	float:right;
	width:360px;
}
div.explain dt {padding-left:18px;}
div.explain dt.num1 {background:url(../img/icon/iconNum1.gif) no-repeat;}
div.explain dt.num2 {background:url(../img/icon/iconNum2.gif) no-repeat;}
div.explain dt.num3 {background:url(../img/icon/iconNum3.gif) no-repeat;}
div.explain dt.num4 {background:url(../img/icon/iconNum4.gif) no-repeat;}
div.explain dt.num5 {background:url(../img/icon/iconNum5.gif) no-repeat;}
div.explain dt.num6 {background:url(../img/icon/iconNum6.gif) no-repeat;}
div.explain dt.num7 {background:url(../img/icon/iconNum7.gif) no-repeat;}
div.explain dd {margin-bottom:15px;}



dl.mypage {
	margin:15px 0;
}
dl.mypage dt{
	font-weight:bold;
}
dl.mypage dd {
	margin-bottom:15px;
}


/* タブ
================================================================================*/
.ui-tabs-hide {
	display:none;
}

ul#tab li {
	float:left;
	width:158px;
	height:37px;
	margin-left:5px;
}
ul#tab li a {
	float:left;
	display:block;
	width:158px;
	height:37px;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	outline:none;
}
ul#tab li.tab1 {margin:0;}

ul#tab li.tab1 a {background-image:url(../img/btn/tabHowto1.gif);}
ul#tab li.tab2 a {background-image:url(../img/btn/tabHowto2.gif);}
ul#tab li.tab3 a {background-image:url(../img/btn/tabHowto3.gif);}
ul#tab li.tab4 a {background-image:url(../img/btn/tabHowto4.gif);}
ul#tab li.tab5 a {background-image:url(../img/btn/tabHowto5.gif);}

ul#tab li a:hover,
ul#tab li.ui-tabs-selected a {background-position:0 100%}




div#tabBox {
	clear:both;
	margin-bottom:10px;
	padding-bottom:7px;
	background:url(../img/tabBoxBottom_810.gif) 0 100% no-repeat;
}
div#tabBox .topBg {
	padding-top:7px;
	overflow:hidden;
}
div#tabBox .tabBox-inner {
	padding:13px 15px 13px;
	background:url(../img/tabBoxBg_810.gif) repeat-y;
}
div#tabBox #fragment-1 {background:url(../img/tabBoxTopHowto1.gif) 0 0 no-repeat;}
div#tabBox #fragment-2 {background:url(../img/tabBoxTopHowto2.gif) 0 0 no-repeat;}
div#tabBox #fragment-3 {background:url(../img/tabBoxTopHowto3.gif) 0 0 no-repeat;}
div#tabBox #fragment-4 {background:url(../img/tabBoxTopHowto4.gif) 0 0 no-repeat;}
div#tabBox #fragment-5 {background:url(../img/tabBoxTopHowto5.gif) 0 0 no-repeat;}