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

/*-------------------------------------------------------*/
/*共通設定*/
/*-------------------------------------------------------*/


*{
     font-size:100%;
     font-family:"ヒラギノ角ゴ pro W3",  "Hiragino Kaku Gothic Pro", "MS UI Gothic",  sans-selif;
}


*:first-child+html body {
    font-size: 65%;
}


img{
border:0;}

body {
margin:0px;
padding:0px;
font-size:80%;
text-align:center;
}

/*-------------------------------------------------------*/
/*ページ全体*/
/*-------------------------------------------------------*/

#page{
width:900px;
margin:0 auto;
border-top:3px solid #5FDD62;
border-left:1px solid #000000;
border-right:1px solid #000000;
text-align:left;
}


/*-------------------------------------------------------*/
/*ヘッダー部*/
/*-------------------------------------------------------*/

#header{
width:100%;
height:108px;
margin:0 auto;
padding:0;
border-bottom:1px solid #CCCCCC;
}

#header-contents{
width:inherit;}

#logo-area{
float:left;
width:290px;
padding-top:10px;
padding-left:10px;}



#header-navi-area{
float:right;
width:580px;
text-align:right;
padding-right:10px;
padding-top:18px;}

#header-navi{
padding:0px;}


#header-navi ul{
margin:0;
padding:0;
list-style-type:none;}

#header-navi li{
display:inline;
padding:3px 3px 3px 22px;
background-image:url(../image/header-list-1.gif);
background-repeat:no-repeat;}


#header-news-area {
margin:0 auto;
padding:0px;
width :380px;

border:1px black solid;
border:0 transparent none;
background-image:url(../image/blackboard.gif);
background-repeat: no-repeat;
background-position: center center;
font-size: 11px;
line-height:140%;
float :left;
}

#header-news {
margin:9px auto 13px;
padding:0 ;
width :320px;
color: white;
border:1px black solid;
border:0 transparent none;
list-style-type: none;
text-align:left;
}

#header-news a{
color: white;
}

#header-search{
padding:35px 0px 0px 0px;}



/*-------------------------------------------------------*/
/*コンテンツ部の枠組み設定*/
/*-------------------------------------------------------*/


#container{
clear:both;
float:left;
width:715px;
padding-top:5px;
background-image:url(../image/bg-container.gif);
background-repeat:repeat-y;
}

/*講座詳細ページテンプレートに使用*/

#container-2{
clear:both;
float:left;
width:892px;
padding-top:5px;
padding-right:8px;
background-image:url(../image/bg-container-2.gif);
background-repeat:repeat-y;
}


#main_contents{
float:right;
width:510px;
padding:0px 10px;
text-align:center;}

/*講座詳細ページテンプレートに使用*/

#main_contents-2{
float:right;
width:697px;
padding-left:10px;
text-align:center;}


#left{
float:left;
width:175px;
padding-right:5px;
padding-left:5px;}



#right{
float:right;
width:175px;
padding-right:5px;
padding-left:5px;
padding-top:5px;
}


/*-------------------------------------------------------*/
/*左メニュー部*/
/*-------------------------------------------------------*/


/*左メニュー　バナーなど*/

#left-header{
padding-bottom:10px;}

.bunner-1{
padding-bottom:3px;}

/*左メニュー　講座一覧*/

#left_course{
padding-bottom:10px;}

#left_course ul{
margin:0;
padding:0;
list-style-type:none;}

.category-menu-2{
background-image:url(../image/img-categorymenu-2.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 15px;
background-color:#EAEAEA;
border:1px solid #D5D5D5;
}


.category-menu-3{
background-image:url(../image/img-categorymenu-3.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 17px;}

.ex-kensyu{
font-size:85%;
text-align:right;
color:#CC0000;
font-weight:bold;
padding:3px 0px;}

#left_other{
padding-bottom:10px;}

#left_other ul{
margin:0;
padding:0;
list-style-type:none;}

.category-menu-4{
background-image:url(../image/img-categorymenu-4.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 17px;}

.category-menu-5{
background-image:url(../image/img-categorymenu-5.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 17px;}

#left_footer{
padding-bottom:10px;}



/*-------------------------------------------------------*/
/*コンテンツ部*/
/*-------------------------------------------------------*/


/*コンテンツ部　パンくずリスト*/
#topic-path{
font-size:90%;
padding-bottom:10px;
text-align:left;
}

/*コンテンツ部　メインコンテンツ*/

#contents-detail{
text-align:left;
padding-bottom:20px;}


/*コンテンツ部　フッター問い合わせ先表示*/
#ask_banner{
width:380px;
border:0px solid #CCCCCC;
padding:5px;
margin:15px auto;
text-align:center;}


/*-------------------------------------------------------*/
/*右メニュー部*/
/*-------------------------------------------------------*/


#right ul{
margin:0;
padding:0;
list-style-type:none;}

/*
#right_bunner{
padding-bottom:10px;}
*/

#right_cource{
padding-bottom:10px;}

.category-menu-6{
background-image:url(../image/img-categorymenu-6.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 17px;}

.category-menu-7{
background-image:url(../image/img-categorymenu-7.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 17px;}




#right_other{
padding-bottom:10px;}

.category-menu-8{
background-image:url(../image/img-categorymenu-8.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 17px;}

#right_footer{
padding-bottom:10px;}




/*-------------------------------------------------------*/
/*フッター部*/
/*-------------------------------------------------------*/

#footer{
clear:both;
width:100%;
margin:0 auto;
padding:20px 0px;
border-top:1px solid #CCCCCC;
}

#footer-navi{
width:78%;
margin:0 auto;
text-align:center;}


#footer-navi ul{
margin:0;
padding:0;
list-style-type:none;}

#footer-navi li{
display:inline;
padding-right:10px;
padding-bottom:5px;}

#cory-right{
width:70%;
margin:0 auto;
text-align:center;
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
}


/*-------------------------------------------------------*/
/*共通クラス設定*/
/*-------------------------------------------------------*/


/*テキストリンクカラー　黒・オレンジ*/


a.link-black:link{color:#000000; text-decoration:underline;}
a.link-black:visited{color:#000000; text-decoration:underline;}
a.link-black:active{color:#FA5E00; text-decoration:underline;}
a.link-black:hover{color:#FA5E00; text-decoration:underline;}

/*テキストリンクカラー　青・オレンジ*/

a.link-blue:link{color:#0000FF; text-decoration:underline; }
a.link-blue:visited{color:#0000FF; text-decoration:underline; }
a.link-blue:active{color:#FA5E00; text-decoration:underline;}
a.link-blue:hover{color:#FA5E00; text-decoration:underline; }


/*left right メニューのリンクカラーはここを変更すること*/

a.link-menu:link{color:#0000FF; text-decoration:underline; }
a.link-menu:visited{color:#0000FF; text-decoration:underline; }
a.link-menu:active{color:#FA5E00; text-decoration:underline;}
a.link-menu:hover{color:#FA5E00; text-decoration:underline; }




/*位置調整*/

.right{
text-align:right;}

.center{
text-align:center;}

.img-1{
vertical-align:middle;}

.img-2{
vertical-align:top;}

.img-b-s{
padding-bottom:5px;}


.img-t-b-s{
padding-bottom:5px;
padding-top:5px;}

.line-150{
line-height:150%;}

.red{
color:#FF0000;}

/*テーブルの全セルに枠線をつける*/

.table-border table{
border-collapse:collapse;
}

.table-border td, th {
border: 1px solid #CCCCCC;
padding:4px;
}

/*テキストボックスの入力文字を大きくする*/

.font-large{
font-size:140%;}

.form-assistant{
font-size:95%;
color:#CC0000;
}


/*カラー調整*/

.orange{
color:#FA5E00;}


/*汎用リストマーク*/

.list-1 ul{
margin:0;
padding:0;
list-style-type:none;}

.list-1 li{
background-image:url(../image/list-mark7.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 27px;
}


/*アイフレーム設定*/

.i-frame{
border:1px solid #CCCCCC;
padding:3px;}


/*-------------------------------------------------------*/
/*トップページ*/
/*-------------------------------------------------------*/

#top-first{
background-image:url(../image/top-image-1.gif);
background-repeat:no-repeat;
padding:80px 160px 90px 10px;
line-height:110%;
}

#top-kouza-sp-area{
background-image:url(../image/top-bg-kouza-sp.gif);
background-repeat:no-repeat;
padding:10px 10px 0px 230px;
height:100px;}


#top-kouza-sp-area ul{
margin:0;
padding:0;
list-style-type:none;}

#top-kouza-sp-area li{
background-image:url(../image/top-list-sp.gif);
background-repeat:no-repeat;
padding:2px 3px 2px 17px;
}

#top-kouza-sp-link{
padding:10px 5px 5px 70px;}


#top-news-area{
padding-bottom:10px;
}

#top-news-area ul{
margin:0;
padding:0;
list-style-type:none;}

#top-news-area li{
background-image:url(../image/top-news-li.gif);
background-repeat:no-repeat;
padding:3px 10px 3px 18px;
}

/*-------------------------------------------------------*/
/* 詳細ページ共通　ページタイトル部*/
/*-------------------------------------------------------*/



#page-title{
background-image:url(../image/bg-page-title.gif);
background-repeat:no-repeat;
padding-top:13px;
padding-left:25px;
height:45px;
margin:5px 0px;}

#page-title h2{
padding:0;
margin:0;
font-size:150%;}


#page-title-2{
background-image:url(../image/bg-page-title-2.gif);
background-repeat:no-repeat;
padding-top:13px;
padding-left:25px;
height:45px;
margin:5px 0px;}

#page-title-2 h2{
padding:0;
margin:0;
font-size:150%;}



/* 講座詳細ページ　サブメニュー*/

.class-sub-index{
	background-image: url(../image/bg-page-sub-title.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 28px;
	border:1px solid #D5D5D5;
	font-size:100%;
	font-weight:bold;
}

/* 講座詳細ページ　特徴アイコン表示*/
.class-aicon-display ul{
margin:0px;
padding:0px;
list-style-type:none;}

.class-aicon-display li{
display:inline;
padding:3px;
}

/* 講座詳細ページ　その他リスト表示*/

.class-list ul{
margin:0px;
padding:0px;
list-style-type:none;
}

.class-list li{
background-image:url(../image/list-mark6.gif);
background-repeat:no-repeat;
padding:3px 3px 3px 24px;}

#cource-contents{
width:100%;
padding:10px auto;
}

#cource-contents-1{
float:left;
width:345px;
padding-right:4px;}

#cource-contents-2{
float:right;
width:345px;
padding-left:3px;}

#cource-contents-1_2{
float:left;
width:250px;
height:600px;
padding-right:4px;}

#cource-contents-2_2{
float:right;
width:250px;
height:600px;
padding-left:3px;}

#cource-contents-3_2{
float:left;
width:250px;
height:300px;
padding-right:4px;}

#cource-contents-4_2{
float:right;
width:250px;
height:300px;
padding-left:3px;}

.cource-table table{
border-collapse:collapse;
}

.cource-table td, th {
border: 1px solid #CCCCCC;
padding:3px;
}

#cource-attention{
clear:both;
width:697px;
padding-top:30px;
}

#cource-link-btn{
text-align:center;}

#cource-link-btn img{
padding-right:5px;}



.mark-help{
padding:5px 0px;}


.mark-help td{
padding:3px;}

/*-------------------------------------------------------*/
/* サブウィンドウ　ヘルプ　*/
/*-------------------------------------------------------*/


/*テーブルの全セルに枠線をつける*/

#help{
width:500px;
margin:10px auto;}


#help table{
border-collapse:collapse;
}

#help h1, h2, p{
text-align:left;}

#help h1{
background-color:#EAEAEA;
font-size:130%;
padding:3px;}

#help td, th {
border-bottom: 1px solid #CCCCCC;
padding:7px;
text-align:left;
}

.print-area{
background-image:url(../image/bg-print.gif);
background-repeat:no-repeat;
padding:12px 5px 12px 180px;
height:41px;}


.faq{
border:1px solid #CCCCCC;
line-height:150%;
padding:5px;}

.question{
padding:3px;}

.answer{
padding:3px;
background-color:#FFEDE6;}

/*-------------------------------------------------------*/
/*OPSA個人情報取り扱いについて*/
/*-------------------------------------------------------*/

#OPSA-pp{
width:310px;
text-align:left;
padding:3px;}


.OPSA-pp-h2{
font-size:100%;
font-weight:bold;
border-bottom:1px solid #CCCCCC;}

#OPSA-pp ul{
margin:0;
padding:0;}

.OPSA-pp-p{
margin:0;
padding:3px 0;
line-height:130%;}


/*-------------------------------------------------------*/
/*印刷用アクセスマップ*/
/*-------------------------------------------------------*/

#map-print{
text-align:left;}


.line-print{
margin:15px 0px;
border-bottom:1px solid #CCCCCC;}

/*-------------------------------------------------------*/
/*検索結果*/
/*-------------------------------------------------------*/

.search-result{
padding-bottom:15px;
}

.result-title{
font-size:130%;
font-weight:bold;}

.page-click{
padding:10px 0px;
text-align:center;}

/*-------------------------------------------------------*/
/*在校生・卒業生の声*/
/*-------------------------------------------------------*/

#voise-title{
background-image:url(../image/bg-voice.gif);
background-repeat:no-repeat;
padding:120px 30px 50px 30px;
}

.p-voice{
line-height:1.4em;
font-size:120%;}

.each-voice{
padding:5px;
border:1px solid #CCCCCC;
margin:5px 0px;}

.each-voice ul{
margin:0;
padding:5px;
list-style-type:none;}

.voice-li-0{
display:none;}

.voice-li-1{
background-image:url(../image/voice-li-1.gif);
background-repeat:no-repeat;
padding:2px 3px 2px 53px;}
.voice-li-2{
background-image:url(../image/voice-li-2.gif);
background-repeat:no-repeat;
padding:2px 3px 2px 53px;}
.voice-li-3{
background-image:url(../image/voice-li-3.gif);
background-repeat:no-repeat;
padding:2px 3px 2px 53px;}

/*-------------------------------------------------------*/
/*先輩エンジニアの声*/
/*-------------------------------------------------------*/

.interview-area{
border:1px solid #CCCCCC;
background-image:url(../image/bg-interview.gif);
background-repeat:repeat-y;
padding:8px;
margin-bottom:10px;}

/*-------------------------------------------------------*/
/*サイトマップ*/
/*-------------------------------------------------------*/

#sitemap{
}

.map-list{
line-height:180%;}

/*-------------------------------------------------------*/
/*その他*/
/*-------------------------------------------------------*/
.point_msg{
color:#FF0000;
}

/*-------------------------------------------------------*/
/* blue_table */
/*-------------------------------------------------------*/

.blue_table {
    width:100%;
    margin:0px 0px 10px 0px;padding:0px;
    border-collapse:collapse;
}

.blue_table th	{
    width:25%;padding:4px 2px 2px 4px;
    text-align:left;vertical-align:top;color:#3366CC;
    background-color:#99CCFF;
    border:1px solid #6699CC;
}
.blue_table td	{
    padding:4px 2px 2px 4px;
    border:1px solid #6699CC;
}