@charset "utf-8";

@import "base.css";
@import "footer.css";
@import "navi.css";

/*　全体　*/

h1{
margin:0 0 16px 0;
padding:10px 0 5px 27px;
font-size:130%;
background:url(../img/h1_bg.png) no-repeat;
}

html.android h1{
padding:15px 0 5px 27px;
}


h2{
display:block;
font-size:130%;
margin:20px 0 10px 5px;
padding:3px 0 3px 6px;
border-left:7px solid #e5c24c;
}

h3{
border-bottom:1px dotted #CCCCCC;
font-size:110%;
margin:3px 15px 10px 15px;
padding:0 0 2px 0;
clear:both;
text-align:left;
}

/* header */
.kkcclogo{
width:100%;
margin:0 auto;
}

.indexlogo{
margin-bottom:-6px;
}

.kkcclogoSub{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
text-align: center;
margin:0 0 -8px 0;
}

ul.topMenu1,
ul.topMenu2{
font-size: 0;
}
ul.topMenu1 li{
display:inline-block;
width:50%;
}
ul.topMenu2 li{
display:inline-block;
width:25%;
}

#contents_Left{
float:left;
width:220px;
margin:0;
padding:0;
}

#contents_Left p{
margin:0;
padding:0;
}

#contents_Left hr.hr01{
background:url(../img/line_blue_220.gif) no-repeat;
color:#056bb8 !important;
margin:0 0 10px 0;
border:none;
height:3px;
clear:both;
width:220px;
}

#contents_Left hr.hr02{
background:url(../img/line_blue_220.gif) no-repeat;
color:#056bb8 !important;
margin:10px 0 10px 0;
border:none;
height:3px;
clear:both;
width:220px;
}

#contents_Left div#contents_menu01{
margin:0 0 10px 20px;
padding:0;
clear:both;
width:190px;
}

#contents_Left div#contents_menu01 ul.list{
margin:0 0 10px 0;
text-align:left;
padding:2px 0 0 0;
border:1px solid #CCC;
}

#contents_Left div#contents_menu01 ul.list li a{
	display:block;
}

#contents_Left div#contents_menu01 ul.list li.head{
padding:5px 5px 5px 10px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#139d12;
font-weight:bold;
line-height:140%;
}

#contents_Left div#contents_menu01 ul.list li{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff url(../img/circle.gif) no-repeat 6px 11px;
line-height:140%;
border-bottom:1px dotted #CCCCCC;
}

#contents_Left div#contents_menu01 ul.list li.end{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff url(../img/arrow5.gif) no-repeat 6px 11px;
line-height:140%;
border-bottom:none !important;
}


#contents_Left div#contents_menu01 ul.list li.current{
padding:5px 5px 5px 15px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#060 !important;
background:#fff url(../img/arrow5.gif) no-repeat 6px 11px;
line-height:140%;
}

#contents_Left div#contents_menu03{
margin:0 0 10px 20px;
padding:0;
clear:both;
width:190px;
}

#contents_Left div#contents_menu03 ul.list{
margin:0 0 10px 0;
text-align:left;
padding:2px 0 0 0;
border:1px solid #CCC;
}

#contents_Left div#contents_menu03 ul.list li a{
	display:block;
}

#contents_Left div#contents_menu03 ul.list li.head{
padding:5px 5px 5px 10px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#139d12;
font-weight:bold;
line-height:140%;
}

#contents_Left div#contents_menu03 ul.list li{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff url(../img/arrow5.gif) no-repeat 6px 11px;
line-height:140%;
border-bottom:1px dotted #CCCCCC;
}

#contents_Left div#contents_menu03 ul.list li.end{
padding:8px 5px 5px 18px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
background:#fff url(../img/arrow5.gif) no-repeat 6px 11px;
line-height:140%;
border-bottom:none !important;
}


#contents_Left div#contents_menu03 ul.list li.current{
padding:5px 5px 5px 15px;
margin:0 3px 2px 3px;
text-align:left;
list-style-type:none;
color:#060 !important;
background:#fff url(../img/arrow5.gif) no-repeat 6px 11px;
line-height:140%;
}

ul.submenu{
display: block;
background:none !important;
border:none !important;
margin:-6px 0 3px -12px !important;
padding:0px!important;
}

ul.submenu li{
border-bottom:none !important;
}

ul.submenu li a{
color: #046bb8 !important;
background:url(../img/arrow2.gif) 22px 9px no-repeat !important;
margin:3px 0 0 0 !important;
padding:3px 0 3px 34px !important;
}

ul.submenu li a:hover{
background-color:#e8f1f8 !important;
display:block;
padding:3px 0 3px 34px !important;
}

ul.submenu li.current a{
background-color:#e8f1f8 !important;
}

#contents_Left div#contents_menu02{
float:left;
width:190px;
margin:0;
padding:0;
}

#contents_Left div#contents_menu02 p{
margin:0;
padding:17px 0 7px 18px;
}

#contents_Left div#contents_menu02 div{
float:left;
margin:0;
padding:0;
width:220px;
}

#contents_Left div#contents_menu02 ul.banner{
margin:0 0 10px 20px;
padding:0;
width:190px;
}

#contents_Left div#contents_menu02 ul.banner li{
margin-top:10px;
list-style-type:none;
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
}

#contents_Left div#contents_menu02 ul.banner li.line_no{
margin-top:5px;
list-style-type:none;
border-bottom:none;
padding-bottom:5px;
}


#contents_center #search_result{
width:880px;
margin:0 0 20px 40px;
text-align:left;
line-height:150%;
clear:both;
}

#contents_Right{
margin:0 10px 10px 0;
float:right;
width:720px;
_overflow:hidden;
}

#contents_Right p{
margin:0px 15px 15px 13px;
line-height:160%;
text-align:left;
}

#contents_Right p.txt01{
margin:0px 0 15px 32px !important;
padding:0;
line-height:160%;
text-align:left;
}

#contents_Right p.Lead{
margin:0px 15px 15px 0px !important;
line-height:160%;
text-align:left;
}

#contents_Right p.aright{
margin:0px 15px 15px 0;
line-height:160%;
text-align:right;
}

#contents_Right p.acenter{
margin:0px 0 15px 0 !important;
padding:0;
line-height:160%;
text-align:center;
}


p.imgcenter{
text-align:center !important;
line-height:130%;
margin:5px 0 25px !important;
padding:0;
clear:both;
}

p.imgleft{
float:left;
margin:0 25px 15px 15px !important;
padding:0;
text-align:center;
line-height:130%;
}

p.imgright{
float:right;
margin:0 0 15px 25px !important;
padding:0;
text-align:center;
line-height:130%;
}

p.txt02{
font-size:130%;
font-weight:bold;
color:#0e70ba;
}

ul.ulist01{
margin:0 15px 15px 0;
padding:0;
}

ul.ulist01 p{
margin:5px 0 10px 0px;
padding:0;
}

ul.ulist01 li{
margin:0px 0 5px 13px;
padding:0 0 0 15px;
line-height:150%;
background:url(../img/circle.gif) no-repeat 0 5px;
list-style-type:none;
}

ul.ulist01 li img{
	vertical-align:middle;
	padding-left:5px;
}

ul.ulist01 li ul{
margin:0px 0 5px 0;
padding:0;
line-height:150%;
}

ul.ulist01 li ol{
margin:0px 0 5px 20px;
padding:0;
line-height:150%;
}

ul.ulist01 li ul li{
line-height:150%;
margin:5px 0 7px 5px;
padding:0 0 0 12px;
background:url(../img/arrow.gif) no-repeat 0 6px;
list-style-type:none;
}


ul.ulist01 li ol li{
line-height:150%;
margin:0 0 5px 5px;
padding:0
}

ul.ulist03{
margin:0px 0 25px 0;
}

ul.ulist03 li{
margin:0px 0 5px 45px;
padding:0 0 0 15px;
line-height:150%;
background:url(../img/listmark.gif) no-repeat 0 5px;
list-style-type:none;
}

ol.olist01{
margin:0 15px 15px 40px;
padding:0;
}

ol.olist01 li{
margin:0px 0 5px 0;
line-height:150%;
padding:0;
}

ol.olist01 li p{
margin:5px 0 5px 0 !important;
padding:0;
}

ol.olist01 dl{
	margin-top:3px;
}

ol.olist01 dl dt {
clear: left;
float: left;
margin:0;
width: 15px;
padding:3px 0 0 0;
}

ol.olist01 dl dd {
margin-bottom: 0.5em;
margin-left: 22px;
padding:3px 2px 1px 2px;
}


ol.olist01 li ol{
margin:0px 0 5px 0;
line-height:150%;
padding:0;
}

ol.olist01 li ol{
margin:0px 0 5px 0;
line-height:150%;
padding:0;
}

ol.olist01 li ul li{
line-height:160%;
margin:0 0 5px 5px;
padding:0 0 0 15px;
background:url("../img/circle.gif") no-repeat 0 5px;
list-style-type:none !important;
}

ol.olist01 li ol li{
line-height:160%;
margin:0 0 5px 30px;
padding:0;
}

ol.olist02{
margin:5px 0 5px 25px;
padding:0;
}

ul.linklist01{
margin:0 0 0 33px;
padding:0;
}

ul.linklist01 li{
background:url("../img/circle.gif") no-repeat 0 5px;
line-height:150%;
list-style-type:none;
padding:0 0 3px 14px;
}

div.Lead{
margin:0 0 10px 0;
clear:both;
float:left;
}

div.section{
background-color:#f8f8f8;
border:1px solid #336699;
padding:0 20px 0px 20px;
margin:0 0 20px 20px;
clear:both;
float:left;
width:660px;
}

div.section h2{
border-bottom:1px dotted #CCCCCC;
border-left:none;
font-size:110%;
margin:5px 0 5px -3px !important;
padding:3px 0 2px 0;
clear:both;
text-align:left;
color:#056bb8;

}

div.section h3{
margin:5px 0 5px 0 !important;
padding:0;
}

div.section h4{
margin:7px 0 5px 0 !important;
padding:0;
}

div.section p{
margin:0 0 12px 0 !important;
padding:0;
}

div.section p.comment{
margin:0 0 12px 0 !important;
padding:0;
background-color:#0069b7;
color:#FFFFFF;
padding:2px 3px 2px;
font-weight:bold;
text-align:center;
}

div.section ul.ulist01{
margin:5px 5px 10px 7px;
padding:0;
}

div.section ul.ulist01 li{
margin:3px 0 3px 0;
padding:0 0 0 15px;
line-height:150%;
background:url(../img/listmark02.gif) no-repeat 0 5px;
list-style-type:none;
}

div.section ul.ulist02{
margin:0 5px 10px 7px;
padding:0;
float:left;
}

div.section ul.ulist02 li{
margin:3px 0 3px 0;
padding:0 0 0 15px;
line-height:150%;
background:url(../img/listmark02.gif) no-repeat 0 5px;
list-style-type:none;
float:left;
width:300px;
}

div.section02{
background-color:#0069b7;
padding:5px 10px 5px 20px;
margin:0 0px 20px 20px;
clear:both;
}

div.section02 h2{
border-left:none;
font-size:110%;
margin:5px 0 5px -3px !important;
padding:0 0 2px 0;
clear:both;
text-align:left;
color:#ffffff;
}

div.section02 p{
margin:0 0 12px 0 !important;
padding:0;
line-height:130%;
color:#FFFFFF;
}

div.inblock01{
margin-left:18px;
}

div.inblock02{
margin-left:45px;
}

/*　企業情報　*/

ul.colisttop{
margin:0 0 30px 30px;
padding:0;
width:700px;
clear:both;
}

.colisttop li{
float:left;
list-style-type:none;
width:500px;
margin:0 30px 30px 110px;
text-align:center;
}

.coItemtop{
position:relative;
display:block;
margin:0;
padding:0;
width:500px;
height:150px;
}

.coItemtop a{
display:block;
float:left;
width:500px;
height:150px;
}

.coItemtop img{
border:0;
width:500px;
height:150px;
}

.coItemtop a:hover{visibility:visible;}
.coItemtop a:hover img{visibility:hidden;}

ul.colist{
margin:0 0 30px 30px;
padding:0;
float:left;
width:700px;
clear:both;
}

.colist li{
float:left;
list-style-type:none;
width:200px;
margin:0 30px 30px 0px;
text-align:center;
}

.coItem{
position:relative;
display:block;
margin:0;
padding:0;
width:200px;
height:150px;
}

.coItem a{
display:block;
float:left;
width:200px;
height:150px;
}

.coItem img{
border:0;
width:200px;
height:150px;
}

.coItem a:hover{visibility:visible;}
.coItem a:hover img{visibility:hidden;}

#c_menu01{background-image:url(../../corporate/img/co_01_on.jpg);}
#c_menu02{background-image:url(../../corporate/img/co_02_on.jpg);}
#c_menu03{background-image:url(../../corporate/img/co_03_on.jpg);}
#c_menu04{background-image:url(../../corporate/img/co_04_on.jpg);}
#c_menu05{background-image:url(../../corporate/img/co_05_on.jpg);}
#c_menu06{background-image:url(../../corporate/img/co_06_on.jpg);}
#c_menu07{background-image:url(../../corporate/img/co_07_on.jpg);}


dl.history_List{
clear:both;
margin:10px 0 25px 32px;
padding:0;
}

dl.history_List dt{
padding:1px 0 3px 15px;
width:6em;
font-weight:bold;
margin-bottom:5px;
background:url("../img/circle.gif") no-repeat 0 4px;
text-align:left;
}

dl.history_List dd{
margin:-1.8em 0 5px 0;
padding:0 0 6px 6em;
background:url("../img/line_690.gif") bottom left repeat-x;
line-height:130%;
text-align:left;
}

dl.access_List{
clear:both;
margin:10px 0 25px 32px;
padding:0;
}

dl.access_List dt{
padding:1px 0 3px 15px;
width:13em;
font-weight:bold;
margin-bottom:5px;
background:url("../img/circle.gif") no-repeat 0 4px;
text-align:left;
}

dl.access_List dd{
margin:-1.8em 0 5px 0;
padding:0 0 6px 13em;
background:url("../img/line_690.gif") bottom left repeat-x;
line-height:150%;
text-align:left;
}

.companyTable{
width:93%;
border-collapse:collapse;
border:solid 1px #ccc;
margin:0 15px 30px 15px;
border-bottom:2px solid #060;
}

.companyTable th{
padding:5px;
width:15%;
border:solid 1px #ccc;
text-align:left;
line-height:130%;
background-color:#030;
color:#FFFFFF;
font-weight:bold;
vertical-align:middle;
}

.companyTable td {
padding:5px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:middle;
background-color:#ffffff;
}

.companyTable td img{
	text-align:center;
	vertical-align:middle;
	margin-left:7px;
}


div.rule{
margin:0 0 12px 15px !important;
background-color:#f4f4f4;
padding:10px !important;
width:87%;
}

div.rule h3{
border-bottom:1px dotted #CCCCCC;
font-size:110%;
margin:3px 10px 10px 10px;
padding:2px 0 2px 0;
clear:both;
text-align:center;
background-color:#FFFFFF !important;
}

div.rule h4{
margin:0 12px 12px 12px !important;
padding:0;
}

div.rule p{
margin:0 12px 12px 12px !important;
padding:0;
}


div.rule ol{
margin:0 15px 15px 50px;
padding:0;
}

div.rule ol li{
margin:0px 0 5px 0;
line-height:150%;
padding:0;
}

div.rule dl{
margin:0 0 15px 10px; 
}

div.rule dl dt {
clear: left;
float: left;
margin:0;
width: 15px;
padding:3px 0 0 0;
}

div.rule dl dd {
margin-bottom: 0.1em;
margin-left: 22px;
padding:3px 2px 1px 10px;
}


.aboutTable02{
width:675px;
margin:0 0 5px 15px;
border-collapse:collapse;
border:solid 1px #ccc;
margin:0 25px 30px 25px;
border-bottom:2px solid #ededed;
}

.aboutTable02 th{
padding:5px;
border:solid 1px #ccc;
text-align:center;
line-height:130%;
background-color:#ededed;
font-weight:bold;
vertical-align:middle;
}

.aboutTable02 td {
padding:5px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:middle;
text-align:center;
background-color:#ffffff;
}

.aboutTable02 td img{
	text-align:center;
	vertical-align:middle;
	margin-left:7px;
}

.recruitTable2{
width:705px;
margin:0 0 5px 15px;
border-collapse:collapse;
border:solid 1px #ccc;
border-bottom:2px solid #ccc;
}

.recruitTable2 th{
padding:5px;
border:solid 1px #ccc;
text-align:left;
line-height:130%;
background-color:#f5f5f5;
font-weight:bold;
vertical-align:top;
width:150px;
}

.recruitTable2 td {
padding:5px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:top;
background-color:#ffffff;
}

/*　サイトマップ　*/

#smap_menuleft{
float:left;
width:350px;
margin:0;
padding:0;
}

#smap_menuleft h2{
margin-bottom:15px;
}

#smap_menuright{
float:left;
width:350px;
margin:0;
padding:0;
}

#smap_menuright h2{
margin-bottom:15px;
}

ul.smaplist {
margin:-8px 0 15px 0;
padding: 0;
}

ul.smaplist li{
list-style-type:none;
line-height:140%;
padding:0 0 0 12px;
margin:0 0 0 40px;
background:url(../img/smap_list.gif) left top no-repeat;
}

ul.smaplist li.end{
background:url(../img/smap_list02.gif) left top no-repeat;
}

ul.smaplist li p{
font-size:100%;
font-weight:bold;
margin-top:4px;
}

/*　お問い合わせ　*/

#contact{
width:700px;
text-align:left;
margin:0;
}

#contact div.agree{
margin:0 0 10px 250px;
}

#contact div.agree input{
width:8em;
}

#contact input{
padding:3px;
}

table.formbox{
width:680px;
margin: 10px 0 0 20px;
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}

.formbox th{
width: 160px;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
font-weight: bold;
line-height: 120%;
background-color:#f6f6f6;
background-position:left top;
padding:0.3em 0.7em;
text-align:left;
}

.formbox th span{
color:#FF0000;
margin-left:3px;
font-weight:normal;
}

.formbox td{
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
padding:0.4em 0.7em;
line-height: 150%;
}

.formbox td div.form01{
width:200px;
float:left;
margin:0;
padding:0;
}

.formbox td div.form01 dl dt{
float:left;
margin:4px 0 0 0;
padding:0;
text-align:left;
}

.formbox td div.form01 dl dd{
margin:0 0 0 3em;
padding:0;
}

.formbox td div.form02{
width:200px;
float:left;
margin:0;
padding:0;
}

.formbox td div.form02 dl dt{
float:left;
margin:4px 0 0 0;
padding:0;
text-align:left;
}

.formbox td div.form02 dl dd{
margin:0 0 0 3em;
padding:0;
text-align:left;
}


/*　ニュースリリース　*/
dl.history_List2{
clear:both;
margin:10px 0 25px 10px;
padding:0;
}

dl.history_List2 dt{
padding:1px 0 3px 15px;
width:8em;
font-weight:bold;
margin-bottom:5px;
background:url("../img/circle.gif") no-repeat 0 4px;
text-align:left;
}

dl.history_List2 dd{
margin:-2em 10px 5px 0;
padding:0 0 6px 8.5em;
background:url("../img/line_670.gif") bottom left repeat-x;
line-height:130%;
text-align:left;
}

html.android dl.history_List2 dd{
padding:5px 0 6px 7.3em;
}


.release_entry{
margin-left:10px;
margin-bottom:10px;
}

.byline{
margin-left:17px;
margin-bottom:10px;
}

.socialbtn {
margin:15px 0 0 25px;
width: 230px;
}
.socialbtn:after{
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}
.socialbtn .twitter{
width: 100px;
margin-right: 10px;
float: left;
}
.socialbtn .facebook{
width: 100px;
float: left;
}

/*  */
.btm01 {
margin:4px 0 0 15px;
}


/* faq */

dl.faqList{
margin-left:20px;
}

dl.faqList dt{
margin-bottom:5px;
padding:5px 0 5px 28px;
background:url("../img/faq_question.gif") 0 0.1em no-repeat;
}

dl.faqList dd{
margin-bottom:15px;
padding-bottom:5px;
border-bottom:1px dotted #CCCCCC;
line-height:140%;
}

dl.faqList dd div{
padding:5px 0 5px 28px;
background:url("../img/faq_answer.gif") 0 0.1em no-repeat;
}

dl.faqList dd div p,
dl.faqList dd div ul,
dl.faqList dd div ol,
dl.faqList dd div dl{
margin:0 0 10px;
line-height:160%;
}

dl.faqList dd div ol{
margin-left:20px;
line-height:160%;
}
dl.faqList dd div ol li ul{
margin-left:16px;
margin-top:5px;
line-height:160%;
}

dl.faqList dd div ol li ul li{
padding-left:15px;
line-height:160%;
}

.coTable{
width:100%;
margin:0 0 10px 0;
border-collapse:collapse;
border:solid 1px #ccc;
border-bottom:2px solid #090;
}

.coTable th{
padding:8px;
border:solid 1px #ccc;
text-align:left;
line-height:130%;
background-color:#F0FFF0;
font-weight:bold;
vertical-align:top;
width:100px;
}

.coTable td {
padding:8px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:top;
}

.coTable td img{
padding-bottom:5px;
}

.coTable td ul.ulist01{
margin-left:0 !important;
padding:0;
}

.coTable td ul.ulist01 li{
margin:0px 15px 0 0;
padding:0;
line-height:150%;
padding-left:16px;
list-style-type:none;
background:url(../img/circle.gif) no-repeat 0 5px;
}

.coTable td ul.ulmap{
margin:15px 0 5px 20px;
padding:0;
clear:both;
}

.coTable td ul.ulmap li{
margin:0 25px 0 0;
padding:0;
float:left;
line-height:150%;
list-style-type:none;
background:none;
text-align:center;
}

div.imageLayoutType01{
zoom:1;
clear:both;
border-bottom:1px dotted #cccccc;
padding-bottom:10px;
margin-bottom:25px;
}

div.imageLayoutType01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div.imageLayoutType01 p.imageBlock{
text-align:center;
}

div.imageLayoutType01 p.imageBlock img{
margin-bottom:5px;
}

div.imageLayoutType01 p.imageBlock{
float:right;
width:120px;
}

div.imageLayoutType01 div.textBlock{
margin-right:160px;
}

.servicebox {
background-color:#fffff1;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:15px;
margin-left:20px;
}

.servicebox h3{
	background:url(../../service/img/mark.gif) no-repeat 0 0;
	padding:12px 0 0 45px;
	font-size:100%;
	height:37px;
	border:none !important;
	margin:0px;
	color:#FF0000;
}

.servicebox p{
	margin:-10px 0 10px 47px !important;
}

/* course guide */

div.hole{
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	height:130px;
	margin-right:16px;
	margin-bottom:20px !important;
}

html.android div.hole{
height:120px;
}

div.hole02{
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
	height:100px;
	margin-right:16px;
	margin-bottom:20px !important;
	padding-left:40px;
}

ul.green{
margin:10px 0 0 10px ;
padding:0 !important;
clear:both;
}

ul.green li{
margin:3px 0 0 30px;
padding: 0;
list-style-type:none !important;
float:left;
}


#contents_Right div.course_left{
margin:0 0 10px 0;
float:left;
width:400px;
}

#contents_Right div.course_left p{
	text-align:left;
}

#contents_Right div.course_left p.img{
	margin:0 !important;
	padding:0 !important;
}

#contents_Right div.course_right{
margin:0 15px 10px 0;
float:right;
width:300px;
}

#contents_Right div.course_right p{
	text-align:center;
}

.guideTable01{
width:95%;
border-collapse:collapse;
border:solid 1px #ccc;
margin:0 15px 10px 10px;
}

.guideTable01 th{
padding:5px;
border:solid 1px #ccc;
text-align:left;
line-height:130%;
background-color:#030;
color:#FFFFFF;
font-weight:bold;
vertical-align:middle;
}

.guideTable01 td {
padding:5px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:middle;
background-color:#ffffff;
text-align:center;
}

.guideTable02{
width:95%;
border-collapse:collapse;
border:solid 1px #ccc;
margin:0 15px 30px 10px;
border-bottom:2px solid #060;
}

.guideTable02 th{
padding:5px;
border:solid 1px #ccc;
text-align:left;
line-height:130%;
background-color:#030;
color:#FFFFFF;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

.guideTable02 td {
padding:5px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:middle;
background-color:#ffffff;
text-align:center;
}

div.menu_all{
	clear:both;
	zoom:1;
	margin-bottom:15px;
}

div.menu_A{
	width:90%;
	margin:0 0 0 15px;
	padding:0;
	border:1px solid #090;
	padding:5px;
}

div.menu_A p{
	text-align:center !important;
	font-weight:bold !important;
	clear:both !important;
	background-color:#060 !important;
	color:#FFFFFF !important;
	padding:2px !important;
	margin:5px 0 10px 0 !important;
}


div.menu_A p.menutitle{
	background-color:#ffffff !important
}

div.menu_B{
	width:90%;
	margin:10px 0 0 15px;
	padding:0;
	border:1px solid #090;
	padding:5px;
}

div.menu_B p{
		text-align:center !important;
	font-weight:bold !important;
	clear:both !important;
		background-color:#060 !important;
	color:#FFFFFF !important;
	padding:2px !important;
			margin:5px 0 10px 0 !important
}


div.menu_B p.menutitle{
	background-color:#ffffff !important
}

div.menu_C{
	width:90%;
	margin:10px 0 0 15px;
	padding:0;
	border:1px solid #090;
	padding:5px;
}

div.menu_C p{
	text-align:center !important;
	font-weight:bold !important;
	clear:both !important;
		background-color:#060 !important;
	color:#FFFFFF !important;
	padding:2px !important;
		margin:5px 0 10px 0 !important
}

div.menu_C p.menutitle{
	background-color:#ffffff !important;
	color:#000000 !important;
}

.menulist{
width:100%;
border-collapse:collapse;
padding:-10px 0 10px 0 !important;
}

.menulist th{
padding:2px;
text-align:left;
line-height:130%;
vertical-align:top;
width:13px !important;
}

.menulist td {
padding:2px;
line-height:130%;
vertical-align:top;
text-align:left;
}

.menulist td img{
	vertical-align:top !important;
}


.coTable01{
width:400px;
border-collapse:collapse;
border:solid 1px #ccc;
margin:0 15px 10px 15px;
}

.coTable01 th{
padding:5px;
border:solid 1px #ccc;
text-align:left;
line-height:130%;
font-weight:bold;
vertical-align:middle;
}

.coTable01 td {
padding:5px;
border:solid 1px #ccc;
line-height:130%;
vertical-align:middle;
background-color:#ffffff;
text-align:left;
}

.menuheight{
	height:20em !important;
}

.menuheight02{
	height:24em !important;
}

/* toppage */

img.topicsIchiran{
margin:-30px 0 0 250px;
text-align:right;
position:absolute;
}

#topTopicsArea{
margin:0 5px 10px 5px;
width:97%;
}

dl.topTopics dt{
padding:0 0 0 16px;
margin-left:3px;
width:5em;
background:url(../img/circle.gif) no-repeat 0 0.4em;
/* float:left; */
line-height:160%;
}

dl.topTopics dd{
margin:0;
padding:0 10px 0 1.5em;
line-height:160%;
}

.fb{
margin:15px 0 10px 18px;
}

html.android .fb{
margin:15px 0 10px 10px;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}