@charset "Shift_JIS";

body {
	font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",
								Osaka, sans-serif;
	line-height: 1; 		/* リストの段落間 */
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
}

a:visited {
	color: #333333;
}

a:hover {
	color: #AAAAAA;
}

h2 {
	font-size: 100%;
	color: #333333;
	text-align: left;
	margin: 0px 0px 0px 40px;
}

img {
	border: none;
	vertical-align: top;
}

ul {
	list-style: none;
}

li {
	margin: 0px 15px 0px 0px;	/* 右の隙間15px */
	border-bottom: 1px solid #CCCCCC;
}

/* 全体の設定 --------------------------------------------------------*/
#wrapper {
	width: 705px;
	margin: 0 auto;
	text-align: left;
}

/* ヘッターコメント --------------------------------------------------*/
#header {
	line-height: 1.7;
	/*\*/
	letter-spacing: 0.1em;	/* 文字間をフォントサイズの0.1em分に指定 */
	/**/
	background: url(heading_bg.gif) left bottom repeat-x;
	height: 80px;
	text-align: center;
	font-size: 100%;
}

/* カウンター---------------------------------------------------------*/
#count {
	line-height: 1.5;
	height: 15px;
	/*\*/
	letter-spacing: 0.1em;
	/**/
	text-align: right;
	margin: 0px 15px 0px 0px;
	font-size: 75%;
}
/* 写真---------------------------------------------------------------*/
#photo {
	text-align: center;

}

/* タイトルロゴ ------------------------------------------------------*/
#title {
	float: left;
	width: 448px;
}

/* 左サブタイトル ----------------------------------------------------*/
#subtitle1 {
	float: left;
	width: 129px;
	/* margin: 80px 0px 0px 0px; */
	text-align: center;
	font-size: 90%;
	margin-top: 15px;
}

/* 右サブタイトル ----------------------------------------------------*/
#subtitle2 {
	float: right;
	width: 128px;
	/* margin: 80px 0px 0px 0px; */
	text-align: center;
	font-size: 90%;
	margin-top: 15px;
}

/* ライン -----------------------------------------------------------*/
#line {
	clear: both;
	margin: 10px;
	border-bottom: 1px solid #DDDDDD;
}

/* 中央部と左側の幅 --------------------------------------------------*/
#container {
	position: relative;
	float: left;
	width: 468px;
}

/* 中央部 ------------------------------------------------------------*/
#primary {
	float: right;
	width: 230px;
	margin: 10px 0;
	background: url(bg_pin.gif) left top no-repeat;
}

#primary a {
	background: url(arrow.png) left center no-repeat;
	padding: 4px 0 4px 15px; 	/* マーカーとの隙間15px */
	display: block;
	width: 160px !important;
	width /**/: 170px;
	text-decoration: none;
}

#primary a:hover {
	background-image: none;
	background-color: transparent;
}

/* 左側 --------------------------------------------------------------*/
#secondary {
	float: left;
	width: 230px;
	margin: 10px 0;
	background: url(bg_pin.gif) left top no-repeat;
}

#secondary a {
	background: url(arrow.png) left center no-repeat;
	padding: 4px 0 4px 15px;
	display: block;
	width: 160px !important;、
	width /**/: 170px;
	text-decoration: none;
}

#secondary a:hover {
	background-image: none;
	background-color: transparent;
}

/* 右側 --------------------------------------------------------------*/
#third {
	float: right;
	width: 230px;
	margin: 10px 0;
	background: url(bg_pin.gif) left top no-repeat;
}

#third a {
	background: url(arrow.png) left center no-repeat;
	padding: 4px 0 4px 15px;
	display: block;
	width: 160px !important;
	width /**/: 170px;
	text-decoration: none;
}

#third a:hover {
	background-image: none;
	background-color: transparent;
}

/* ライン -----------------------------------------------------------*/
#line1 {
	clear: both;
	margin: 10px;
	border-bottom: 1px solid #DDDDDD;
}

/* ナビ --------------------------------------------------------------*/
#navi {
	width: 707px;
	margin-bottom: 10px;
}
#navi ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 32px;
	overflow: hidden;
}
#navi li {
	float: left;
	width: 101px;
	margin: 0;
	padding: 0;
}
#navi a {
	display: block;
	width: 100%;
	padding: 6px 0 8px 0;
	text-decoration: none;
	text-align: center;
}
#navi a:hover {
	background-position: right top; 	/* オンマウス時の背景画像の開始位置を右上に指定 */
	background: url(under_bg.gif) left bottom repeat-x; /* オンマウス時の背景画像 */
}

/* アイコン1 --------------------------------------------------------*/
#icon1 {
	float: right;
	width: 176px;
	height: 100px;
	text-align: center;
}
#icon1 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* アイコン2 ------------------------------------------------------*/
#icon2 {
	float: right;
	width: 176px;
	height: 100px;
	text-align: center;
}
#icon2 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* 右アイコン3 --------------------------------------------------------*/
#icon3 {
	float: right;
	width: 176px;
	height: 100px;
	text-align: center;
}
#icon3 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* アイコン4 --------------------------------------------------------*/
#icon4 {
	float: right;
	width: 176px;
	height: 100px;
	text-align: center;
}
#icon4 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* フッター-----------------------------------------------------------*/
#footer2 {
	line-height: 1.2;
	clear: both;
	height: 50px;
	text-align: center;
	font-size: 80%;
	background: url(under_bg.gif) left bottom repeat-x;
}
/* コメント ------------------------------------------------------------*/
#comment {
	clear: both;
	text-align: center;
	font-family: Verdana, century;
	font-size: 120%;
	margin: 0 auto;
	color: #0000ff;
}