@charset "Shift_JIS";

/*	共通
----------------------------------------------------- */

* { font-family:Verdana, Helvetica, sans-serif; }

body {
	color:#330000;
	margin:0;
	padding:0;
	letter-spacing:1px;
	background:#0099cc url(image/bg.gif) repeat-y left top;
}

a { color:#0066cc; text-decoration:none; }
a:hover { color:#0099ff; text-decoration:none; }

img { border:0; }


/*	ヘッダー
----------------------------------------------------- */
#header{
	color:#ffffff;
	background:#0099cc;
	border-top:6px solid #330000;
	border-bottom:12px solid #330000;
	margin:0;
	padding:0;
}

#header p{
	font-size:28px;
	letter-spacing:0.3em;
	margin:0 0 0 20px;
	padding:3px 0;
}

#header a{ color:#ffffff; }
#header a:hover{ color:#001433;	}


/*	ヘッダー内ナビゲーション
----------------------------------------------------- */
#header ul{
	list-style-type:none;
	margin:0;
	padding:0;
	width:200px;
	position:absolute;
	top:10px;
	right:20px;
}

#header li{
	display:inline;
	font-size:75%;
	border-left:1px dotted #ffffff;
	border-right:1px dotted #ffffff;
	margin:0 1px;
	padding:0 10px;
	float:left;
}

#header li a{
	margin:5px 0;
	padding:0;
}


/*	写真
----------------------------------------------------- */
#pict{
	background-color:#330000;
	width:700px;
	height:160px;
	margin:0;
	padding:0;
	float:left;
}

#pict p{
	margin:0;
	padding:0;
}


/*	写真横のタイトル
----------------------------------------------------- */
#title{
	background-color:#330000;
	color:#ffffff;
	height:160px;
	margin:0;
	padding:0;
}

#title h2{
	color:#ffffff;
	font-size:36px;
	letter-spacing:15px;
	text-indent:2.5em;
	margin:0;
	padding:123px 0 0 0;
}


/*	枠(サブメニューとメイン本文用）
----------------------------------------------------- */
#frame{
	background-color:#ffffff;
	width:700px;
	height:100%;
	margin:0;
	padding:0;
	float:left;
}


/*	サブメニュー
----------------------------------------------------- */
#sub{
	width:160px;
	margin:15px 0;
	padding:0;
	float:left;
}

#sub h2{
	font-size:80%;
	background:#ffffff url(image/sub_icon.gif) no-repeat center left;
	line-height:130%;
	margin:0 5px;
	padding:4px 4px 4px 20px;
}

#sub ul{
	list-style-type:none;
	margin:0 2px 0 25px;
	padding:0 0 6px 0;
}
#sub li{
	font-size:70%;
	line-height:14px;
	margin:3px 0;
	padding:2px 0;
}


/*	メイン
----------------------------------------------------- */
#main{
	width:520px;
	margin:0;
	padding:5px 0;
	float:left;
}

#main h2{
	font-size:140%;
	border-top:3px solid #0099cc;
	background:#ffffff url(image/mainbg.gif) bottom left repeat-x;
	letter-spacing:5px;
	margin:10px 10px 10px 0;
	padding:4px 10px 10px 10px;
}

#main p{
	font-size:80%;
	line-height:1.6em;
	margin:15px 20px 10px 15px;
	padding:0;
}


/*	メニュー
----------------------------------------------------- */
#menu{
	width:230px;
	margin:0 0 0 700px;
	padding:0;
}

#menu ul{
	font-weight:bold;
	list-style-type:none;
	margin:10px 30px 0 2px;
	padding:20px 0;
}

#menu li{
	font-size:90%;
	border-bottom:1px dashed #ffffff;
	background:url(image/menu_icon.gif) no-repeat 5px center;
	line-height:14px;
	margin:5px 0px;
	padding:5px 0 5px 20px;
}

#menu li a{ color:#001433; }
#menu li a:hover{ color:#DDF7FF; }

#menu li.nob{
	font-size:80%;
	border:none;
	background:none;
	line-height:14px;
	margin:3px 0;
	padding:2px 0 2px 20px;
}

#menu:after {
	content: "";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*	フッター
----------------------------------------------------- */
#footer{
	clear:both;
	border-top:2px solid #0099cc;
	margin:10px 10px 10px 160px;
	padding:3px 0;
}
address{
	font-size:65%;
	margin:0;
	padding:10px;
}