@charset "utf-8";

body {
	background: #a2a2ff;
}

p {
	margin-top: 5px;
	margin-bttom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1.5;
}

.aXSmall {
	font-size: 0.8em;
	}

.aSmall {
	font-size: 0.8em;
}

.aSmallSize {
	font-size: 10pt;
}

.aXSmallSize {
	font-size: 8pt;
}

.aXXSmallSize {
	font-size: 6pt;
}

.aMedium {
	font-size: 1.2em;
}

.aLargeSize {
	font-size: 16pt;
}

.aRight {
	text-align: right;
}

.aClearBoth {
	clear: both;
}

.aCenter {
	text-align: center;
}
.aStrongPink {
	color: #ff0080;
	font-weight:bold;
}

.aStrongRed {
	color: #ff0000;
	font-weight:bold;
}

.aStrongOrange {
	color: #ff8000;
	font-weight:bold;
}

.aStrongGreen {
	color: #009900;
	font-weight:bold;
}

.aStrongBlue {
	color: #0000ff;
	font-weight:bold;
}

.aStrongBlack {
	color: #000000;
	font-weight:bold;
}

/* ----------------------
   Layout
 ---------------------- */
#twoColumnRight #headerArea {
	height: 148px;
	width: 760px;
	padding: 10px;
	color: #FFFFFF;
	background: #3232CD url(img/bg_header.jpg) no-repeat left top;
}

#mainColumn .twoColumnContents {
	margin: 0;
}

#mainColumn .twoColumnContents .leftColumnContents {
	clear: both;
	float: left;
	width: 295px;
}

#mainColumn .twoColumnContents .rightColumnContents {
	float: left;
	width: 295px;
	margin-left: 10px;
}

/* ----------------------
   Modules
 ---------------------- */

#banner {
	padding-top: 100px;
}

#banner h1 {
	font-size: 48px;
	line-height: 1;
}

#eriaru-top #banner {
	float: left;
	width: 450px;
}

#accessCount{
	padding-top: 70px;
	color: #c0c0ff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

#eriaru-top #accessCount{
	float: right;
	width: 300px;
}

.borderSection {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #c0c0c0;
	padding: 0 5px;
}

.backGreen01 {
	background: #f0ffbb;
}

.backBlue01 {
	background: #e0f0ff;
}

.backOrange01 {
	background: #fff0e0;
}

.docUpdate {
	margin: 10px 0;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	padding: 10px 5px;
	color: #808000;
	font-weight: bold;
}

/* header modules */

#mainColumn h2.title {
	clear:both;
	margin-top: 10px;
	border-top: solid 1px #ffa500;
	border-bottom: solid 1px #ffa500;
	border-left: solid 5px #f00000;
	padding-left: 3px;
}

#mainColumn h3.subTitle {
	clear:both;
	margin-top: 10px;
	border-bottom: solid 1px #008000;
}

#mainColumn h4.ssubTitle {
	clear:both;
	margin-top: 5px;
}

#mainColumn h5.sssubTitle {
	clear:both;
	margin-top: 5px;
}

#eriaru-top #mainColumn h2 {
	color: #ff8000;
}

#mainColumn .borderSection h2.title {
	margin-top: 2px;
	margin-bottom: 3px;
	border: none;
	padding-left: 0;
}

#mainColumn .borderSection h3.subTitle {
	margin-top: 2px;
	margin-bottom: 3px;
	border: none;
}

#mainColumn .withUpdate h2,
#mainColumn .withUpdate h3 {
	float:left;
}

#mainColumn .withUpdate span {
	float:right;
	margin-top: 4px;
	color: #ffa500;
	text-align:right;
}

#mainColumn .withUpdate p {
	clear:both;
}

/* image box */

.rightImageBox{
	clear:both;
	float:right;
	padding-left:2px;
	text-align:right;
}

.rightImageBoxNoClear{
	float:right;
	padding-left:2px;
	text-align:right;
}

.leftImageBox{
	clear:both;
	float:left;
	padding-right:2px;
	text-align:left;
}

.w270{
	width:270px;
}

.w250{
	width:250px;
}

.w240{
	width:240px;
}

.w230{
	width:230px;
}

.w200{
	width:200px;
}

.w180{
	width:180px;
}

.w160{
	width:160px;
}

.w150{
	width:150px;
}

.w135{
	width:135px;
}

/* list modules */

.linkList {
	margin-bottom: 10px;
	padding-left: 20px;
	line-height: 1.3;
	list-style: url(img/arrow1.gif);
}

.linkList li {
	padding-bottom: 0.3em;
}

div.releaseList{
	margin:0 10px 25px 0;
	font-size: 1.2em;
}

div.releaseList dl dt{
	padding-left:12px;
	width:10em;
	line-style: squre;
}

div.releaseList dl dd{
	zoom:1;
	margin:-1.2em 0 6px 0;
	padding:0 0 6px 10em;
	background:url("img/dot01.gif") repeat-x bottom left;
}

div.releaseList ul.first {
	margin:10px 0 0 0;
	background: #e0f0f0;
}

div.releaseList ul.first li {
	padding:2px 0 2px 0;	
}

div.releaseList ul.first li.first{
	border-top: 1px solid #008800;
	padding-top: 4px;
	padding-left: 2px;
}

div.releaseList ul.second {
	padding:5px 0 0 1em;
	background: #f0e0e0;
}

div.releaseList ul.second li.second {
	margin-top: 3px;
	border-top: 1px solid #888800;
	padding-top: 2px;
	padding-left: 2px;
}

div.releaseList ul.third {
	padding:5px 0 0 1em;
	background:url("img/dot01.gif") repeat-x bottom left;
	list-style-type: square;
	background: #e0f0e0;
}

div.releaseList ul.fourth {
	padding:0 0 0 1em;
	list-style-type: circle;
	background: #e0e0f0;
}

div.releaseList ul.fifth {
	padding:0 0 0 1em;
	list-style-type: disc;
	background: #f0f0e0;
}

div.listFlow ul {
	margin:20px auto 10px auto;
	text-align:center;
}

div.listFlow ul li{
	width: 120px;
	display: inline;
	line-height: 1.1;
}

div.eventList ul{
	margin-bottom: 10px;
	padding-left:25px;
	font-size: 1.2em;
	line-height: 1.3;
	list-style: square;
}

div.eventList ol{
	margin-bottom: 10px;
	padding-left:25px;
	font-size: 1.2em;
	line-height: 1.3;
	list-style: decimal;
}

div.eventList dl{
	margin:0 10px 25px 0;
	font-size: 1.2em;
	line-height: 1.3;
}

div.eventList dl dt{
	padding-left:1em;
}

div.eventList dl dd{
	margin:0 0 6px 0;
	padding:0 0 6px 2em;
}

/* table */

table.divingList{
	border-collapse: separate;
	border-spacing: 2px;
}

table.divingList th,
table.divingList td {
	border: outset 2px #c0c0e0;
	padding: 2px;
	font-size: 1.2em;
}

table.divingList th {
	background: #c0c0e0;
	text-align: center;
	white-space: nowrap;
}

table.divingList td.termDate{
	text-align: center;
	white-space: nowrap;
}

table.divingList td.numberofDiving{
	background: #c0c0e0;
	text-align: right;
	white-space: nowrap;
}

table.photoContent{
	border: 1px solid #808080;
}

table.photoContent td.photoImage,
table.photoContent td.description{
	border: 1px solid #808080;
	text-align: center;
	white-space: nowrap;
}

table.fishList{
	border-collapse: separate;
	border-spacing: 2px;
}

table.fishList th,
table.fishList td {
	border: outset 2px #c0c0e0;
	padding: 2px;
	font-size: 1.2em;
}

table.fishList th {
	background: #c0c0e0;
	text-align: center;
	white-space: nowrap;
}

table.fishList td.orderName,
table.fishList td.familyName {
	text-align: center;
	white-space: nowrap;
}

table.fishFamilyList{
	border-collapse: separate;
	border-spacing: 2px;
	width:98%;
}

table.fishFamilyList th,
table.fishFamilyList td {
	border: outset 2px #c0c0e0;
	padding: 2px;
	font-size: 1.2em;
}

table.fishFamilyList th {
	background: #c0c0e0;
	width: 5em;
	text-align: center;
	white-space: nowrap;
}

table.fishFamilyList td.fishPhoto {
	background: #777777;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	width: 240px;
}

table.fishFamilyList td.fishName {
	white-space: nowrap;
}

table.fishFamilyList td.fishDescription {
	line-height: 1.5;
}

table.xmasList{
	border-collapse: separate;
	border-spacing: 2px;
}

table.xmasList th,
table.xmasList td {
	border: outset 2px #c0c0e0;
	padding: 2px;
	font-size: 1.2em;
}

table.xmasList th {
	background: #c0c0e0;
	text-align: center;
	white-space: nowrap;
}

table.xmasList td.pointName {
	text-align: center;
	white-space: nowrap;
}

table.flowerList{
	border-collapse: separate;
	border-spacing: 2px;
}

table.flowerList th,
table.flowerList td {
	border: outset 2px #c0c0e0;
	padding: 2px;
	font-size: 1.2em;
}

table.flowerList th {
	background: #c0c0e0;
	text-align: center;
	white-space: nowrap;
}

table.flowerList td.pointName {
	text-align: center;
	white-space: nowrap;
}

table.flowerList td.upDate {
	text-align: center;
	white-space: nowrap;
}

table.gourmetList{
	border-collapse: separate;
	border-spacing: 2px;
}

table.gourmetList th,
table.gourmetList td {
	border: outset 2px #c0c0e0;
	padding: 2px;
	font-size: 1.2em;
}

table.gourmetList th {
	background: #c0c0e0;
	text-align: center;
	white-space: nowrap;
}

table.gourmetList td.shopName {
	text-align: center;
	white-space: nowrap;
}

table.gourmetList td.upDate {
	text-align: center;
	white-space: nowrap;
}

table.cookingList{
	border-collapse: separate;
	border-spacing: 2px;
	width:98%;
}

table.cookingList th,
table.cookingList td {
	border: outset 2px #c0c0e0;
	padding: 2px;
	font-size: 1.2em;
}

table.cookingList th {
	background: #c0c0e0;
	width: 5em;
	text-align: center;
	white-space: nowrap;
}

table.cookingList td.cookingPhoto {
	background: #777777;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	width: 160px;
}

table.cookingList td.cookingName {
	white-space: nowrap;
}

table.cookingList td.cookingDescription {
	line-height: 1.5;
}

/* ----------------------
   SubColumn Modules
 ---------------------- */

#subColumn div.menuList{
	font-size: 1.3em;
	line-height: 1;
}

#subColumn div.menuList li a{
	background: url(img/list01.gif) no-repeat left bottom;
	display: block;
	padding: 13px 10px 11px 32px;
	border-bottom: 1px solid #FFF;
	width: 110px;
}

#subColumn div.menuList li a:focus,
#subColumn div.menuList li a:hover{
	background: url(img/list01.gif) no-repeat right bottom;
	text-decoration: none;
	color: #ff0000;
}

#subColumn div.menuList li li a{
	background: url(img/list02.gif) no-repeat;
	padding: 8px 10px 8px 40px;
	width: 102px;
}

#subColumn div.menuList li li a:focus,
#subColumn div.menuList li li a:hover{
	background: url(img/list02.gif) no-repeat right top;
}

#subColumn div.nameCardBox{
	margin-top: 5px;
	margin-bottom: 5px;
}

#hpbsitemenutable070321232925 {
	font-size: 1.3em;
}