@charset "shift_jis"; 

/* -----------------------------------------------
 Title: 			Kyushu Railway Museum
 File name: 		guidedtour.css
 Info: 			guidedtour page style
 Create: 		2010.04.06/murata
 Last Update		2010.04.06/murata
 ------------------------------------------------- */

/* -----------------------------------------------
	Reset
 ------------------------------------------------- */

/*-- Base --*/
body { color: #464646; margin: 0; padding: 0; font-size: small; line-height: 150%; background: url(../img/common/bg_body.jpg) repeat-x; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
div, p, span, h1, h2, h3, h4, h5, h6, h7 { margin: 0; padding: 0; font-size: small; font-weight: normal; color: #464646; background-color: transparent; font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; }
ul, ol, li { margin: 0; padding: 0; list-style-type: none; }
dl, dt, dd { margin: 0; padding: 0; list-style-type: none; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
th, dt { font-weight: normal; }

/*-- Link --*/
a:link { color: #464646; text-decoration: underline;  }
a:visited { color: #464646; text-decoration: underline; }
a:hover { color: #FFBABA; text-decoration: underline; }


/* -----------------------------------------------
	Select
 ------------------------------------------------- */

/*-- Layout --*/
.clear { clear:  both; height:  0; }
.left { float:  left; }
.right { float:  right; }
.center { margin:  auto auto; }
.imgTop { vertical-align:  top; }
.imgBottom { vertical-align:  bottom; }
.no-border { border:  none; }

/*-- Text --*/
.txtLeft { text-align:  left; }
.txtRight { text-align:  right; }
.txtCenter { text-align:  center; }
.txtBold { font-weight:  bold;}
.txtNormal { font-weight:  normal;}
.txtNarrow { letter-spacing:  -1px; }
.txtSmall { font-size:  x-small; }
.txtLongSpacing { line-height:  1.5em; }
.txtLarge { font-size:  large; }
.txtRed { color:  #ff0000; }

/*-- Space --*/
.mrT10 { margin-top:  10px; }
.mrB10 { margin-bottom:  10px; }
.mrL10 { margin-left:  10px; }
.mrR10 { margin-right:  10px; }


/* -----------------------------------------------
	Clear Fix
 ------------------------------------------------- */

/*--for modern brouser--*/
.clearfix:  after { content:  "."; display:  block; clear:  both; height:  0; font-size:  0.1em; max-height:  0; visibility:  hidden; }
 
/*--IE7,MacIE5--*/
.clearfix { display:  inline-block; }
 
/*--WinIE6 below, Exclude MacIE5 \--*/
* html .clearfix { height:  1%; }
* html .indent_text { margin:  0 0 10px 12px; text-indent:  -12px; text-align:  left; width:  400px; }


/* -----------------------------------------------
	Base Layout
 ------------------------------------------------- */

/*-- Body --*/
#wrapper { width: 820px; margin: 0 auto; }
#shadowL { background: url(../img/common/bg_shadow_left.jpg) repeat-y; }
#shadowR { background: url(../img/common/bg_shadow_right.jpg) repeat-y; }

/*-- header --*/
#header { height: 58px; background: url(../img/common/bg_header.jpg) repeat-x; position: relative; }
#logoPos { position: absolute; top: 7px; left: 18px; }
#headerMenu { width: 780px; text-align: right; position: absolute; top: 35px; }
#headerMenu li { display: inline; }
#headerMenu li a:link { color: #fff; text-decoration: none; }
#headerMenu li a:visited { color: #fff; text-decoration: none; }
#headerMenu li a:hover { color: #FFBABA; text-decoration: none; }

/*-- Menu --*/
#menuBox .popupMenuBox { position: relative; margin: 0; padding: 0; }
#menuBox .popupMenuBox #subMenuList1 { width: 112px; display: none; position: absolute; top: 28px; left: 0; background-color: #FFFAEF; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-collapse: collapse; }
#menuBox .popupMenuBox #subMenuList1 li { list-style: none; border-bottom: 1px solid #ccc; border-collapse: collapse; }
#menuBox .popupMenuBox #subMenuList1 li a { width: 106px; line-height: 170%; display: block; padding: 3px; text-align: left; }
#menuBox .popupMenuBox #subMenuList1 li a:link { color: #666;  text-decoration: none;  }
#menuBox .popupMenuBox #subMenuList1 li a:visited { color: #666;  text-decoration: none; }
#menuBox .popupMenuBox #subMenuList1 li a:hover { color: #D70D0D;  text-decoration: none; background-color: #FFEBEA; }

/*-- Footer --*/
#footer { background: url(../img/common/bg_foot.jpg) repeat-x; height: 82px; text-align: right; line-height: 120%; }
#footer dl { margin: 20px 24px 0 0; }


/* -----------------------------------------------
	Contents
 ------------------------------------------------- */

#contentsArea { padding: 45px 0 450px; background: url(../img/guidedtour/bg_main.jpg) 60px 210px no-repeat; }
#boxOuter { width: 586px; padding: 0 0 0 80px; }
#boxTop { width: 586px; height: 199px; float: left; background: url(../img/guidedtour/bg_title.gif) left no-repeat; }
#boxBody { width: 586px; text-align: left; float: left; background: url(../img/guidedtour/bg_body.gif) left repeat-y; }
#boxBottom { width: 586px; height: 12px; float: left; background: url(../img/guidedtour/bg_bottom.gif) top left no-repeat; }
#detail { width: 470px; text-align: left; margin: 15px 0 15px 35px; }
#detail th { width: 70px; padding: 5px; text-align: left; vertical-align: top; }
#detail td { text-align: left; vertical-align: top; padding: 5px; }