@charset "Shift_JIS";
/*___________ 基本設宁E___________ */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', '�E��E� ゴシチE��', sans-serif;
	background-color: #FFFFC6;
}
#WRAP {
	width:770px;
	margin:0 auto;
}
div,td,th {
	text-align:left;
}
p,pre {
	margin:0;
	font:12px/20px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','�E��E� ゴシチE��', sans-serif;
}
a {
	color:#663300;
	text-decoration: underline;
}
a:link{
	color: #663300;
	}
a:hover,
a:active,
a:visited 		/* for IE (Keyboard) */
{		/* for Netscape (Keyboard) */
	color: #CC9900;
	background-color: transparent;
}
p a:link{
	color: #663300;
	}
p a:hover,
p a:active,
p a:visited		/* for IE (Keyboard) */
{		/* for Netscape (Keyboard) */
	color: #CC9900;
	background-color: transparent;
}
/*___________ レイアウト設計【HEADER、E___________ */
h1 {
	font-size:12px;
	line-height:20px;
	margin:0;
}
#MAINIMG {
	width: 770px;
	height: 169px;
	background-image: url(../images/title.jpg);
	position: relative;
}
#TITLE {
	position: absolute;
	top: 60px;
	left:165px;
}
#TITLE p {
	width: 158px;
	height: 31px;
	
	color: #FFFFFF;
}
#MENU {
	width: 770px;
	height: 33px;
	background-image: url(../images/menu_back.gif);
	margin: 0px;
}
#MENU p {
	font-size:12px;
	padding: 2px;
}

.menu_paddhing {
	margin-right: 25px;
	margin-left: 25px;
}
.menu_bottan1 {
	height: 33px;
	width: 125px;
	float: left;
}
.menu_bottan2 {
	height: 33px;
	width: 125px;
	float: left;
}
.menu_bottan3 {
	height: 33px;
	width: 125px;
	float: left;
}
.menu_bottan4 {
	height: 33px;
	width: 125px;
	float: left;
}
.menu_bottan5 {
	height: 33px;
	width: 125px;
	float: left;
}
.menu_bottan6 {
	height: 33px;
	width: 125px;
	float: left;
}
.menu_left {
	height: 33px;
	width: 4px;
	float: left;
}
.menu_right {
	height: 33px;
	width: 4px;
	float: left;
}
#MENU1 {
	height: 33px;
	width: 125px;
	float: left;
}
#MENU2 {
	height: 33px;
	width: 125px;
	float: left;
}
#MENU3 {
	height: 33px;
	width: 125px;
	float: left;
}
#MENU4 {
	height: 33px;
	width: 125px;
	float: left;
}
#MENU5 {
	height: 33px;
	width: 125px;
	float: left;
}
#MENU6 {
	height: 33px;
	width: 125px;
	float: left;
}
#MENU_HIDARI {
	height: 33px;
	width: 10px;
	float: left;
}
#MENU_MIGI {
	height: 33px;
	width: 10px;
	float: left;
}
#MENU10 {
	height: 30px;
	width: 397px;
	float: left;
}
/*___________ レイアウト設計【MAIN、E___________ */
#MAINWRAP {
	width:770px;
	float:left;
	background-image: url(../images/bg_main.gif);
	color:  #333333;
	background-color: #FFFFFF;
}
/*___________ レイアウト設計【CONTENTS、E___________ */
#CONTENTS {
	width: 520px;
	float: right;
	background-color: #FFFFFF;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 1px;
}
#MAR_C {
	margin: 20px 10px 0 0;
}
#CONTENTS h2 {
	font-size: 18px;
	line-height: 32px;
	color: #FFFFFF;
	background-color: #FFC600;
	background-image: url(../images/bg_h2.gif);
	background-repeat: no-repeat;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'HG�E��E�ｼ�E��E�E', sans-serif;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
}
#CONTENTS p {
	margin: 1px 0 1px 0;
	padding: 1px 0 1px 0;
}
.honbun {
	color:  #333333;
	background-color:#FFFFC6;
	padding: 20px 19px 20px 19px;
	margin: 0px 0px 20px 0px;
	width: 470px;
}
.honbunkoe {
	color:  #333333;
	background-color: #FFFFC6;
	padding: 20px 19px 20px 19px;
	margin: 0 0 20px 0;
	width: 470px;
}
.honbunb {
	color:  #333333;
	background-color:#E1E1FF;
	padding: 10px 9px 10px 9px;
	margin: 0px 0px 20px 0px;
}
.honbun3 {
	color:  #333333;
	background-color: #E1E1FF;
	padding: 10px 9px 10px 9px;
	margin: 0 0 20px 0;
}
.honbunblue {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000099;
}
.honbuntable {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000099;
}
.honbunkoe2 {
	color:  #333333;
	background-color:#FFFFC6;
	padding: 20px 19px 20px 19px;
	margin: 0px 0px 20px 0px;
	width: 470px;
}
.honbunkuchikomipink {
	color:  #333333;
	background-color:#FFF5EE;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 20px 0px;
	width: 310px;
}
.honbunpinkgoshitumonkotae {
	color:  #333333;
	background-color:#FFF5EE;
	padding: 20px 19px 20px 19px;
	margin: 0px 0px 20px 0px;
	width: 450px;
}
.honbunkuchikomi {
	color:  #333333;
	background-color:#FFFFC6;
	padding: 20px 19px 20px 19px;
	margin: 0px 0px 20px 0px;
	width: 330px;
}
.honbunkuchikomiblue {
	color:  #333333;
	background-color: #E1E1FF;
	padding: 20px 20px 20px 20px;
	margin: 0 0 20px 0;
	width: 310px;
}
.honbunpink {
	color:  #333333;
	background-color:#FFF5EE;
	padding: 20px 20px 20px 20px;
	margin: 0px auto 20px auto;
	width: 410px;
}
/*___________ レイアウト設計【LEFT、E___________ */
#LEFT {
	width:200px;
	float:left;
	margin: 0 5px 0;
}
#MAR_L {
	padding: 20px 0 0 18px;
}
.left {
	color:  #333333;
	background-color: #ffffb6;
	padding: 10px 9px 10px 9px;
	margin: 0 0 20px 0;
}
/*___________ レイアウト設計【FOOTER、E___________ */
#FOOTER {
	background-image: url(../images/bg_main.gif);
	margin: 0 0 20px 0;
}
#FOOTER1 {
	text-align: center;
	margin: 0;
	padding: 20px 0 0 0;
}
#FOOTER2 {
	text-align: center;
	margin: 16px 0 0 0;
	padding: 16px 0 0 0;
}
#FOOTER2 p {
	font-size:12px;
}
#FOOTER2 a {
	margin: 0 10px 0 10px;
}
#FOOTER3 {
	color: #333333;
	background-image: url(../images/bg_mainfooter.gif);
	
	padding: 0 20px 0 0;
	margin: 10px 0 0 0;
}
#FOOTER3 p {
	font-size:9px;
	line-height:54px;
	text-align: right;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', '�E��E� �E�ゴシチE��', sans-serif;
}
#FOOTER3 a {
	color: #FFFFFF;
	background-color: #036CD4;
	text-decoration: none;
}
#FOOTER3 a:hover,
#FOOTER3 a:active, 		/* for IE (Keyboard) */
#FOOTER3 a:focus {		/* for Netscape (Keyboard) */
	color: #FFFFFF;
	background-color: #048104;
	text-decoration: underline;
}
/* ____ フロート�EチE��ス解除用。htmlでは<br class="clear" />で使用 ____ */
.clear {
	clear:both;
}
/* ____ チE��スト用 ____ */
.b {
	font-weight: bold;
}
.s {
	text-decoration: line-through;
}
.u {
	text-decoration: underline;
}
.red {
	color: #FF0000;
}
.orange {
	color: #FF9900;
}
.blue {
	color: #1E90FF;
}
.midium {
	font-size: large;
}

.large {
	font-size: x-large;
}
.small {
	font-size: x-small;
}
.bg_yell {
	background-color: #FFFFE6;
}
.text_right {
	text-align: right;
}
.center {
	text-align: center;
}
/* ____ 画像用 ____ */
img {
	border:0;
}
blockquote.okyakusamakoenamae {
 font-size: 11pt;
 font-weight: bolder;
 color: red;
 width: 450px;
 height: 0;
}
blockquote.okyakusamakoemidashi {
 font-size: 11pt;
 font-weight: bolder;
 color: #FF8C00;
 letter-spacing: 0.3em;
 line-height: 170%;
 text-align: center;
 margin: 1px 1px 1px 1px;
 width: 450px;
 height: 0;
}
.pink {
	color: #F08080;
}
.bg-yell {
	background-color: #FFFFF4;
	border: 1px solid #CCCC00;
	margin: 4px;
	padding: 2px 0px 2px 5px;
}
h3 {
	font-size: 18px;
	line-height: 32px;
	color: #FFFFFF;
	background-color: #FFC600;
	background-image: url(../images/bg_h2.gif);
	background-repeat: no-repeat;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'HG�E��E�ｼ�E��E�E', sans-serif;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
}
h3 a {
color: #333;
text-decoration: none;
}
h3 a:visited {
color: #333;
text-decoration: none;
}
h3 a:hover,
h3 a:active,
h3 a:focus {
color: #333;
text-decoration: none;
}
h4 {
color: #A0522D;
background-color: #FFFFE0;
font-size:16px;
margin: 0 0 8px 0;
padding: 5px 0 3px 5px;
}
h5 {
color: #B8860B;
font-size:16px;
margin: 0 0 8px 0;
padding: 5px 0 3px 5px;
border-bottom: solid 0px;
border-bottom-color: #ccc;
background-color: #FFFAF0;
}

.main_nav li {
    text-align: right;
    margin: 1px 0px;
    padding: 0;
    display: block;
}
.main_nav {
    width: 120px;
    position: fixed;
    top: 80px;
    right: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: column;
}

.main_nav a:hover img,
#tomail a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.main_nav a:hover,
#tomail a:hover
{	
background-color: transparent;
}

#tomail {
    width: 130px;
    position: fixed;
    bottom: 20px;
    right: 3%;
}

.main_nav a:hover img,
#toline a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.main_nav a:hover,
#toline a:hover
{	
background-color: transparent;
}

#toline {
    width: 130px;
    position: fixed;
    bottom: 170px;
    right: 3%;
}
#MAINWRAP #osirase{
	background-color:#ffd9d9;
	width:96%;
	text-height:1.5en;
	color:#F00;
	margin:2% 0 2% 0;
	padding:2%;
	font-size:14px;
	}
.no1{/*�e�v�f*/
     position: relative;
     padding:0;/*�v�f���̗]���͏���*/
}
.no1icon{
	position:absolute;
	top:-40px;

}
.no1 img{
	width:88%;
	margin:0 6% 2%;
	}
#whiteboad img{
	width:88%;
	margin:0 6% 2%;
	}
	
/*___________ PC ���j���[___________ */
#dropmenu_drow{
    width: 770px;

    background-image: url(../images/bg_main.gif);
    color: #333333;
    background-color: #FFFFFF;
}
#dropmenu{
  list-style-type: none;
  width: 750px;
  height: 40px;
  margin: auto;
  padding: 0;
  background: #d6a80a;
  border-bottom: 5px solid #ae8700;

}
#dropmenu li{
  position: relative;
  width: 124px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  
}

.page_top{
	display:none;}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #ae8700;
  color: #ffffff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #d6a80a;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#dropmenu a:hover,
#dropmenu a:active,
#dropmenu a:visited {

    background-color: #ae8700;
	}
#dropmenu #nav_home {
	background-image: url(../menu/sp_home_btn.png);
	background-repeat: no-repeat;
	background-size: 75px;
	background-position: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ffffff;
	padding-left:0.5%;
	
}
#dropmenu #nav_home a:hover,
#dropmenu #nav_home a:active,
#dropmenu #nav_home a:visited  {
    background-color: #ae8700;
	background-image: url(../menu/sp_home_btn.png) ;
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	
}
#dropmenu #nav_koe {
	background-image: url(../menu/sp_okoe_btn.png);
	background-repeat: no-repeat;
	background-size: 75px;
	background-position: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ffffff;
	
}
#dropmenu #nav_koe a:hover,
#dropmenu #nav_koe a:active,
#dropmenu #nav_koe a:visited  {
    background-color: #ae8700;
	background-image: url(../menu/sp_okoe_btn.png) ;
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	
}
#dropmenu #nav_menu {
	background-image: url(../menu/sp_menu_btn.png);
	background-repeat: no-repeat;
	background-size: 75px;
	background-position: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ffffff;
	
}
#dropmenu #nav_menu a:hover,
#dropmenu #nav_menu a:active,
#dropmenu #nav_menu a:visited  {
    background-color: #ae8700;
	background-image: url(../menu/sp_menu_btn.png) ;
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	
}
#dropmenu #nav_prof {
	background-image: url(../menu/sp_prof_btn.png);
	background-repeat: no-repeat;
	background-size: 75px;
	background-position: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ffffff;
	
}
#dropmenu #nav_prof a:hover,
#dropmenu #nav_prof a:active,
#dropmenu #nav_prof a:visited  {
    background-color: #ae8700;
	background-image: url(../menu/sp_prof_btn.png) ;
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	
}
#dropmenu #nav_mame {
	background-image: url(../menu/sp_beginner_btn.png);
	background-repeat: no-repeat;
	background-size: 75px;
	background-position: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ffffff;
	
}
#dropmenu #nav_mame a:hover,
#dropmenu #nav_mame a:active,
#dropmenu #nav_mame a:visited  {
    background-color: #ae8700;
	background-image: url(../menu/sp_beginner_btn.png) ;
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	
}
#dropmenu #nav_mail {
	background-image: url(../menu/sp_otoiawase_btn.png);
	background-repeat: no-repeat;
	background-size: 75px;
	background-position: center;

}
#dropmenu #nav_mail a:hover,
#dropmenu #nav_mail a:active,
#dropmenu #nav_mail a:visited  {
    background-color: #ae8700;
	background-image: url(../menu/sp_otoiawase_btn.png) ;
	background-repeat:no-repeat;
	background-size:75px;
	background-position:center;
	
}
.clearText {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

/*___________ PC ���@���R�~�o�i�[___________ */
.sp_top{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0 0 3%;
	}
.sp_top_box1{
	width:50%;
	float:left;
	}

.sp_top_box2{
	width:50%;
	float:left;
	}
.sp_top_box1 img{
	width:100%;
	margin:0;
	float:left;
	}

.sp_top_box2 img{
	width:100%;
	float:right;
	margin:0
	}

.bnr_three{
	width:100%;
	}
.bnr_three .bnr_three_img1{
	width:40%;
	float:left;
	margin:0;
	padding:0;
	}
.bnr_three .bnr_three_img2{
	width:30%;
	float:left;
	margin:0;
	padding:0;
		}
.bnr_three .bnr_three_img3{
	width:30%;
	float:left;
	margin:0;
	padding:0;
		}
		
.bnr_two{
	width:100%;
	}
.bnr_two .bnr_two_img1{
	width:50%;
	float:left;
	margin:0;
	padding:0;
	}
.bnr_two .bnr_two_img2{
	width:50%;
	float:right;
	margin:0;
	padding:0;
		}
ul li {
	list-style-type:none;
	margin:0;
	padding:0;}
ul{

	margin:0;
	padding:0;}
.left_nav li{
	margin-bottom:10px;}
	
.left_nav a:hover img,
.sp_top_box1 a:hover img,
.sp_top_box2 a:hover img,
.bnr_two_img1 a:hover img,
.bnr_two_img2 a:hover img,
.makimaki_bnr a:hover img,
.bnr_three_img2 a:hover img,
.bnr_three_img3 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.left_nav a:hover,
.sp_top_box1 a:hover,
.sp_top_box2 a:hover,
.bnr_two_img1 a:hover,
.bnr_two_img2 a:hover,
.makimaki_bnr a:hover,
.bnr_three_img2 a:hover,
.bnr_three_img3 a:hover
{	
background-color: transparent;
}
#questionnaire box{
	width:500px;
	margin :0 auto;
	}
.q_box{
	width:50%;
	float:left;
	height:300px;
	
	}

#box1{
	background: url(../img/questionnaire.jpg) top no-repeat;
	width:50%;
	float:left;
	height:300px;
	}
#box2 p,
#box3 p,
#box4 p,
#box5 p,
#box6 p,
#box7 p,
#box8 p{
	margin-top:200px;
	padding:0 2px 0 5px;
	}
#box2{
	background: url(../img/questionnaire1.jpg) no-repeat center;
	}
#box3{
	background: url(../img/questionnaire2.jpg) no-repeat center;
	}
#box4{
	background: url(../img/questionnaire3.jpg) no-repeat center;
	}
#box5{
	background: url(../img/questionnaire4.jpg) no-repeat center;
	}
#box6{
	background: url(../img/questionnaire5.jpg) no-repeat center;
	}
#box7{
	background: url(../img/questionnaire6.jpg) no-repeat center;
	}
#box8{
	background: url(../img/questionnaire7.jpg) no-repeat center;
	}
#ekiten{
	width:480px;
	margin:0 10px;}
#kyujin1{
	background:url(../images/kyujin_img1.jpg) no-repeat;
	width:460px;
	height:290px;
	margin:auto 10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	
	}
.question{
	background: url(../images/syoujou_img1.png) no-repeat;
	padding-left:75px;
	}
.kadomaru_red{
	border-radius: 15px;
	border: 2px #ff5a5a solid;       /* �g���̑��� */
	background-color: #ffe1e1;     /* �w�i�F */
	padding: 20px 15px !important;  /* �����̗]�� */
	display: inline-block;         /* �C�����C���u���b�N��(���C�����C���̂܂܂��ƁA�E�[�Ő܂�Ԃ���ď㉺�ɕ��񂾂Ƃ��ɁA�O��̍s�Əd�Ȃ��Ă��܂�����) */
	font-size: 14px !important;
	line-height: 20px !important;
	
	}
.answer{
	background: url(../images/syoujou_img2.png) no-repeat;
	padding-left:75px;
	}
.kadomaru_blue{
	border-radius: 15px;
	border: 2px #00bbf4 solid;       /* �g���̑��� */
	background-color: #d4f8ff;     /* �w�i�F */
	padding: 20px 15px !important;  /* �����̗]�� */
	display: inline-block;         /* �C�����C���u���b�N��(���C�����C���̂܂܂��ƁA�E�[�Ő܂�Ԃ���ď㉺�ɕ��񂾂Ƃ��ɁA�O��̍s�Əd�Ȃ��Ă��܂�����) */
	font-size: 14px !important;
	line-height: 20px !important;
	}
.kokuban{
		background:url(../images/syoujou_img3.png) 	no-repeat;
	width:500px;
	height:350px;
	margin:auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	
	}
.kuma_sita{
	/*�e�v�f*/
     position: relative;
     padding:0;/*�v�f���̗]���͏���*/}
.kuma_migi{
	position:absolute;
	bottom:-40px;
	right:0;}
/*���l�e�[�u��*/
.main-table table {
	background-color: #CCCCCC;
	font-size: 12px;
}
.main-table table {
	margin: 10px auto 10px auto;
	padding: 0;
}
.main-table th {
	color: #000000;
	background-color: #FFFFCC;
	font-weight: normal;
}
.main-table tr, .main-table th, .main-table td {
	padding: 8px;
}
.main-table table {
	font-size: 12px;
}
.main-table td {
	background-color: #ffffff;
}
#colorbox iframe {
    width: 560px;
    height: 315px;

}
.ranking{
	margin:0 15px 15px 0;}
.ranking_last{
	margin:0 0 15px 0;}


/*�S��*/
.hidden_box {
    margin: 2em 0;/*�O��̗]��*/
    padding: 0;
}

/*�{�^������*/
.hidden_box label {

    font-weight: bold;

    cursor :pointer;
}

/*�{�^���z�o�[��*/
.hidden_box label:hover {
    background: #efefef;
}

/*�`�F�b�N�͌����Ȃ�����*/
.hidden_box input {
    display: none;
}

/*���g���\���ɂ��Ă���*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*�N���b�N�Œ��g�\��*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.right{
	float:right ;}

/*�N���N�n*/
/*�{�b�N�X�S��*/
.accbox {
    margin: 1em 0;
    padding: 0;
    max-width: 100%;/*�ő啝*/
}

/*���x��*/
.accbox label {
    display: block;
    margin: 1px 0;
    color :#ffffff;
    font-weight: bold;
    background :#ff6464;
    cursor :pointer;
    transition: all 0.5s;
	line-height:1.5;
	padding:3px;
}

/*���x���z�o�[��*/
.accbox label:hover {
    background :#f03838;
}

/*�`�F�b�N�͉B��*/
.accbox input {
    display: none;
}

/*���g���\���ɂ��Ă���*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*�N���b�N�Œ��g�\��*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #ffe6e5;
    opacity: 1;
}

/*toppage_test��css*/
#toppage_test{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
/*==================================
			  base
==================================*/
#toppage_test .clear {
	clear: both;
}
#toppage_test .right {
	text-align: right;
}
#toppage_test .left {
	text-align: left;
}
#toppage_test .center {
	text-align: center;
}
#toppage_test .img_left {
	margin: 0 16px 16px 0;
	float: left;
}
#toppage_test .img_right {
	margin: 0 0 16px 16px;
	float: right;
}
#toppage_test .img_center {
	display: block;
	margin: 0 auto 16px;
}
#toppage_test a:hover img, a:active img {
	-webkit-opacity: 0.7;
	opacity: 0.7;
}
#toppage_test .br_onoff {
	display: none;
}
/*=================================
			design
=================================*/
#toppage_test body {
	background: #fff;
	color: #333333;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1.6;/*	min-width: 1240px;/*main_img�̕�*/
}
#toppage_test h3 {
	font-size: 23px;
	font-weight:bold;
	line-height: 32px;
	color: #FFFFFF;
	background-color: #dcb742;
	background-image: url(../images/bg_h2.gif);
	background-repeat: no-repeat;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'HG�E��E�ｼ�E��E�E', sans-serif;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 24px;
}
#toppage_test .lp_conts01{
	width: 100%;
	background-image: url(../images_toppage/point1_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;

	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 30px;
	background-size:contain !important;
	}
#toppage_test .lp_conts01 ul{
	margin:250px 0 20px 15px;
	}
#toppage_test #conts01_answer{
	width: 100%;
	background-image: url(../images_toppage/point2_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;

	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0;
	padding-left: 100;
	padding-bottom: 130px;
	background-size:contain !important;
	font-size:24px;
	font-weight:bold;

	}