@charset "UTF-8";

/* ----------------------------------------------
  contents stylse
----------------------------------------------*/
/* question stylse */
#sindanTxtBox {
	padding: 60px 0 30px;
}
#sindanTxtBox .left {
	width: 500px;
	float: left;
}
.left .txt1 {
	padding: 10px 0 20px;
}
.left .txt2 strong {
	font-size: 117%;
	color: #00b6e0;
}
.left .txt2 span {
	color: #ffb100;
}
#sindanTxtBox .right {
	width: 182px;
	border: 4px solid #ffb100;
	float: right;
}
#sindanTxtBox .right dt {
	background-color: #ffb100;
	padding-bottom: 4px;
}
#sindanTxtBox .right dd {
	padding: 10px;
}
#kihon1 {
	padding-bottom: 10px;
	border-bottom: 1px dashed #000000;
	margin-bottom: 10px;
}
#kihon1 span {
	font-size: 117%;
	color: #ffb100;
}
#kihon2 {
	font-size: 117%;
}
#kihon2 span {
	color: #ffb100;
}
#shindanMainBox {
	clear: both;
	width: 710px;
	background: url(../img/box-back.gif) repeat-y;
}
#shokujiImg {
	width: 690px;
	padding: 0 10px 10px;
}
#asa {
	text-align: right;
	padding: 10px 10px 0 0;
	width: 220px;
	height: 257px;
	background: url(../img/asa-back.gif);
	position: relative;
	float: left;
}
#hiru {
	text-align: right;
	padding: 10px 10px 0 0;
	width: 220px;
	height: 257px;
	background: url(../img/hiru-back.gif);
	position: relative;
	float: left;
}
#yoru {
	text-align: right;
	padding: 10px 10px 0 0;
	width: 220px;
	height: 257px;
	background: url(../img/yoru-back.gif);
	position: relative;
	float: left;
}
#shokujiImg .clearBtn a:hover img {
	/*opacity ie*/
    filter: alpha(opacity=85);
    /*opacity for mozila, safari*/
    -moz-opacity: 0.85;
    opacity: 0.85;
}
.box1 {
	width: 180px;
	height: 40px;
	position: absolute;
	top: 126px;
	left: 25px;
}
.box2 {
	width: 210px;
	height: 40px;
	position: absolute;
	top: 167px;
	left: 10px;
}
.box3 {
	width: 226px;
	height: 40px;
	position: absolute;
	top: 208px;
	left: 3px;
}
.box1 div {
	width: 56px;
	height: 40px;
	padding: 0 2px;
	float: left;
	overflow: hidden;
}
.box2 div {
	width: 56px;
	height: 40px;
	padding: 0 7px;
	float: left;
	overflow: hidden;
}
.box3 div {
	width: 56px;
	height: 40px;
	float: left;
	overflow: hidden;
}
.box3 div#center {
	padding: 0 30px 0 28px;
}
#slideBox {
	clear: both;
	width: 686px;
	height: 118px;
	background-color: #FFF;
	border: 2px solid #00b6e0;
	margin: 48px 10px 0;
	position: relative;
}
#slideTabBox {
	width: 690px;
	height: 57px;
	position: absolute;
	top: -50px;
	left: -2px;
}
#slideTabBox div {
	float: left;
	width: 74px;
	height: 57px;
	margin-right: 3px;
}
#slideTabBox span {
	cursor: pointer;
}
#slideTabBox div#tab1 {
	background: url(../img/tab1on.gif) no-repeat;
}
#slideTabBox div#tab2 {
	background: url(../img/tab2on.gif) no-repeat;
}
#slideTabBox div#tab3 {
	background: url(../img/tab3on.gif) no-repeat;
}
#slideTabBox div#tab4 {
	background: url(../img/tab4on.gif) no-repeat;
}
#slideTabBox div#tab5 {
	background: url(../img/tab5on.gif) no-repeat;
}
#slideTabBox div#tab6 {
	background: url(../img/tab6on.gif) no-repeat;
}
#slideTabBox div#tab7 {
	background: url(../img/tab7on.gif) no-repeat;
}
#slideTabBox div#tab8 {
	background: url(../img/tab8on.gif) no-repeat;
}
#slideTabBox div#tab9 {
	background: url(../img/tab9on.gif) no-repeat;
	margin-right: 0;
}
#slideTabBox div.on img {
	display: none;
}
#slideTabBox div a:hover img {
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
#slideImgBox {
	padding: 10px;
}
#slideImgBox .arrowBox {
	width: 18px;
	height: 98px;
	float: left;
}
#slideImgBox #imgWrap {
	width: 630px;
	height: 98px;
	float: left;
	overflow: hidden;
}
#imgWrap #imgSelect {
	width: 9999px;
}
#imgSelect div {
	width: 56px;
	height: 88px;
	padding: 10px 7px 0;
	float: left;
}
#imgSelect div span {
	cursor: pointer;
}