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

	★index 用

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

/* ------------------------------------------------------------------------
	基本スタイル
------------------------------------------------------------------------ */
#main { padding:0 25px 20px; }

.left{ width:520px; }
.right { width:320px; }


/* ------------------------------------------------------------------------
	TOPICS
------------------------------------------------------------------------ */
#main .right #topics { padding:0 0 10px; background:url(../images/footer_topics.gif) no-repeat 5px bottom; overflow:hidden; display:block; }
#topics h2 { width:320px; height:45px; background:url(../images/h2_topics.gif) no-repeat; }
#topics dl { margin:0 0 5px; padding:0 15px 10px; width:275px; height:140px; overflow:auto; }
#topics dt { padding:5px 10px 0; }
#topics dd { padding:0 10px 5px; border-bottom:1px dashed #778877; }
#main .right #topics { border:0; }
#main .right #topics  div.box { padding:0; background:url(../images/bg_topics.gif) repeat-y 5px top; border:0; }

a.more { margin:0 20px; padding:0 15px 0 0; background:url(../images/icon_more.gif) no-repeat right center; color:#778877; text-decoration:none; font-size:85.7%; }
#main #topics p { padding:0; }


/* NEW アイコン */
.new { width:30px; height:15px; background:url(../images/icon_new.gif) no-repeat; display:inline-block; }

/*IE7 用 */
*:first-child+html .new { margin:0 0 0 5px; display:inline; zoom:1; }

/* Win IE 用 \*/
* html .new { margin:0 0 0 5px; display:inline; zoom:1; }
* html #topics dl { height:210px !important; }
/* */

/* ------------------------------------------------------------------------
	
------------------------------------------------------------------------ */
/* Win IE 用 \*/
* html #main .left img { margin:0 0 5px; }
/* */
#index-menu { margin:5px 0 0; width:520px; background-color:#ffffff; }
#index-menu .radius  { width:520px; }
#index-menu .wrap { padding:10px; }
#index-menu li { clear:both; list-style:none; }

.radius { border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(/js/PIE.htc); position:relative; }
.wrap { border:4px solid #eeeeee;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(/js/PIE.htc); position:relative; }

/* AEAについて */
.outline { padding:0 0 10px; }

a.btn-outline { margin:0 0 10px; width:490px; height:40px; background:url(../images/index/btn_outline.gif) no-repeat; display:block; }
a.btn-outline-002 { margin:0 0 10px; width:145px; height:30px; background:url(../images/index/btn_outline_002.gif) no-repeat; display:block; }
a.btn-outline-003 { margin:0 0 15px; width:145px; height:30px; background:url(../images/index/btn_outline_003.gif) no-repeat; display:block; }
a.btn-outline-004 { margin:0 0 15px; width:145px; height:30px; background:url(../images/index/btn_outline_004.gif) no-repeat; display:block; }

.outline li ul li { margin:0 15px; }

#index-menu .outline .floatL { margin:0 0 5px 10px; width:300px; float:left; }
#index-menu .outline .floatR { margin:0 10px 0 0; width:145px; list-style:none; float:right; }
.outline .floatR li { margin:0 0 10px 0; }

/* AEA会員リスト */
/*h3.list { width:470px; height:30px; background:url(../images/index/h3_list.gif) no-repeat; }*/
.outline div.clearB { margin:5px 10px; padding:30px 0 0; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(../images/index/h3_list.gif) no-repeat top center #ffffff; }
.outline div.clearB ul { margin:0 10px; padding:10px 0 5px; }
ul.outline li div.clearB ul li { margin:0 2.5px 0 0; padding:0; display:inline-block; }
ul.outline li div.clearB ul li:last-child { margin:0; }
.outline div.clearB ul li a { width:145px; height:30px; display:block; }
a.btn-member-list { background:url(../images/index/btn_member_list.gif) no-repeat; }
a.btn-suport-list { background:url(../images/index/btn_suport_list.gif) no-repeat; }
a.btn-sch-list { background:url(../images/index/btn_sch_list.gif) no-repeat; }

/* 養成制度について */
a.btn-training { margin:0 0 10px; width:490px; height:40px; background:url(../images/index/btn_training.gif) no-repeat; display:block; }
a.btn-training-1503 { margin:0 0 10px; width:490px; height:40px; background:url(../images/index/btn_training_1503.gif) no-repeat; display:block; }
a.btn-training-002 { width:145px; height:30px; background:url(../images/index/btn_training_002.gif) no-repeat; display:block; }
a.btn-training-003 { width:145px; height:30px; background:url(../images/index/btn_training_003.gif) no-repeat; display:block; }
a.btn-training-004 { width:145px; height:30px; background:url(../images/index/btn_training_004.gif) no-repeat; display:block; }

#index-menu .training .floatL { margin:0 0 0 10px; width:300px; float:left; }
#index-menu .training .floatR { margin:0 10px 0 0; width:145px; list-style:none; float:right; }
.training .floatR li { margin:0 0 10px 0; }

/* 認定試験 */
a.btn-examination { margin:0 0 10px; width:490px; height:40px; background:url(../images/index/btn_examination.gif) no-repeat; display:block; }
a.btn-examination-002 { width:145px; height:30px; background:url(../images/index/btn_examination_002.gif) no-repeat; display:block; }
a.btn-examination-003 { width:145px; height:30px; background:url(../images/index/btn_examination_003.gif) no-repeat; display:block; }

.examination li ul { margin:0 15px 10px; }
.examination li ul li { margin:0 5px 0 0; display:inline-block; }

html>/**/body .examination li ul li { display /***/:inline-block9; zoom:1 9; }  

/*IE7 用 */
*:first-child+html .examination li ul li  { display:inline; zoom:1; }

/* Win IE 用 \*/
* html .examination li ul li  { display:inline; zoom:1; }
/* */

/* 資格について */
#main .left ul.about-license p { padding-bottom:10px; }
a.btn-about-license { margin:0 0 10px; width:490px; height:40px; background:url(../images/index/btn_about_license.gif) no-repeat; display:block; }

#index-menu .about-license .floatL { margin:0 0 0 10px; width:300px; float:left; }
#index-menu .about-license .floatR { margin:0 10px 0 0; width:145px; list-style:none; float:right; }
.about-license .floatR li { margin:0 0 10px 0; }

/* ---資格をお持ちの方へ--- */
a.btn-license { margin:0 auto 10px; width:290px; height:40px; background:url(../images/index/btn_license.gif) no-repeat; display:block; }

a.btn-center { width:490px; height:40px; background:url(../images/index/btn_center.gif) no-repeat; display:block; }
a.btn-center.rep-141024 { width:490px; height:40px; background:url(../images/index/btn_center_141024.gif) no-repeat; display:block; }

/* 横幅を変えてみた
.external-bana { margin:5px 0 0; padding:0; width:640px; clear:both; float:right; }
*/
.external-bana { margin:1px 0 0; padding:0; width:800px; clear:both; float:right; }
.external-bana ul { margin:0;  list-style:none; clear:both; }
.external-bana ul li { margin:0 15px 0 0; float:left; }
.external-bana ul li:last-child { margin:0; }

a.bana-bons-t { margin:0 auto 0; width:234px; height:60px; background:url(../images/bana_bons.gif); display:block; }
a.bana-seichosenryaku { margin:0 auto; width:150px; height:51px; background:url(../images/bana_seichosenryaku.jpg); display:block; }
a.bana-shouhiseikatu { margin:0 auto; width:200px; height:70px; background:url(../images/bana_shouhiseikatu.png); display:block; }
/* ------------------------------------------------------------------------
	エステティックサロンの日バナー
------------------------------------------------------------------------ */
a.bana-estheticsalonnohi { margin:0 auto; width:245px; height:80px; background:url(../images/bana_doe.png); display:block; }

/* ------------------------------------------------------------------------
	右下
------------------------------------------------------------------------ */
#main ul.banner { margin:10px 0px 0px;  list-style:none; }

a.btn-publication { margin:0 auto 10px; width:290px; height:40px; background:url(../images/index/btn_publication.gif) no-repeat; display:block; }
a.btn-school { margin:0 auto 10px; width:290px; height:40px; background:url(../images/index/btn_school.gif) no-repeat; display:block; }
a.btn-salon { margin:0 auto 10px; width:290px; height:75px; background:url(../images/index/btn_salon_list.gif) no-repeat; display:block; }
a.btn-customer { margin:0 auto 10px; width:280px; height:40px; background:url(../images/index/btn_customer.gif) no-repeat; display:block; }
a.btn-customer-002 { margin:0 20px; width:200px; height:20px; background:url(../images/index/btn_customer_002.gif) no-repeat; display:block; }
a.btn-customer-003 { margin:0 20px; width:200px; height:20px; background:url(../images/index/btn_customer_002.gif) no-repeat 0 -20px; display:block; }
a.btn-customer-004 { margin:0 20px 5px; width:200px; height:20px; background:url(../images/index/btn_customer_002.gif) no-repeat 0 -40px; display:block; }

a.dbsw { margin:0 auto 10px; width:250px; height:80px; background:url(../images/index/btn_dbsw.gif) no-repeat; display:block; }

.banner .radius  { width:300px; }
.banner .wrap  { padding:10px 0 6px; }
.wrap ul { margin:0; }
.wrap li { margin:0; list-style:none; }

.banner { margin:0 0 0 5px; width:300px; }

.btn-counseling-center { margin:10px auto; width:290px; height:50px; background:url(../images/index/btn_counseling_center.gif) no-repeat; display:block; }
a.esthe-jepa { margin:10px auto; width:290px; height:50px; background:url(../images/index/btn_esthe_jepa.gif) no-repeat; display:block; }
a.jecb { margin:10px auto; width:290px; height:50px; background:url(../images/index/btn_jecb.gif) no-repeat; display:block; }
/* エステティック機構はcommon.css */


/* Win IE 用 \*/
* html .banner .customer  { margin-top:8px; }
* html .banner .radius  { margin-top:-12px; margin-bottom:12px; }
/* */