@charset "UTF-8";

@import "default.css";
@import "common.css";
@import "qc.css";


/*----------------------------------------------------------------------------
******************************************************************************
headding
******************************************************************************
----------------------------------------------------------------------------*/
h2 {
width:580px;
height:171px;
text-indent:-99999px;
margin:0 0 10px 0;
}

#course h2 { background: url(../images/h3_course.jpg) 0 0 no-repeat;}
#flow h2 { background: url(../images/h3_flow.jpg) 0 0 no-repeat;}
#lesson h2 { background: url(../images/h3_lesson.jpg) 0 0 no-repeat;}
#stay h2 { background: url(../images/h3_stay.jpg) 0 0 no-repeat;}
#arrange h2 { background: url(../images/h3_arrange.jpg) 0 0 no-repeat;}
#color h2 { background: url(../images/h3_color.jpg) 0 0 no-repeat;}
#use h2 { background: url(../images/h3_use.jpg) 0 0 no-repeat;}
#class h2 { background: url(../images/h3_class.jpg) 0 0 no-repeat;}
#voice h2 { background: url(../images/h3_voice.jpg) 0 0 no-repeat;}
#company h2 { background: url(../images/h3_company.jpg) 0 0 no-repeat;}
#inquiry h2 { background: url(../images/h3_inquiry.jpg) 0 0 no-repeat;}
#sitemap h2 { background: url(../images/h3_sitemap.jpg) 0 0 no-repeat;}

h3 {
width:534px;
color:#FFFFFF;
font-weight:bold;
font-size:90%;
padding:16px 0 11px 46px!important;
padding:16px 0 12px 46px;
margin-bottom:10px;
background:#b33259 url(../images/h4_ttl.jpg) 0 0 no-repeat;}

h3.t01 {background:#b33259 url(../images/h4_ttl1.jpg) 0 0 no-repeat;}
h3.t02 {background:#b33259 url(../images/h4_ttl2.jpg) 0 0 no-repeat;}
h3.t03 {background:#b33259 url(../images/h4_ttl3.jpg) 0 0 no-repeat;}
h3.t04 {background:#b33259 url(../images/h4_ttl4.jpg) 0 0 no-repeat;}

h4,p.subttl {
width:550px;
font-weight:bold;
font-size:80%;
padding:8px 0 10px 10px;
margin-bottom:10px;
margin-left:10px;
background: url(../images/h5_ttl.gif) 0 0 no-repeat;}

h4.part2 {
  width: 290px;
	background: url(../images/h5_ttl2.gif) 0 0 no-repeat;
	float: left;
}


/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/

/* images
-------------------------------------------------------------*/
.imgR{
float:right;
margin:0 0 0 15px;
padding:8px;
width:190px;
height:160px;
background: url(../images/img_bg.jpg) 0 0 no-repeat;}

.imgR2{
float:right;
margin:0 0 0 15px;
padding:8px;
width:190px;
height:230px;
background: url(../images/img_bg2.jpg) 0 0 no-repeat;}

.imgR3{
float:right;
margin:0 0 0 0px;
padding:8px;
width:190px;
height:230px;
background: url(../images/img_bg2.jpg) 0 0 no-repeat;}

.imgL{
float:left;
margin:0 15px 0 0;
padding:8px;
width:190px;
height:160px;
background: url(../images/img_bg.jpg) 0 0 no-repeat;}

.imgL2{
float:left;
margin:0 0px 0 28px;
padding:8px;
width:220px;
height:190px;
background: url(../images/img_bg3.jpg) 0 0 no-repeat;}

.imgBor{
margin-top:20px;
padding:3px;
border: solid 1px #aa9a61;}

.imgform{
padding:3px;
border: solid 1px #aa9a61;
background:#ffffff;}

/* fontsize
-------------------------------------------------------------*/
.contentsBox .fsSS{
font-size:70%;}

/* pankuzu
-------------------------------------------------------------*/
.pLink{
font-size:68%;
padding:10px 0 10px 11px;
line-height:1.4;}

/* pagetop
-------------------------------------------------------------*/
.pTop{
margin-right:10px;
font-size:70%;
text-align:right;}

/* box
-------------------------------------------------------------*/
.contentsBox{
width:560px;
margin-left:10px;	
margin-bottom:20px;}

.contentsBox2{
width:550px;
margin-left:15px;	
margin-bottom:20px;}

.contentsBox3{
width:550px;
margin-left:15px;	
margin-bottom:10px;}

.contentsBox4{
width:528px;
margin-left:10px;	
margin-bottom:20px;
padding:10px 15px 10px 17px;
background:#f1ebd2;
border-top:3px solid #e3d7a4;
border-bottom:3px solid #e3d7a4;}

.contentsBox p,
.contentsBox2 p,
.contentsBox3 p,
.contentsBox4 p{
line-height:1.4;
font-size:80%;}

p.mb01{ margin-bottom: 10px;}

/* flow
-------------------------------------------------------------*/
#flow .arrow {
background: url(../images/arrow.jpg) 0 0 no-repeat;
width:41px;
height:45px;
margin:10px 0 0 20px;
text-indent:-99999px;}


#flow table.ft01 { float:left;}
#flow table.ft02 { float:right;}

#flow table.ft01,
#flow table.ft02 {
background:#aa9a61;
text-align:left;
font-size:80%;
line-height:1.4;
margin-top:10px;}

#flow table th {
text-align:center;
background:#e8dfb4;
border:solid 1px #ffffff;
padding:5px 5px 5px 5px;
line-height:1.4;}

#flow table td {
background:#ffffff;
padding:5px 5px 5px 5px;
line-height:1.4;}

#flow ul li,
#lesson ul li {
padding:0 0 0 16px;
font-size:80%;
line-height:1.4;
background: url(../images/icon_002.jpg) 2px 5px no-repeat;}	

/* inquiry
-------------------------------------------------------------*/
#inquiry .telbnr{
background: url(../images/tel_bnr.jpg) 0 0 no-repeat;
width:195px;
height:27px;
margin:10px 0 0 0;
text-indent:-99999px;}

#inquiry .formw { width:300px;}
#inquiry .formw02 { width:80px;}

#inquiry .formbtn { padding:15px 0; text-align:center;}
#inquiry .formbtn .btn { padding:3px 5px 2px 5px; width:100px; margin:0 10px; font-size:82%;}
#inquiry .formbtn .btn2 { padding:3px 5px 2px 5px; width:100px; margin:0 10px; font-size:100%;}

.thankMess {
width:560px;
margin:10px 0 25px 16px;}

.thankMess p {
font-size:80%;
line-height:1.4;}

#wrap #main #inquiry .contentsBox td .course_name {
	color: #000;
	font-weight: bold;
}


/* sitemap
-------------------------------------------------------------*/

#sitemap h5 {
width:530px;
padding:0 0 0 20px;
background: url(../images/icon_001.jpg) 2px 0 no-repeat;
font-size:80%;
line-height:1.4;}

#sitemap p.sttl {
width:530px;
padding:0 0 15px 20px;
font-size:80%;
line-height:1.4;
margin:0 0 15px 10px;
background: url(../images/line.gif) 0 100% repeat-x;}

#sitemap p.sttlnoline {
width:530px;
padding:0 0 15px 20px;
font-size:80%;
line-height:1.4;
margin-bottom:15px;
background:none;}

#sitemap dl dt {
padding:0 0 0 35px;
background: url(../images/icon_003.jpg) 20px 4px no-repeat;
font-size:80%;
line-height:1.4;}

#sitemap dl { width:540px; padding:0 0 0 10px;}

#sitemap dl dd {
padding:0 0 10px 20px;
font-size:80%;
line-height:1.4;}

#sitemap dl dd.site02 {
padding:0 0 15px 20px;
font-size:80%;
line-height:1.4;
margin-bottom:15px;
background: url(../images/line.gif) 0 100% repeat-x;}


/* table
-------------------------------------------------------------*/
#course table{
background:#b13057;
text-align:left;
font-size:80%;
line-height:1.4;
margin:10px 0 2px 0;}

#company table,
#inquiry table {
background:#aa9a61;
text-align:left;
font-size:80%;
line-height:1.4;
margin:10px 0 0 0;}

#course table th,
#company table th,
#inquiry table th {
background:#e8dfb4;
border:solid 1px #ffffff;
padding:5px 5px 4px 5px;
line-height:1.4;}

#course table th { width:20%;}
#company table th { width:30%;}
#inpuiry table th { width:25%;}

#course table td,
#company table td,
#inquiry table td {
background:#ffffff;
padding:5px 5px 4px 5px;
line-height:1.4;}

#inquiry table td {
background:#ffffff;
padding:5px 5px 4px 5px;
line-height:1.4;
width:70%;}

#company table td p {
font-size:100%;
line-height:1.4;}

#inquiry table td p {
font-size:100%;
line-height:1.4;
margin:0 0 0 21px;}


/* Icon
-------------------------------------------------------------*/
.linkIcon {
padding:0 0 0 20px;
font-size:80%;
line-height:1.4;
background: url(../images/icon_001.jpg) 0 2px no-repeat;}

.linkIcon2 {
width:545px;
padding:0 0 0 15px;
font-size:80%;
line-height:1.4;
margin:0 0 3px 10px;
background: url(../images/icon_002.jpg) 1px 4px no-repeat;}

.linkIcon3,
.linkIcon4 {
width:511px;
padding:0 0 0 15px;
font-size:80%;
line-height:1.4;
margin:0 0 3px 0;}


.linkIcon3 { background: url(../images/icon_003.jpg) 1px 5px no-repeat;}
.linkIcon4 { background: url(../images/icon_004.jpg) 1px 5px no-repeat; margin-bottom:15px;}



/* course/index.html
-------------------------------------------------------------*/

#course table th {
background:#e8dfb4;
border:solid 1px #ffffff;
/*width: 70px;*/
padding:5px 0px 5px 5px;
line-height:1.4;}

#course table td {
background:#ffffff;
padding:5px 0px 5px 5px;
line-height:1.4;}

#flow ul li,
#lesson ul li {
padding:0 0 0 16px;
font-size:80%;
line-height:1.4;
background: url(../images/icon_002.jpg) 2px 5px no-repeat;}