/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
■名前：CSS_design a part
■更新日：2009.05.16

■TOPページ用のデザイン

☆divブロック要素の階層関係図☆

#wrapper

	L #header_top

	L #container_top
		L #cont_apart_left
		L #cont_apart_right(本文記事)
		
	L #footer_footer  

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */


/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

全体共通

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

body{
text-align:center;
width: 840px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
text-align:left;
background-color: #ffffff;
}



hr{

margin:0;
padding:0;

}



img{

border: none;

}





/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

header

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/



/* __________________________________#header_top */
#header_top{

width: 840px;
height:200px;
background-image: url("../pict_comp/top/home_top.gif");
background-position: top left;
background-repeat: no-repeat;
margin:0px 0px 0px 0px;
padding:0px;
}


#header_top h1{
background-color: #;

width: 310px;
font-size:15px;
color: #cccccc;
margin:-100px 0px 0px 0px;
padding: 0px 0px 0px 557px;

}


#header_top p{
margin: 0;
padding:10px 10px;

}


/* _____________________________________更新履歴____________ */

#content_left p.koushinrireki{

font-size:0.6em;
line-height:1.6em;
}


#content_left p.koushinrireki a{
text-decoration:underline;
color:#ffffff;
}



#header_top strong{
color:#FF0000;
}


ul.header_list{
margin: 0;
padding:10px 10px;
font-size:13px;
list-style: none;
}


.header_list li{
height: 15px;

}









/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

コンテナ部分

#wrapper
         L#content_left
         L#content_right

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/



/* __________________________________#wrapper */
#wrapper{

width:840px;
margin: 0px;
padding:0px;
background-color:#ffffff;

}








/* __________________________________#content_left */
#content_left{

display: block;
float: left;
width:220px;
height:660px; 
background-color: #FF0000;
color: #ffffff;
margin: 0px 0px 0px 1px;
padding:0px;


}


h2.h2_left{

display:block;
clear: both;
width: 220px;
height: 45px;
margin: 0;
padding:0;
overflow: hidden;


}



#content_left p{

padding:5px 10px;
font-size:12px;
line-height:1.8em;

}








/* __________________________________#content_right */

#content_right{

display: block;
float: right;
width: 600px;
height:650px;
margin: 0px 1px 10px 0px;
padding:0px;
background-color:#cccccc;
color:#ffffff;

font-size:13px;
font-family: verdana, "Arial Black", Helvetica, sans-serif;



}


/* 各ＭＥＮＵの大項目部分 */
h2{
clear: both;
width: 600px;
height: 45px;

margin: 0px 0px 0px 0px;
padding:0px 0px;

overflow: hidden;
background-color:#666666;
}





/* _______________________________________リスト要素（レイアウト用） */
#content_right ul{
margin:0px;
padding:0px 0px ;
}



#content_right ul.menu_list{
clear: both;
}



#content_right li{
float: left;
width:150px;
height: 60px;
list-style: none;
margin: 0px;
padding:0px ;
}


#content_right li a{
display:block;
height:100%;
text-indent: -9999px;
overflow: hidden;
}





#content_right a{
text-decoration: none;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ＭＥＮＵのタイトル画像 

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


li.menu_none{

background-image:url("../pict_comp/top/menu/menu_none.gif");
background-position:left top;
}



/* ______________________________________________________________ */

li.menu_b1 a{
background-image:url("../pict_comp/top/menu/menu_b1.gif");
background-position:left top;
}


li.menu_b1 a:hover{
background-image:url("../pict_comp/top/menu/menu_b1.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_b2 a{
background-image:url("../pict_comp/top/menu/menu_b2_merit.gif");
background-position:left top;

}

li.menu_b2 a:hover{
background-image:url("../pict_comp/top/menu/menu_b2_merit.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_b3 a{
background-image:url("../pict_comp/top/menu/menu_b3_dokugaku.gif");
background-position:left top;

}

li.menu_b3 a:hover{
background-image:url("../pict_comp/top/menu/menu_b3_dokugaku.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */



li.menu_b4 a{
background-image:url("../pict_comp/top/menu/menu_b4_cost.gif");
background-position:left top;

}

li.menu_b4 a:hover{
background-image:url("../pict_comp/top/menu/menu_b4_cost.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_b42 a{
background-image:url("../pict_comp/top/menu/menu_b4_2_jukenchi.gif");
background-position:left top;

}

li.menu_b42 a:hover{
background-image:url("../pict_comp/top/menu/menu_b4_2_jukenchi.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_b5 a{
background-image:url("../pict_comp/top/menu/menu_b5_houhou.gif");
background-position:left top;

}

li.menu_b5 a:hover{
background-image:url("../pict_comp/top/menu/menu_b5_houhou.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_b6 a{
background-image:url("../pict_comp/top/menu/menu_b6_igo.gif");
background-position:left top;

}

li.menu_b6 a:hover{
background-image:url("../pict_comp/top/menu/menu_b6_igo.gif");
background-position:left bottom;
}

/* ___________________ココから下、２．３級の概要_______________________________ */



li.menu_c1 a{
background-image:url("../pict_comp/top/menu/menu_c1_taisaku.gif");
background-position:left top;

}

li.menu_c1 a:hover{
background-image:url("../pict_comp/top/menu/menu_c1_taisaku.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */




li.menu_c2 a{
background-image:url("../pict_comp/top/menu/menu_c2_item.gif");
background-position:left top;

}

li.menu_c2 a:hover{
background-image:url("../pict_comp/top/menu/menu_c2_item.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */



li.menu_c3 a{
background-image:url("../pict_comp/top/menu/menu_c3_study.gif");
background-position:left top;

}

li.menu_c3 a:hover{
background-image:url("../pict_comp/top/menu/menu_c3_study.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_c4 a{
background-image:url("../pict_comp/top/menu/menu_c4_txt.gif");
background-position:left top;

}

li.menu_c4 a:hover{
background-image:url("../pict_comp/top/menu/menu_c4_txt.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_c5 a{
background-image:url("../pict_comp/top/menu/menu_c5_nagare.gif");
background-position:left top;

}

li.menu_c5 a:hover{
background-image:url("../pict_comp/top/menu/menu_c5_nagare.gif");
background-position:left bottom;
}





/* ___________________ココから下、１級の概要_______________________________ */


li.menu_d1 a{
background-image:url("../pict_comp/top/menu/menu_d1_gaiyou.gif");
background-position:left top;

}

li.menu_d1 a:hover{
background-image:url("../pict_comp/top/menu/menu_d1_gaiyou.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */

li.menu_d2 a{
background-image:url("../pict_comp/top/menu/menu_d1_taisaku1.gif");
background-position:left top;

}

li.menu_d2 a:hover{
background-image:url("../pict_comp/top/menu/menu_d1_taisaku1.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */




li.menu_d3 a{
background-image:url("../pict_comp/top/menu/menu_d1_study1.gif");
background-position:left top;

}

li.menu_d3 a:hover{
background-image:url("../pict_comp/top/menu/menu_d1_study1.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */



li.menu_d4 a{
background-image:url("../pict_comp/top/menu/menu_d3_chishiki.gif");
background-position:left top;

}

li.menu_d4 a:hover{
background-image:url("../pict_comp/top/menu/menu_d3_chishiki.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */



li.menu_d5 a{
background-image:url("../pict_comp/top/menu/menu_d4_2jitoujistu.gif");
background-position:left top;

}

li.menu_d5 a:hover{
background-image:url("../pict_comp/top/menu/menu_d4_2jitoujistu.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */



li.menu_d6 a{
background-image:url("../pict_comp/top/menu/menu_d6_sankou1.gif");
background-position:left top;

}


/* ______________________________________________________________ */

















/* _________________ココから下に、ｇパート_____________________ */



li.menu_g1 a{
background-image:url("../pict_comp/top/menu/menu_g1_colmun.gif");
background-position:left top;

}

li.menu_g1 a:hover{
background-image:url("../pict_comp/top/menu/menu_g1_colmun.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */


li.menu_g2 a{
background-image:url("../pict_comp/top/menu/menu_g3_about.gif");
background-position:left top;

}

li.menu_g2 a:hover{
background-image:url("../pict_comp/top/menu/menu_g3_about.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */



li.menu_g3 a{
background-image:url("../pict_comp/top/menu/menu_g2_profile.gif");
background-position:left top;

}

li.menu_g3 a:hover{
background-image:url("../pict_comp/top/menu/menu_g2_profile.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */



li.menu_g4 a{
background-image:url("../pict_comp/top/menu/menu_g4_sitemap.gif");
background-position:left top;

}

li.menu_g4 a:hover{
background-image:url("../pict_comp/top/menu/menu_g4_sitemap.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */




li.menu_g5 a{
background-image:url("../pict_comp/top/menu/menu_g5_link.gif");
background-position:left top;

}

li.menu_g5 a:hover{
background-image:url("../pict_comp/top/menu/menu_g5_link.gif");
background-position:left bottom;
}

/* ______________________________________________________________ */





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

ＭＥＮＵのタイトル画像 ココまで

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */








/* _________________naviを横並べにする___________________________ */

#cont_navi_a{
float: left;
}



#cont_navi_b{
float: left;
}



#cont_navi_c{
float: left;
}





/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

フッタ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/




#footer_top{

clear:both;
display:block;
width:838px;
height:90px;

margin:0px;
padding: 5px 0px;

background-color:#ffffff;
font-size:10px;
font-family: verdana, "Arial Black", Helvetica, sans-serif;
color:#999999;
line-height:1.5em;


}


#footer_top ul{
margin:0px;
padding:5px 20px;
list-style-type: none;
}


#footer_top p{
margin:0px;
padding:0px 20px;
}




#footer_top a{ 
color: #999999;
}






/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

フッタ下(AD_01)

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/


#ad_001{

clear: both;
width:818px;
height: 12px;
margin:0;
padding:10px 0px 5px 20px;
list-style:none;
background-color: #ffffff;
color:#999999;

border-top:dotted 1px #999999;
}


#ad_001 li{
float: left;
font-size: 11px;
padding:0px 7px;
color:#999999;

border-right-style:dotted;
border-right-color:#999999;
border-right-width:1px;
}




#ad_001 a{
color:#999999;
}