h2 {font-size:20px;padding:20px 0 36px 80px;}
h3 {font-size:24px;padding:10px 0 10px 0; margin:10px 0;}
.orange {font-size:24px;padding:4px 0 0 0;margin:10px auto 30px;color:#FFFFFF;background:#ff743d;border-radius:4px;}

h4 {font-size:17px;
padding:20px 0 10px 0;}

.clear {clear:both;}

.orangecolor {color:#ff743d;}

.rightgreen {color:#e3e666;}

/* ---------------------------
wrapper
----------------------------- */
#containerWrapper {
    height: 100%;
    background: #fff;
	font-size:15px;
	line-height:170%;
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ 角ゴPro W3', 'MS PGothic', 'ＭＳ Ｐゴシック';
}



/* ---------------------------
header
----------------------------- */
#header {
    width: 100%;
    margin-bottom: 15px;
    padding: 25px 0 0 0;
    background: #fff;
	border-bottom:6px solid #e3e666
}
#headerin {
    width: 980px;
    display: flex;
	flex-flow: row;
	margin: 0 auto 10px;
	padding: 5px;
	list-style-type: none
}

#headerin .headleft{
padding-right:265px;
}
#headerin .headright{
}

/* ---------------------------
ナビ
----------------------------- */
nav {
	display: table;
    width: 980px;
    margin: 0 auto 15px;
	background-color: white;
	color: black;
}
nav ul {
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 0;
	padding: 5px;
	list-style-type: none;
}
nav ul li a {
	display: block;
	border-radius: 20px;
	padding: 12px 20px;
	color: #000000;
	text-decoration: none;
}
nav ul li a:hover {
　　color: #ffffff;
	background-color: #e3e666;
}

.navback  {background-color:#f7f7f7;display: block;border-radius: 20px;}
/* ---------------------------
contents
----------------------------- */

#contents{
	display: table;
    width: 980px;
    margin: 0 auto;
	}

#toiawase{
	display: table;
    width: 980px;
    margin: 80px auto 60px auto;
	text-align:center;}

 
 
#contents p a:link { color: black;text-decoration:underline;}
#contents p a:visited { color: black; }
#contents p a:hover { color: #e3e666; }
#contents p a:active { color: #e3e666; }
#contents p a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  }
   

.waku{width:800px;
padding:0;
margin:0 auto 60px;}

.box{margin: 0;padding: 0;display: flex}
.boxwidth600{width:600px;margin:0 50px 0 0;}
.boxwidth450{width:450px;margin:0 50px 0 0;}
.boxwidth400{width:400px;margin:0 50px 0 0;}
.boxwidth350{width:350px;margin:0 50px 0 0;}
/* ---------------------------
フッター
----------------------------- */
#footer {
	background-color:#ff743d;
	color:white;
}

#footer a:link {text-decoration:none;color:white;}
#footer a:visited { color: white; }
#footer a:hover {color:white;text-decoration: underline;}



#footerin {
	width: 980px;
    display: flex;
	flex-flow: row;
	margin: auto;
	padding: 30px;
	list-style-type: none;
}

#footerinleft{
padding-right:200px;
}
#footernavi{
	display: flex;
	flex-flow: row;
	margin: 0;
	padding-left: 50px;
	list-style-type: none;
}
#footernavi ul{
padding:0 50px 0 0
}

#footernavi ul li{
 list-style-type:none; background-image:none; padding-left:0;
 }

/* ---------------------------
HOMEのみindex.html
----------------------------- */
#slideshow {
   position: relative;
   width:  980px;
   height: 320px;
   margin-top:20px;
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 320px;
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  980px;
   height: 320px;
   display: block;
   border: 0;
   margin-bottom: 0; 
}

  /* お知らせ */
 
#oshirase {
	width:980px;
	height:200px;
	display:block;
	background-color: #f7f7f7;
	border:0;
	margin:40px auto 10px;
	overflow: hidden;
	padding-top:14px;
	padding-bottom:10px;
	border-radius: 16px 16px 16px 16px;
}
 
#oshirase .oshiraseleft {
	width:452px;
	height:110px;
	margin-left:24px;
	background-color: f7f7f7;
	background-image:url(../images/hom-w-oshirase.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFFFFF;
	float:left;
	padding-top:80px;
	margin-bottom:30px;
}

#oshirase .seminar{
	width:452px;
	height:110px;
	margin-left:24px;
	background-color: f7f7f7;
	background-image:url(../images/hom-w-seminar.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#FFFFFF;
	float:left;
	padding-top:80px;

}

#oshirase .oshiraseleft p {
	margin-left:20px;
	margin-bottom:5px;
}

#oshirase .seminar p {
	margin-left:20px;
	line-height:180%;

}

#oshirase .oshiraseleft p a {
	text-decoration: none;
}
 
#oshirase .seminar p a {
	text-decoration: none;
	display:block;
}


.day {font-size:12px;  /* お知らせの日付 */
	color:#666666;
	margin-right:10px;
}

.thema {font-size:19px;/* セミナーのテーマ */
}
  
   /* お知らせここまで */
 
#sodantaiou{text-align:center;
padding:50px 0 20px;
}

.sodanbox{
width: 980px;
display: flex;
flex-flow: row;
margin: 0;
padding: 0;
list-style-type: none;
}
.sodanleft{
padding-right:28px;
}
.sodancenter{
padding-right:28px;
}
.sodanright{

}

#homeunder{padding:60px 0 20px;
margin:0;
}

#homeunder h3{
margin:0 auto 20px;
padding:0 0 4px 0;
border-bottom:4px solid #e3e666;
}

#homeunder .homeunderleft{
width:460px;
display:inline-block;
padding-right:50px;
vertical-align:top;
}

#homeunder .homeunderright{
width:460px;
display:inline-block;
padding:0;
margin:0;
vertical-align:top;
}

#homeunder .homeunderleft .ikkatsu{
padding:15px 0;}

#homeunder .homeunderright .muryosoudan{
padding:0 0 10px 0;}

#homeunder .homeunderright .muryoleft{
width:200px;
display:inline-block;
padding:0;
margin:0;
vertical-align:top;
}
#homeunder .homeunderright .muryoright{
width:240px;
display:inline-block;
padding:0 0 0 8px;
margin:0;
vertical-align:top;
}

.muryo2{
text-align:right;
margin-top:20px;
}


/* ---------------------------
サポート内容のみsupprt.html
----------------------------- */
#tablesupport {width:600px;
margin:4px 0 30px 0;
border-bottom: solid 1px #cccccc;
}

#tablesupport th {
  padding: 10px;
  text-align:left;
}

#tablesupport td {
  padding: 6px 10px;
}
.glaylinetop {
border-top: solid 1px #cccccc;
}
.glaylinetopright {
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}
.glaylineright {
border-right: solid 1px #cccccc;
}


/* ---------------------------
サポートの流れのみprocess.html
----------------------------- */
#tableprocess {width:800px;
margin:10px 0;
}
#tableprocess  .topdotted {
border-top:solid 1px #cccccc;
margin-top:20px;
}
#tableprocess  th {
text-align:left;
font-size:16px;
  padding: 10px 0 0 0;
}
#tableprocess  td {
 padding: 10px 0 10px 0;
}
#tableprocess .processleft {
width:300px;
}
#tableprocess .processleft img {
vertical-align:middle;
margin-right:10px;
}
.tablearrow{width:300px;text-align:center;}

/* ---------------------------
よくあるご質問question.html
----------------------------- */
.question{
margin:50px auto 20px;
font-size:17px;
}
.question img{
vertical-align:middle;
margin-right:10px;
}
.answer {
margin:10px auto;}
.answer img {
float:left;
margin:0 14px 0 4px;
}


/* ---------------------------
費用についてcost.html
----------------------------- */
.tablecost {width:800px;margin:10px 0;}
.costth1 {background:#f7f7f7;text-align:left;font-size:16px;padding: 14px;width:150px;border:solid 1px #cccccc;}
.costth2 {background:#f7f7f7;text-align:left;font-size:16px;padding: 14px;width:230px;border:solid 1px #cccccc;}
.costth3 {background:#f7f7f7;text-align:left;font-size:16px;padding: 14px;width:420px;border:solid 1px #cccccc;}
.costth4 {background:#f7f7f7;text-align:left;font-size:16px;padding: 14px;width:650px;border:solid 1px #cccccc;}
.costth5 {background:#f7f7f7;text-align:left;font-size:16px;padding: 14px;width:325px;border:solid 1px #cccccc;}
.costthasunaro {background:#e3e666;text-align:left;font-size:16px;padding: 14px;border:solid 1px #cccccc;}
.tablecost  td {padding: 10px;border:solid 1px #cccccc;}

/* ---------------------------
センターについてoutline.html
----------------------------- */
#tableoutline {width:470px;margin:0 0 30px 0;float:left;}
.tablephoto{margin:10px 0 0 0;float:right;}
.outlineth {text-align:left;margin-left:0;padding-left:0;}
#mapwaku {padding:10px 0;}
#tableoutline  th {text-align:left;font-size:16px;padding: 10px 20px 0 0;margin-left:0;}
#tableoutline  td {padding: 10px 0 10px 0;margin-left:0;}

/* ---------------------------
プライバシーポリシーprivacy.html
----------------------------- */
.pribox{margin:40px auto;}
.pribox h3 {font-size:22px;margin-bottom:5px;padding-bottom:0;}
.pribox p {margin-top:0;}