/*************************************************
HolosZonetherapy school

*************************************************/

@import "http://";

body{background-color:#ffffff; font:12px/1.4 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small; color:#575757;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
table,fieldset,img{border:1;}
table{font-size:inherit;font:100%;}
img{margin:5px 0;paddnig:0;}
p{color:#575757; line-height:180%; margin:0;padding:0;}

body{margin:0px;padding:0px;}

/*     title         */

h2{margin:10px 15px 0 15px; padding:5px 10px;font-size:120%;border-left:solid 10px #f09075; border-bottom:1px solid #7d7c7d;}

h3{margin:15px 15px 0 15px; padding:5px 10px;font-size:120%;border-left:solid 5px #f09075; border-bottom:1px solid #7d7c7d;}

/**  カルチャースクール・スタジオレッスン用h3 **/

.title_lesson{border:none; border-left:solid 5px #f09075; margin:5px 15px 0 15px;padding:5px 0 3px 10px;font-size:120%;color:#ffffff;background-color:#f0af91;}

/***  各スクール  ***/

h4{margin:15px 15px 5px 15px; padding:3px 15px; border-left:10px solid #f0af91; border-bottom:2px solid #f0af91;
 font-size:14px; color:#575757;}

.alum_topic{margin:0 0 10px 0;padding:3px;font-size:14px;color:#ffffff;background-color:#7faf72;}

/*****************************************************
 layout   幅780px
 ******************************************************/

#wrapper{
	margin:0px auto;width:782px; padding:5px 1px 0 1px; border-top:3px solid #f09075;
	border-left:1px solid #979797;border-right:1px solid #979797;border-bottom:1px solid #979797;
}

/*****     header_top     *****/

#header_top{height:100%; margin:0;padding:0; background-color:#ffffff;}

#logo_top{float:left;width:211px; height:111px; margin:10px 0 5px 10px;}

#logo{float:left;width:181px; height:96px; margin:10px 0 0 10px;}
#subtitle{float:right;margin:10px 5px 0 0;text-align:right;}
h1{margin-bottom:10px;font-size:100%;color:#737373;font-weight:normal;}

/***     資料請求        ***/

.link{margin:0;}


/**********    header_bottom    メニューバーの部分**********/

#header_bottom{height:100%;padding:10px 5px; background-color:#ffffff; }


/**********        contents   width:780px   **********/

#contents{clear:both; width:780px; height:100%; margin:0; padding:0; margin-bottom:20px;}

#topimage{width:775px; height:160%; margin:0;margin-left:auto; margin-right:auto;padding:0;
position:relative;top:-15px;/*border-bottom:1px solid #f09075;*/}


/*****                  sidemenu               *****/

#side{float:left;width:277px;/*height:100%;*/ margin:0 0 0 3px; padding:0;}

/*      menu部分はmenu.css          */

/*      サイドメニュー  h2           */

.title_side{width:250px;margin:0;padding:10px 15px; font-size:120%;color:#737373; font-weight:bold;
border-left:solid 5px #575757;background-color:#f0cfbb;}

/*       企業向けバナー          */

.banner_side{margin:5px 0;padding:0;border-style:none;}
.banner_side a{margin:0;padding:0;font-size:100%;color:#737373;}

/*****                  main                  *****/

#main{float:right;width:475px;height:100%;margin:0;padding:0;background-color:#fffafa;}

/*****  卒業後のサポートバナー *****/

.banner_alumn {margin:0; padding:0;} 
.banner_alumn a{width:470px; height: 130px; background : url(../images/alumn_banner.jpg) no-repeat right top;  display:block; text-decoration:none; margin-bottom:3px;padding:0;}
.banner_alumn p{padding:60px 200px 5px 10px; line-height:130%; font-size:13px; color:#777263;}


/*     通信講座バナー 240×110       */
.banner_crspnd {float:left;margin:0 3px 0 0; padding:0; width:240px;}

/*     動画バナー225×110        */
.banner_movie {float:left;margin:0; padding:0; width:225px;}


/*****  トップページ1DAYレッスンスケジュール *****/

.oneday{width:456px;margin:10px 0; padding:0;border:7px solid #f5deb8;}
.oneday div{margin:0;padding:5px 5px 5px 10px;border:1px solid #dcdcdc;line-height:140%;}
.oneday p{margin:3px 0 0 0;}
.one{margin:0 3px 0 0;}

/*****  トップページスクール情報  *****/

.column_news{width:463px; height:210px; margin:5px 0 3px 0; padding:3px 0 0 5px;/* border:solid 1px #979797; */overflow:auto;line-height:110%;}

/*        h2         */
.column_news h2{margin:5px 0 10px 5px;padding:3px;font-size:14px;border-left:3px solid #584136;border-bottom:1px solid #7d7c7d;}

/*      text      */
.t_news{margin:7px 2px; padding:0;}

.t_news img{margin:0 3px;padding:0;vertical-align:middle;}
 
.t_news a:link, .t_news a:visited{ color:#575757; display:inline; text-decoration:none; }
.t_news a:hover, .t_news a:active{ color:#f09075; display:inline; text-decoration:none; }


/****      ホロス背景       ****/

.holos { width:500px; height:150px; background:  url(../images/holos500_150.jpg)  left; background-repeat:no-repeat;}


/****        カルチャースクール     ****/

#list{margin:0 0 5px 30px;padding: 7px;text-align:}

#list li {margin: 5px;padding: 2px 0 0 23px;list-style-type:none;background:  url(../images/culture.gif) left;
background-repeat:no-repeat;vertical-align:middle;font-size:14px;font-weight:bold;text-align: left;}

.list a{ text-decoration:none; color:#575757;}
.list span{margin:0 5px;padding:0;font-size:11px;color:#7f7f7f;font-weight:normal;}

.list img{vertical-align:middle;padding:0 10px;}

.kouza{margin:5px 10px 5px 10px; padding:3px 0 3px 15px; font-size:12px; font-weight:bold; background-color:#cac2ae;
 border-left:solid 10px #b2b299;}

.sch { border:solid 1px #cac2ae;}

.sch th{ text-align:top; border-left:3px solid #b2b299;  border-right:solid 1px #8b5c29;}

.cource { border-left:solid 2px #cac2ae;}


/*****                 footer                    *****/

#footer{clear:both; width:750px; height:40px; margin:0;padding:5px 15px;border-top:solid 3px #7d7c7d;}
.footer{float:right; margin:0 10px 0 0;text-align:right;font-size:14px; font-weight:bold;color:#d2ccbf;}
.footer_menu{height:30px; margin:5px 10px;padding:0; font-size:12px;color:#737373;}
.footer_menu div{float:left; margin:5px; padding:0 10px; font-weight:bold;border-right:1px solid #737373;}

.footer_menu a:link, .footer_menu a:visited {color: #737373;}
.footer_menu a:hover, .footer_menu a:active {color: ##f09075;}
 
.footer_title{float:right; margin:5px 10px;}


/********************          text 装飾              ********************/

.line_title{ margin:15px; padding:0 2px; border-bottom:solid 2px #f09075;
font-size:14px; font-weight:bold;}


/***                 段落                   ***/

.text{margin:0; padding:2px 10px 0 20px ;}

.text2 {margin:10px 0;       /** margin高め   **/  padding:5px 25px;}

.text3 { margin:15px 0;      /** margin高め   **/ 
 padding:5px 20px 5px 30px;   /** padding横広め   **/    line-height:150%;}
 
/****                文字                   ****/

.t1 {margin:3px 0; padding:0; text-indent:1em;/*line-height:150%;*/}

.t14{font-size:14px;font-weight:bold;}

.t10{ margin:0 0 10px 0; font-size:14px; font-weight:bold;}

.t_pink{ margin:0; padding:0 15px; color:#cd5c5c; /****indianred****/}

/****  チビ  ****/

.t2{ margin:0; padding:2px 10px; font-size:11px;}

/***                あいさつ              ***/

.t20{ margin:0 5px; padding:0 10px; font-size:14px; font-weight:bold;}

/****            a要素テキスト          ****/

a{color:#575757;}

.jump a{margin:0 7px;padding-right:5px; white-space:nowrap;}
.jump a:link, .jump a:visited { color:#584136; }
.jump a:hover,.jump a:active{color:#9e9783;}


/****                戻る            ****/

.back { text-align:right; padding:0 50px;}
.back a:link, .back a:visited { color:#584136;}


/*****  a要素画像 *****/

a img{margin:0 5px;padding:0;border-style:none;}

/**********   写真・画像スタイル  **********/

.photo_right{ float:right; margin:10px 0 0 10px;}
.photo_left { float:left; margin:15px;}

/***      枠線          ***/

.line_zone{margin:20px 20px; padding:0 10px 25px 20px; border:solid 1px #8fbc8f;}

.discription{ margin:0 10px; position:relative; top:-7px; font-size:14px; font-weight:bold; color:#7fae8c;}

.discription02{ margin:0 10px; position:relative; top:-25px; font-size:14px; font-weight:bold; color:#7fae8c;}

.discription span{ background-color:#ffffff;}
.discription02 span{ background-color:#ffffff;}

.line_event{ margin:20px; padding: 15px; border:solid 1px #8fbc8f;}


#floatclear{clear:both; overflow:hidden;}
.floatclear{clear:both; overflow:hidden;}


/********************      各コンテンツページ       ********************/

.content_left{float:left;width:550px;margin:0px; padding:0; /*border:1px solid; background-color:#fff7e5;*/ }
.content_right{float:right;width:225px;height:100%; margin:0px; padding:0; /*border:1px solid; background-color:#e5f7ff;*/}

.content_whole{width:755px:height:100%;margin:0 5px 0 3px;padding:0px;/*border:1px solid; background-color:#e5e5ff;*/}

/***      スクール案内       ***/

.contentschool_left{float:left;width:510px;height:100%;margin:0; padding:0; /*border:1px solid;*/ }
.contentschool_right{float:right;width:260px;height:100%; margin:0 5px 0 0; padding:0; /*border:1px solid;*/}


/****  汎用性を無くす  一部でのみ使用   090128  ****/
.content_whole{width:720px:height:100%;margin:0 5px 0 10px;padding:0px;/*border:1px solid;*/}


/**           スクール理念               **/

.school{widht:670px:height:100%;margin:0 20px 0 30px;padding:15px;background-color:#f0ede4;border:1px solid #f0af91;}

/***  卒業生の声・2期生の声！   ***/

.alumn{margin:5px 200px 10px 10px; padding:5px; border-style:none;border-bottom:1px dashed;}


/*パン屑*/


#bread{font-size:12px;margin:0 0 20px 0;padding:3px 15px;background:#e9e0d1;color:#777;}

#bread ul{list-style-type:none;height:20px;}

#bread ul li{float:left;height:20px;line-height:20px;padding:0 0 0 5px;margin:0 4px 0 0;}

#bread .start{padding:0;background:none;}


/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}