@charset "utf-8";

/* CSS Document */



/****************/

/*  box   */

/****************/



#box{

    text-align:center;

	width:848px;

	background-color:#72c8e2;

	}



/****************/

/*  container   */

/****************/



#container{

	width:840px;

	margin:auto;

	text-align:left;

	}



/****************/

/*     top      */

/****************/



#top{

	width: 840px;

    height:150px;

	background-color: #559FFF;

	background:url(../image/top2.jpg);

	}

#top h1 {

	color:#03C;

	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

	font-size: 24px;

	padding: 100px 100px; 

}



/****************/

/*     left     */

/****************/



#left{

	width: 190px;

	height: 1200px;

	float: left;

	background-color: #559FFF;

	background:url(../image/side.jpg);

	color:#666666;

	font-size: 80%;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}





/****************/

/*     main     */

/****************/



#main{

	width: 630px;

	float: left;

	padding-left: 10px;

	padding-right:10px;

	background-color: #FFFFFF;

	color: #5A3D1B;

	font-size: 80%;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}



#main strong{

	font-size: 120%;

	color:#36F;

	}



#main h1 {

	font-size: 120%;

	color:#39F;

}



#main h2,h3 {

	font-size: 120%;

	color:#03C;

	margin-bottom:0px;

}



#main h4{

	font-size: 80%;

	color:#03C;

}



/****************/

/*  breadcrumb  */

/****************/



#breadcrumb{

	padding-top:3px;

	width: 630px;

	height: 30px;

	float:left;

	padding-left: 10px;

	padding-right:10px;

	background-color: #FFF;

	color: #5A3D1B;

	font-size: 80%;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}



a:link { color: #F00; }

a:visited { color: #F00; }

a:hover { color: #09F; }

a:active { color:#33CCFF; }

	



/****************/

/*    footer    */

/****************/





#footer { 

	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */

	background:#06F;

	font-size:80%;

	color:#FFF;

	background:url(../image/foter.jpg);

}



#footer a:link { color:#FFF;

font-weight:bold;}

#footer a:visited { color: #FFF;

font-weight:bold;}

#footer a:hover { color: #09F; }

#footer a:active { color:#33CCFF; }



#address {

	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */

	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */

}



/* 再使用できる各種クラス */

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */

	float: right;

	margin-left: 8px;

}

.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



#sidemenu dt{

font-size:13px;

text-indent:20px;



}

#sidemenu dt a{

display:block;

height:20px;

line-height:20px;

color:#333333;

background-color: #ffffff;

filter: alpha(opacity=60);

-moz-opacity:0.60;

opacity:0.60;

text-decoration: blink;

}

#sidemenu dt a:hover{

color: #00F;

background:#ffffff

;}





#sidemenu dd{

font-size:13px;

}

#sidemenu dd a{

display:block;

height:20px;

line-height:20px;

color:#666666;

text-decoration:none;

}



#sidemenu dd a:hover{

color:#69F;

background:#ffffff

;}



#sidemenu1 dd{

font-size:13px;

border-bottom:1px solid #fff;

}



#sidemenu1 dd a{

display:block;

height:20px;

line-height:20px;

color:#ffffff;

text-decoration:none;

}



#sidemenu1 dd a:hover{

color:#666666;

background:#ffffff

;}