@charset "shift_jis";

/* Set Base Style ビューティ
----------------------------------------- */
@import url("http://haa.athuman.com/kouza/common/css/call-centerBeauty.css");/*kouza_right レイアウトベース*/
@import "http://haa.athuman.com/kouza/common/css/call-centerBeauty.css";/*kouza_right レイアウトベース*/
/* Style for MacIE 5.x 
------------------------------------------*/

html {
height: 100%;
}

/* body */
body {
margin:0px auto;
padding:0px;
text-align:left;
color:#333333;
}


/*レイアウト
*********************************/

/* container */
* html div#container{
height:100%;
}
div#container{
margin:0px auto 0px auto;
padding:0px;
position:relative;
min-height:100%;
background-position:center;
width:950px;
}
body > #container {
height: auto;
}

/*--講座ナビ--*/
/* 下に移動 */

/*--左カラム--*/
#kouza_left{
height:auto;
width:180px;
float:left;
padding-bottom:10px;
color:#666666;
}

/*--コンテンツ--*/
#contents {
width:556px;
float:left;
padding-bottom:10px;
}

#contents02 {
width:580px;
float:left;
padding-bottom:10px;
}

/*--講座フッター--*/
#kouza_footer {
width:780px;
margin:0px auto 50px auto;
}



/*講座ナビ
*********************************/

#kouza_navi {
vertical-align:middle;
width:748px;
margin:12px 0px 12px 0px;
}

#kouza_navi .kNaviTitle {
display:block;
height:21px;
border-bottom:1px solid #eb669e;
}

#kouza_navi #navi {
width:738px;
padding:5px;
background-color:#e7e6e6;
}

#kouza_navi ul#navi_menu {
margin:0;
width:738px;
}

#kouza_navi ul#navi_menu li {
background-repeat: no-repeat;
background-position: left top;
padding-left:17px;
margin-right:5px;
line-height:21px;
margin-bottom:2px;
display:block;
float:left;
}

#kouza_navi ul#navi_menu li.kouza_navi_on {
background-image: url(/kouza/common/img_a/arow04_new.gif);
color:#E7468A;
font-weight:bold;
}

#kouza_navi ul#navi_menu li.kouza_navi_off {
background-image: url(/kouza/common/img_a/arow05_new.gif);
color:#333333;
}

#kouza_navi ul#navi_menu li.kouza_navi_off a:link    { color : #333333 ; text-decoration : none ;}
#kouza_navi ul#navi_menu li.kouza_navi_off a:visited { color : #333333 ; text-decoration : none ; }
#kouza_navi ul#navi_menu li.kouza_navi_off a:hover   { color : #333333 ; text-decoration : underline ; }
#kouza_navi ul#navi_menu li.kouza_navi_off a:active  { color : #333333 ; text-decoration : underline ; }

#kouza_navi ul#navi_menu li.kouza_navi_on a  { color : #E7468A ; text-decoration : none ; }


/*左カラム
*********************************/
#kouza_left h2 {
	background-image: url(http://haa.athuman.com/kouza/common/img_a/bg_left_menu.jpg);
}

/* Font Style */
#kouza_left .kouza_left_menu li a:link    { color : #E7468A ; text-decoration : none ;}
#kouza_left .kouza_left_menu li a:visited { color : #E7468A ; text-decoration : none ; }
#kouza_left .kouza_left_menu li a:hover   { color : #E7468A ; text-decoration : underline ; }
#kouza_left .kouza_left_menu li a:active  { color : #E7468A ; text-decoration : underline ; }

#kouza_left li.kouzaSubMenu  a:link    { color : #666666 ; text-decoration : none ;}
#kouza_left li.kouzaSubMenu  a:visited { color : #666666 ; text-decoration : none ; }
#kouza_left li.kouzaSubMenu  a:hover   { color : #666666 ; text-decoration : underline ; }
#kouza_left li.kouzaSubMenu  a:active  { color : #666666 ; text-decoration : underline ; }


#kouza_left .kouza_left_menu {
border: 1px solid #CCCCCC;
width:178px;
}

#kouza_left .kouza_left_menu li{
background-image: url(/kouza/common/img_a/arrow02.gif);
background-repeat: no-repeat;
background-position: 5px 12px;
padding:5px 0px 5px 15px;
margin-left:0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
font-weight:bold;
color:#E7468A;
font-size:90%;
}

#kouza_left li.kouzaSubMenu {
background-image: url(/kouza/common/img_a/arrow03.gif);
background-repeat: no-repeat;
background-position: 5px 8px;
display:block;
width:148px;
color:#666666;
font-weight:normal;
background-color:#efefef;
margin:5px 0px -5px 0px;
padding:2px 0px 0px 15px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-width: 1px;
border-top-color: #FFFFFF;
}

#kouza_left li.kouzaMenuBottom {
background-image: url(/kouza/common/img_a/arrow02.gif);
background-repeat: no-repeat;
background-position: 5px 12px;
padding:2px 0px 5px 15px;
margin-left:0px;
font-weight:bold;
color:#E7468A;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}


/*右カラム
*********************************/

/* Font Style */
#kouza_right .listArea p a:link    { color : #333333 ; text-decoration : none ;}
#kouza_right .listArea p a:visited { color : #333333 ; text-decoration : none ; }
#kouza_right .listArea p a:hover   { color : #333333 ; text-decoration : underline ; }
#kouza_right .listArea p a:active  { color : #333333 ; text-decoration : underline ; }

#kouza_right .schoolMenu li a:link    { color : #333333 ; text-decoration : none ;}
#kouza_right .schoolMenu li a:visited { color : #333333 ; text-decoration : none ; }
#kouza_right .schoolMenu li a:hover   { color : #333333 ; text-decoration : underline ; }
#kouza_right .schoolMenu li a:active  { color : #333333 ; text-decoration : underline ; }


#kouza_right ul.kouzaSideBtn {
list-style:none;
margin:0px 0px 0px 5px;
}

#kouza_right li {
margin:0px;
padding:0px;
}

#kouza_right .dotLine {
/*margin-top:-20px;*/
/*
background-image: url(/kouza/common/img/right_dot.gif);
background-repeat: no-repeat;
background-position: bottom;
*/
margin-bottom:3px;
}

#kouza_right .right_telArea {
width:184px;
text-align:left;
margin:0px 0px 10px 5px;
padding-bottom:10px;
background-image: url(/kouza/common/img/right_dot.gif);
background-repeat: no-repeat;
background-position: bottom;
}

#kouza_right .right_telArea h2 {
margin-bottom:5px;
}

#kouza_right .rightContact {
margin:0px 0px 10px 5px;
padding-bottom:5px;
background-image: url(/kouza/common/img/right_dot.gif);
background-repeat: no-repeat;
background-position: bottom;
}

#kouza_right .listArea {
margin-bottom:20px;
}

#kouza_right .listArea h3{
background-color:#efefef;
padding:3px;
color:#666666;
font-size:80%;
}

#kouza_right .listArea p {
margin:5px 0px 5px 0px;
font-size:80%;
}

#kouza_right .schoolArea {
width:190px;
}

#kouza_right .schoolMenu {
width:170px;
background-color:#efefef;
padding:10px;
margin-bottom:20px;
}

#kouza_right .schoolMenu h3 {
font-weight:bold;
margin-bottom:3px;
padding-left:10px;
background-image: url(/kouza/common/img/arrow.gif);
background-repeat: no-repeat;
background-position: left;
}

#kouza_right .schoolMenu ul{
background-image: none;
margin-bottom:5px;
}

#kouza_right .schoolMenu li {
margin-bottom:3px;
margin-left:5px;
font-size:80%;
}

#kouza_right .rightBannerArea {
text-align:left;
}

#kouza_right .rightBannerArea p img {
margin-bottom:5px;
}

#kouza_right h2.ti_sublink {
background-color:#666666;
padding:3px;
font-size:12px;
margin:0;
color:#ffffff;
}


/*講座フッター
*********************************/

#kouza_footer ul {
margin:10px 10px 0px 10px;
}

#kouza_footer li{
margin-right:3px;
float:left;
}

/*コンテンツ　メイン
*********************************/

/* main */
.main {
margin-left:10px;
width:556px;
}

.main_text {
padding:5px 7px 10px 7px;
width:547px;
background-image:url(/kouza/common/img_a/bg_topic_path.jpg);
background-repeat:no-repeat;
color:#666666;
padding-left:0px;
background-position: top;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
}

.main .main_bg1 {
height:5px;
width:556px;
background-image:url(/kouza/common/img_a/bg_top.gif);
background-repeat:no-repeat;
font-size:0px;
}

.topicPath {
margin:0px 0px 0px 7px;
font-size:70%;
}

.topicPath a:link    { color : #333333 ; text-decoration : none ;}
.topicPath a:visited { color : #333333 ; text-decoration : none ; }
.topicPath a:hover   { color : #333333 ; text-decoration : underline ; }
.topicPath a:active  { color : #333333 ; text-decoration : underline ; }

.main_text h2 {
margin:10px 7px 0px 7px;
color:#E7468A;
font-weight:bold;
font-size:22px;
lihe-height:1.3;
}
.main_text h2.simple {
border-bottom:1px dotted #E7468A;
padding-bottom:3px;
lihe-height:1.3;
}
.main_text h3 {
font-size:110%;
color:#E7468A;
font-weight:bold;
width:515px;
height:25px;
padding:5px 0px 0px 25px;
background-image: url('../../../common/img_a/bg_title.gif');
background-repeat: no-repeat;
}
.section01 {
margin:10px 0px 0px 7px;
}
.section01 p {
line-height:1.5;
padding:10px 10px 30px 10px;
font-size:110%;
color:#333333;
}
.main_text h4 { 
margin:0px 0px 0px 0px;
}
.main_text h5 {
font-size:110%;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 3px;
color:#E7468A;
font-weight:bold;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #E7468A;
}


/* outline */
.outline {
text-align:left;
margin:15px 0px 20px 7px;
width:540px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #E7468A;
border-left-color: #E7468A;
}
.outline th {
padding:3px 5px 3px 5px;
font-size:120%;
font-weight:bold;
color:#FFFFFF;
background-color:#E7468A;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #E7468A;
border-bottom-color: #E7468A;
}
.outline td {
padding:5px;
font-size:120%;
font-weight:bold;
color:#E7468A;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #E7468A;
border-bottom-color: #E7468A;
}


#kouza_footer2 {
width:940px;
margin:0 auto;
margin-bottom:-10px;
display:block;
color:#e7468a;
line-height:16px;
font-weight:bold;
}