/* ----------------------- Cael CSS ----------------------- */


/*==============================================================================*/
/*                              デ　フォ　ル　ト                                */
/*==============================================================================*/

* {
	margin:  0;
	padding: 0;
	border: 0px;

}
body {
	margin : 0 auto;
	padding: 0 auto;
	font-family: "sans-serif", "Arial";
	background-color: #c0c0c0;
    position: relative;
}

img {
	border: 0px;
}
.clear {
	clear: both;
}

a {overflow:hidden; outline:none; }

a:link    {}
a:visited {}
a:hover, 
a:active  {}

ul li { list-style-type: none;}

table {  }

.center {
    text-align: center;
}

/*==============================================================================*/
/*                               コ  ン  テ  ナ                                 */
/*==============================================================================*/


#header, #body, #footer{
	margin : 0 auto; 
	padding: 0;
	width: 800px;
}

/*---------------------- header ----------------------*/

#header { 
	height: 115px;
	background: url(../img/_frame/bg-header.jpg) no-repeat 0 0;
	position: relative;

}
#header #logo {
	width: 104px;
	height: 92px;
}
#header #logo a{
	width: 104px;
	height: 92px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/_frame/logo.jpg) no-repeat 0 0;

}
#header h1 {
	width: 339px;
	height: 92px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/_frame/title.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 104px;
}


/*---------------------- body ----------------------*/

#body {
	background: url(../img/_frame/bg.gif) #ffffff repeat-y 0 0;
	display: table;
}
#body #navi {
	width: 207px;
	background-color: #f6f6f6;
	float: left;
	padding-top: 10px;
}

/*----------------------menu ---------------------*/
#body #navi #menu {
	width: 190px;
	margin-left: 10px;
}

#body #navi #menu ul li{
	width: 190px;
}
#body #navi #menu ul li a{
	width: 190px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
}

#body #navi #menu li#menu_form01 a { height: 60px; background: url(../img/_frame/form01.gif) no-repeat 0 0; margin-bottom: 15px;}
#body #navi #menu li#menu_form02 a { height: 60px; background: url(../img/_frame/form02.gif) no-repeat 0 0; margin-bottom: 10px;}
#body #navi #menu li#menu01 a { height: 60px; background: url(../img/_frame/purpose.gif) no-repeat 0 0; margin-bottom: 10px;}
#body #navi #menu li#menu02 a { height: 37px; background: url(../img/_frame/user.gif) no-repeat 0 0; margin-bottom: 10px;}
#body #navi #menu li#menu03 a { height: 35px; background: url(../img/_frame/curriculum.gif) no-repeat 0 0;}

#body #navi #menu li#menu_form01 a:hover { background: url(../img/_frame/form01.gif) no-repeat 0 -60px;}
#body #navi #menu li#menu_form02 a:hover { background: url(../img/_frame/form02.gif) no-repeat 0 -60px;}
#body #navi #menu li#menu01 a:hover { background: url(../img/_frame/purpose.gif) no-repeat -190px 0;}
#body #navi #menu li#menu02 a:hover { background: url(../img/_frame/user.gif) no-repeat -190px 0;}
#body #navi #menu li#menu03 a:hover { background: url(../img/_frame/curriculum.gif) no-repeat -190px 0;}

#body #navi #menu li#menu_form01.active a { background: url(../img/_frame/form01.gif) no-repeat 0 -60px;}
#body #navi #menu li#menu_form02.active a { background: url(../img/_frame/form02.gif) no-repeat 0 -60px;}
#body #navi #menu li#menu01.active a { background: url(../img/_frame/purpose.gif) no-repeat -190px 0;}
#body #navi #menu li#menu02.active a { background: url(../img/_frame/user.gif) no-repeat -190px 0;}
#body #navi #menu li#menu03.active a { background: url(../img/_frame/curriculum.gif) no-repeat -190px 0;}


#body #navi #menu li#menu03.active li#menu03_01 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 0; margin-left: 18px;}
#body #navi #menu li#menu03.active li#menu03_06 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -20px; margin-left: 18px;}
#body #navi #menu li#menu03.active li#menu03_02 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -40px; margin-left: 18px;}
#body #navi #menu li#menu03.active li#menu03_03 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -60px; margin-left: 18px;}
#body #navi #menu li#menu03.active li#menu03_04 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -80px; margin-left: 18px;}
#body #navi #menu li#menu03.active li#menu03_05 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -100px; margin-left: 18px;}

#body #navi #menu li#menu03_01 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 0; margin-left: 18px;}
#body #navi #menu li#menu03_06 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -20px; margin-left: 18px;}
#body #navi #menu li#menu03_02 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -40px; margin-left: 18px;}
#body #navi #menu li#menu03_03 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -60px; margin-left: 18px;}
#body #navi #menu li#menu03_04 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -80px; margin-left: 18px;}
#body #navi #menu li#menu03_05 a { width: 104px; height: 20px; background: url(../img/_frame/curriculum_sub.gif) no-repeat 0 -100px; margin-left: 18px;}

#body #navi #menu li#menu03_01 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px 0;}
#body #navi #menu li#menu03_06 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -20px;}
#body #navi #menu li#menu03_02 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -40px;}
#body #navi #menu li#menu03_03 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -60px;}
#body #navi #menu li#menu03_04 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -80px;}
#body #navi #menu li#menu03_05 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -100px;}

#body #navi #menu li#menu03.active li#menu03_01.active  a { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px 0;}
#body #navi #menu li#menu03.active li#menu03_06.active  a { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -20px;}
#body #navi #menu li#menu03.active li#menu03_02.active  a { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -40px;}
#body #navi #menu li#menu03.active li#menu03_03.active  a { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -60px;}
#body #navi #menu li#menu03.active li#menu03_04.active  a { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -80px;}
#body #navi #menu li#menu03.active li#menu03_05.active  a { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -100px;}

#body #navi #menu li#menu03.active li#menu03_01 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px 0;}
#body #navi #menu li#menu03.active li#menu03_06 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -20px;}
#body #navi #menu li#menu03.active li#menu03_02 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -40px;}
#body #navi #menu li#menu03.active li#menu03_03 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -60px;}
#body #navi #menu li#menu03.active li#menu03_04 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -80px;}
#body #navi #menu li#menu03.active li#menu03_05 a:hover { background: url(../img/_frame/curriculum_sub.gif) no-repeat -104px -100px;}


#body #navi #menu ul li#menu04 {
	background: url(../img/_frame/faq.gif) no-repeat 0 0;
	height: 120px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
}
#body #navi #menu ul li#menu04 ul {
	margin-top: 20px;
}

#body #navi #menu li#menu04_01 a { width: 165px; height: 20px; background: url(../img/_frame/faq_sub.gif) no-repeat 0 0; margin-left: 10px;}
#body #navi #menu li#menu04_02 a { width: 165px; height: 20px; background: url(../img/_frame/faq_sub.gif) no-repeat 0 -21px; margin-left: 10px;}
#body #navi #menu li#menu04_03 a { width: 165px; height: 28px; background: url(../img/_frame/faq_sub.gif) no-repeat 0 -42px; margin-left: 10px;}

#body #navi #menu li#menu04_01.active a { width: 165px; height: 20px; background: url(../img/_frame/faq_sub.gif) no-repeat -171px 0;}
#body #navi #menu li#menu04_02.active a { width: 165px; height: 20px; background: url(../img/_frame/faq_sub.gif) no-repeat -171px -21px;}
#body #navi #menu li#menu04_03.active a { width: 165px; height: 28px; background: url(../img/_frame/faq_sub.gif) no-repeat -171px -42px;}

#body #navi #menu li#menu04_01 a:hover { background: url(../img/_frame/faq_sub.gif) no-repeat -171px 0;}
#body #navi #menu li#menu04_02 a:hover { background: url(../img/_frame/faq_sub.gif) no-repeat -171px -21px;}
#body #navi #menu li#menu04_03 a:hover { background: url(../img/_frame/faq_sub.gif) no-repeat -171px -42px;}

#body #navi #menu ul li#menu05{
	background: url(../img/_frame/contact.gif) no-repeat 0 0;
	width: 185px;
	height: 25px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
}

#body #navi #banner{
	width: 190px;
	margin-left: 10px;
}

#body #navi #banner #banner_title a{
	background: url(../img/_frame/banner_title.gif) no-repeat 0 0;
	width: 185px;
	height: 53px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
	margin-bottom: 10px;
}

#body #navi #banner #banner_description{
	background: url(../img/_frame/banner_description.gif) no-repeat 0 0;
	width: 185px;
	height: 31px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
	margin-bottom: 10px;
}

#body #navi #banner ul li a{
	width: 173px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
	margin: 7px 6px;
}

#body #navi #banner li#banner01 a { height: 28px; background: url(../img/_frame/banner01.gif) no-repeat 0 0;}
#body #navi #banner li#banner02 a { height: 28px; background: url(../img/_frame/banner02.gif) no-repeat 0 0;}
#body #navi #banner li#banner03 a { height: 28px; background: url(../img/_frame/banner03.gif) no-repeat 0 0;}
#body #navi #banner li#banner04 a { height: 28px; background: url(../img/_frame/banner04.gif) no-repeat 0 0;}
#body #navi #banner li#banner05 a { height: 28px; background: url(../img/_frame/banner05.gif) no-repeat 0 0;}
#body #navi #banner li#banner06 a { height: 28px; background: url(../img/_frame/banner06.gif) no-repeat 0 0;}
#body #navi #banner li#banner07 a { height: 28px; background: url(../img/_frame/banner07.gif) no-repeat 0 0;}
#body #navi #banner li#banner08 a { height: 28px; background: url(../img/_frame/banner08.gif) no-repeat 0 0;}
#body #navi #banner li#banner09 a { height: 28px; background: url(../img/_frame/banner09.gif) no-repeat 0 0;}

#body #navi #pamphlet {
	width: 173px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#body #navi #pamphlet img {
	padding: 0px;
	width: 150px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#body #navi #pamphlet p {
	font-size: 12px;
	margin-bottom: 10px;
}
#body #navi #pamphlet p.link {
	text-align: center;
	margin-bottom: 10px;
}
#body #navi #pamphlet ul {
    height: 100px;
	margin-bottom: 15px;
	background: url(../img/_frame/index/pamphlet2009_mini.jpg) no-repeat 10px 0;
}
#body #navi #pamphlet li {
    list-style: none;
	font-size: 12px;
    margin-left: 90px;
}


/*----------------------footer---------------------*/

#footer {
	height: 27px;
	bottom: 0;
	margin-bottom: 30px;
	position: relative;
	background: url(../img/_frame/bg-footer.gif) no-repeat 0 0;
}

#footer #copyright{
	width: 434px;
	height: 14px;
	position: relative;
	top: 8px;
	left: 24px;
	background: url(../img/_frame/copyright.gif) no-repeat 0 0;
	text-indent: -1000em;
	overflow: hidden;
}
#footer #footer_menu {
	height: 14px;
	width: 310px;
	position: absolute;
	top: 8px;
	right: 13px;
	background: url(../img/_frame/footer-border.gif) no-repeat 100% 0;

}
#footer #footer_menu li {
	float: left;
	padding-right: 10px;
	height: 14px;
	background: url(../img/_frame/footer-border.gif) no-repeat 0 0;
}

#footer #footer_menu li a{
	display: block; 
	height: 14px;
	margin-left: 8px;
	text-decoration: none;
	text-indent: -1000em;
	overflow: hidden;
}

#footer #footer_menu li#foot01 a {width: 125px; background: url(../img/_frame/privacy.gif) no-repeat 0 0;}
#footer #footer_menu li#foot02 a {width: 49px; background: url(../img/_frame/rules.gif) no-repeat 0 0;}
#footer #footer_menu li#foot03 a {width: 81px; background: url(../img/_frame/link.gif) no-repeat 0 0;}

#footer #footer_menu li a:hover {
}

/*==============================================================================*/
/*                各コンテナ内のスタイル（#contentssを除く）                     */
/*==============================================================================*/

/*----------------------contents---------------------*/
#body #contents {
	width: 583px;
	padding: 0 0px 30px 0px;
	display: table;
}

#body #contents h2 {
	font-size: 16px;
	font-weight: bold;
	color: #0d9806;
	letter-spacing: 2px;
	margin: 20px 0 20px 0;
}
#body #contents h3 {
	color: #333333;
	font-weight: bold;
	margin: 25px 0 10px 0;
	font-size: 14px;
	letter-spacing: 4px;
}
#body #contents h4 {
	color: #0d9806;
	font-size: 16px;
	margin: 30px 0 20px 0;
	letter-spacing: 4px;
}
#body #contents h5 {
	color: #4a4a4a;
	font-size: 14px;
	margin: 20px 0 10px 0;
}
#body #contents h6 {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

#body #contents p {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 14px;
	letter-spacing: 2px;
	color: #4a4a4a;

}
#body #contents p a {
	color: #533df5;
    word-break:break-all;
}
#body #contents p .interview {
	color: #0d9806;
	font-weight: bold;
}

#body #contents ul {
	margin-bottom: 14px;
}
#body #contents ol {
	margin-left: 25px;
}
#body #contents td,
#body #contents li {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 8px;
}


#body #contents strong {
	font-weight: bold;
}

#body .textRight {              
	text-align: right;
}
#body .textCenter {             
	text-align: center;
}


#body .imgLeft {               
	float: left;
	display: table;
	padding: 5px 12px;

}
#body .imgRight {              
	float: right;
	text-align: center;
	display: table;
	padding: 0px 8px 4px 8px;

}
#body .imgCenter {             
	margin: 10px auto;
	text-align: center;
	display: table;
}
#body #contents .picGroup {           
	margin: 5px auto;
	padding: 0 auto;

}
#body #contents .picGroup .pic1 {           
	float: left;
	display: table;
	padding-right: 15px;
	text-align: center;
}
#body #contents .picGroup .pic1 img { 
}
#body #contents .picGroup .pic2 {           
	display: table;
	text-align: center;

}

/*---------------------- lecture_sample ---------------------*/
#body #contents #top_bunner {
    width: 550px;
    height: 160px;
    background: url("../lecture_sample/images/top_bunner.jpg") no-repeat 0 0;
    margin: 15px auto;
	text-indent: -1000em;
	overflow: hidden;
}
#body #contents #adobe_link p {
    color:#FF6600;
    font-size: 9px;
}
:root *> #body #contents #adobe_link p {
    font-size:11px;
}
#body #contents #notes{
    font-size: 9px;
    text-align: right;
    padding: 0;
}
:root *> #body #contents #notes {
    font-size:11px;
    text-align: right;
    padding: 0;
}
#body #contents #adobe_link a {
    float: right;
    display: block;
    background: url("../lecture_sample/images/Get_Flash_Player.jpg") no-repeat 0 0;
	width: 160px;
    height: 41px;
	text-indent: -1000em;
	text-decoration: none;
    margin-left: 20px;
}
#body #contents .lecture_box {
    width: 568px;
    height: 260px;
    margin-bottom: 15px;
}
#body #contents .lecture_box .lecture_pack01 {
    float: left;
    width: 180px;
    height: 260px;
    background: url("../lecture_sample/images/lecture_back01.jpg") no-repeat center 0;
    padding-top: 5px;
}
#body #contents .lecture_box .lecture_pack_center01 {
    float: left;
    width: 180px;
    height: 260px;
    background: url("../lecture_sample/images/lecture_back01.jpg") no-repeat center 0;
    padding: 5px 14px 0;
}
#body #contents .lecture_box .lecture_pack02 {
    float: left;
    width: 180px;
    height: 260px;
    background: url("../lecture_sample/images/lecture_back02.jpg") no-repeat center 0;
    padding-top: 5px;
}
#body #contents .lecture_box .lecture_pack01 .lecture01, #body #contents .lecture_box .lecture_pack_center01 .lecture01, 
#body #contents .lecture_box .lecture_pack02 .lecture01 {
    width: 170px;
    height: 18px;
    margin: 0 5px;
}
#body #contents .lecture_box .lecture_pack01 .lecture02, #body #contents .lecture_box .lecture_pack_center01 .lecture02, 
#body #contents .lecture_box .lecture_pack02 .lecture02 {
    width: 170px;
    height: 113px;
    margin: 5px 5px 0;
}
#body #contents .lecture_box .lecture_pack01 .lecture03, #body #contents .lecture_box .lecture_pack_center01 .lecture03, 
#body #contents .lecture_box .lecture_pack02 .lecture03 {
    width: 170px;
    height: 80px;
    margin: 5px 5px 0;
}
#body #contents .lecture_box .lecture_pack01 a, #body #contents .lecture_box .lecture_pack_center01 a, 
#body #contents .lecture_box .lecture_pack02 a {
	width: 120px;
    height: 20px;
    background: url("../lecture_sample/images/bottom.gif") no-repeat 0 0;
    display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
    outline:none;
    margin: 5px auto 0;
}
#body #contents .lecture_box .lecture_pack01 a:hover, #body #contents .lecture_box .lecture_pack_center01 a:hover, 
#body #contents .lecture_box .lecture_pack02 a:hover {
    background: url("../lecture_sample/images/bottom.gif") no-repeat 0 -20px;
    display: block;
    margin: 5px auto 0;
}
#body #contents .lecture_box .lecture_pack01 a:active, #body #contents .lecture_box .lecture_pack_center01 a:active, 
#body #contents .lecture_box .lecture_pack02 a:active {
    background: url("../lecture_sample/images/bottom.gif") no-repeat 0 -20px;
    outline:none;
}

/*---------------------- TOPへ戻る ---------------------*/
#body #top_bottom {
	width: 568px;
    height: 40px;
	padding-top: 10px;
}
#body #top_bottom a {
	width: 195px;
    height: 40px;
    background: url("../img/_frame/home.gif") no-repeat 0 0;
    display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-decoration: none;
    margin: 0 auto;
}
#body #top_bottom a:hover {
    background: url("../img/_frame/home.gif") no-repeat 0 -40px;
    display: block;
    margin: 0 auto;
}
#body #top_bottom a:active {
    background: url("../img/_frame/home.gif") no-repeat 0 -40px;
}