@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	font-size: 100%;
	text-decoration: none;
}
body {
	font-size: 75%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	background-color: #FFF;
	color: #444444;
	/*\*/
	letter-spacing: 0.1em;
	/**/
	margin: 0;
	padding: 0;
	text-align: center;
}
/* 全体
---------------------------------------------*/
#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	margin-top: 15px;	
}

/* ヘッダー
---------------------------------------------*/
#header {
	width: 100%;
	margin-bottom: 5px;
	padding: 0;
}
#logo {
	height: 65px;
	padding: 5px 0 0 0;
	margin: 0;
	background: #EAF9D5 url(../image/youchien.gif) 650px center no-repeat;
}
#logo img{
	padding: 0;
	margin: 0;
}
/* コンテンツメニュー
---------------------------------------------*/
#content {
	position:relative;
	overflow: hidden !important;
	overflow /**/: hidden;
	width: 898px;
	padding-top: 0;
	padding: 1px 1px 1px 1px;
	background:#FFF;
	/*background: url(../image/content_bg.gif) left top repeat-y #FFF;*/
}

#menu {
	/*background-color: #6DBC6F;*/
	float: left;
	left: 0px;
	top: 0px;
	width: 160px;
	height: auto;
}
#menu ul {
	margin: 0px 5px 0 5px;
	padding: 10px 10px 5px 10px;
}
#menu ul li {
	list-style: none;
	line-height: 2;
	margin: 0 0 5px 0;
	/*background-color: #FFC;*/
/*	background-color: #FFF799;
*/
	font-size: 113%;
}

/*mark01 menu01*/
#menu ul.menu01 li.mark01 {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #F36;
	background: #FFF4F8 url(../image/menu_border_mark01.gif) left bottom no-repeat
}
#menu ul.menu01 li a {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #444;
	background: url(../image/menu_border01.gif) left bottom no-repeat
}
#menu ul.menu01 li a:hover {
	background-image: none;
	color: #F36;
	background: #FFF4F8 url(../image/menu_border01_2.gif) left bottom no-repeat
}
#menu ul.menu01 li.mark01 a:hover {
	background-color: #FBCECF;
	color: #666;
}

/*mark02 menu02*/
#menu ul.menu02 li.mark02 {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #008442;
	background: #DFF7F2 url(../image/menu_border_mark02.gif) left bottom no-repeat
}
#menu ul.menu02 li a {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #444;
	background: url(../image/menu_border02.gif) left bottom no-repeat
}
#menu ul.menu02 li a:hover {
	background-image: none;
	color: #008442;
	background: #DFF7F2 url(../image/menu_border02_2.gif) left bottom no-repeat
}
#menu ul.menu02 li.mark02 a:hover {
	background-color: #FBCECF;
	color: #666;
}

/*mark03 menu03*/
#menu ul.menu03 li.mark03 {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #666600;
	background: #EBF8D1 url(../image/menu_border_mark03.gif) left bottom no-repeat
}
#menu ul.menu03 li a {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #444;
	background: url(../image/menu_border03.gif) left bottom no-repeat
}
#menu ul.menu03 li a:hover {
	background-image: none;
	color: #666600;
	background: #EBF8D1 url(../image/menu_border03_2.gif) left bottom no-repeat
}
#menu ul.menu03 li.mark03 a:hover {
	background-color: #FBCECF;
	color: #666;
}

/*mark04 menu04*/
#menu ul.menu04 li.mark04 {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #F60;
	background: #FFFFD9 url(../image/menu_border_mark04.gif) left bottom no-repeat
}
#menu ul.menu04 li a {
	display:block;
	width: 125px !important;
	width /**/: 130px;
	padding: 0 0 0 5px;
	font-weight: lighter;
	color: #444;
	background: url(../image/menu_border04.gif) left bottom no-repeat
}
#menu ul.menu04 li a:hover {
	background-image: none;
	color: #F60;
	background: #FFFFD9 url(../image/menu_border04_2.gif) left bottom no-repeat
}
#menu ul.menu04 li.mark04 a:hover {
	background-color: #FBCECF;
	color: #666;
}

/* メイン
---------------------------------------------*/
#main {
	float: right;
	width: 710px;
	padding-right: 10px
}
#title {
	padding: 10px 0 0 10px;
}

/* photo boder
---------------------------------------------*/
.pb {
	border: 1px solid #999;
}


/* 縦書き指定
---------------------------------------------*/
#tate {
	writing-mode: tb-rl;
	text-align: center;
	vertical-align: middle;
}


/* rightボーダー
---------------------------------------------*/
#rightborder {
	float:right;
	width: 10px;
	background-color: #6DBC6F;
}

/* フッター（コピーライト）
---------------------------------------------*/
#footer {
	background: #FFFFFF url(../image/under_copyright.gif) left top no-repeat;
	height: 15px;
	padding-top: 25px;
	margin-top: 6px
}