@charset "utf-8";
* {
margin:0;
padding:0;
font-size:100%;
font-style:normal;
font-weight:normal;
}
body {
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:90%;
line-height:150%;
color:#333;
margin:0;
padding:0;
background:url(img/bg_top.png) repeat-x top;
}

img {
border:none;
vertical-align:top;
width /***/:auto;
height:auto;
max-width:100%;
}

/* IE8 */
img{
width:auto\9;
}

iframe {
width /***/:auto;
max-width:100%;
height:auto;
display:block;
margin:auto;
}
h1,h2,h3,h4 {
font-size:100%;
}
h4{
 font-weight: bold;
}
.movie_h4{
    color: #fff;
    background-color: #222;
    padding-left: 1em;
    line-height: 3em;
}
hr {
width:100%;
height:0;
margin:1.5em auto;
border:none;
border-top:solid 1px #666;
}
ul,ol {
list-style:none;
}
ul:after,
ol:after,
dl:after
{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
a:link {
color:#03F;
}
a:visited {
color:#909;
}
/*
a:hover {
color:#F00;
}
*/
/*
a:active {
color:#F00;
}
*/
a.shiro:link{
    color: white;
}
a.shiro:visited{
    color: white;
}
a.shiro:hover{
    color: white;
}
a.shiro:active{
    color: white;
}

table {
border-collapse:collapse;
border:solid 1px #999;
margin:1em auto;
width:100%;
}
th,td {
border:solid 1px #999;
padding:7px 5px;
}
th {
background:#ccc;
}
th,caption {
font-weight:bold;
}
caption {
padding:5px 0;
}
em.big{
font-weight: bold;
    font-size: 1.2m;
}
.ao_shiro{
    padding: 3px 3px 3px 8px;
    margin-right: 1em;
    background-color: #3636f0;
    color: #fff;
}
div.BG_guly{
    background-color: #ddd;
    padding: 10px;
}
/*
#table_kakaku01 .img01{
    width: 10%;
}
#table_kakaku01 .img02{
    width: 40%;
}
#table_kakaku02 .img01{
    width: 10%;
}
#table_kakaku02 .img02{
    width: 40%;
}
*/
/*
.BG_guly ul{
    padding: 10px 0;
}
.BG_guly td img.img01{
    width: 10%;
    padding-right: 10px;
}
.BG_guly td img.img02{
    width: 40%;
}
*/

#table_kakaku{

    border: 1px solid rgba(0, 0, 0, 0);
    width: 60%;
}
tbody.table_kakaku{
    border:0 none;
}
tr.table_kakaku{

    border: 1px solid rgba(0, 0, 0, 0);
}
td.table_kakaku{

    border: 1px solid rgba(0, 0, 0, 0);
}
/*インライン用クラス*/
#PDF_text{
    width: 92%;
    margin: 0 auto;
}
#PDF_text h2.center_inline{
    width: 100%;
    font-weight: bold;
    text-align: center;
}
#PDF_text .center_inline{
    width: 100%;
    text-align: center;
}
#PDF_text .inline_right{
    width: 95%;
    text-align: right;
    padding-right: 
}

/* mainbox */
#mainbox {
width:870px;
max-width:870px;
min-width:320px;
height:auto;
margin:0 auto;
padding:0;
}
#box02:after,
#box01a:after,
#box01a #title:after

 {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
#box01a {
width:870px;
height:86px;
margin:0;
padding:0;
}
#box01b {
width:870px;
height:61px;
margin:0;
padding:0;
border-bottom:solid 5px #FC0;
}
#box02 {
width:870px;
height:auto;
margin:0;
padding:0;
background:url(img/bg_main.png) repeat-y;
border-top:solid 1px #FFF;
border-bottom: solid 1px #FFF;
}
#box02a {
width:670px;
height:auto;
margin:0;
padding:0;
float:left;
}
#box02b {
width:200px;
height:auto;
margin:0;
padding:0;
float:right;
background: url(img/bg_main2.png);
}
#box03 {
width:870px;
height:auto;
margin:0;
padding:0.01% 0;
clear:both;
background:#FC0;
border-bottom:solid 10px #4C3100;
color:#4c3100;
}

/* headerbox */

#box01a #into {
color:#4c3100;
font-size:70%;
font-weight:normal;
vertical-align:top;
margin:0;
padding:0;
}

#box01a #title {
margin:5px 0;
padding:6px 0 0 0;
float:left;
height:53px;
}
#box01a #title #logo1 {
width:46px;
height:auto;
margin:0 5px 0 0;
}
#box01a #title #logo2 {
width:346px;
height:auto;
}

#box01a #tel {
width:235px;
margin-top:9px;
text-align:center;
float:right;
}
#box01a #tel #telimg1 {
width:169px;
height:auto;
margin:2px auto 0;
}
#box01a #tel #telimg2 {
width:235px;
height:auto;
margin:2px auto 0;
}
span.bold_text{
    font-weight: bold;
}

/* menubox */
#box01b ul {
margin:0 !important;
padding:5px 0 4px 0;
list-style:none;
}
#box01b li {
float:left;
margin-right:0px;
}
#box01b ul a {
width:107.75px;
height:35px;
display:block;
text-align:center;
padding:15px 0 0 0;
text-decoration:none;
color:#FFF;
font-size:95%;
background:#F90;
border-top:solid 1px #F96;
border-bottom:solid 1px #600;
margin-right:1px;
}
#box01b ul a:hover {
background:#F30;
}

/* leftbox */

.mct {
margin:0.5em;
padding:0 0 0.5em 0;
background:#FFF;
}
.mct h1 {
margin:0;
padding:5px;
background:#930;
color:#FFF;
font-size:100%;
}
.mct_mg {
margin:0.5em;	
cursor:default;
}

/* rightbox */
#box02b div.sct {
margin:0.5em;
}
#box02b div.sct_mg {
margin:0.3em;
}
#box02b div.side {
margin-bottom:0.5em;
padding-bottom:0.5em;
background:#FFF;
border:solid 1px #930;
}
#box02b h2 {
margin:0;
padding:0.3em;
background: #930;
color:#FFF;
text-align:center;
font-size:90%;
}
#box02b li {
margin:4px 0;
}

/* rightbox info */
#box02b #inf p {
margin:0.3em;
padding:0;
}
#box02b #inf ul {
margin:0 4px;
}
#box02b #inf a {
display:block;
width:100%;
height:auto;
margin:auto;
padding:0.8em 0;
color:#FFF;
text-align:center;
text-decoration:none;
background:#F60;
border-top:solid 1px #F96;
border-bottom:solid 1px #600;
}
/*
#box02b #inf a:hover {
background:#F30;
}
*/
#box02b #inf img {
display:block;
margin-bottom:2px;
width:auto;
height:auto;
}

/* rightbox link */
#lnk ul {
text-align:center;
}
a.nb {
display:block;
color:#333;
margin:0.5em;
padding:0.5em 0;
text-align:center;
text-decoration:none;
border:solid 1px #333;
}
a.nb:hover {
background:#CCC;
}

/* rightbox schedule */
#box02b #sc ol {
	width:99%;
	margin:auto;
	}
#box02b #sc ol li {
padding:0;
border:solid 1px #CCC;
}
#box02b #sc ol span {
display:block;
padding:1px;
padding-left:0.5em;
border-bottom:solid 1px #CCC;
}

/* rightbox blog */
#box02b #blog p {
margin:0.3em;
}

/* footer */
.fct {
margin:0.5em;
}
#box03 h2 {
font-size:130%;
line-height:120%;
}
#box03 h2 span {
font-size:75%;
}
#box03 p {
text-align:center;
}
#box03 address {
margin:0.5em;
}

/* footer menu */
#box03 #ftm {
margin:5px 0;
padding:7px 0;
border-top:solid 1px #4C3100;
border-bottom:solid 1px #4C3100;
}
#box03 #ftm ul {
text-align: center;
}
#box03 #ftm li {
margin-right:1em;
display: inline-block;
display: -moz-inline-box;
/display: inline;
/zoom: 1;
}
#box03 ul a {
color:#FFF;
text-decoration:none;
}
/*
#box03 ul a:hover {
color: #F00;
text-decoration:underline;
}
*/

/* sub navigation */
.next {
margin:0.5em 0 !important;
text-align: right;
}

#box02a p a,
#box02a ul a
 {
background:url(img/bk_go.png) no-repeat left;
margin:0 5px;
padding-left:15px;
text-decoration:underline;
}

#box02a #bk {
margin:0.5em;
padding:0;
text-align:right;
}
#box02a #bk a {
background:url(img/bk_bk.png) no-repeat left;
padding-left:15px;
text-decoration:underline;
}

#box02a .bktop {
margin:0.5em 0 !important;
text-align:right;
}
#box02a .bktop a {
background:url(img/bk_top.png) no-repeat left;
padding-left:15px;
text-decoration:underline;
}









/* 必須 icon */
.required:after {
content:" 必須 ";
font-size:80%;
color:#fff;
background:#F00;
margin-left:0.3em;
padding:0;
line-height:0;
}

/* new icon */
.new:after {
content:"！New！";
font-size:80%;
color:#fff;
background:#F00;
margin-left:1em;
padding:0;
}

/* おススメ！ icon */
.recommended:after {
content:" おススメ！ ";
font-size:70%;
color:#fff;
background:#F00;
margin-left:0.3em;
padding:0;
line-height:0;
vertical-align: middle;
}

/* position */
.lf {
text-align:left !important;
}
.rt {
text-align:right !important;
}
.ct {
text-align:center !important;
}
.nmg {
margin:0 !important;
}
.ctmg {
margin:1em;
text-align:center;
}


/* textcolor */
.r {
color:#F00;
}
.b {
color:#06C;
}



/* clearfix */

ul#spcrs li:after,
#box02b #inf img:after,
#box02a div.mct:after,
.side_mg ul:after

{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}


/* index.html */
h1#mainimage {
margin:0.5em;
}
h1#mainimage span {
display:none;
}
.mct_mg ul {
margin:0 1em;
}
.mct_mg ol {
margin:0 3em;
list-style: decimal;
}
.mct_mg h2 {
margin:1em 0;
padding-bottom:0.4em;
border-bottom:solid 2px #CCC;
}
.mct_mg h3 {
margin:1em 0;
padding-bottom:0.2em;
border-bottom:solid 1px #CCC;
}
.mct_mg p {
margin:1em 0.5em;
}
.mct_mg iframe{
    width: 100%;
    margin: 0;
    padding: 0;
    height: 80vh;
}

ul#spcrs {
margin:0 !important;
}
ul#spcrs li {
margin-bottom:5px;
}
ul#spcrs li img {
border:solid 1px #333;
}
ul#spcrs a,
.nomk
 {
background: none !important;
margin:0 !important;
padding:0 !important;
text-decoration: none !important;
}


table#sns th,table#sns td{border: none;}
table#sns th{
width:150px;
background: #fff;
vertical-align: top;
min-width: 150px;
}
table#sns th img{width:150px;}

table#sns td{width:400px;}


/* course.html */

.dottid{
    border: 3px dashed #b0c4de;
}
table th.noline{
    border-top:3px dashed #b0c4de;
    border-bottom: 0;
    border-left: 0;
    border-right: 3px dashed #b0c4de;
    background-color: #fff;
    text-align: left;
    width: 50%;
    
}
table td.noline{
    border-top:0;
    border-bottom: 0;
    border-left: 0;
    border-right: 3px dashed #b0c4de;
    width: 50%;
    vertical-align: top;
}
table td.noline_2{ 
    width: 50%;
    vertical-align: top;
}

/*
table.dottid caption {
    caption-side: bottom;
    text-align: left;
    font-size: 1.2em;
    line-height: 2em;
}
*/
a.a_w:active{
    color: dodgerblue;
}
.line_delete{
    text-decoration: line-through;
}

	/* course.html jquery */
#crs_nav h2 {
margin:0.5em 0 1px !important;
padding:5px 0 5px 10px;
background: #630;
color:#FFF;
border:none !important;
}
#crs_nav dl {
margin:0;
}
#crs_nav dt {
margin-bottom:1px;
padding:5px;
background:#999;
color:#FFF;
text-decoration:none;
cursor: pointer;
}
#crs_nav dd {
margin-bottom:1px;
}
#crs_nav h3 {
margin:0 !important;
padding:5px 1em !important;
border:none !important;
background:#666;
color:#FFF;
cursor: pointer;
}
#crs_nav dt:hover,
#crs_nav dd h3:hover {
background: #ff3300;
}
#crs_nav h3.nomal{
    background-color: #ddd;
    color:#222;
}
#crs_nav h3.nomal:hover{
    background-color: #ddd;
}

.detail dt {
margin:1em 0 0.4em;
border-bottom:solid 1px #ccc;
background:none !important;
color:#333 !important;
cursor:default !important;
}
.detail dd {
padding:0 1em;
}
.tbls td {
text-align:center;
}










/* course_creative_webdesign */
.tdwd1 {
width:25%;
}
.tdwd2 {
width:2.5em;
}


/* examination.html */
/*
.mct_mg ol {
margin:0.5em 2em;
}
*/

/* map.html */
iframe#gmap {
width:100%;
height:380px;
margin:1em auto;
}


/* inquiry.html */
dl.form_info {
overflow: hidden;
zoom: 1;
}
dl.form_info dt {
clear: both;
float: left;

text-align:right !important;
width:11.5em;
}

dl.form_info dd {
padding-left:11.5em;
}

dl.form_info input {
margin:4px 0;
}
.iptwd {
width:98%;
}
dl.form_info select {
margin:4px 0 10px !important;
}
dl.form_info textarea {
width:98%;
height:8em;
}

optgroup {
font-size:95%;
background:#CCC;
}
option {
font-size:95%;
padding-left:0.5em;
background:#FFF;
}

/* service.html */
dl.sv {
margin:1em;
}
.sv dt {
border-bottom:solid 1px #ccc;
}
.sv dd {
margin:0.5em 1em 1em ;
}

/* img float */
.fl {
float:left;
margin:0 5px 5px 0;
}
.mct_mg #mg_Online{
    background-color:#fff;
}


/*アコーディオンメミュー*/
#acMenu dt{
    display:block;
    width:185px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    cursor:pointer;
    background:url(images/i_swich.png) 177px -69px no-repeat;
    padding-right:15px;
}
#acMenu dd{
    background:#f2f2f2;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    display:none;
}
#acMenu dt.active{
    background:url(images/i_swich.png) 177px 18px no-repeat;
}
/*
#table_kakaku01 .img01{
    width: 10%;
}
#table_kakaku01 .img02{
    width: 40%;
}
#table_kakaku02 .img01{
    width: 10%;
}
#table_kakaku02 .img02{
    width: 40%;
}
*/




@media screen and (max-width:700px){

/* mainbox */
#mainbox {
width:100%;
height:auto;
margin:0 auto;
}
#box01a {
width:100%;
height:87px;
}
#box01b {
width:100%;
height:auto;
}
#box02 {
width:100%;
height:auto;
background:#FC6;
border-top:solid 1px #FFF;
border-bottom:solid 1px #FFF;
}
#box02:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}

#box02a {
width:100%;
height:auto;
background:#EEE;
}

#box02b {
width:100%;
height:auto;
background:#FC6;
}
#box02b.side {
margin:0.5em;
}

#box03 {
width:100%;
height:auto;
}

/* headerbox */
#box01a #title {
margin:5px;
}
#box01a #into {
text-align:left;
}
#box01a #tel {
width:220px;
height:auto;
margin-right:5px;
}

/* menubox */
#box01b li {
width:25%;
margin:0;
margin-bottom:1px;
}
#box01b ul a {
width:100%;
height:auto;
display:block;
text-align:center;
padding:1em 0;
text-decoration:none;
color:#FFF;
font-size:95%;
background:#F90;
border-top:solid 1px #FFF;
border-bottom:solid 1px #600;
border-left:solid 1px #FFF;
border-right:solid 1px #600;
}
/*
#box01b ul a:hover {
background:#F30;
}
*/

/* rightbox oph */
#box02b #opf p {
text-align:center !important;
}

/* rightbox info */
#box02b #inf #lf {
width:50%;
float:left;
}
#box02b #inf #rt {
width:49.5%;
float:right;
margin-left:0.5%;
}
#box02b #inf #telimg {
text-align:center;
}
#box02b #inf img {
display:inline;
margin:3px;
width:240px;
height:auto;
}

/* rightbox schedule */
#box02b #sc ol {
text-align:left;
}
#box02b #sc ol li {
width:19%;
min-width:8em;
margin:0;
margin-top:2px;
text-align:left;
display:inline-block;
}

/* rightbox link */
#box02b #lnk ul {
margin:auto;
width:98%;
}
#box02b #lnk li {
margin:0;
padding:0;
width:14.2857%;
height:75px;
text-align:center;
float:left;
}



/* rightbox blog */
#box02b #blog {
text-align:center;
}

iframe#gmap {
width:96%;
height:380px;
margin:1.5em auto;
}

#csls li a {
display:block;
padding:10px 5px;
background: #F93;
color:#FFF;
}

#box02b #inf p:after
{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}


}

@media screen and (max-width:660px){

/* headerbox */

#box01a {
	height:9.5em;
}
#box01a #title {
	width:410px;
margin:0.2em auto 0 !important;
float: none;
}

#box01a #into {
text-align:center;
}
#box01a #tel {
float: none;
margin:0.6em auto 0;
}

/* rightbox schedule */
#box02b #sc ol li {
	width:100%;
	margin-bottom:0.2em;
float:none !important;
}

/* rightbox link */

#box02b #lnk li {
width:33.333333333%;
min-width:90px;
}

/* sub navigation */
.next {
text-align:left !important;
}

}

@media screen and (max-width:460px){

/* headerbox */

#box01a #into span {
	display:none;
}

#box01a #title {
	width:100%;
	margin:auto;
	text-align:center;
}
#box01a #title #logo1 {
width:10.5%;
}
#box01a #title #logo2 {
width:80%;
}

/* menubox */
#box01b li {
width:50%;
}

}