@charset "UTF-8";

#trial_contents{
	width:650px;
	margin-left:20px;
	clear:both;
}

#trial_contents h1 {
	background:url(../trial/images/trial_h1_bg.gif) no-repeat left top;
	width:650px;
	height:70px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}




/*==============================
メニュー
------------------------------*/
#trial_menu {
	width: 650px;
	margin: 30px 0 10px 0;
	padding: 0;
	background: url(../trial/images/trial_muenu_bg.gif) repeat-y #F0E7D6;
}
#trial_menu h2 {
	background: url(../trial/images/menu_title.gif) no-repeat left top;
	width: 650px;
	height: 44px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#trial_menu_footer {
	width: 650px;
	height: 15px;
	margin: 0;
	padding: 0;
}

div.cource-back {
	width: 600px;
	margin: 0 0 0 25px;
	padding: 0 0 0 0;
}

div.cource-back ul {
	margin:0px;
	padding:0px;
	list-style: none;
	text-align:center;
}

div.cource-back ul li.s {
	float:left;
}

div.cource-back ul li.l {
	float:left;

/* ↓ボタン5個用　6個の場合は削除 */
	/*padding:0 14px 0 6px;*/
}

div.cource-back ul li.s a {
	display:block;
	width:86px;
	height:82px;
	margin:45px 0 0 11px;
	padding:0px;
	text-indent:-9999px;
	text-decoration:none;
}

div.cource-back ul li.l a {
	display:block;
	width:86px;
	height:82px;
	margin: 0 0 12px 12px;

/* yoshii 追加 ↓　ボタンの数が戻ったら　0に*/
	padding-left:0px;
	text-indent:-9999px;
	text-decoration:none;
}

/* yoshii 追加 ↓　ボタンの数が戻ったら　削除に*/
/*
div.cource-back ul li.l_3 {
	display:block;
	width:86px;
	height:82px;
	margin: 0 0 0 12px;
	background:url(../trial/images/index_cource_btn03_3.gif) no-repeat 0 0;
	padding-left:20px;
	text-indent:-9999px;
	text-decoration:none;
}
div.cource-back ul li.l_4 {
	display:block;
	width:86px;
	height:82px;
	margin: 0 0 0 12px;
	background:url(../trial/images/index_cource_btn04_3.gif) no-repeat 0 0;
	padding-left:20px;
	text-indent:-9999px;
	text-decoration:none;
}

div.cource-back ul li.l_5 {
	width:86px;
	height:82px;
	margin: 0 0 0 12px;
	background:url(../trial/images/index_cource_btn05_3.gif) no-repeat 0 0;
	padding-left:20px;
	text-indent:-9999px;
	text-decoration:none;
}

div.cource-back ul li.l_6 {
	display:block;
	width:86px;
	height:82px;
	margin: 0 0 0 12px;
	background:url(../trial/images/index_cource_btn06_3.gif) no-repeat 0 0;
	padding-left:20px;
	text-indent:-9999px;
	text-decoration:none;
}

div.cource-back ul li.l_7 {
	width:86px;
	height:82px;
	margin: 0 0 0 12px;
	background:url(../trial/images/index_cource_btn07_3.gif) no-repeat 0 0;
	padding-left:20px;
	text-indent:-9999px;
	text-decoration:none;
}
*/
/* yoshii 追加 ↑　ボタンの数が戻ったら　削除↑*/

div.cource-back ul li.s a.cource-btn01 {
background:url(../trial/images/index_cource_btn01.gif) no-repeat 0 0;
}

div.cource-back ul li.s a.cource-btn01:hover {
background:url(../trial/images/index_cource_btn01.gif) no-repeat 0 -82px;
}

div.cource-back ul li.l a.cource-btn02 {
background:url(../trial/images/index_cource_btn02.gif) no-repeat 0 0;
}


div.cource-back ul li.l a.cource-btn02:hover {
background:url(../trial/images/index_cource_btn02.gif) no-repeat 0 -82px;
}


div.cource-back ul li.l a.cource-btn03 {
background:url(../trial/images/index_cource_btn03.gif) no-repeat 0 0;
}

div.cource-back ul li.l a.cource-btn03:hover {
background:url(../trial/images/index_cource_btn03.gif) no-repeat 0 -82px;
}


div.cource-back ul li.l a.cource-btn04 {
background:url(../trial/images/index_cource_btn04.gif) no-repeat 0 0;
}

div.cource-back ul li.l a.cource-btn04:hover {
background:url(../trial/images/index_cource_btn04.gif) no-repeat 0 -82px;
}


div.cource-back ul li.l a.cource-btn05 {
background:url(../trial/images/index_cource_btn05.gif) no-repeat 0 0;
}

div.cource-back ul li.l a.cource-btn05:hover {
background:url(../trial/images/index_cource_btn05.gif) no-repeat 0 -82px;
}

div.cource-back ul li.l a.cource-btn06 {
background:url(../trial/images/index_cource_btn06.gif) no-repeat 0 0;
}

div.cource-back ul li.l a.cource-btn06:hover {
background:url(../trial/images/index_cource_btn06.gif) no-repeat 0 -82px;
}

div.cource-back ul li.l a.cource-btn07 {
background:url(../trial/images/index_cource_btn07.gif) no-repeat 0 0;
}

div.cource-back ul li.l a.cource-btn07:hover {
background:url(../trial/images/index_cource_btn07.gif) no-repeat 0 -82px;
}

/*じゃんぷ近日公開予定080227なかたに追加*/
div.cource-back ul li.l a.cource-btn07_2 {
background:url(../trial/images/index_cource_btn07_2.gif) no-repeat 0 0;
}

div.cource-back ul li.l a.cource-btn07_2:hover {
background:url(../trial/images/index_cource_btn07_2.gif) no-repeat 0 -82px;
}

/*ここまでじゃんぷ近日公開予定080227なかたに追加*/



/*==============================
横線
------------------------------*/
.line_dot {
	width: 650px;
	height: 4px;
	margin: 0 0 0 0;
	padding: 40px 0 40px 0;
	clear: both;
}
.line_dummy {
	width: 650px;
	height: 4px;
	margin: 0 0 0 0;
	padding: 0 0 40px 0;
	clear: both;
}



/*==============================
baby
------------------------------*/
#trial_baby {
	width: 650px;
	margin: 0;
	padding: 0;
}
#trial_baby #logo {
	width: 50px;
	height: 29px;
	margin: 0;
	padding: 0;
	float: left;
}
#trial_baby #baby_link {
	width: 480px;
	margin: 10px 0 10px 10px;
	padding: 0 0 0 0;
	float: left;
}
#trial_baby #baby_link .link_btn {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../common/images/icn-square-arrow-blue.gif) no-repeat;
	font-size: 12px;
}
#trial_petit {
	width: 650px;
	margin: 0;
	padding: 0;
}
#trial_petit #logo {
	width: 50px;
	height: 29px;
	margin: 0;
	padding: 0;
	float: left;
}
#trial_petit #petit_link {
	width: 480px;
	margin: 10px 0 10px 10px;
	padding: 0 0 0 0;
	float: left;
}
#trial_petit #petit_link .link_btn {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../common/images/icn-square-arrow-blue.gif) no-repeat;
	font-size: 12px;
}
#trial_pocket {
	width: 650px;
	margin: 0;
	padding: 0;
}
#trial_pocket #logo {
	width: 50px;
	height: 29px;
	margin: 0;
	padding: 0;
	float: left;
}
#trial_pocket #pocket_link {
	width: 480px;
	margin: 10px 0 10px 10px;
	padding: 0 0 0 0;
	float: left;
}
#trial_pocket #pocket_link .link_btn {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../common/images/icn-square-arrow-blue.gif) no-repeat;
	font-size: 12px;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}






#trial_contents .trial_material_box{
	width:650px;
	padding:0;
	margin:0;
}

.trial_material_header{
	min-height: 1em;
    display: inline-table;
}
.trial_material_header:after{
	content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .trial_material_header {
    height: 1em;
}
.trial_material_header {
	margin:0 0 10px 0;
}
/**/

.trial_material_box img.trial_img_petit-f{
	display:block;
	width:84px;
	height:56px;
	border:none;
	float:left;
}
.trial_material_box img.trial_img_hop{
	display:block;
	width:76px;
	height:46px;
	border:none;
	float:left;
}
.trial_material_box img.trial_img_step{
	display:block;
	width:84px;
	height:46px;
	border:none;
	float:left;
}




.trial_material_title {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size: 14px;
	line-height: 150%;
	color: #E9313D;
}
.trial_material_title_pocket {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size: 14px;
	line-height: 150%;
	color: #F0A000;
}
.trial_material_title_hop {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size: 14px;
	line-height: 150%;
	color: #00B0EC;
}
.trial_material_title_step {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size: 14px;
	line-height: 150%;
	color: #14A73C;
}
.trial_material_title_jump {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size: 14px;
	line-height: 150%;
	color: #006fbd;
}



.trial_ttltxt_box01{
	padding:5px 0 0 95px;
}

.trial_ttltxt_box01 h3 {
	background:url(../trial/images/trial_material_title01.gif) no-repeat left top;
	width:319px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.trial_ttltxt_box02{
	padding:5px 0 0 95px;
}
.trial_ttltxt_box02 p{
	background:url(../trial/images/trial_course_head02.gif) no-repeat left top;
	width:275px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0;
}
.trial_ttltxt_box02 h3{
	background:url(../trial/images/trial_material_title02.gif) no-repeat left top;
	width:319px;
	height:21px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
}

.trial_ttltxt_box03 {
	padding: 0 0 0 95px;
}

.trial_ttltxt_box03 p {
	background: url(../trial/images/trial_course_head03.gif) no-repeat left top;
	width: 275px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.trial_ttltxt_box03 h3 {
	background: url(../trial/images/trial_material_title03.gif) no-repeat left top;
	width: 550px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.trial_ttltxt_box03 h3#year2010_petitf {
	background: url(../trial/images/trial_material_title_2010_01.gif) no-repeat left top;
}
.trial_material_title_03 {
	width: 370px;
	height: 40px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	background: url(../trial/images/trial_material_title03_02.gif) no-repeat left top;
	text-indent: -9999px;
}


.trial_ttltxt_box04 p {
	background:url(../trial/images/trial_course_head04.gif) no-repeat left top;
	width:275px;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}
.trial_ttltxt_box04 h3{
	background:url(../trial/images/trial_material_title04.gif) no-repeat left top;
	width:550px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}
.trial_ttltxt_box04 h3#year2010_petit{
	background:url(../trial/images/trial_material_title_2010_02.gif) no-repeat left top;
}

.trial_ttltxt_box04 h4{
	background:url(../trial/images/trial_material_title04_2.gif) no-repeat left top;
	width:550px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}


.trial_ttltxt_box05 {
	padding: 0 0 0 95px;
}
.trial_ttltxt_box05 h3 {
	background: url(../trial/images/trial_course_head05.gif) no-repeat left top;
	width: 550px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.trial_ttltxt_box05 h3#year2010_pocket {
	background:url(../trial/images/trial_material_title_2010_03.gif) no-repeat left top;
}
.trial_material_title_05 {
	width: 300px;
	height: 40px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	background: url(../trial/images/trial_material_title05_02.gif) no-repeat left top;
	text-indent: -9999px;
}

.trial_ttltxt_box06 {
	padding: 0 0 0 95px;
}
.trial_ttltxt_box06 h3 {
	background: url(../trial/images/trial_course_head06.gif) no-repeat left top;
	width: 550px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.trial_ttltxt_box06 h3#year2010_hop {
	background:url(../trial/images/trial_material_title_2010_04.gif) no-repeat left top;
}

.trial_ttltxt_box07 {
	padding: 0 0 0 95px;
}
.trial_ttltxt_box07 h3 {
	background: url(../trial/images/trial_course_head07.gif) no-repeat left top;
	width: 550px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.trial_ttltxt_box07 h3#year2010_step {
	background:url(../trial/images/trial_material_title_2010_05.gif) no-repeat left top;
}

.trial_ttltxt_box08 {
	padding: 0 0 0 95px;
}
.trial_ttltxt_box08 h3 {
	background: url(../trial/images/trial_course_head08.gif) no-repeat left top;
	width: 550px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.trial_ttltxt_box08 h3#year2010_jump {
	background:url(../trial/images/trial_material_title_2010_06.gif) no-repeat left top;
}


.trial_material_body {
	margin: 0 0 20px 0;
	min-height: 1em;
    display: inline-table;
	position: relative;
	padding-top: 12px;
}

.trial_material_body:after {
	content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .trial_material_body {
    height: 1em;
}
.trial_material_body {
    display: block;
}
/**/

.trial_material_body img.trial_img_preview {
	width: 252px;
	height: 189px;
	border: none;
	float: left;
	margin: 0 18px 0 0;
}

.trial_material_intro, .content_try div.right_area p.trial_material_intro{
	margin:0 0 0 0;
	font-weight:bold;
	font-size:14px;
	line-height:1.4em;
}

.trial_material_note{
	margin:5px 0 0 0;
	font-size:12px;
	line-height:1.4em;
}

.trial_material_note_02, .content_try div.right_area p.trial_material_note_02{
	margin:5px 0 0 0;
	font-size: 10px;
	line-height:1.4em;
}


div.otameshi{
	width:610px;
	margin:0 0 20px 10px;
}

div.otameshi img{
	margin:0 0 10px 0;
}

div.otameshi p{
	display:block;
	font-size:12px;
	line-height:1.4em;
	}
div.otameshi a{
	width:154px;
	height:35px;
	float:right;
	margin-bottom:20px;
	text-indent:-9999px;
	background-image:url(../course/images/idx_aply_btn02.gif);
	}
div.otameshi a:hover{
	background-position:0px -35px;

}




.box_l {
	width: 270px;
	float: left;
}
.box_r {
	width: 380px;
	float: right;
}
.box_clear {
	clear: both;
	font-size: 0px;
}



.btnbox {
	width: 375px;
	margin: 5px 0 0 0;
	text-align: right;
}

.btnbox a.trial_btn {
	display: block;
	background: url(../trial/images/trial_btn_trial.gif) no-repeat left top;
	width: 162px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
}

.btnbox a.trial_btn:hover {
	background: url(../trial/images/trial_btn_trial_on.gif) no-repeat left top;
}
.btnbox_02 {
	width: 165px;
	margin: 5px 0 0 0;
}

.btnbox_02 a.trial_btn {
	display: block;
	background: url(../trial/images/trial_btn_trial_03.gif) no-repeat left top;
	width: 160px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
}

.btnbox_02 a.trial_btn:hover {
	background: url(../trial/images/trial_btn_trial_03_on.gif) no-repeat left top;
}



.download_box{
	width:650px;
	margin:20px 0 20px 20px;
}
.exbox {
	width: 650px;
	height:auto;
	padding: 0 0 0 0;
	background: url(../trial/images/exbox_footer.gif) no-repeat left bottom #FFF6D3;
	text-align: left;
}

.exbox h4 {
	width: 650px;
	height: 50px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.exbox h4.petit {
	background: url(../trial/images/petit_stitle_01.gif) no-repeat;
	text-indent: -9999px;
}
.exbox h4.hop {
	background: url(../trial/images/hop_stitle_01.gif) no-repeat;
	text-indent: -9999px;
}
.exbox h4.jump {
	height: 40px;
	background: url(../trial/images/jump_stitle_01.gif) no-repeat;
	text-indent: -9999px;
}

.exbox .ex_l {
	width: 190px;
	height: 140px;
	margin: 0 15px 0 7px;
	float: left;
}

.exbox .ex_r {
	width: 425px;
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
	float: left;
}
.exbox .ex_r h5 {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
}
.exbox .ex_r div {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
}

.exbox .ex_l_02 {
	width: 300px;
	margin: 0 5px 0 10px;
	float: left;
}
.exbox .ex_l_02 h5.hop {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
	color: #00B0EC;
}
.exbox .ex_l_02 h5.step {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
	color: #14A73C;
}
.exbox .ex_l_02 h5.jump {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
	color: #006FBD;
}
.exbox .ex_l_02 h6 {
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 150%;
}
.exbox .ex_r_02 {
	width: 300px;
	margin: 0 10px 0 5px;
	float: right;
}
.exbox .ex_r_02 p {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 1.4em;
}
.exbox .ex_r_02 h5.hop {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
	color: #00B0EC;
}
.exbox .ex_r_02 h5.step {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
	color: #14A73C;
}
.exbox .ex_r_02 h5.jump {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 150%;
	color: #006FBD;
}
.exbox .ex_r_02 h6 {
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 150%;
}
.cho {
	height: auto;
}
.exbox .ex_l_l {
	width: 120px;
	height: 96px;
	padding: 0 10px 0 0;
	float: left;
}

.exbox .ex_l_r {
	width: 165px;
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 1.4em;
	float: left;
}
.exbox .ex_l_r p {
	margin: 0 0 0 0;
}


.exbtnbox {
	width: 420px;
	margin: 5px 0 0 0;
	text-align: right;
	float: right;
}
.exbtnbox a.trial_btn {
	display: block;
	background: url(../trial/images/trial_btn_trial_02.gif) no-repeat left top;
	width: 162px;
	height: 40px;
	float: right;
	overflow: hidden;
}
.exbtnbox a.trial_btn:hover {
	background: url(../trial/images/trial_btn_trial_02_on.gif) no-repeat left top;
}

.exbox .cap {
	width: 635px;
	padding: 10px 0 10px 15px;
	font-size: 10px;
	color: #666666;
	clear: both;
}
.exbox .cap02 {
	width: 635px;
	margin: 10px 0 10px 15px;
	padding: 0 0 0 0;
	font-size: 12px;
}




div.center_area {
	width: 650px;
	margin: 0 0 0 0;
	clear: both;
}
div.center_area .moreinfo {
	margin: 10px 0 5px 0;
	text-align: right;
}
div.center_area .moreinfo a {
	padding: 0 0 0 15px;
	background: url(../common/images/icn-square-arrow-blue.gif) no-repeat;
	font-size: 12px;
}
div.center_area ul.aply_link {
	width: 650px;
	clear: both;
	margin:0px 0px 0 0;
	padding:0px;
	list-style:none;
}
div.center_area ul.aply_link li {
	float: right;
	margin: 0 0 0 5px;
}
div.center_area ul.aply_link li a {
	display:block;
	width:154px;
	height:35px;
	text-indent:-9999px;
}
div.center_area ul.aply_link li a.enter{
	background: url(../course/images/idx_aply_btn01.gif) no-repeat 0 0;
}
div.center_area ul.aply_link li a.enter:hover{
	background: url(../course/images/idx_aply_btn01.gif) no-repeat 0 -35px;
}
div.center_area ul.aply_link li a.brochure{
	background: url(../course/images/idx_aply_btn02.gif) no-repeat 0 0;
}
div.center_area ul.aply_link li a.brochure:hover{
	background: url(../course/images/idx_aply_btn02.gif) no-repeat 0 -35px;
}
div.center_area ul.aply_link li a.qa{
	background: url(../course/images/idx_aply_btn03.gif) no-repeat 0 0;
}
div.center_area ul.aply_link li a.qa:hover{
	background: url(../course/images/idx_aply_btn03.gif) no-repeat 0 -35px;
}

.lock	{
	position:static;
}