@charset "utf-8";

/* -------------------------- */
/* サイトレイアウト      　　 */
/* -------------------------- */

/* 全体 */
body{ background:#FF55A6;}
#container { width:100%; margin:0 auto; background:#FFFFFF }
#container .head { background:url(../img/common/bg_head.gif) top repeat-x; }
#container .head .clip { width:900px; margin:0 auto }
#container .head .clip .btn_clip a{ display:block; position: relative; left:770px; background:url(../img/common/btn_clip.gif) no-repeat top; width:130px; height:29px }
#container .head .clip .btn_clip a:hover { background-position: 0 -30px}
#container .head .clip .btn_clip span{ display:none}

/* ヘッダー */
#header{ width:900px; height:60px; margin:10px auto 0px auto }
#header .logo { width:250px; margin-right:20px; float: left }
#header .headcenter { width:380px; margin-right:20px; padding-top:5px; float: left;}
#header .headcenter .ccount { color:#FF6410; font-size:18px; font-weight:bold; font-family:Verdana;}
#header h1{ height:30px;font-weight:normal; font-size:10px; color:#999; line-height:120%; }
#header .freeword{ width:210px; padding:5px; background:#FFCCFF; color:#999999; font-size:10px; float: left }
#header .w150{ width:150px }

/* グローバルナビゲーション */
#globalentry { width:100%; height:10px; background:#FF55A6; margin-bottom:20px;}
#globalnavi { width:100%; height:40px; background:#FF55A6; margin-bottom:20px;}
#globalnavi ul { width:900px; margin:0 auto; list-style:none; height:40px}
#globalnavi li { float:left; margin-top:3px}
#globalnavi li span { display:none}
#globalnavi .tab1 a { display:block; background:url(../img/common/globalnavi01.gif) top left no-repeat; width:180px; height:34px}
#globalnavi .tab1 a:hover { background-position: 0 -34px}
#globalnavi .tab2 a { display:block; background:url(../img/common/globalnavi02.gif) top left no-repeat; width:180px; height:34px}
#globalnavi .tab2 a:hover { background-position: 0 -34px}
#globalnavi .tab3 a { display:block; background:url(../img/common/globalnavi03.gif) top left no-repeat; width:180px; height:34px}
#globalnavi .tab3 a:hover { background-position: 0 -34px}
#globalnavi .tab4 a { display:block; background:url(../img/common/globalnavi04.gif) top left no-repeat; width:180px; height:34px}
#globalnavi .tab4 a:hover { background-position: 0 -34px}
#globalnavi .tab5 a { display:block; background:url(../img/common/globalnavi05.gif) top left no-repeat; width:180px; height:34px}
#globalnavi .tab5 a:hover { background-position: 0 -34px}

/* パン屑 */
#pankuzu { width:900px; height:20px; background:url(../img/common/pankuzu.gif) no-repeat; font-size:10px; margin:12px auto}
#pankuzu p{ margin-left:10px;}
#pankuzu strong { padding:0 5px; font-weight:normal}
#pankuzu a { padding:0 5px; color:#FC798C}
#pankuzu a:hover { color:#564851}

/* コンテンツ */
#contents{ width:900px; margin:0 auto }
#menu { width:640px; float:left; overflow:hidden}
#dir{ width:950px; margin:0 auto}
#contents_l{ width:730px; float:left; overflow:hidden}

/* 左ナビ */
#leftnavi{ width:240px; float:left; margin-right:20px}

/* 左ナビ：クリップ */
#navi_clip{ background:url(../img/nav/clip_middle.gif) repeat-y; margin-bottom:10px}
#navi_clip h3{ background: url(../img/nav/clip_top.gif) top no-repeat; width:240px; height:32px}
#navi_clip h3 span{ display:none}
#navi_clip .clip_detail{  background:url(../img/nav/clip_bottom.gif) bottom no-repeat; padding:5px 5px 20px 5px}
#navi_clip .clip_detail p{ margin:0 15px; padding-bottom:3px}
#navi_clip .no_course { color:#999999}

/* 左ナビ：資料請求 */
#navi_document{ background:url(../img/nav/document_middle.gif) repeat-y; margin-bottom:10px}
#navi_document h3{ background: url(../img/nav/document_top.gif) no-repeat; width:240px; height:35px}
#navi_document h3 span{ display:none}
#navi_document .document_detail{ background:url(../img/nav/document_bottom.gif) bottom no-repeat; padding:5px 10px 10px 10px}
#navi_document .document_detail .courselist{ background:#FFFFFF; margin-top:5px}

/* 左ナビ：資料請求(LP） */
#navi_document .document_detail .courselist_lp{ background:#FFFFFF; margin-top:5px}
#navi_document .document_detail .courselist_lp .bg_gray { background:#E5E5E5}
#navi_document .document_detail .courselist_lp a { color:#777777;}
#navi_document .document_detail .courselist_lp a:visited { color:#999999}
#navi_document .document_detail .courselist_lp a:hover { color:#E5E5E5}

/* 左ナビ：ランキング　*/
.navi_ranking { margin-bottom:10px}
.navi_ranking h3{ background:url(../img/nav/ranking_top.gif) no-repeat; height:30px}
.navi_ranking h3 span{ display:none}
.navi_ranking dl{ padding:10px 5px;}
.navi_ranking dt{ width:26px; float:left}
.navi_ranking dd{ width:198px; float:left}
.navi_ranking .rank_middle{ background:url(../img/nav/rank_middle.gif) repeat-y;}
.navi_ranking .rank_bottom{ height:10px; background:url(../img/nav/rank_bottom.gif) no-repeat    }

/* リンク */
#course_link { background:url(../img/common/link_bottom.gif) bottom no-repeat; width:900px; margin:10px auto; padding-bottom:10px; font-size:10px}
#course_link .link_top{ background: url(../img/common/link_top.gif) no-repeat; width:900px; height:10px}
#course_link .link_middle{  background:url(../img/common/link_bottom.gif) bottom no-repeat; background:url(../img/common/link_middle.gif) repeat-y; padding:0 10px; width:880px}
#course_link .link_middle a{ color:#999999; margin-right:3px}
#course_link .link_middle a:hover{ color:#cccccc}

#search_bottom { width:900px; font-size:10px;padding-top:10px}
#search_bottom a, span{ color:#999999; margin-right:3px; }
#search_bottom a:hover{ color:#cccccc}

/* フッター */
#footer { width:100%; margin-top:20px ; padding:0; background:#FFD5E9}
#footer .footer_info{ width:900px; margin:0 auto; padding:10px 0; color:#FF55A6; font-size:10px}
#footer .copyright { width:100%; background:#FF55A6; padding:10px 0; text-align:center; color:#FFFFFF; font-size:10px }