* { margin : 0 ; padding : 0 ; }
body { width : 100% ;}
html { background-color:#FFF; height:100%;}
#main { position : relative ; }
#header { width : 100% ; }
#footer { width : 100% ; clear : both ;}

body 
{
	padding-top: 20px;
	background-image : url(image/body_back.png);
	background-repeat : repeat-x;
	background-position : top;
	}

#main 
{
	width:900px;
	position:relative;
	margin:0 auto;
	background-color: #CE9;
	background-image : url(image/sidebar.png);
	background-repeat : repeat-y;
	background-position : left;
	}


/* ヘッダー */

#header
{	
	width:900px;
	height:264px;
	margin:0 auto;
	background-color:#FFF;	
	background-image : url(image/pagetop.jpg);
	background-repeat : no-repeat;
	background-position : bottom;
	}
#header a img
{
	border: 0;
	display:block;
	}
#header h1
{
	width: 230px;
	}

/* ロゴ画像 */
#top_pic
{
	border: none;
	display:block;
	background-color: #AAA;
	}
#top_pic img
{
	margin: 0 auto;
	}


/* 常に表示され続ける上部ナビゲーション */
	
#top_navi
{
	float: right;
	height : 0;
	position : relative;
	top : -58px;
	}
	
#top_navi ul
{	
	}
	
#top_navi ul li
{
	float:left;
	list-style-type: none;
	font-size: 15px;
	font-weight: bold;
	display : inline;
	
	line-height: 15px;
	}
	
#top_navi ul li a
{
	padding: 8px 5px 2px 8px;
	display: block;
	position: relative; /* for IE6 */
	color: #69C;
	text-decoration: none;
	
	background-image: url(image/tnavi_back1.png);
	background-repeat: no-repeat;
	
	}

#top_navi a:link /*未訪問*/ 
{
	}
#top_navi a:visited /*訪問済み*/  
{
	}
#top_navi a:hover /*カーソルオン時*/ 
{	
	color: #383;
	background-image: url(image/tnavi_back2.png);
	background-repeat: no-repeat;
	border-bottom: dotted 2px #FBB;
		}
#top_navi a:active /*リンクをクリックしている状態*/  
{
	}


/* サイドナビゲーション */

#side
{
	list-style-type: none;
	position : absolute ;
	left : 0 ;
	top : 0 ;
	width : 150px ;
	padding-top: 20px;
	background-color: #BD8;
	}
	
#side ul
{
	list-style-type: none;
	}
		
#side ul li
{
	list-style-type: none;
	font-size: 95%;
	display : inline;
	}
	
#side a
{
	display: block;
	text-decoration: none;
	border-left:solid 10px #BD8;
	padding: 10px 2px 10px 3px;
	color: #050;
	}

#side a:link /*未訪問*/ 
{
	}
#side a:visited /*訪問済み*/  
{
	}
#side a:hover /*カーソルオン時*/ 
{
	border-left: solid 10px #FE6;
	background-color: #CE9;
	background-image: url();
	background-repeat:no-repeat;
	background-position:top right;
	color: #000;
	}
#side a:active /*リンクをクリックしている状態*/  
{
	}

#side h2
{
	font-size:120%;
	font-weight:normal;
	text-align:center;
	border-bottom: solid 2px #030;
	color: #030;
	margin-bottom: 10px;
	}
#side h3
{
	font-size:95%;
	font-weight:normal;
	text-align:left;
	border-bottom: dotted 1px #030;
	color: #030;
	margin-top: 1ex;
	margin-bottom: 0;
	padding-left: 5px;
	}

#side p
{
	font-size: 80%;
	}

/* 文章や写真が置かれる場所 */

#contents
{
	margin: 0 0 0 150px;
	padding: 20px;
	min-height:500px;  
	height: auto !important;  
	height: 500px; /*ここにIE６用の高さを設定*/  
	
	background-image : url(image/contents_grad.png);
	background-repeat : repeat-y;
	background-position : left;
	
	color: #010;
	}

#contents p
{
	line-height: 1.8em;
	margin: 0 0 1em 0;
	font-size: 100%;
	}
	
#contents img
{
	padding:5px;
	border:solid 1px black;
	margin-bottom: 1em;
	background-color: White;
	}

#contents a
{
	padding: 0;
	border-bottom:dotted 1px blue;
	text-decoration:none;
	}

#contents a:link 
{
	color:blue; /*未訪問*/
	}  
#contents a:visited 
{  
	color:#663; /*訪問済み*/ 
  }  
#contents a:hover 
{
	color:#F39; /*カーソルオン時*/
	border-bottom:dotted 1px #F39;
	}  
#contents a:active 
{
	color:blue; /*リンクをクリックしている状態*/
	}

#contents ul, #contents ol  
{
	font-size: 100%;
    margin:1em 1em 1em 1em;  
    padding:0;  
    position:relative;  
    left:-3em;  
    overflow:hidden;  
}  
  
#contents li{  
    margin-top:0.25em;  
    margin-bottom:0.25em;  
}
 
#contents ol li{  
    margin-left:5em;  
}  

#contents ul li
{
    margin-left:5em; 
	}

#contents h2
{
	font-size: 20px;
	font-weight:bold;
	height: 30px;
	margin-bottom: 1em;
	padding-left: 20px;
	letter-spacing: 3px;
	color: #900;
	background-image:url(image/h2_back.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	
	line-height: 30px;
	}

/* フッター */

#footer
{
	border-top:solid 5px #FE6;
	text-align:center;
	padding: 20px 0 10px 0;
	width:900px;
	margin: 0 auto;
	background-color: #BD8;
/* カドを丸める背景画像。個人的に好きじゃない。
	background-image: url(image/footer_back.png);
	background-repeat: no-repeat;
	background-position: center bottom ;
*/
	}
	
address
{
	font-style:normal;
	font-size:80%;
	margin:20px 0;
	line-height:1.5em;
	}

#footer_link
{
	font-size: 80%;
	color: #030;
	}
#footer_link a
{
	text-decoration: none;
	color : #663;
	padding: 0 8px;
	}
#footer_link a:hover
{
	background-color: #CE9;
	}


/* パンくず☆ */

p#pankuzu
{
	margin: 0 0 1em 0;
	font-size: 80%;
	}

p#pankuzu a
{
	}

/* その他、共通設定など */

h3
{
	font-size: 100%;
	font-weight: bold;
	text-align:center;
	letter-spacing:2px;
	margin: 1.5em 0 1em 0;
	background-color: #BD8;
	}

h4
{
	font-size: 95%;
	font-weight: bold;
	text-align:center;
	letter-spacing:2px;
	margin: 1em 0 1ex 0;
	}
	
table
{
	margin: 1em auto 2em auto;
	}

table th
{
	margin: 0;
	padding: 5px;	
	vertical-align:top;
	text-align:center;
	font-size: 90%;
	font-weight:normal;
	font-family:monospace;
	white-space: nowrap; 
	background-color: #EEE;
	}
	
table td
{
	margin: 0;
	padding: 5px;	
	vertical-align:top;
	text-align:left;
	font-size: 90%;
	font-weight:normal;
	background-color: #FFF;
	}

table tr
{
	margin: 0;
	}

#enkaku th
{    
	}

dt
{
	margin-bottom: 2px;
	}
dd
{
	margin:0 0 1ex 2em;
	}
	
strong
{
	font-weight:bold;
	color: #000;
	}

em
{
	font-style: normal;
	color: #900;
	}
