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

■Ａパート(プロフィール・サイトについてなど)のデザイン

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

big_body

	L #header_apart	

	L #container_apart
		L #cont_apart_left
		L #cont_apart_right(本文記事)
		
	L #footer_apart  

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




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

全体の設定

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


body{
text-align:center;
width: 600px;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
text-align:left;
background-color: #E0E0E0;

}



hr{

margin:10px 0px;
  color: #cccccc; /* 線の色(IE用) */
  background-color: #cccccc; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 3px; /* 枠の太さ */
}



h3{
margin: 0;
padding:3px 5px;

color:#444444;
font-size:17px;
font-weight:bold;
}




em{

font-weight:bold;

}




strong{
 color:#FF0000;
 text-decoration: none;
 border-bottom:1px dotted #FF0000;
 padding-bottom:0px;


}



blockquote{

background-color: #fffff0;
width: 530px;
margin:15px 5px ;
padding: 10px;
line-height:1.8em;
border: dotted;
}






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

ヘッダの設定

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


#header_apart{
width: 600px;
height: 166px;
background-image:url('../pict_comp/common_design/a_part/apart_top_01.gif');/* ★BG画像 */
background-repeat: no-repeat;
background-position:bottom;
font-size:8px;
font-family: verdana, "Arial Black", Helvetica, sans-serif;
margin-top: 0px;
margin-bottom: 0px;



}



/* _______________ヘッダＮＡＶＩ部分の設定_______________ */

#header_navi_apart{
display:block;

font-size: 13px;
width: 240px;
float:right;
margin-top:125px;
margin-right:0px;
color:#ffffff;
}




#header_navi_apart li{
float:left;
height:17px;
background-color: #333333;
border:dotted 1px #ffffff;
padding:0px 5px;
}



#header_navi_apart a{

text-decoration: none;
color:#ffffff;
}








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

コンテナの設定

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



#container_apart{
width: 560px;
float: left;
font-size:12px;
font-family: verdana, "Arial Black", Helvetica, sans-serif;
color:#666666;
background-color: #ffffff;
padding:20px;

}


/* __________________________________________________H１設定 */

#container_apart h{

}



#container_apart h1.column{

width: 550px;
margin:0px 5px 30px 5px;
padding: 0px 0px;
display: block;
color:#999999;
}



#container_apart div.midashi1{

width: 560px;
height: 50px;
margin:0px 0px 10px 0px;
padding: 0px 0px;
display: block;
border-bottom-style: dotted;
border-color: #FF0000;
color:#ffffff;
border-bottom-width: 2px;
}



#container_apart div.midashi_top{

width: 560px;
height: 50px;
margin:0px 0px 10px 0px;
padding: 0px 0px;
display: block;

}



/* __________________________________________________H2設定 */

#container_apart h2{

width: 550px;
margin:0px 5px 0px 5px;
padding: 0px 0px;
display: block;

border-left:solid 15px #F86D07 ;

font-size: 15px;
font-weight:bold;

text-indent:5px;
color:#F86D07 ;

}


#container_apart div.midashi2{

width: 550px;
margin:0px 5px 0px 0px;
padding: 0px 0px;
display: block;
}



/* __________________________________________________P設定 */
#container_apart p{

width: 560px;
margin:15px 5px ;
padding: 0px 0px;
line-height:1.8em;
}



#container_apart p a{

color:#666666;
}




#container_apart p.ad-top {

font-size: 80%;
color:#666666;
margin-bottom:0px;


}





/* ______________________________________________本文部分の画像設定 */
#container_apart p.hosoku{ 

width: 530px;
margin:15px 5px ;
padding: 10px;
line-height:1.8em;

border: solid 1px #cccccc;

font-size: 0.9em;
line-height:1.7em;


}









/* _______________________________________________________________ */


#container_navi_apart{
display:block;
width: 330px;
float:left;
margin-top:0px;
margin-left:5px;

font-size: 8px;

}




#container_navi_apart li{
float:left;
}



#container_navi_apart .navi a{

display:block;
text-decoration:none;
outline:none;
font-size:1.2em;
text-decoration:none;
color: #666666;
margin:0px 5px;
padding-top: 2px;
}




/* __________________________________テーブル要素（一般）___________ */

table.honbun_table_a{
width:550px;
background-color:#E0E0E0 ;
margin:10px 5px;
border:1px solid #999999;
border-collapse:collapse;
}



.honbun_table_a td{
border:1px solid #999999;
border-collapse:collapse;
padding:5px 10px;
}


.honbun_table_a th{
background-color:#666666;
border:1px solid #999999;
border-collapse:collapse;
padding:5px 10px;
color:#ffffff;
}


/* __________________________________テーブル要素（コラム目次用）___________ */


table.colmun_table{

width:550px;
background-color:#E0E0E0 ;
margin:10px 5px;
border:1px solid #cccccc;
border-collapse:collapse;
}



table.colmun_table td{
width:380px;
border:1px solid #cccccc;
border-collapse:collapse;
padding:10px 8px;
}



table.colmun_table td.colmun_pict{
width:80px ;
padding:0;

}



table.colmun_table th{
background-color:#666666;
border:1px solid #999999;
border-collapse:collapse;
padding:5px 10px;
color:#ffffff;
}











/* _______________________________________________________________ */

.sitemap_ul li{

height:1.8em;
text-indent:15px;

}



.sitemap_ul li a{

color:#666666;

}







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

下部のnavi

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

ul.navi_level1{

clear: both;
float:left;
display:block;
width:550px;

margin:0px 0px 0px 0px;
padding:3px 25px;
border-bottom-style:groove;
border-bottom-color:#333333;
border-bottom-width:1px;

font-size: 12px;
background-color:#888888;
color: #fffff;


}


ul.navi_level1 li{
float: left;
padding:2px 5px;
border-right-style:groove;
border-right-width:1px;
border-right-color:#ffffff;
}


ul.navi_level1 li a{
color:#ffffff;
text-decoration:none;
}


ul.navi_level1 li a:hover{

text-decoration:underline;
}






/* ______________「HOMEへ戻る、ページの頭に戻る」____________ */

ul.navi_level2{
clear: both;
float:left;
display:block;
width:550px;

margin:0px 0px 0px 0px;
padding:3px 25px;
border-bottom-style:groove;
border-bottom-color:#333333;
border-bottom-width:1px;

font-size: 12px;
background-color:#ffffff;
color: #666666;
}


ul.navi_level2 li{
float: left;
padding:2px 5px;
border-right-style:groove;
border-right-width:1px;
border-right-color:#ffffff;

font-size:11px;
}



ul.navi_level2 li a{
color:#666666;
text-decoration:none;
}


ul.navi_level2 li a:hover{

text-decoration:underline;
}


/* _______________________________[2.3級部分]________________________________ */

ul.navi_level3{
clear: both;
float:left;
display:block;
width:550px;

margin:0px 0px 0px 0px;
padding:3px 25px;
border-bottom-style:groove;
border-bottom-color:#333333;
border-bottom-width:1px;

font-size: 12px;
background-color:#555555;
color: #fffff;
}


ul.navi_level3 li{
float: left;
padding:2px 5px;
border-right-style:groove;
border-right-width:1px;
border-right-color:#ffffff;
}



ul.navi_level3 li a{
color:#ffffff;
text-decoration:none;
}


ul.navi_level3 li a:hover{
text-decoration:underline;
}










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

フッタ

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




/* ______________________________________________________________★ページ下部のアドセンス */

div #ad-bottom-oya{

padding:5px 10px 10px;
color: #FF0099;
font-weight:bold;
height:250px;

}



div #ad-bottom-left{
	float:left;
}





div #ad-bottom-right{

	float:right;

}




div.ninja_onebutton{

clear:both; 
width: 600px; 
margin:20px 35px;

}









#footer_apart{

clear:both;

width: 550px;
background-color:#222222;
background-repeat: no-repeat;

font-size:11px;
color:#999999;

font-family: verdana, "Arial Black", Helvetica, sans-serif;
padding:20px 25px;
}


#footer_apart a{

text-decoration:underline;
color: #ffffff;

}