/***********************************/
/* http://www.dew.co.jp用CSS */
/***********************************/
body {
	background-image: url(img/bg.gif);
	padding:0px;
	margin:0px;
}

h3 {
	text-align:left;
	font-size:1.3em;
	font-weight:bold;
	padding-left:1em;
	margin-top:10px;
	border-bottom:1px dotted #CCCC00;
}
#banner {
	color:#333333;
	font-size:large;
	font-weight:normal;
 	padding:0;
	margin:0 0 0 0;
	border-top:4px double #666666;
}

#links {
	position:absolute;
	left:0px;
	top:0px;
	text-align:left;
	padding:0px;
	margin:0px;
	width:100px;
}

#content {
	position:absolute;
	left:120px;
	top:0px;
	width:650px;
}

#footer {
	clear:both;
	text-align:center;
	font-size:80%;
	font-weight:normal;
	padding-top:10px;
	border-top:1px dotted #CCCC00;
	border-bottom:1px dotted #CCCC00;
}

/**************************/
/* ナビゲーションメニュー */
/**************************/
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}

#navcontainer li {
	margin: 0 0 3px 0;
}

#navcontainer a {
	display: block;
	padding: 2px 1px 2px 15px;
	border: 1px dotted #999;
	width: 100px;
	background-color: #999;
	background-image: url(img/nav_down.gif);
}

#navcontainer a:link, #navlist a:visited {
	color: #333;
	font-weight:bold;
	text-decoration: none;
}

#navcontainer a:hover {
	border: 1px dotted #999;
	background-color: #F60;
	background-image: url(img/nav_over.gif);
	color: #FFF;
}

#active a:link, #active a:visited, #active a:hover {
	border: 1px solid #333;
	background-color: #FF6600;
	background-image: url(img/nav_over.gif);
	color: #333;
}

/**************************/
/* トップページメニュー用 */
/**************************/
.catalogue {
	text-align:center;
	background-color:#fecb7e;
	border-top:solid 1px #eee;
	border-right:solid 1px #555;
	border-bottom:solid 1px #555;
	border-left:solid 1px #eee;
	width:33%;
}

#name {
	background-color:#FFF;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:3px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	font-size:0.9em;
	font-weight:bold;
	text-align:left;
}

#explain {
	background-color:#FFF;
	border-top:1px dotted #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	padding:3px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	font-size:0.9em;
	text-align:left;
}

/**************************/
/* 写真をポラロイド風に */
/**************************/
#photoframe {
	float:left;
	background-color:#EFF;
	padding:10 10 15 10;
	margin:0 5 10 10;

	border-top:solid 1px #eee;
	border-right:solid 1px #888;
	border-bottom:solid 1px #888;
	border-left:solid 1px #eee;

	text-align:center;
	font:bold;
}
#photoframe img {
	margin-bottom: 2px;
}
#dotbox{
	border:1px dotted #999;
	margin:2em;
	padding:1em;
	text-align:left;
	height:1em;/* heightを設定しておかないと子要素でfloatを使うとはみ出る*/
	background-image: url(img/dotbox_bg.gif);
}