@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------
	00 body, default link color
	01 header, glovalnavi
	02 topic path
	03 contents
	04 sidebar
	05 main
	06 footer
 -----------------------------------------------------------
#page
  #header
	  #gNavi
  #contents
    #sidebar
    #main
  #footer
----------------------------------------------------------- */

/* -----------------------------------------------------------
 =00 body, default link color
----------------------------------------------------------- */
body {
	margin:0 auto;
	background:#FFF url(../img/bg_header.jpg) no-repeat center 0;
	color:#333;
}

	div#page {
		width:944px;
		margin:0 auto;
	}

/* default link color
----------------------------------------------------------- */
a:link {
	color:#690;
	text-decoration:underline;
}

a:visited {
	color:#690;
	text-decoration:underline;
}
	
a:hover {
	color:#690;
	text-decoration:none;
}

/* -----------------------------------------------------------
 =01 header, glovalnavi
----------------------------------------------------------- */
div#areaHeader {
	width:944px;
}

	/* header --------------- */
	div#header {
		width:940px;
		margin:0 auto;
	}

		div#header h1 {
			float:left;
			width:203px;
			padding-top:23px;
			padding-bottom:6px;
		}

		/* header right --------------- */
		div#areaHeaderR {
			float:right;
			width:438px;
			font-size:10px;
		}

			div#areaHeaderRSub {
				width:438px;
				padding-top:9px;
				line-height:1;
			}
		
				div#areaBgm {
					float:right;
					position:relative;
					width:78px;
					height:20px;
					background:url(../img/bg_bgm.gif) no-repeat 0 0;
					margin-bottom:7px;
				}
				
					#bgm {
						position:absolute;
						top:2px;
						right:2px;
						width:40px;
						height:16px;
						background:url(../img/b_bgm_off.gif) no-repeat 0 0;
						cursor:pointer;
					}
					
					#bgm.paused {
						background:url(../img/b_bgm_on.gif) no-repeat 0 0;
					}
			
				div#areaHeaderRSub p {
					float:right;
					width:240px;
					margin-bottom:11px;
					padding-top:5px;
				}

				dl#areaInquiry {
					width:438px;
				}
		
					dl#areaInquiry dt {
						float:left;
						width:115px;
						padding-right:7px;
					}
	
					dl#areaInquiry dd#inquiry {
						float:left;
						width:192px;
						line-height:1.3;
					}

						dl#areaInquiry dd#inquiry img {
							margin-bottom:3px;
						}
	
					dl#areaInquiry dd#navi {
						float:left;
						width:124px;
					}

	/* e-mail link color
	----------------------------------------------------------- */
	dd#inquiry a:link {
		color:#333;
		text-decoration:none;
	}
	
	dd#inquiry a:visited {
		color:#333;
		text-decoration:none;
	}
		
	dd#inquiry a:hover {
		color:#690;
		text-decoration:underline;
	}

	/* global navi --------------- */
	ul#gNavi {
		width:944px;
		font-size:1px; /* for IE */
		line-height:0; /* for IE */
	}
	
		ul#gNavi li {
			float:left;
		}

/* -----------------------------------------------------------
 =02 topic path
----------------------------------------------------------- */
div#topicPath {
	width:940px;
	padding-top:10px;
	font-size:85%;
	line-height:1;
	text-align:right;
}

/* topic path link color
----------------------------------------------------------- */
div#topicPath a:link {
	color:#666;
	text-decoration:underline;
}

div#topicPath a:visited {
	color:#666;
	text-decoration:underline;
}
	
div#topicPath a:hover {
	color:#666;
	text-decoration:none;
}

/* -----------------------------------------------------------
 =03 contents
----------------------------------------------------------- */
div#contents {
	width:944px;
	margin-bottom:35px;
}

/* -----------------------------------------------------------
 =04 sidebar
----------------------------------------------------------- */
div#sidebar {
	float:left;
	width:178px;
}

/* -----------------------------------------------------------
 =05 main
----------------------------------------------------------- */
div#main {
	float:right;
	width:720px;
	padding-top:23px;
	padding-right:2px;
	line-height:1.8;
}

/* -----------------------------------------------------------
 =06 footer
----------------------------------------------------------- */
/* pagetop --------------- */
div#areaPagetop {
	width:940px;
	margin:0 auto 12px;
	text-align:right;
}

/* footer info --------------- */
div#areaFooter {
	width:100%;
	height:100px;
	margin-bottom:8px;
	background:url(../img/bg_footer.jpg) repeat-x 0 0;
}

	div#footer {
		width:940px;
		margin:0 auto;	
	}
	
		div#footer ul {
			width:940px;
		}

			div#footer li#areaSho {
				float:left;
				width:470px;
			}
	
				div#footer p#ruby {
					padding-left:50px;
					padding-top:10px;
					font-size:10px;
				}

			div#footer li#areaGankyoji {
				float:right;
				width:340px;
			}
	
				div#footer dl {
					font-size:12px;
					line-height:1.5;
					padding-top: 14px;
				}

					div#footer dl#txtGankyoji {
						padding-top:14px;
						float:left;
					}
	
					div#footer dt {
						font-weight:bold;
					}

						div#footer dt strong {
							font-size:14px;
						}
	
				div#footer p#imgGankyoji {
					padding-top:10px;
					text-align:right;
				}

	/* e-mail link color --------------- */
	div#footer a:link {
		color:#333;
		text-decoration:none;
	}
	
	div#footer a:visited {
		color:#333;
		text-decoration:none;
	}
		
	div#footer a:hover {
		color:#690;
		text-decoration:underline;
	}

/* copyright --------------- */
div#copyright {
	width:940px;
	margin:0 auto;
	padding-bottom:10px;
	color:#666;
	font-size:93%;
}