/* CSS Document */

@charset "shift_jis";

/*=========================================================
Base Theme
=========================================================*/
p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.imgBox {
	width: 188px;
	margin: 0 0 5px 0;
}

.imgBox img {
	border: solid 4px #c9c9c9!important;
}

.imgBox img:hover  {
	border: solid 4px #497eb0!important;
}

.clear {
	clear: both;
	height: 12px;
}

/*=========================================================
#container
=========================================================*/
/*-----------------------------------------------
#container
-----------------------------------------------*/
#container {
	width: 580px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #f8f8f8;
}

/*-----------------------------------------------
#header
-----------------------------------------------*/
#container h1 {
	background: url(../img/header.jpg) no-repeat 0 0;
	width: 580px;
	height: 260px; 
	margin: 0;
	padding: 0;
	text-indent: -10000em;
}

#container h2 {
	clear: both;
	margin: 15px 0 8px 0;
	padding: 0;
}

/*-----------------------------------------------
.wrapper
-----------------------------------------------*/
#container .wrapper {
	clear: both;
	height: 378px;
	margin: 0 0 12px 0;
}

#container .wrapper .content01 {
	float: left;
	width: 188px;
	margin: 0 8px 0 0;
}

#container .wrapper .content02 {
	float: left;
	width: 188px;
	margin: 0 8px 0 0;
}

#container .wrapper .content03 {
	float: left;
	width: 188px;
}

#container .wrapper .assetBox {
	width: 188px;
	height: 26px;
}

#container .wrapper .assetBox .place {
	float: left;
	width: 38px;
	height: 26px;
	margin: 0 8px 0 0;
}

#container .wrapper .assetBox01 {
	width: 188px;
	height: 43px;
}

#container .wrapper .assetBox01 .place {
	float: left;
	width: 38px;
	height: 43px;
	margin: 0 8px 0 0;
}

.title {
	font-size: 16px!important;
	font-weight: bold;
	text-align: left;
	padding: 0;
}

.title a {
	color: #497eb0;
	text-decoration: none;
}

.title a:hover {
	color: #295e90;
	text-decoration: underline;
}

.title01 {
	font-size: 14px!important;
	font-weight: bold;
	text-align: left;
	padding: 0;
	letter-spacing: -0.1em;
}

.title01 a {
	color: #497eb0;
	text-decoration: none;
}

.title01 a:hover {
	color: #295e90;
	text-decoration: underline;
}

#container .wrapper p {
	clear: both;
	font-size: 0.7em;
	color: #666;
	line-height: 1.4em;
	margin: 0 0 6px 0;
}

/*-----------------------------------------------
.wrapper01
-----------------------------------------------*/
#container .wrapper01 {
	clear: both;
	height: 396px;
	margin: 0 0 12px 0;
}

#container .wrapper01 .content01 {
	float: left;
	width: 188px;
	margin: 0 8px 0 0;
}

#container .wrapper01 .content02 {
	float: left;
	width: 188px;
	margin: 0 8px 0 0;
}

#container .wrapper01 .content03 {
	float: left;
	width: 188px;
}

#container .wrapper01 .assetBox {
	width: 188px;
	height: 26px;
}

#container .wrapper01 .assetBox .place {
	float: left;
	width: 38px;
	height: 26px;
	margin: 0 8px 0 0;
}

#container .wrapper01 .assetBox01 {
	width: 188px;
	height: 43px;
}

#container .wrapper01 .assetBox01 .place {
	float: left;
	width: 38px;
	height: 43px;
	margin: 0 8px 0 0;
}

#container .wrapper01 p {
	clear: both;
	font-size: 0.7em;
	color: #666;
	line-height: 1.4em;
	margin: 0 0 6px 0;
}