@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Tokyo Life - guide.css
------------------------------------------------------------

[Guide]
	1. Content
	2. Pagetitle
	3. Member Msg
	4. Guide Body
	5. float Menu
	6. GuideMain
		6-1. Layout
		6-2. main Msg
		6-3. obj Person
		6-4. guideTbl
		6-5. cell Btn
		6-6. Error Msg
		6-7. td normal
		6-8. GuidePageNavi
		6-9. GuideCont
	
////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Guide] Guide Pages styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Content
   ------------------------------------------------------------ */
div#content {width:960px;padding:15px 0 0;}

/* ------------------------------------------------------------
	2. Pagetitle
   ------------------------------------------------------------ */
div#content .pagetitle {width:930px; border-top:9px solid #000; padding:8px 0 15px;margin:0 15px;}

/* ------------------------------------------------------------
	3. Member Msg
   ------------------------------------------------------------ */
div#content .memberMsg {width:930px; padding:0 0 15px; border-bottom:9px solid #000; margin:0 15px;line-height:1.4;}
div#content .memberMsg li.strong {padding-left:20px;background:url(/imgJP/common/marker_square.gif) no-repeat 0 5px;}

/* ------------------------------------------------------------
	4. Guide Body
   ------------------------------------------------------------ */
div#content .guideBody {
	width:960px;
	background:url(/imgJP/common/bg_grid_ccc.gif) repeat-y 191px 0;
	min-height:450px;
	padding:0 0 20px;
	position:relative;
}

/* ------------------------------------------------------------
	5. float Menu
   ------------------------------------------------------------ */
/*div#flotMenu {
	width:192px;
	float:left;
	position:relative;
}*/
div#menu dl.parent {
	width:177px;
	margin-left:15px;
	padding-top:1px;
}
div#menu dt.upper {
	width:177px;
	height:30px;
	margin-bottom:1px;
}
*:first-child+html div#menu dt.upper {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
* html div#menu dt.upper {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
div#menu dt.upper a {
	width:177px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
div#menu dt.shopping a:link,
div#menu dt.shopping a:visited {
	background:url(/imgJP/member/guidenav_shopping.gif) no-repeat 0 0;
}
div#menu dt.faq a:link,
div#menu dt.faq a:visited {
	background:url(/imgJP/member/guidenav_faq.gif) no-repeat 0 0;
}
div#menu dt.contact a:link,
div#menu dt.contact a:visited {
	background:url(/imgJP/member/guidenav_contact.gif) no-repeat 0 0;
}
div#menu dt.shopping a:hover,
div#menu dt.shopping a:active {
	background:url(/imgJP/member/guidenav_shopping.gif) no-repeat 0 -30px;
}
div#menu dt.faq a:hover,
div#menu dt.faq a:active {
	background:url(/imgJP/member/guidenav_faq.gif) no-repeat 0 -30px;
}
div#menu dt.contact a:hover,
div#menu dt.contact a:active {
	background:url(/imgJP/member/guidenav_contact.gif) no-repeat 0 -30px;
}
div#menu dt.shopping_act a:link,
div#menu dt.shopping_act a:visited,
div#menu dt.shopping_act a:hover,
div#menu dt.shopping_act a:active {
	background:url(/imgJP/member/guidenav_shopping.gif) no-repeat 0 -30px;
}
div#menu dt.faq_act a:link,
div#menu dt.faq_act a:visited,
div#menu dt.faq_act a:hover,
div#menu dt.faq_act a:active {
	background:url(/imgJP/member/guidenav_faq.gif) no-repeat 0 -30px;
}
div#menu dt.contact_act a:link,
div#menu dt.contact_act a:visited,
div#menu dt.contact_act a:hover,
div#menu dt.contact_act a:active {
	background:url(/imgJP/member/guidenav_contact.gif) no-repeat 0 -30px;
}
div#menu dl.child {
	margin:10px 0 10px;
	font-size:93%;/*12px*/
}
div#menu dl.child dt {
	padding:0 0 8px 10px;
	background:url(/imgJP/common/marker_triangle.gif) no-repeat 2px 5px;
}
div#menu dl.child dt a {
	color:#003399;
}
div#menu dl.child dd {
	padding:0 12px 10px 12px;
}
div#menu dl.child dd li {
	padding:2px 0 3px 8px;
	background:url(/imgJP/common/marker_point.gif) no-repeat 0 9px;
}

/* ------------------------------------------------------------
	6. GuideMain
   ------------------------------------------------------------ */
/*	6-1. Layout
   ------------------------------------------------- */
div#guideMain {
	width:768px;
	float:left;
}
/*	6-2. main Msg
   ------------------------------------------------- */
div#guideMain ul.guideMainMsg {
	width:738px;
	margin-right:15px;
	padding:7px 0 8px 15px;
	line-height:1.4;
}
div#guideMain ul.guideMainMsg a:link,
div#guideMain ul.guideMainMsg a:visited {
	color:#003399;
	text-decoration:none;
}
div#guideMain ul.guideMainMsg a:hover,
div#guideMain ul.guideMainMsg a:active {
	color:#003399;
	text-decoration:underline;
}
div#guideMain ul.guideMainMsg li.image {
	padding:20px 0 12px;
	text-align:center;
}
div#guideMain ul.guideMainMsg li.error {
	color:#ff0000;
	font-weight:bold;
	padding-top: 10px;
}
div#guideMain ul.guideMainMsg li.btnSingle {
	width:738px;
	text-align:center;
	padding:20px 0 0;
}

/*	6-3. obj Person
   ------------------------------------------------- */
div#guideMain dl.guideObjPsn {
	width:738px;
	margin:0 15px;
	line-height:1.4;
	font-size:93%;/*12px*/
}
div#guideMain dl.guideObjPsn dt {
	font-weight:bold;
	border-top:1px solid #ccc;
	padding:15px 0 5px;
}
div#guideMain dl.guideObjPsn dd {
	padding:0 0 15px;
}
div#guideMain dl.guideObjPsn dd a:link,
div#guideMain dl.guideObjPsn dd a:visited {
	color:#003399;
	text-decoration:none;
}
div#guideMain dl.guideObjPsn dd a:hover,
div#guideMain dl.guideObjPsn dd a:active {
	color:#003399;
	text-decoration:underline;
}

/*	6-4. guideTbl
   ------------------------------------------------- */
table#guideTbl {
	width:738px;
	margin:0 15px;
	border-collapse:separate;
	font-size:12px;
}
table.guideBt {border-top:1px solid #ccc;}
table#guideTbl th.ttl {
	background:url(/imgJP/member/bg_border_blk.gif) repeat-x 0 0;
	font-weight:bold;
	padding: 19px 0 10px;
	border-bottom:1px solid #ccc;
}
table#guideTbl th.ttlDeco {
	background:url(/imgJP/member/bg_border_blk.gif) repeat-x 0 0;
	font-size:0;
	height:9px;
}
table#guideTbl th.ttlGyay {
	width:190px;
	text-align: center;
	vertical-align: middle;
	border-top:10px solid #fff;
	background:#ecece7 url(/imgJP/member/bg_grid_membertbl.gif) repeat-x left bottom;
	padding:15px 0 26px;
}
table#guideTbl td.normal {
	padding:20px 0 20px 30px;
	background:#fff url(/imgJP/member/bg_grid_membertbl.gif) repeat-x left bottom;
}
table#guideTbl td.cellBtn {
	padding:0 0 20px;
	text-align:center;
}

/*	6-5. cell Btn
   ------------------------------------------------- */
table#guideTbl td.cellBtn p.btnSingle {text-align:center;padding: 20px 0 0;}
table#guideTbl td.cellBtn ul.btnDouble {
	width:500px;
	text-align:center;
	padding: 20px 0 0;
	margin: 0 auto;
}
table#guideTbl td.cellBtn ul.btnDouble li {display:inline; margin:0 5px;}
* html table#guideTbl td.cellBtn ul.btnDouble li { line-height:0; vertical-align:bottom; font-size:0;}
table#guideTbl td.cellBtn dl dt {text-align:center;padding: 20px 0 5px;font-weight:bold;}
table#guideTbl td.cellBtn dl dd a:link,
table#guideTbl td.cellBtn dl dd a:visited {color:#003399; text-decoration:none;}
table#guideTbl td.cellBtn dl dd a:hover,
table#guideTbl td.cellBtn dl dd a:active {color:#003399; text-decoration:underline;}

/*	6-6. Error Msg
   ------------------------------------------------- */
table#guideTbl td p.errorMsg {
	color:#ff0000;
	padding-top: 5px;
}

/*	6-7. td normal
   ------------------------------------------------- */
table#guideTbl td.normal li.left {width:240px;float:left;position:relative;}
table#guideTbl td.normal li.right {width:278px;float:left;position:relative;}
table#guideTbl td.normal li.right a:link,
table#guideTbl td.normal li.right a:visited {color:#003399;text-decoration:none;}
table#guideTbl td.normal li.right a:hover,
table#guideTbl td.normal li.right a:active {color:#003399;text-decoration:underline;}
table#guideTbl td.normal ul.radioSel li {float:left;margin-right:20px;position: relative;}
table#guideTbl td.normal ul.nameCell li {float:left;margin-right:20px;}
table#guideTbl td.normal p.nameNote {padding-top:10px;}
table#guideTbl td.normal ul.zipCell li {float:left;margin-right:5px;}
table#guideTbl td.normal ul.zipCell li.btn {padding-top:3px;}
table#guideTbl td.normal .expl {padding: 0 15px 10px 0;}
table#guideTbl td.normal input.long {width:220px;}
table#guideTbl td.normal input.mail {width:220px;ime-mode:inactive;}
table#guideTbl td.normal input.name {width:150px;margin-left:5px;}
table#guideTbl td.normal input.tel1 {width:40px;ime-mode:inactive;margin-right:5px;}
table#guideTbl td.normal input.tel2 {width:55px;ime-mode:inactive;margin:0 5px;}
table#guideTbl td.normal input.tel3 {width:55px;ime-mode:inactive;margin-left:5px;}
table#guideTbl td.normal input.longer {width:350px;}
table#guideTbl td.normal input.zip {width:80px;ime-mode:inactive;}
table#guideTbl td.normal select.year {margin-right:5px;}
table#guideTbl td.normal select.month {margin:0 5px;}
table#guideTbl td.normal select.date {margin:0 5px;}
table#guideTbl td.normal .indent {text-indent:-1em;margin-left:1em;}
table#guideTbl td.normal .expl a:link,
table#guideTbl td.normal .expl a:visited {color:#003399;text-decoration:none;}
table#guideTbl td.normal .expl a:hover,
table#guideTbl td.normal .expl a:active {color:#003399;text-decoration:underline;}
table#guideTbl td.normal p.selObj {position:absolute;top:6px;left:0;width:30px;}
*:first-child+html table#guideTbl td.normal p.selObj {position:absolute;top:1px;left:-4px;}
* html table#guideTbl td.normal p.selObj {position:absolute;top:1px;left:-4px;}
table#guideTbl td.normal p.selTxt {padding:5px 0 5px 20px;}
table#guideTbl td.normal li.linkMore {
	background:url(/imgJP/common/marker_arrow01.gif) no-repeat 0 9px;
	float:right;
	padding:5px 0 0 8px;
	text-align:right;
}
table#guideTbl td.normal dl.selMag dt {
	background:url(/imgJP/common/marker_point.gif) no-repeat 0 6px;
	padding:0 0 0 8px;
}
table#guideTbl td.normal dl.selMag dd {
	background:url(/imgJP/common/marker_point.gif) no-repeat 16px 6px;
	padding:0 0 0 24px;
}
table#guideTbl td.normal textarea {width:480px;padding:0 0 0 5px;}
table#guideTbl td.normal p.grey {padding-top: 5px;}

/*	6-8. GuidePageNavi
   ------------------------------------------------- */
div#guideMain .guidePageNavi {
	width:716px;
	margin:10px 0 15px 15px;
	line-height:1.4;
	border: 1px solid #ccc;
	padding: 10px;
}
div#guideMain .guidePageNavi h4 {line-height:1.4;margin-bottom:5px;}
div#guideMain .guidePageNavi a:link,
div#guideMain .guidePageNavi a:visited {
	color:#003399;
	text-decoration:none;
}
div#guideMain .guidePageNavi a:hover,
div#guideMain .guidePageNavi a:active {
	color:#003399;
	text-decoration:underline;
}
div#guideMain .guidePageNavi li {
	margin-right:20px;
	font-size:93%;/*12px*/
	display: inline;
	line-height:1.6;
}

/*	6-9. guideCont
   ------------------------------------------------- */
div#guideMain dl.guideCont {
	width:738px;
	margin:0 15px;
	line-height:1.4;
	font-size:93%;/*12px*/
}
div#guideMain dl.guideCont dt {
	font-weight:bold;
	padding:15px 0 5px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
div#guideMain dl.guideCont dd {
	padding:0 0 15px;
}
div#guideMain dl.guideCont dd a:link,
div#guideMain dl.guideCont dd a:visited {
	color:#003399;
	text-decoration:none;
}
div#guideMain dl.guideCont dd a:hover,
div#guideMain dl.guideCont dd a:active {
	color:#003399;
	text-decoration:underline;
}
div#guideMain dl.guideCont dd .ttl {
	padding:0 0 8px;
	color:#FF5400;
	font-weight: bold;
}
div#guideMain dl.guideCont dd p {margin:0 0 2em;}