@charset "UTF-8";

/* Base Settings */
BODY{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px 0px 0px 0px;
	background-color : #FFFFFF;
	background-position : 0px 0px;
	background-repeat : no-repeat;
	background-attachment: fixed;
	word-wrap : break-word;
	word-break : break-all;
	font-size : small;
	font-family : 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, "MS P Gothic", "MS Pゴシック", sans-serif;
    line-height : 1.4;
}

TABLE, DIV, H1, H2, H3, H4, H5, H6, P, LI, TH, TD{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-width : 0px 0px 0px 0px;
	font-weight : normal;
	font-size : 0.95em;
	color : #000000;
	word-wrap : break-word;
	word-break : break-all;
}

A{
	word-wrap : break-word;
	word-break : break-all;
}

STRONG{
	font-weight : bold;
}

EM{
	font-weight : normal;
	font-style : normal;
}

CAPTION{
	text-align : left;
}

UL{
	margin : 8px 0px 12px 16px;
	padding : 0px 0px 0px 0px;
}
OL{
	margin : 8px 0px 12px 22px;
	padding : 0px 0px 0px 0px;
}
LI{
	padding : 0px 0px 4px 0px;
}
LI UL,
LI OL{
	margin-top : 6px;
}

IMG{
	border : 0px none;
	padding : 0px;
	margin : 0px;
}

A:link, A:visited{
	color : #5186b9;
	text-decoration : underline;
}

A:active, A:hover{
	color : #99bfe3;
	text-decoration : none;
}

IMG{
	vertical-align : bottom;
}
FORM{
	display : inline;
}

#event #englishArea A.event,
#stream #englishArea A.stream,
#access #englishArea A.access,
#messageboard #englishArea A.messageboard,
#vending #englishArea A.vending,
#cat #englishArea A.cat,
#fishing #englishArea A.fishing{
	color : #3333AA;
}
#event #japaneseArea A.event,
#stream #japaneseArea A.stream,
#access #japaneseArea A.access,
#messageboard #japaneseArea A.messageboard,
#vending #japaneseArea A.vending,
#cat #japaneseArea A.cat,
#fishing #japaneseArea A.fishing{
	color : #AA3333;
}

#event #bodyPane BLOCKQUOTE{
	margin : 4px 0px 12px 0px;
	padding : 12px 12px 12px 12px;
	border : 0px 0px 0px 0px;
	background-color : #EEEEEE;
	font-family : "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}



/* Site Architecture */
html, body{
	height: 100%;
}

#pagePane{
/*	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -45px 28px;
*/	margin: 0px 0px 0px 28px;
	padding : 0px 0px 0px 0px;
	width : 728px;
	margin : 0px auto;
}

/* naviPane */
#naviPane{
	width : 700px;
	padding : 16px 0px 16px 0px;
}

#footPane{
	width : 700px;
}

#index #naviPane{
	position : absolute;
	top : 40%;
	z-index : 1;
}

#index #naviPane P.logo{
	margin : 64px 0px 0px 0px;
}

#naviPane P{
	text-align : right;
}

#naviPane #englishArea{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 8px 0px;
	border-width : 0px 0px 1px 0px;
	border-color : #AAAAAA;
	border-style : solid;
	font-size : 0.8em;
}
#naviPane #japaneseArea{
	margin : 1px 0px 0px 0px;
	padding : 8px 0px 0px 0px;
	border-width : 1px 0px 0px 0px;
	border-color : #AAAAAA;
	border-style : solid;
	font-size : 1.1em;
}

#naviPane A,
#naviPane SPAN{
	padding : 0px 0px 0px 1em;
	text-decoration : none;
}

#naviPane A{
	color : #000000;
}

#naviPane SPAN{
	color : #AAAAAA;
}

#naviPane P.logo{
	margin : 16px 0px 0px 0px;
}


/* BodyPane */
#bodyPane{
	width : 652px;
	margin : 16px 0px 0px 0px;
	padding : 24px 24px 24px 24px;
	border-width : 1px 1px 1px 1px;
	border-color : #CCCCCC;
	border-style : solid;
	min-height : 300px;
}


.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.notes {
	font-size : 0.85em;
}

.caution{
	padding : 6px 0px 4px 24px;
	list-style-type : none;
	background-image : url(/common/img/icon_caution.gif);
	background-repeat : no-repeat;
	background-position : 0px 0px;
}

.important{
	color : #FF0000;
}

P.logo{
	margin : 32px 0px 0px 0px;
	text-align : right;
	line-height : 1.4;
}

DIV.bodyArea{
	float : left;
	width : 426px;
}

DIV.photoArea{
	float : left;
	width  : 220px;
	text-align : right;
}
DIV.photoArea IMG{
	margin-bottom : 4px;
}
DIV.photoArea A IMG{
	border : 1px solid #CCCCCC;
}

DIV.photoArea IMG.photo{
	margin : 0px 0px 8px 0px;
	border : 1px #CCCCCC solid;
	padding : 8px;
}

DIV.creditArea{
	clear : both;
	text-align : right;
	font-size : 0.8em;
}

#pathPane{
	margin : 16px 24px 0px 0px;
	text-align : center;
	font-size : 0.9em;
	padding : 0px 0px 12px 0px;
}

#pathPane P{
	width : 49.7%;
	float : left;
	white-space : nowrap;
}

#pathPane P.prev{ text-align : left; }
#pathPane P.current{ text-align : center; visibility:hidden; }
#pathPane P.next{ text-align : right; }


H1{
	margin : 0px 0px 18px 0px;
	font-size : 1.2em;
}

P{
	margin : 0px 0px 12px 0px;
}

H2{
	border-width : 0px 0px 0px 3px;
	border-color : #888888;
	border-style : solid;
	padding : 0px 0px 0px 6px;
	margin : 6px 0px 6px 0px;
	font-weight : bold;
	font-size : 1.1em;
}

H3{
	background-image : url(../img/border.jpg);
	background-position : 0px bottom;
	background-repeat : no-repeat;
	padding : 3px 0px 3px 0px;
	margin : 6px 0px 6px 0px;
	font-weight : bold;
	font-size : 1.0em;
}

H4{
	margin : 0px 0px 0px 0px;
	font-weight : bold;
	font-size : 1.0em;
}

P.date{
	font-size : 1.1em;
	margin : 0px 0px 24px 0px;
}



#messageboard #messageArea{
	margin : 8px 0px 0px 0px;
}

#messageboard #messageArea P{
	margin : 0px 0px 14px 0px;
	padding : 0px 0px 14px 0px;
	line-height : 1.4;
	border-width : 0px 0px 1px 0px;
	border-color : #888888;
	border-style : dashed;
}


#messageboard #messageArea{
	margin : 8px 0px 0px 0px;
}

#messageboard #messageArea P{
	margin : 0px 0px 8px 0px;
	line-height : 1.4;
}

#cat #bodyPane{
	width : 740px;
	padding : 0px 0px 0px 0px;
	border-width :  0px 0px 0px 0px;
}

#cat DIV.picture{
	width : 300px;
	height : 231px;
	border-width : 1px 1px 1px 1px;
	border-color : #AAAAAA;
	border-style : solid;
	margin : 0px 24px 24px 0px;
	padding : 18px 18px 46px 18px;
	float : left;
}

#cat DIV.picture P{
	padding : 8px 0px 8px 8px;
	text-align : right;
	color : #888888;
}