@charset "Shift_JIS";
/* CSS Document */
/* 2017 smart phone renewal */
.pc {display:none}
#main,#header,#nav_r,#mainnav_r,#container,#leftbar_r,#rightbar_r,#contents_r,#footer,.inner,#footernav,#featured,#notification,#copyright,#topicpath,#leftbarcontentsrightbar{
    width: 100%;
	max-width:100%;
	float:none;
	min-width: initial;
    }
#topicpath {
	height: auto;}
/*header menu------------------------------------*/
#smnavi {
text-align: center;
overflow:hidden;
padding: 0;
height:50px;
}

#smnavi ul {
margin:0 auto;
width: 100%;
text-align: center;

}

#smnavi li {
margin: 0px;
padding: 0px;
display: block;
float: left;
}
#smnavi li a{
text-decoration:none;
color:#FFF;
text-align:center;
font-weight:bold;
font-size:14px;
letter-spacing: 0.1em;
	}

#smnavi ul li{width:15%;
background-image:url(../sm_image/smmenuback.png);
background-repeat:none;
background-size:auto;
line-height:60px;
height:50px;
}
#smnavi ul li:hover{width:15%;
background-image:url(../sm_image/smmenubackon.png);
background-repeat:none;
background-size:auto;
	line-height:60px;
height:50px;
}
#smnavi ul li+li{width:35%;
border-left:#CCC 1px solid;
}
#smnavi ul li+li:hover{
	width:35%;
}
#smnavi ul li+li+li{width:20%;
border-left:#CCC 1px solid;
}
#smnavi ul li+li+li:hover{
	width:20%;}
	
#smnavi ul li+li+li+li{width:29%;
height:50px;
border-left:#CCC 1px solid;
line-height:20px;
padding-top:10px;
overflow:hidden;
}
#smnavi ul li+li+li+li a{
	padding-top:20px;
}
#smnavi ul li+li+li+li:hover{width:29%;
background-image:url(../sm_image/smmenubackon.png);
background-repeat:none;
padding-top:10px;
line-height:20px;
}
/*header--------------------------*/
#smheader{
width:100%;
/*max-width:630px;*/
height:auto;
display: block;
text-align: center;
margin-top:10px;
}
#container{clear:both;}
#logo{
	
	display:inline-block;
	width:60%;
	height:auto;
	float:left;
	vertical-align:middle;
	min-hight:60px;
}
#logo img{
	height:auto;
	width:100%;
	max-width:276px;
	min-hight:60px;
}
#login{
	display:inline-block;
	width:18%;
	max-width:90px;
	float:right;
	vertical-align:middle;
	margin-right:2%;
}
#login img{
	width:100%;
	
	min-hight:60px;
	height:auto;	
}
#menu{
	display:inline-block;
	max-width:90px;
	width:18%;
	float:right;
	vertical-align:middle;
	margin-right:2%;
}
#menu img{
	width:100%;;
	min-hight:60px;
	height:auto;
}
/*kensaku---*/
input.button {
    width: 160px;
    height: 50px;
	background-color:#bbd552;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
    cursor:pointer;
}
input[type="text"], input[type="password"]{
  width: 100%;
  height: 36px;
  background: #eee;
  border: 1px solid #ccc;
  font-size: 1em;
  text-indent: 0.7em;
}
input[type="text"]:focus,input[type="password"]:focus {
  background: #eee;
  border: 1px solid #F90;
}
#imputspace{
  margin-bottom:10px;
}
/*modal menu--------*/
#modal-content-01 {
	width: 80% ;
	max-width:260px;
	margin: 0 ;
	padding: 10px 0px 0px;
	border: 2px solid #fff;
	background:rgba(187,213,82,.9);
	position: fixed ;
	display:none;
	z-index: 2 ;
	top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  overflow: auto;
}
#modal-content-02 {
	width: 80% ;
	max-width:220px;
	border: 1px solid #d5d8d4 ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #fff;
	background:rgba(255,255,255,1.0);
	position: fixed ;
	display:none;
	z-index: 2 ;
	top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  overflow:auto;
}
#modal-content-03 {
	width: 80% ;
	max-width:220px;
	border: 1px solid #d5d8d4 ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #fff;
	background:rgba(255,255,255,1.0);
	position: fixed ;
	display:none;
	z-index: 2 ;
	top: 10%;
  right: 10%;
  bottom: 10%;
  left: 10%;
  overflow: auto;
}

#modal-content p{color:#000;}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
	overflow: auto;
}
.button-link {
	display:block;
}
.button-link:hover {
	cursor: pointer ;
	color: #fff ;
}

/*menu modal-menu-------------------------*/
#smmainnav{
	padding:0 10px 10px;
	margin:0;
	text-align:left;
}
#smmainnav ul {margin:0;display:table;}
#smmainnav ul li {margin:0;border-bottom:dotted 1px #fff; display :block;}
#smmainnav ul li a {color:#009245; font-size:12px;
	font-weight:bold;
	text-decoration:none; display : table;}
#smmainnav ul li a:hover {color:#FFF;}

#smmainnav ul li::after {content:''}
#smmainnav ul li:last-child {border-bottom:none}

#smmainnav ul li span {
    display : table-cell;
    vertical-align : middle;
	height: 45px;
	line-height:1.2;
    }
/*menu sub--*/
#smsubnav{
	padding:20px;
	margin:0;
	text-align:left;
	background-color:#bbd552;
}
#smsubnav ul {margin:0;display:table;}
#smsubnav ul li {margin:0;border-bottom:dotted 1px #fff; display :block;
}
#smsubnav ul li a {color:#FFF; font-size:10px;
	font-weight:bold;
	text-decoration:none; display : table; letter-spacing:0.2em;}
#smsubnav ul li a:hover {color:#dff72f;}

#smsubnav ul li::after {content:''}
#smsubnav ul li:last-child {border-bottom:none}

#smsubnav ul li span {
    display : table-cell;
    vertical-align : middle;
	height: 40px;
	line-height:1.2;
	padding-left:18px;
	background-image:url(../sm_image/arrow_lg.png);
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:0px 15px;
    }

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
/*menu modal-close botton---------------*/
.btnclose span{height:20px; width:20px; display:block;  position: absolute;  
    top: 10px;  
    right: 10px; } 

.closebtn_y{background:#f0ce00;}

.closebtn_y:before, .closebtn_y:after{content:''; height:3px; width:14px; display:block; background:#fff; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; position:absolute; top:8px; left:3px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.closebtn_y:after{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);}
/*footer--------------------------*/
#footer {
	width:100%;
	max-width:100%;
}
#footer .inner{
	width:auto;
	padding:0 10px;
}
#footernav ul li a {
	text-align:left;
	margin-left:10px;
}

#footernav ul li {
	float:none;
	border:none; 
    }
#footernav ul li.last {
	float:none;
}
#copyright {
	height: auto;
}
#copyright p,#notification p {
	text-align: left;
}
/*TOP PAGE*************/
/*boxslider-------------------------------------*/
#topcontentssm {
	width: 100%;
	max-width:484px;
	background-color: #FFF;
	margin:0 auto;
	z-index:-1;
}
/*top main contents--------------------------*/

#section{
	width:auto;
	padding:0 10px;
}
/*lesson list---*/
#lessonlistbox,#lessonlistbox_min,#newcolumn_r,#lessonnewlistbox{
	width: 100%;
}
.ttl_top{
	width:100%;
}
.ttl_top img{
	overflow:hidden;
	width:100%;
	min-width:570px;
	min-height:35px;	
}
#lessonlistbox h3,#lessonlistbox_min h3,#lessonnewlistbox h3{
	font-size: 14px; 
}
#lessonlistbox .thm,#lessonnewlistbox .thm{
	width:30%;
	max-width:378px;
	overflow:auto;
	margin:2%;
	padding:0;
}
#lessonlistbox_min .thm{
	width:30%;
	max-width:160px;
	overflow:auto;
	margin:2%;
	padding:0;
}
#lessonlistbox .thm img,#lessonlistbox_min .thm img,#lessonnewlistbox .thm img{
	width:100%;
	height:auto;
}
#lessonlistbox .dtl,#lessonlistbox_min .dtl,#lessonnewlistbox .dtl{
	width:64%;
	overflow:auto;
	margin:0;
	padding:0;
}



#lessonlistbox .dsc,#lessonlistbox_min .dsc,#lessonnewlistbox .dsc{
margin:0;
padding:0;
}
#lessonlistbox .date,#lessonlistbox_min .date,#lessonnewlistbox .date{
margin:0;
padding:0;
text-align:left;
clear:both;
}

#goichiran{
	width:100%;
	max-width:300px;
	height:auto;
}
.bnr_on01 a{
	margin: 0 auto;
}
/*---banner--------------------------------*/
.sbnr_on01 img{
	width:100%;
	max-width:292px;
}
.sbnr_on01 a{
    width:100%;
	max-width:292px;
    height:auto;
    padding:3px;
    display:block;
    border:1px solid #bbd552;
    background:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
#pagelinkbar {
    padding-top: 6px!important;
    padding-bottom: 6px!important;
}
#pagelinkbar #left {
    float: left;
    margin-left: 10px!important;
    overflow: hidden;
}
#pagelinkbar #center {
    float: left;
    margin-left: 20px!important;
    overflow: hidden;
	width: auto; 
}
#pagelinkbar #right {
    float: left;
    margin-left: 20px!important;
    overflow: hidden;
}
#pagelinkbar p a {
    font-size: 16px!important;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-decoration: none;
}
/*kaiinannnai---*/
#side_sub_regtop{
	width: 100%;
	margin-left :0 ; margin-right : 0 ;
	margin-bottom:0;
	margin-top:10px;
}
#side_sub_reg_r {
	width: 100%;
	margin-left :0; margin-right : 0 ;
	margin-top:0;
	margin-bottom:25px;
	border: 1px solid #bbd552;
	font-size: 12px;
}

#side_sub_reg_r .inner {
	width: 90%;
	padding:15px 15px 10px 15px;
	font-size: 11px;
}
#side_sub_regtop, #side_sub_reg_r{
	text-align:center;
}
#side_sub_regtop img{
	width:100%;
	max-width:300px;
	height:auto;
}
#side_sub_reg_r img{
	width:100%;
	max-width:242px;
	height:auto;
}

/*SETUMEI PAGE*************/ 
#contents_setumei{
	width:100%;
	max-width:667px;
	float:none;
	margin:0 auto;
}

#newmovtop,#viewguide,#setumeileft{
	width: auto;
	padding:0 10px;
	float:none;
	margin:10px auto;
}
#setumeitext {
	width: 100%;
	margin:0 0 30px 0;
}
#lesson_list2 #datedate_2,#lesson_list2 #lessontitle{
	width:100%;
}
#setumeibacknumber{
	width:100%;
	max-width:667px;
}
#newmovtop{
	text-align:center;
}
#newmovtop img{
	width:100%;
	height:auto;
	max-width:395px;
	float:none;
	margin:0 auto;
}
#lesson_list2,#lessontitle{
width: 100%;
}
#setumeibacknumber{
	width:auto;
	padding:0 10px;
}
#lesson_list2 #lessontext{
	width:auto;
	max-width:100%;
	padding:0 10px;
	float:none;
	margin:0 auto;
}
#lessontext img,.videogthm img{
    width: 100%;
	height:auto;
	max-width:395px;
    margin:0 auto;
	display:block; 
}
#lessontext iframe{ width:100%; }
.videogthm iframe{ width:100%; }
iframe{ max-width:100%; }



#longlongbar{
	font-size: 12pt;
}
#videog table{
	width:100%;
}

/*CATEGORY PAGE************/ 
#newmovtop img {
	float: none;
	margin:0;
	padding:0;
}
#newmovtop #lessonsearch{
	width:100%;
	padding:0;
	margin: 0;
	float: none;
}
#lessonserch2{
	width:auto;
}
#newmovtop #lessonsearch2 img{
	width:100%;
	max-width:300px;
}
#newmovtop #lessonsearch img{
	width: 100%;
	max-width:200px;
	height:auto;
	float: none;
	height:auto;
	clear:both;
}
#newmovtop #lessonsearch .subttl img{
	width: 100%;
	max-width:300px;
	display:block;
	margin:20px auto 10px;
}
#lessonsearch a img{
	width: 100%;
	height:auto;
	float: none;
	clear:both;
	margin:5px 0 5px 0;
	padding:0;
}
#lessonsearch p {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#lessonsearch form {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	padding:0 10px;
	max-width:300px;
}
#lessonsearch #mojisoroe{
	width: 100%;
	margin:0 0 10px 0;
	text-align:center;
}
#lessonlist{width:100%;
	padding:0;
}
#lessonlist #mojisoroe {
	width: 100%;
	margin:20px 0 20px 0;
	text-align:center;
}
#lessonlist #form {
	margin:10px auto;
}

#jumpMenu{
border: 1px solid #F90;
padding:10px;
}

#categoryichiran {
	width: auto;
	padding:0 10px;
}
#categoryichiran h3 {
	font-size: 12px;
	color: #FFF;
	background-color: #017171;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#categorybar{
	width:100% !important;
}
#AD{
	width: auto;
	padding:0 10px;
	margin-bottom:20px;
}
#searchresult,#resultbox{
	width: auto !important;
	padding:0 10px;
}
/*NEWS PAGE*************/ 
#contents_lesson_new{
	width:100%;
	max-width:667px;
	float:none;
	margin:0 auto;
}
#newmov15 {
	width: 100%;
	max-width:100%;
	overflow: hidden;
	margin: 0 auto;
	padding:0;
}
#newmov15,#resultbox{
	width: auto !important;
	padding:0 10px;
	margin-bottom:20px;
}
/*COLUMN ENTRY PAGE*************/ 
#contents_column,#contents_column2{
	width:100%;
	max-width:100%;
	float:none;
	margin:0 auto;
	overflow:hidden;
}
#columnbox{
	width:100% !important;
	max-width:100%;
	float:none;
	margin:0 auto !important;
	overflow:hidden;
}
#columnbox iframe{
width:100%;
}
#columnbox p{
	width:auto;
	padding:0;
	margin:0;
}
#contents_column img{
	width:100%;
	height:auto;
}
#contents_column_wrap{
	width:auto;
	padding: 0 10px;
}
#columnleft{
	float: none;
	width: 100%;
	clear:both;
	margin:0 auto;
}
#columnright,#side_sub_right200{
	float: none;
	width: 100%;
	clear:both;
	margin:10px auto;
}
#columnright .style1 a{
	font-size: 11px;
	line-height:1.8;
}

#side_sub_right200 {
	width: 100%;
	max-width:250px;
	margin-top:20px;
}
#columnright img{
	width:100%;
	max-width:250px;
	display:block;
	margin:10px auto;
}
hr.border1 {
height: 1px;
border: none;
border-top: 1px #f9e02d solid;
margin-top:-5px;
}
hr.border2 {
height: 1px;
border: none;
border-top: 1px #f9e02d solid;
margin-bottom:-5px;
}

#side_sub_right200 img{
	width:100%;
	max-width:250px;
	margin:0 auto;
}
#side_sub_right200 .arrow_l img{
	margin:0;
	float:left;
	width:auto;
}
#side_sub01{
	width:auto;
}
#commentbox{
	width:100%!important;
	max-width:400px;
	float:none;
	margin:0 auto;
	overflow:hidden;
}
#commentbox textarea{
	border:solid #666 1px;
	width:100%;
	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#commentbox #sousin{
	width: 160px;
    height: 50px;
	background-color:#bbd552;
	color:#fff;
	font-size:14px;
	font-weight:bold;
    cursor:pointer;
	display:block;
	float:none;
	margin-left:auto!important;
	margin-right:auto!important;
}
#side_sub01 .unline,#side_sub01 .unline_top {
   border-bottom:none;
}
#realcomment{
width:auto!important;
}
#realcomment #text {
width:100%!important;
}

/*USER /PRE-REGI PRE-REGE2 PAGE*************/ 
#contents_pre-regi{
	width: 100%;
	max-width:100%;
	overflow: hidden;
	margin: 0 auto;
	padding:0;
	float:none;
}
#nagarezu,#tourokuform{
	width: auto;
	padding:0 10px;
}
#nagarezu img{
	width: 100%;
	height:auto;
}
#nagarezu p{
	width: 100%;
}
#pbar,#semipbar,#aboutsecurity,#beforetouroku{
	width: auto;
	margin:10px 0;
	padding: 10px;
}
#tourokuform iframe{
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
	border:#999 solid 1px;
}
#tourokuform{
	text-align:center;
}
#tourokuform #sousin{
	margin:0;
}
#tourokuform #button a{
	width: 100%;
	max-width:240px;
	height: auto;
	margin:20px auto;
}
.shiharai {
	width: 100% 
	padding: 0 10px;
}
.shiharai img{
	width:100%;
	height:auto;
}
.box_gray {
	margin:0 auto;
}
#profileform{
	width: auto;
	padding:0 10px;
}
#profileform table{width: 95%;}
#profileform th, #profileform td	{ padding: 10px; border: 0px solid #ddd; }
#profileform th	{ background: #e4f487; }


.profiletbl { margin: 0 0px;}
    .profiletbl th,
    .profiletbl td{
    width: 100%;
    display: block;
    border-top: none;
    }
   .profiletbl tr:first-child th { border-top: 0px solid #ddd; }

#profileform #sousin,#beforetouroku #mousikomu{
	width: 160px;
    height: 50px;
	background-color:#bbd552;
	color:#fff;
	font-size:14px;
	font-weight:bold;
    cursor:pointer;
	display:block;
	float:none;
	margin-left:auto!important;
	margin-right:auto!important;
}
p #red  {
	line-height:normal;
	display:block;
}

/*INFO PAGE*************/
#tourokuform .section{
	width:100%;
	padding:0;
}
#tourokuform .section@p{
	font-size:12px;
}
#tourokuform .inner{
	width:100%;
	margin-left:0;
}
#hanbai,#annai{
width:100%;
overflow:hidden;
} 
#hanbai .table2{
	width:100%;
	table-layout: fixed;
	text-align:left;
}

#hanbai .table2 th{
	background:#CCC;
}
#hanbai .table2 th,#hanbai .table2 td{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0;
}
#annai .table{
	width:100%;
	table-layout: fixed;
	text-align:left;
	margin:0;
	padding:0;
}
#annai img{
	max-width:240px;
	height:auto;
}
#annai .table td{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0;	
}
#tourokuform .smimg{
	margin-right: auto;
	margin-left: auto;
	display: block;
	width:100%;
	height:auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
#tourokuform dt{
	background:#CCC;
	padding:10px;
}
#tourokuform dd{
	padding:10px 0;}
#tourokuform dd p{line-height:1.5;
letter-spacing: 0.1em;}
#shiharainyukai{
	width:100%;
overflow:hidden;
}
#shiharainyukai .table2{
	width:100%;
	table-layout: fixed;
	text-align:left;
}
#shiharainyukai .table2 th, #shiharainyukai .table2 td{
	width:100%;
	display:block;
	margin:0;
	padding:10px 0;
}
#shiharainyukai .table2 th{
		background:#CCC;
	    padding:10px;
}

.index1 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3bafe5;
}
.index1::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
.index2{
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #3bafe5;
}
.index3 {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-radius: 6px;
}
#company{
width:100%;
overflow:hidden;
} 
#company table{
	width:100%;
	table-layout: fixed;
	text-align:left;
}
#company table img{
	width:100%;
	height:auto;
}
#beforetouroku iframe{
	width:100%;
	height:auto;
	margin:20px 0;
	border:#999 solid 1px;
}
#testmovunder #videog a img{
	width:100%;
	max-width:390px;
	height:auto;
	display:block;
	margin:10px auto;
}

/*SHOP PAGE*************/
#shoplink{
	margin-bottom:20px;
}
#shoplink a img{
	width:100%;
	max-width:150px;
	height:auto;
	display:block;
	float:none;
	margin:10px auto;
}
#contents_lesson_new #itemlist {
    width: auto;
	padding: 0 10px;
    margin:0;
}
#itemlist #dvditemsmall {
    width: 100%;
    float: none;
	margin-bottom:20px;
	border-bottom:dotted 1px #8C965B;
	padding-bottom: 10px;
}
#itemlist #dvditemsmalllast{
	width: 100%;
    float: none;
	border-bottom:none;
    padding-bottom: 0px;
    margin-bottom: 0;
}
#itemlist #dvditemsmall2 {
    border-bottom:none;
    padding-bottom: 0px;
    margin-bottom: 0;
}
#dvditem {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: none;
}
#dvditem img{
	display:block;
	float:none;
	margin:0 auto;
}
#dvditemtext{
	width:136px;
	margin:0 auto;
	padding-left:0;
	
}
#dvditem2 {
    width: 100%;
    float: none;
}
.br-sp { display:none; }
#longbar{
	font-size: 12pt;
	width:100%;
}

#contents_dvditem{
	width:100%;
	max-width:100%;
	float:none;
	margin:0 auto;
}
#shoplink .arrow_l {
	line-height:12px;
	margin-left:10px;
	display:table-cell;
}
#shoplink .arrow_l img{
	float:left;
	margin-left:20px;
	padding-right:5px;
	vertical-align:middle;
	height:12px;
}

#dvdpreviewwide{
	position: relative;
    width: 100&;
    padding: calc(480/640 * 100%) 0 0;
	margin-bottom:20px;
}
#dvdpreviewwide .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contents_dvditem #dvditemwide {
	width: auto;
	margin:0 0 20px 0;
	padding: 0 10px;
	overflow: auto;
	float:none;
}
#osiharaihouhoutoputintocart {
    width:auto;
    margin: 0;
}
#contents_dvditem #packageimage {
	float: none;
	overflow: hidden;
}
#contents_dvditem img{
	margin:0 auto;
	display:block;
}
#dvditemwide #dvditemwide2 {
	width: 100%;
	float: none;
	margin-top: 5px;
}
#osiharaihouhoutoputintocart #osiharaihouhou {
	float: none;
	margin:0 auto;
	display:block;
	width:100%;
}
#osiharaihouhou img{
	float: none;
}
#putintocart {
	float: none;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	display:block;
	padding:0;
}
.bnr_on03 a{
	width:100%;
    max-width:190px;
    height:auto;
    padding:3px;
    display:block;
    border:1px solid #bbd552;
    background:#FFF;
	margin-right: auto;
	margin-left: auto;
}
#dvditemcontents3{
	width: auto;
	margin:0;
	padding: 0 10px;
	overflow: auto;
	float:none;
}
.dvdlessonttl {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 12px;
  font-weight:bold;
  color:#469cb2;
}

#dvditemcontents3 #coachplofile,#dvditemcontents3 #credit{
	width: auto;
	padding:0 ;
	margin: 20px 0;
	}
#dvditemcontents3 #coachplofile p,#dvditemcontents3 #credit p{
	margin-right:0;
}
#contents_dvditem #viewguidewide{
	width: auto;
	padding:0 10px;
}
#contents_dvditem #longlongbar{
	width: auto;
	margin-left:10px;
	margin-right:10px;
}
#dvditemcontents1 #lcr p,#dvditemcontents1 #lcrbottom p{
	font-size:12px;
	line-height:1.2;	
}
/*LOGIN HTM*************/
#side_sub_login {
    margin-left: auto; 
}
/*TRIAL HTM*************/
.trialimg {
    float: none;
    width: 100%;
	height:auto;
    max-width: 395px;
	display:block;
}
#trial01bnr img{
	margin-bottom:20px;
}
#trial01 #trial01text {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-top:20px;
}
#trialtop{
	width: auto;
	padding:0 10px;
	float:none;
	margin:10px auto;
	text-align:center;
}
#trialtop img{
	width:100%;
	height:auto;
	max-width:590px;
	float:none;
	margin:0 auto;
}
#trialtop p{
	width:100%;
}
#contents_trialditail{
	width:100%;
	max-width:667px;
	float:none;
	margin:0 auto;
}
#contents_trialditail #contents_trialditail_header{
    width: auto;
	padding: 0 10px;
    margin:0;
}

#contents_trialditail #contents_trialditail_header img{
    width:100%;
	height:auto;
	max-width:590px;
	float:none;
	margin:0 auto;
	display:block;
}
#contents_trialditail #trialmov,#contents_trialditail #trialtext
{
    width: auto;
	padding: 0 10px;
    margin:0;
}
#trialtext #trial01text a img {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float:none;
	display:block;
}
/*PROJECT PAGE*************/ 
#contents_project{
	width:100%;
	max-width:667px;
	float:none;
	margin:0 auto;
}
#contents_project img {
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 100%;
	max-width:595px;
	height:auto;
}
#contents_project #trial01 img,#contents_lesson_new #trial01 img {
	width: 100%;
	max-width: 160px;
    height:auto;
    float: none;
	}
#contents_project #longbarwide,#contents_lesson_new #longbarwide {
    width: 100%;
    margin: 5px 0;
}
#contents_project #itemlist {
    width: auto;
	padding: 0 10px;
    margin:0;
}
#contents_project #trial01 a img, #contents_lesson_new #trial01 img {
	margin:0;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    display: block;
}
#purowaza01 a img {
    margin-top: 10px;
    margin-right: 0x;
    margin-bottom: 5px;
    margin-left: 0;
}

#trial01 #onepointtxt {
    float: none;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
#contents_lesson_new #purowaza01 {
    width: auto;
    margin-right: 0;
    margin-left: 0;
	padding: 0 10px;
}
#contents_lesson_new #purowaza01 img {
	width: 100%;
    height: auto;
}
#project01 #yougojitenbnr {
    margin-right: auto;
    margin-left: auto;
}
/*NEWS PAGE*************/ 
#newslist #topictxt {
    height: auto;
    width: auto;
    margin: 0;
    float: none;
}
#topiclist img {
    float: left;
}
#topicpict img{
    float:left;
    padding-left: 0px;
	margin-left:20px;
}
#topiclist {
    width: auto;
    overflow: hidden;
	margin:0 0 20px;
    padding: 0 10px;
}
#newslist #topictxt{
    margin-left: 70px;
}
#contents_dvditem #contents_topic {
    margin-right: 0;
    margin-left: 0;
    padding: 0 10px;
}
#contents_topic img{
	width:auto;
	height:auto;
	max-width:100%;
}
.pd10 {
    padding: 10px;
}
#logininfo{
	width:auto;
	padding:0 10px;
	margin-bottom:20px;
}
#logininfo h3 {
    margin-left: 0;
    margin-right: 0;
}

#dvditemcontents1 #lcr #left,#dvditemcontents1 #lcrbottom #left{
    float: none;
    display: block;
    width: 100%;
    margin: 2px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
}
#dvditemcontents1 #lcr #center,#dvditemcontents1 #lcrbottom #center{
    float: none;
    width: 100%;
}
#dvditemcontents1 #lcr #right,#dvditemcontents1 #lcrbottom #right {
    float: none;
    width: 100%;
}
/*EVENT PAGE*************/ 
#itemlist #eventbnr img{
    float: none; 
	margin:0 auto;
	display: block;
}
#contents_lesson_new #itemlist #eventbnr .table3 {
    width: 100%;
}
#sankaguide {
    padding: 0 10px;
    width: auto;
}
#sankaguide a img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}
#eventreview {
    width: auto;
    padding: 0 10px;
}
#itemlist #eventreview img,#itemlist #eventdetail img{
	margin:0 auto;
	display: block;
	width:100%;
	height:auto;
	max-width:585px;
}
#eventreview #phtext ul {
    width: 100%;
}
#itemlist{
	margin:0;
	padding:0;
}
#itemlist #eventdetail table{
	width:100%;
	table-layout: fixed;
}
#itemlist #eventdetail .table3 th{
	width:auto;
	display: block;
}
#itemlist #eventdetail .table3 td{
	width:auto;
	display: block;
}