/*  ふくろう美術館		*/
/*       2006.12.20		*/


body {
			font-size:13px;
			text-align: center;
			background-color:#cc9966;
			color: #400000;
			background-position: top center;
}


.contents{
			width:  754px;
			margin: auto;
			text-align:left;
			background-color:#ffffff;
			color: #400000;
		}

h1 		{
			font-size:14px;
			text-align: left;
			color: #fffffe;
			padding : 10px;
			margin:   0px;
		}

h2 {
			text-align: left;
			font-size:14px;
			margin:0px;
			padding:0px;
}

h3 {
			text-align: left;
			font-size:15px;
			margin:5px;
			padding:0px;
}

h4 {
			text-align: left;
			font-size:13px;
			margin:2px;
			padding:2px;
}

p {
			text-align:left;
			font-size:13px;
}

img {
			border:0px;
	}

a:link, a:visited, a:hover{
			color: #330000; 
			font-weight:bold;
		}

a:active {
			color: navy; 
		}


/* top 会社名表示	*/
.logo{
			width:750px;
			height:150px;
			margin:0px;
			padding:0px;
		}

.logobox{
			width:754px;
			height:95px;
			color: #ffffff;
			margin: 0px;
			padding: 0px;
		}

.logoleft {
			width:300px;
			font-size:40px;
			text-align:left;
			padding : 20px 20px 0px 10px;
			margin: 0px;
			float: left;
		}

.logoright{
			width:404px;
			font-size:14px;
			text-align:left;
			padding : 10px;
			margin: 0px;
			float: right;
		}

.logobox a:link, .logobox a:visited, 
.logobox a:hover, .logobox a:active{
			color: #ffffff;
			text-decoration: none;
			font-weight:bold;
		}


/* メインの定義	*/
.main{
			width:560px;
			margin: 0px 2px 0px 0px;
			padding:0px;
			vertical-align:top;
			float: right;
 		}

.main p {
			text-align:left;
			padding:0px;
			margin: 0px;
}

.main p img {
			float : left;		/* Main のみ写真の回り込みを許可	*/
			padding-right: 10px;	/* 写真の右を空ける	*/
}

p.main{
			padding-left:5px;
			list-style-type : none;
			}

/* 左メニューバー	*/
.left{
			width:180px;
			font-size:14px;
			margin: 0px 2px 0px 2px;
			padding: 0px;
			float: left;
			vertical-align:top;
		}

.left ul{
			margin: 5px 0px 5px 0px;
			padding: 2px;
			text-align:left;
			list-style-type : none;
		}

.left li{
			margin: 1px 2px 2px 2px;
			padding: 7px 0px 2px 3px;
			font-size:15px;
			height:26px;
			color: #ffffff;
			text-align:center;
		}

.lhead{
			height:20px;
			color: #ffffff;
			font-size:14px;
			text-align:center;
			margin: 0px;
			padding: 3px 3px;
		}

.lbox{
			font-size:14px;
			text-align:center;
			margin: 0px;
			padding: 3px;
		}
/* --------- 注目情報 -------------	*/

.topic-lhead{
			height:20px;
			color: #ffffff;
			font-size:14px;
			text-align:center;
			margin: 0px;
			padding: 3px 3px;
			background-color:#FF3333; 

		}

.topic-lbox{
			font-size:14px;
			text-align:center;
			margin: 0px;
			padding: 3px;
			border: solid 2px #FF3333;
			background-color:#FF3333; 
		}
/* ---------------------------------	*/


.left li a:link, .left li a:visited{
			color: #ffffff;
			text-decoration: none;
			font-weight:bold;
			}

.left li a:hover, .left li a:active{
			text-decoration: none;
		}

.info{
			margin:0px 0px 5px 0px;
			padding: 0px;
			color :#400000;
			text-align:left;
		}

.rhead{
			height:20px;
			color: #ffffff;
			margin: 0px;
			padding: 0px;
			text-align:center;
			display:block;
		}

.item{
			width:550px;
			font-size: 14px;
			margin: 5px 2px 5px 2px;
			padding: 0px;
			float: right;
		}


.pic-left{
			width:180px;
			height:180px;
			font-size: 14px;
			margin: 2px;
			padding: 0px;
			float: left;
			text-align:center;
			vertical-align:center;
		}

.pic-right{
			width:180px;
			height:180px;
			font-size: 13px;
			margin: 2px;
			padding: 0px;
			float: right;
		}


.ihead{
			height:25px;
			font-size:15px;
			color: #ffffff;
			margin:0px;
			padding: 2px;
			text-align:left;
			display:block;
		}

.boxleft{
			font-size:13px;
			width:200px;
			margin: 2px;
			padding: 2px;
			float: left;
			display:block;
		}

.boxleftc{
			width:200px;
			margin: 2px;
			padding: 2px;
			float: left;
			display:block;
			height: 150px;
			text-align:center;
		}

.boxright{
			font-size:13px;
			width:330px;
			margin: 2px;
			padding: 2px 2px;
			float: right;
			display:block;
		}

.boxrightc{
			width:330px;
			margin: 2px;
			padding: 2px 2px;
			float: right;
			display:block;
			height: 150px;

		}

.item-3cl{
			width:180px;
/*			height:260px;*/
			margin: 5px 0px 5px 3px;
			padding : 0px 0px 0px 0px;
			text-align:center;
			float: left;
		}

.item-3cl img{
		width:165px;
		float : left;
		border:0px;
		}


/* top 会社名表示	*/
.foot{
			height:30px;
			margin:0px;
			padding: 3px 1px;
			color: #ffffff;
			text-align:center;
			clear:both;
		}

/* FireFox対応	*/
.clear{
			clear:both;
		}

.boxleft, .boxright, .boxleftc, .boxrightc{
			border: solid 1px #663300;
}

.logo, .info, .box, .lbox, .left ul, .item{
			border: solid 2px #663300;
}

h1, 
.left a:hover, 
.lhead, .rhead,  .ihead,
.logoright, .logoleft, .logobox, .foot,
.left li{
			background-color:#663300; 
}
