@charset "UTF-8";
/* CSS Document */

*{zoom:1;}

html{overflow-y:scroll;}

/* body */
body{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background:url(../img/body_bg.jpg) repeat-x #FFF;
font-size:1px;
line-height:1px;
margin:0;
padding:0;
}

.clear{
clear:both;
margin:0px;
padding:0px;
font-size:0px;
line-height:0px;
}

img{
border:0;
}

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

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

h1,h2,h3,h4,h5,h6{
font-size:1px;
line-height:1px;
margin:0px;
padding:0px;
}

a{
outline:none;
}




/* wrap */
#warp{
background:url(../img/body_bg_line.jpg) no-repeat center top;
width:100%;
}

#bgLine{
width:100%;
}


/* header */
#headerWrap{
background:url(../img/header_bg.jpg) no-repeat;
width:910px;
height:120px;
margin:0px auto;
position:relative;
padding:0px;
}

#headerWrap2{
background:url(../img/header_bg2.jpg) no-repeat;
width:910px;
height:120px;
margin:0px auto;
position:relative;
padding:0px;
}

#logo a{
background:url(../img/header_logo.gif) no-repeat;
display:block;
width:375px;
height:24px;
text-indent:-9999px;
position:absolute;
top:33px;
left:15px;
}


#searchText{
background:url(../img/header_search_text.gif) no-repeat;
width:21px;
height:10px;
text-indent:-9999px;
position:absolute;
top:20px;
left:613px;
}

#searchInput{
background:url(../img/header_search_triangle.gif) no-repeat left center #FFF;
width:203px;
height:18px;
border:0px;
padding:3px 0px 3px 10px;
font-size:12px;
color:#333;
line-height:130%;
position:absolute;
top:13px;
left:644px;
}

#searchBtn{
position:absolute;
top:9px;
left:863px;
}

ul#headerLink {
width:200px;
margin:0px;
padding:0px;
position:absolute;
top:55px;
left:699px;
}

ul#headerLink li{
margin:0px;
padding:0px;
list-style-type:none;
}

ul#headerLink #headerLink01, #headerLink02{
float:left;
}

ul#headerLink #headerLink01 a{
background:url(../img/header_link01.jpg) no-repeat;
display:block;
width:100px;
height:19px;
text-indent:-9999px;
}

ul#headerLink #headerLink01 a:hover{
background:url(../img/header_link01.jpg) no-repeat 0px -19px;
}

ul#headerLink #headerLink02 a{
background:url(../img/header_link02.jpg) no-repeat;
display:block;
width:100px;
height:19px;
text-indent:-9999px;
}

ul#headerLink #headerLink02 a:hover{
background:url(../img/header_link02.jpg) no-repeat 0px -19px;
}




/* gmenu */
#gMenuBox{
background:url(../img/g_menu_bg.jpg) no-repeat 0px 65px;
width:900px;
height:75px;
position:absolute;
top:85px;
left:5px;
}

#gMenuBoxTop{
background:url(../img/g_menu_bg_top.jpg) no-repeat 0px 65px;
width:900px;
height:75px;
position:absolute;
top:85px;
left:5px;
}

#gMenuBox ul,#gMenuBoxTop ul{
width:900px;
height:75px;
margin:0px;
padding:0px;
}

#gMenuBox li,#gMenuBoxTop li{
margin:0px;
padding:0px;
list-style-type: none;
}

#gMenuBox #gMenu01,#gMenu02,#gMenu03,#gMenu04,#gMenu05,#gMenu06,#gMenu01on,#gMenu02on,#gMenu03on,#gMenu04on,#gMenu05on,#gMenu06on{
float:left;
}

#gMenuBoxTop #gMenu01,#gMenu02,#gMenu03,#gMenu04,#gMenu05,#gMenu06,#gMenu01on,#gMenu02on,#gMenu03on,#gMenu04on,#gMenu05on,#gMenu06on{
float:left;
}

#gMenuBox #gMenu01 a{
background:url(../img/g_menu01.jpg) no-repeat;
display:block;
width:152px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu01 a:hover{
background:url(../img/g_menu01.jpg) no-repeat 0px -65px;
}

#gMenuBox #gMenu01on a{
background:url(../img/g_menu01.jpg) no-repeat 0px -65px;
display:block;
width:152px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu02 a{
background:url(../img/g_menu02.jpg) no-repeat;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu02 a:hover{
background:url(../img/g_menu02.jpg) no-repeat 0px -65px;
}

#gMenuBox #gMenu02on a{
background:url(../img/g_menu02.jpg) no-repeat 0px -65px;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu03 a{
background:url(../img/g_menu03.jpg) no-repeat;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu03 a:hover{
background:url(../img/g_menu03.jpg) no-repeat 0px -65px;
}

#gMenuBox #gMenu03on a{
background:url(../img/g_menu03.jpg) no-repeat 0px -65px;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu04 a{
background:url(../img/g_menu04.jpg) no-repeat;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu04 a:hover{
background:url(../img/g_menu04.jpg) no-repeat 0px -65px;
}

#gMenuBox #gMenu04on a{
background:url(../img/g_menu04.jpg) no-repeat 0px -65px;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu05 a{
background:url(../img/g_menu05.jpg) no-repeat;
display:block;
width:148px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu05 a:hover{
background:url(../img/g_menu05.jpg) no-repeat 0px -65px;
}

#gMenuBox #gMenu05on a{
background:url(../img/g_menu05.jpg) no-repeat 0px -65px;
display:block;
width:148px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu06 a{
background:url(../img/g_menu06.jpg) no-repeat;
display:block;
width:153px;
height:65px;
text-indent:-9999px;
}

#gMenuBox #gMenu06 a:hover{
background:url(../img/g_menu06.jpg) no-repeat 0px -65px;
}

#gMenuBox #gMenu06on a{
background:url(../img/g_menu06.jpg) no-repeat 0px -65px;
display:block;
width:153px;
height:65px;
text-indent:-9999px;
}



#gMenuBoxTop #gMenu01 a{
background:url(../img/g_menu01.jpg) no-repeat;
display:block;
width:152px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu01 a:hover{
background:url(../img/g_menu01.jpg) no-repeat 0px -65px;
}

#gMenuBoxTop #gMenu01on a{
background:url(../img/g_menu01.jpg) no-repeat 0px -65px;
display:block;
width:152px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu02 a{
background:url(../img/g_menu02.jpg) no-repeat;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu02 a:hover{
background:url(../img/g_menu02.jpg) no-repeat 0px -65px;
}

#gMenuBoxTop #gMenu02on a{
background:url(../img/g_menu02.jpg) no-repeat 0px -65px;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu03 a{
background:url(../img/g_menu03.jpg) no-repeat;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu03 a:hover{
background:url(../img/g_menu03.jpg) no-repeat 0px -65px;
}

#gMenuBoxTop #gMenu03on a{
background:url(../img/g_menu03.jpg) no-repeat 0px -65px;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu04 a{
background:url(../img/g_menu04.jpg) no-repeat;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu04 a:hover{
background:url(../img/g_menu04.jpg) no-repeat 0px -65px;
}

#gMenuBoxTop #gMenu04on a{
background:url(../img/g_menu04.jpg) no-repeat 0px -65px;
display:block;
width:149px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu05 a{
background:url(../img/g_menu05.jpg) no-repeat;
display:block;
width:148px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu05 a:hover{
background:url(../img/g_menu05.jpg) no-repeat 0px -65px;
}

#gMenuBoxTop #gMenu05on a{
background:url(../img/g_menu05.jpg) no-repeat 0px -65px;
display:block;
width:148px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu06 a{
background:url(../img/g_menu06.jpg) no-repeat;
display:block;
width:153px;
height:65px;
text-indent:-9999px;
}

#gMenuBoxTop #gMenu06 a:hover{
background:url(../img/g_menu06.jpg) no-repeat 0px -65px;
}

#gMenuBoxTop #gMenu06on a{
background:url(../img/g_menu06.jpg) no-repeat 0px -65px;
display:block;
width:153px;
height:65px;
text-indent:-9999px;
}








/* content */
#contentWrap{
background:#FFF;
width:890px;
margin:0px auto;
padding:30px 10px 20px 10px;
}

#contentWrapKasou{
background:#FFF;
width:890px;
margin:0px auto;
padding:50px 10px 20px 10px;
}

.sideMenuBox{
width:180px;
float:left;
}

#centerContentBox{
width:490px;
float:left;
margin:0px 20px;
}

#leftContentBox{
width:690px;
margin:0px 20px 0px 0px;
float:left;
}




/* learn menu */
#learnMenuTitle a{
background:url(../img/learn_menu_title.jpg) no-repeat;
width:180px;
height:49px;
text-indent:-9999px;
display:block;
}

#learnMenuBox{
background:url(../img/learn_menu_bg.gif) repeat-y;
width:180px;
}

#learnMenuBox ul{
width:152px;
margin:0px auto;
padding:0px 4px 0px 4px;
}

#learnMenuBox li{
margin:0px;
padding:10px 0px 8px 10px;
list-style-type:none;
background:url(../img/icon_arrow.gif) no-repeat 0px 14px;
font-size:12px;
color:#333;
line-height:130%;
}

#learnMenuBox .learnMenu01{
border-bottom:solid 1px #F0F0F0
}

#learnMenuBox #learnMenu02{
border-bottom:none;
}

#learnMenuBox .learnMenu01 a,#learnMenuBox #learnMenu02 a{
color:#333;
text-decoration:none;
}

#learnMenuBox .learnMenu01 a:hover,#learnMenuBox #learnMenu02 a:hover{
color:#F00;
}

#learnMenuBoxBtm{
background:url(../img/learn_menu_btm01.gif) no-repeat;
width:180px;
height:6px;
margin:0px 0px 7px 0px;
}




/* common */
#profileMenuTitle{
background:url(../../profile/img/page_menu_title.jpg) no-repeat;
width:180px;
height:46px;
text-indent:-9999px;
}

#profileBox{
width:680px;
margin:0px auto;
}

#serviceMenuTitle{
background:url(../../service/img/page_menu_title.jpg) no-repeat;
width:180px;
height:46px;
text-indent:-9999px;
}

#serviceBox{
width:680px;
margin:0px auto;
}

/* side banner */
#sideBnr{
width:180px;
}

#sideBnr ul{
margin:0px;
padding:0px;
}

#sideBnr li{
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
list-style-type:none;
}




/* course menu */
#courseMenuBox{
width:180px;
margin:0px 0px 10px 0px;
}

#courseBnr{
width:690px;
}

#courseBnr ul{
margin:0px;
padding:0px;
}

#courseBnr li{
margin:0px;
padding:0px;
list-style-type:none;
}

#courseBnr #courseBnr01,#courseBnr #courseBnr02,#courseBnr #courseBnr03,#courseBnr #courseBnr04{
margin:0px 0px 10px 0px;
}

#courseBnr #courseBnr01 a{
background:url(../img/course_bnr01.jpg) no-repeat;
display:block;
width:690px;
height:118px;
text-indent:-9999px;
}

#courseBnr #courseBnr02 a{
background:url(../img/course_bnr02.jpg) no-repeat;
display:block;
width:690px;
height:134px;
text-indent:-9999px;
}

#courseBnr #courseBnr03 a{
background:url(../img/course_bnr03.jpg) no-repeat;
display:block;
width:690px;
height:134px;
text-indent:-9999px;
}

#courseBnr #courseBnr04 a{
background:url(../img/course_bnr04.jpg) no-repeat;
display:block;
width:690px;
height:134px;
text-indent:-9999px;
}

#courseBnr #courseBnr05 a{
background:url(../img/course_bnr05.jpg) no-repeat;
display:block;
width:690px;
height:134px;
text-indent:-9999px;
}

#courseBnr #courseBnr01 a:hover{
background-position:0px -118px;
}

#courseBnr #courseBnr02 a:hover,#courseBnr #courseBnr03 a:hover,#courseBnr #courseBnr04 a:hover,#courseBnr #courseBnr05 a:hover{
background-position:0px -134px;
}



/* group company */
#groupCompanyTitle{
background:url(../img/group_company_title.jpg) no-repeat;
width:180px;
height:45px;
text-indent:-9999px;
}

#groupCompanyBox{
width:170px;
border-left:solid 1px #CCC;
border-right:solid 1px #CCC;
padding:0px 4px;
}

#groupCompanyBox ul{
margin:0px;
padding:0px;
}

#groupCompanyBox li{
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
list-style-type:none;
}

#groupCompanyBoxBtm{
background:url(../img/group_company_btm.jpg) no-repeat;
width:180px;
height:16px;
}



/* pankuzu */
#pankuzu{
background:#F1F1F1;
width:670px;
margin:0px 0px 11px 0px;
padding:10px 10px 8px 10px;
}

#pankuzu p{
font-size:12px;
color:#333;
line-height:140%;
}

#pankuzu p a{
color:#F00;
}

#pankuzu p a:hover{
text-decoration:none;
}




/* page navi */
.pageMenuBox{
background:url(../img/page_menu_bg.gif) repeat-y;
width:180px;
}

.pageMenuBox ul{
width:162px;
margin:0px auto;
padding:0px 4px 0px 4px;
}

.pageMenuBox li{
margin:0px;
padding:10px 0px 8px 19px;
list-style-type:none;
border-bottom:solid 1px #F1F1F1;
background:url(../img/icon_circle.jpg) no-repeat 0px 13px;
font-size:12px;
color:#333;
line-height:130%;
}

.pageMenuBox li a{
color:#333;
text-decoration:none;
}

.pageMenuBox li a:hover{
color:#F00;
}

.pageMenuBoxBtm{
background:url(../img/page_menu_btm.jpg) no-repeat;
width:180px;
height:22px;
margin:0px 0px 5px 0px;
}

#pageMenuBoxBtm{
background:url(../img/page_menu_btm.jpg) no-repeat;
width:180px;
height:22px;
margin:0px 0px 5px 0px;
}

/* title, box */
.titleShort{
background:url(../img/title_bar01.jpg) no-repeat;
width:300px;
height:43px;
font-size:14px;
font-weight:bold;
color:#333;
line-height:130%;
padding:12px 0px 0px 30px;
}

.titleLong{
background:url(../img/title_bar02.jpg) no-repeat;
width:650px;
height:43px;
font-size:14px;
font-weight:bold;
color:#333;
line-height:130%;
padding:12px 0px 0px 30px;
}

.boxTitleLong{
background:url(../img/box_title_long.jpg) no-repeat;
width:650px;
height:28px;
font-size:14px;
font-weight:bold;
color:#333;
line-height:130%;
padding:12px 0px 0px 30px;
}

.boxTitleLong02{
background:url(../img/box_title_long02.jpg) no-repeat;
width:650px;
height:45px;
font-size:14px;
font-weight:bold;
color:#333;
line-height:130%;
padding:12px 0px 0px 30px;
}

.boxBorderLong{
background:url(../img/box_border_long.jpg) repeat-y;
width:640px;
padding:10px 20px;
}

.boxBtmLong{
background:url(../img/box_btm_long.jpg) no-repeat;
width:680px;
height:16px;
}

.boxShortLeft{
width:330px;
float:left;
}

.boxShortRight{
width:330px;
float:right;
}

.boxTitleShort{
background:url(../img/title_bar01.jpg) no-repeat;
width:300px;
height:28px;
font-size:14px;
font-weight:bold;
color:#333;
line-height:130%;
padding:12px 0px 0px 30px;
}

.boxBorderShort{
background:url(../img/box_border_short.jpg) repeat-y;
width:290px;
padding:10px 20px;
}

.boxBtmShort{
background:url(../img/box_btm_short.jpg) no-repeat;
width:330px;
height:16px;
}

.boxIn{
width:640px;
}

.boxSubtitle{
width:632px;
border-left:solid 2px #F90;
border-bottom:solid 1px #CCC;
margin:0px 0px 20px 0px;
padding:2px 5px;
font-size:14px;
font-weight:bold;
color:#333;
line-height:140%;
}

.boxSubtitle span{
font-size:12px;
font-weight:normal;
line-height:150%;
}

.boxImgLeft{
width:230px;
float:left;
}

.boxTextRight{
width:385px;
float:right;
}

.boxTextRight h5{
font-size:14px;
color:#333;
line-height:140%;
margin:0px 0px 15px 0px;
}

.boxTextRight p{
font-size:12px;
color:#333;
line-height:140%;
}

.boxTextRight ul{
margin-top:0px;
margin-left:5px;
margin-right:0px;
padding:0px;
}

.boxTextRight li{
margin:0px;
padding:0px 0px 0px 8px;
list-style-type:none;
background:url(../img/dot_grey.gif) no-repeat 0px 6px;
font-size:12px;
color:#333;
line-height:140%;
}

.boxExInfo{
width:636px;
border-top:solid 1px #CCC;
padding:10px 2px 0px 2px;
}

.boxExInfo02{
background:#F1F1F1;
width:602px;
padding:19px;
}

.boxExInfo02 p{
font-size:12px;
color:#333;
line-height:140%;
}

.boxExInfo02 p a{
color:#F00;
}

.boxExInfo02 p a:hover{
text-decoration:none;
}



/* footer */
#footerWrap{
background:url(../img/footer_bg.jpg) repeat-x;
width:100%;
height:154px;
}

#bgLine02{
width:940px;
height:154px;
position:relative;
background-image: url(../img/body_bg_line_02.jpg);
background-repeat: no-repeat;
background-position: center top;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#btnPageTop{
width:110px;
height:30px;
position:absolute;
top:22px;
left:809px;
}

#btnPageTop a{
background:url(../img/btn_pagetop.jpg) no-repeat;
display:block;
width:110px;
height:30px;
text-indent:-9999px;
}

#btnPageTop a:hover{
background:url(../img/btn_pagetop.jpg) no-repeat 0px -30px;
}

ul#footerNavi{
margin:0px;
padding:0px;
position:absolute;
top:25px;
left:30px;
}

ul#footerNavi li{
margin:0px;
padding:0px;
list-style-type:none;
font-size:12px;
color:#333;
line-height:130%;
display:inline;
}

ul#footerNavi li a{
color:#333;
text-decoration:none;
}

ul#footerNavi li a:hover{
text-decoration:underline;
}


#companyName{
font-size:12px;
font-weight:bold;
color:#333;
line-height:130%;
position:absolute;
top:70px;
left:30px;
}

#companyAddress{
font-size:12px;
color:#333;
line-height:130%;
position:absolute;
top:70px;
left:307px;
}

#copyright{
background:url(../img/footer_copyright.gif) no-repeat;
width:177px;
height:11px;
text-indent:-9999px;
position:absolute;
top:124px;
left:31px;
}



/* table style */
#tableStyle01{
border:solid 4px #F1F1F1;
}

#tableStyle01 th{
background:#FFFFF5;
width:180px;
font-size:12px;
color:#333;
line-height:140%;
text-align:left;
}

#tableStyle01 td{
background:#FFF;
font-size:12px;
color:#333;
line-height:140%;
}

#tableStyle01In td{
padding:0px 20px 0px 0px;
}

#tableStyle02{
border:solid 4px #F1F1F1;
}

#tableStyle02 th{
background:#FFFFF5;
width:80px;
font-size:12px;
color:#333;
line-height:140%;
text-align:left;
}

#tableStyle02 td{
background:#FFF;
font-size:12px;
color:#333;
line-height:140%;
text-align:center;
}



/* font */
.f10Black{
font-size:10px;
color:#333;
line-height:140%;
}

.f12Black{
font-size:12px;
color:#333;
line-height:140%;
}

.f12Black a{
color:#333;
}

.f12Black a:hover{
color:#F00;
text-decoration:none;
}

.f14BlackB{
font-size:14px;
font-weight:bold;
color:#333;
line-height:140%;
}



.f18BlackB{
font-size:18px;
font-weight:bold;
color:#333;
line-height:140%;
}

.note12Black{
font-size:12px;
color:#333;
line-height:140%;
text-indent:-1em;
padding-left:1em;
}

.linkText{
background:url(../img/icon_arrow.gif) no-repeat 0px 4px;
font-size:12px;
color:#333;
line-height:130%;
padding:0px 0px 0px 10px;
}

.linkText a{
color:#333;
text-decoration:none;
}

.linkText a:hover{
color:#F00;
text-decoration:underline;
}



/* margin */
.mb0{
margin-bottom:0px;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb20{
margin-bottom:20px;
}

.mb30{
margin-bottom:30px;
}

.mr7{
margin-right:7px;
}

.mr20{
margin-right:20px;
}

.mr21{
margin-right:21px;
}

.entryYomi {
font-size: 10px;
line-height: 150%;
background-color: #EFEFEF;
display: block;
width: 100%;
margin:10px auto;
padding:5px 0px;
}

.linkNotice {
font-size: 12px;
line-height: 150%;
text-align: center;
margin-bottom: 20px;
padding-top: 5px;
color: #333;
}

.linkNotice02 {
font-size: 12px;
line-height: 150%;
text-align: center;
margin-bottom: 5px;
padding-top: 10px;
color: #333;
}

.linkNotice03 {
font-size: 12px;
line-height: 150%;
text-align: left;
margin-bottom: 5px;
padding-top: 20px;
color: #333;
}