@charset "utf-8";

/*基本設定*/
body{
	text-align:center;/* box centering */
	font-family:Osaka, "ＭＳ Ｐゴシック";
	font-size:80%;
	background:#ffffff;
	}

/*レイアウト*/
#contents{
	margin:auto;
	width:750px;	/* 右側全体の幅 （Centetrと左側の合計）　*/
	background:url(../images/left_base.gif) repeat-y;
	}
#left{
	float:left;
	width:130px;	/* 左側の幅 */
	}
#center_right{
	float:right;
	width:620px;	/* Centetr の幅 */
	}
#center{
	float:left;
	width:450px;		/* Centetr の幅 */
	padding:10px;
	background:#ffffff;
	border:1px solid #e1e1e1;
	}
#right{
	float:left;	/* メニューの位置 right/left */
	width:130px;
	}
	
/*オレンジ見出し*/
#left h3{
	color:#ffffff;
	text-align:center;
	line-height:1em;
	margin:0;
	padding:8px 0;
	background:#A7B1BE;	/* コンテンツのバックの色*/
	}

/*リスト*/
#left ul{
	float:right;
	widht: 400px;	/* 段組用 400 */
	margin:0;
	padding:1px;
	list-style:none;
	background:#A7B1BE;	/* 段組の周りの色 */
	}
#left li a{
	color:#333333;
	text-decoration:none;
	text-align:center;
	line-height:1em;
	margin:0;
	padding:6px 0;
	display:block;
	width:126px;	/* メニューの幅 */
	background:#D6DFE2;	/* メニューのカーソルお置かない時の色 */
	border-top:1px solid #ffffff;
	border-photo:1px solid #fef7e4;
	border-right:1px solid #A5B8C0;
	border-bottom:1px solid #A5B8C0; /* メニューの境界の色 */
	}
#left li a:hover{
	color:#ffffff;
	background:#A5B8C0;	/* カーソルを置いた時の色 A5B8C0*/
	border-top:1px solid #a65c04;
	border-photo:1px solid #a9600b;
	border-right:1px solid #ebb054;
	border-bottom:1px solid #A5B8C0;
	}
	
/*センター*/

#center h2{
	font-size:120%;
	line-height:1em;
	margin:0 0 10px;
	padding:4px;
	color:#ffffff;
	background:#faaa39;
	}
#center h3{
	font-size:110%;
	line-height:1em;
	margin:0;
	padding:4px;
	background:#e6e5e1;
	}
#center p{
	line-height:1.5em;
	margin:10px 0;
	padding:0;
	}	
#center p img{
	float:right;
	margin:0 0 10px 10px;
	}

/*右段*/

/*白地枠*/
.right_box{
	float:right;	/* メニューの位置 right/left */
	width:130px;
	}
	
/*右のメニュー*/
.right_box h3{
	color:#ffffff;
	text-align:center;
	line-height:1em;
	margin:0;
	padding:8px 0;
	background:#A7B1BE;	/* コンテンツのバックの色*/
	}

/*リスト*/
.right_box ul{
	float:right;
	widht: 130px;	/* 段組用 400 */
	margin:0;
	padding:1px;
	list-style:none;
	background:#A7B1BE;	/* 段組の周りの色 */
	}

.right_box li a{
	color:#333333;
	text-decoration:none;
	text-align:center;
	line-height:1em;
	margin:0;
	padding:6px 0;
	display:block;
	width:126px;	/* メニューの幅 */
	background:#D6DFE2;	/* メニューのカーソルお置かない時の色 */
	border-top:1px solid #ffffff;
	border-photo:1px solid #A7B1BE;
	border-right:1px solid #A7B1BE;
	border-bottom:1px solid #A7B1BE;	/* メニューの境界の色 */
	}

.right_box li a:hover{
	color:#ffffff;
	background:#A5B8C0;	/* カーソルを置いた時の色 A5B8C0*/
	border-top:1px solid #a65c04;
	border-photo:1px solid #A7B1BE;
	border-right:1px solid #A7B1BE;
	border-bottom:1px solid #f3c377;
	}

/*CSSハック*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */