/* --------------------------------------
　基本設定
--------------------------------------- */
*{margin:0;padding:0;font-family:"ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif";}
a img,:link img,:visited img { border: none; }
address { display: inline; font-style: normal; }
 img{border:0;}
body{width:100%;color:#333333;text-align:center;background:url(img/bg.gif);}
ul,li{list-style: none;}
a:hover{text-decoration:none;color:#FF0000;}
h3,{ font-size: 100%;}
th,td{border:#333333 solid 1px;margin:0;}
table{margin-top:12px;}
a{ outline: none; text-decoration: underline; }





#container{
margin: 0 auto;
text-align:left;
width:972px;
}
h1{font-size:11px;color:#FFFFFF;text-align:left;padding-left:1em;}

#container-inner{
width:960px;
margin-left:auto;
margin-right:auto;
background-color: #c3e8f1;
}

#header{width:100%; height:250px;
background:url(img/header.jpg) no-repeat left top;
border-bottom:3px #06f6fd solid;
}

/*中央、左サイドコンテンツ*/
#wrapper {
width:783px;
float:left;
}

/*中央コンテンツ*/
#contents { 
width:570px;
float:right;
padding:0px 0px 0px 5px;
margin-top:10px;
background-color:#FFFFFF;
border:solid 1px #00CCFF;
}

#main{
padding:7px 0px 3em 3px;
}

.presentation{
width:100%;
background-color:#01f6fd;
color:#FFFFFF;
}


#contents h2{
background:url(img/bak_h2.gif) no-repeat;
height:50px;
color:#0066FF;
font-size:1.4em;
font-weight:bold;
margin:3px 3px;
padding:9px 0 0 2em;
}



#contents p{
line-height:1.7em;
font-size:16px;
padding:5px 10px;
margin-bottom:15px;

}

.b{
font-size:17px;
font-weight:bold;
background-color:#FFFF00;
}
.red{
color:#FF0000;
font-weight:bold;
}
.suggest{
text-align:center;
font-weight:bold;
font-size:18px;
}

.suggest a{
color:#FF0000;
text-decoration:none;
}

.suggest a:hover{
color:#0000FF;
text-decoration:underline;
}
.next_box{
text-align:right;
padding-right:8px;
font-size:12px;
}

.pikup_box{
font-size:14px;
font-weight:bold;
margin-top:2.5em;
margin-bottom:2.5em;
text-align:center;
}


/*資格一覧*/
.sub_main{
width:550px;
margin-bottom:0.5em;
}

.left_box{
float:left;
width:150px;
}
.right_box{
float:right;
width:390px;
margin-top:9px;
padding-left:2px;
font-size:12px;
line-height:1.3em;
}


/*通信講座ランキング*/

.tsushin-pikup{
width:550px;
margin-top:2em;
margin-bottom:3em;
}



.ranking-left{
width:200px;
margin: 0px;
font-size:14px;
line-height:1.2em;
float:left;
padding: 10px 0px 10px 0px;
text-align: left;
}

.ranking-right{
float: left;
width:340px;
margin: 0px;
padding:3px 4px;
font-size:14px;
line-height:1.5em;
}

.img{
vertical-align:middle;
}

#contents h3{
color:#FF0000;
font-size:1.3em;
font-weight:bold;
}


/*左のナビゲーション*/
#left_side{
width:184px;
float:right;
padding:0px 0px 0px 0px;
margin-right:10px;
margin-top:12px;
margin-bottom:30px;
background-color:#ffffff;
font-family:'Meiryo',Verdana,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
overflow:hidden;
border:solid 1px #00CCFF;
}

#left_side h2{
background:url(img/navi_bg.gif) no-repeat;
width:186px;
margin:0;
font-size:13px;
color:#FFFFFF;
text-align:center;
padding-top:7px;
padding-bottom:3px;
}　




#left_side ul{
list-style:none;
margin-top:-1px;
padding:0;
}

#left_side ul li{
margin:0;


}

#left_side ul li a{
display:block;
font-size:12px;
color:#0000FF;
background:url(img/li.gif) no-repeat;
background-position:9px;
background-color:#e3f5f9;
height:18px;
padding-left:25px;
vertical-align:middle;
margin-bottom:0px;
padding-bottom:5px;
padding-top:10px;
text-decoration:none;
}

#left_side ul li a:hover{
color:#FF0000;
background-color:#FFFFFF;


}




/*右のナビゲーション*/
#right_side{ 
width:160px;
float:right;
padding:0px 0px 0px 0px;
margin-top:12px;
margin-right:10px;
margin-bottom:30px;
background-color:#FFFFFF;
}

#right_side h3{
border-bottom:3px solid #02f3fc;
margin:0;
padding:0;
}
#right_side ul{
list-style:none;
margin-top:-1px;
padding:0;
}

#right_side ul li{
margin:0;

}

#right_side ul li a{
display:block;
font-size:12px;
color:#0000FF;
font-weight:bold;
background-color:#abf8fb;
height:18px;
padding-left:10px;
vertical-align:middle;
margin-bottom:0px;
padding-bottom:5px;
padding-top:10px;
text-decoration:none;
border-bottom:dotted #666666 1px;
}

#right_side ul li a:hover{
color:#FF0000;
background-color:#FFFFFF;


}


#footer{
width:100%;
clear:left;
background-color:#97f7fa;border-top:1px solid #eee;
text-align:center;
padding:1em 0;
color:#333333;
font-size:12px;

}

.footer-inner {
padding:5px;
text-align: center;
}

/*テキストデコレーション*/
.b{
font-weight:bold;
background-color:#FFFF00;
}
.red{
color:#FF0000;
}