@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      taikenn.css
 Style Info:     体験ページ用
----------------------------------------------------------- */

/* default Style - デフォルトのスタイル調整 基本リンクカラー設定
----------------------------------------------------------- */
@import url("common.css");



.box {
	padding-left:20px;
	padding-right:20px;
	margin-bottom: 20px;
	clear: both;
}
.uketsuke { margin-top: 10px; }
/* --------------------------------------------------------
-> mochimono
----------------------------------------------------------- */
.mochimono_left {
	float: left; width: 310px;
}
.mochimono_right {
	float: right; width: 200px;
}

/* --------------------------------------------------------
-> course
----------------------------------------------------------- */
.course_name {
	margin-bottom: 10px;
}
.course {
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "Lucida Grande", "Verdana", "ＭＳ ゴシック";
	background-image: url(../images/ryoukin_head_bg.gif);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
}

.course_data {
	vertical-align: middle;
	padding-left: 10px;
}
.course_data_tbl { float: right; }


/* --------------------------------------------------------
-> mochimono
----------------------------------------------------------- */
#mochimono li{
	list-style-image: url(../images/icon_mochimono.gif);
	list-style-position: inside;
	line-height: 15px;
	margin-bottom: 10px;
	font-size: 120%;
}  


/* --------------------------------------------------------
-> form
----------------------------------------------------------- */
#taiken_form table {
	border-collapse: collapse;

}
#taiken_form th, #taiken_form td {
	padding: 7px;
	border-bottom: 1px solid #E1A268;
}
#taiken_form th {
	vertical-align: top;
	font-weight: normal;
	width: 20%;
	text-align: left;
	background-color: #F7E6D7;
}
form #btn {  text-align: center; }

/***********************************************/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
/***********************************************/ 
.box:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.box { display:inline-table; }

/* Mac IE には適用させない \*/
* html .box { height:1px; }
.box {
	display:block;
	margin-top: 0px;
}
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */