@charset "UTF-8";

/*=============================================================
	URI: http://www.tokyo-menkyo.or.jp/
	Created: 2008.07
	Modified: 2010.05
	Author: wan55. yuko aono
=============================================================*/

/*========================Contents=============================
	01) Index
	02) Flow
	03) Faq
	04) Type
	05) Car Line
	06) License
	07) Menkyo Center
	
	99) Clear
=============================================================*/
/*-------------------------------------------------------------
	01) Index
-------------------------------------------------------------*/
#dictionary {background: transparent url(../../images/menkyo/menkyo_bg.jpg) left top repeat-y;}

#dictionary table {
	margin: 17px 0 20px 17px;
	width: 887px;
	background: transparent url(../../images/shared/dot_gray02.gif) center 17px repeat-y;
}

#dictionary table tr {background: transparent url(../../images/shared/dot_gray.gif) left bottom repeat-x;}

#dictionary table td {
	padding: 10px 23px 15px 0;
	width: 50%;
	vertical-align: top;
}

#dictionary table tr#head td {padding-top: 0;}
#dictionary table tr#foot {background: none;}

#dictionary table td #aboutTd ,
#dictionary table td #flowTd,
#dictionary table td #faqTd,
#dictionary table td #typeTd,
#dictionary table td #carTd,
#dictionary table td #licenseTd,
#dictionary table td #centerTd,
#dictionary table td #beginnerTd {
	padding-left: 105px;
	min-height: 105px;
}

* html #dictionary table td #aboutTd ,
* html #dictionary table td #flowTd,
* html #dictionary table td #faqTd,
* html #dictionary table td #typeTd,
* html #dictionary table td #carTd,
* html #dictionary table td #licenseTd,
* html #dictionary table td #centerTd,
* html #dictionary table td #beginnerTd {height: 105px;} /* IE6 */

#dictionary table td #aboutTd {background: transparent url(../../images/menkyo/menkyo_img_about.jpg) 17px 0 no-repeat;}
#dictionary table td #flowTd {background: transparent url(../../images/menkyo/menkyo_img_flow.jpg)  17px 0 no-repeat;}
#dictionary table td #faqTd {background: transparent url(../../images/menkyo/menkyo_img_faq.jpg)  17px 0 no-repeat;}
#dictionary table td #typeTd {background: transparent url(../../images/menkyo/menkyo_img_type.jpg)  17px 0 no-repeat;}
#dictionary table td #carTd {background: transparent url(../../images/menkyo/menkyo_img_car.jpg)  17px 0 no-repeat;}
#dictionary table td #licenseTd {background: transparent url(../../images/menkyo/menkyo_img_license.jpg)  17px 0 no-repeat;}
#dictionary table td #centerTd {background: transparent url(../../images/menkyo/menkyo_img_center.jpg)  17px 0 no-repeat;}
#dictionary table td #beginnerTd {background: transparent url(../../images/menkyo/menkyo_img_beginner.jpg)  17px 0 no-repeat;}

#dictionary table td h2 {
	padding-top: 10px;
	margin-bottom: 0.4em;
}

#dictionary table td h2 a {
	padding-right: 15px;
	background: transparent url(../../images/icon/arrow_green_m2.gif) right 2px no-repeat;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}

#dictionary table td h2 a:hover {text-decoration: underline;}

#dictionary #enqueteArea {
	position: relative;
	background: transparent url(../../images/menkyo/menkyo_enquete_bg.jpg) left bottom no-repeat;
}

#dictionary #enqueteArea .enqueteBtn {
	position: absolute;
	top: 133px;
	left: 163px;
}

#dictionary #enqueteArea #pageTop {
	position: relative;
	top: 17px;
	background: none;
}

/*-------------------------------------------------------------
	02) Flow
-------------------------------------------------------------*/
#flow #container {padding-bottom: 0;}

#flow ul {width: 635px;}

#flow li {float: left;}

#flow li img {vertical-align: bottom;}

#flow #pageTop {background: transparent url(../../images/info/bg_container_flow_bottom.gif) left top no-repeat;}

/*-------------------------------------------------------------
	03) Faq
-------------------------------------------------------------*/
#faqArea {padding: 6px 14px 0 17px;}

#faqArea .intro {
	width: 584px;
	min-height: 71px;
	background: transparent url(../../images/menkyo/faq_bg01.jpg) right bottom no-repeat;
}

#faqArea .intro p {
	padding: 10px 0 17px;
	width: 430px;
}

.topics {
	margin: 17px 0 30px 0;
	width: 601px;
	border-left: 1px solid #7ab65c;
	border-right: 1px solid #7ab65c;
	background: #fbf8e1 url(../../images/shared/bg_guide.gif) left top repeat-x;
}

.topics .topicsHead {
	height: 10px;
	background:transparent url(../../images/shared/bg_guide4_head.gif) left top no-repeat;
}

.topics h2 {
	margin: 2px 0 0.6em 12px;
	width: 550px;
	padding-left: 13px;
	background: transparent url(../../images/icon/list_02.gif) 0px 3px no-repeat;
	font-weight: bold;
	color: #256802;
}

.topics ul {margin-left: 12px;}

.topics li {
	padding: 0 13px;
	margin-bottom: 0.6em;
	background: transparent url(../../images/icon/list_01.gif) 0px 5px no-repeat;
	color: #666666;
}

.topics li a {color: #333333;}

.topics .topicsFoot {
	height: 10px;
	background: transparent url(../../images/shared/bg_guide4_bottom.gif) left bottom no-repeat;
}

.faq .faqTitle {
	margin-bottom: 17px;
	position: relative;
}

.faq .faqTitle h2 {
	padding: 10px 100px 8px 30px;
	background: #6bb30e url(../../images/title/title_h2_menkyo.gif) left center no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

* html .faq .faqTitle h2 {font-size: 120%;} /* IE6 */
*:first-child+html .faq .faqTitle h2 {font-size: 120%;} /* IE7 */


.faq .faqTitle .titleMark {
	position: absolute;
	right: 24px;
	top: -11px;
	width: 52px;
	height: 86px;
	background: transparent url(../../images/menkyo/faq_bg02.png) right center no-repeat;
}

* html .faq .faqTitle .titleMark { /* IE6 */
	right: 34px;
	behavior: expression(IEPNGFIX.fix(this));
}

.faq h3 {
	margin: 0 0 10px 13px;
	padding: 2px 5px 5px 30px;
	background: transparent url(../../images/icon/icon_q.gif) left top no-repeat;
	font-weight: bold;
}

.faq h4 {
	margin: 0 0 10px 43px;
	padding: 2px 5px 5px 10px;
	background: transparent url(../../images/icon/list_04.gif) 0px 5px no-repeat;
	font-weight: bold;
	color: #006600;
}

.faq p {
	margin: 0 0 10px 13px;
	padding: 2px 5px 5px 30px;
	background: transparent url(../../images/icon/icon_a.gif) left top no-repeat;
}

.faq .pageTop p {background: none;}

.faq .pageTop p a {padding: 0 0 0 12px;}

.faq span.link {
	margin-left: 3px;
	padding-left: 12px;
	font-size: 10px;
	background: transparent url(../../images/icon/arrow_gray_s.gif) left center no-repeat;
}

* html .faq span.link {font-size: 80%;} /* IE6 */
*:first-child+html .faq span.link {font-size: 80%;} /* IE7 */

.faq span.link a {color: #000099;}

.faq .dotLine {margin-bottom: 15px;}

.guide {
	margin: 0 0 20px 43px;
	width: 514px;
	border-left: 1px solid #7ab65c;
	border-right: 1px solid #7ab65c;
	background: #ffffff;
}

.guide .guideHead {
	height: 10px;
	background:transparent url(../../images/shared/bg_guide5_head.gif) left top no-repeat;
}

.guide ul {margin-left: 20px;}

.guide li {
	padding: 0 10px;
	margin-bottom: 0.4em;
	background: transparent url(../../images/icon/list_03.gif) 0px 6px no-repeat;
	color: #666666;
}

.guide li a {color: #333333;}

.guide .guideFoot {
	height: 10px;
	background: transparent url(../../images/shared/bg_guide5_bottom.gif) left bottom no-repeat;
}

/*-------------------------------------------------------------
	04) Type
-------------------------------------------------------------*/
#type {
	padding: 16px 15px 0 17px;
	margin-bottom: -20px;
}

#type table.typeTable {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#type table.typeTable caption {padding-bottom: 12px;} 

#type table.typeTable th {
	width: 55px;
	padding: 12px 2px 12px 6px;
	background: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #006600;
}

#type table.typeTable th a {color: #006600;}

#type table.typeTable th.typeTop {
	width: 85px;
	background: #fdfef0;
	color: #333333;
}

#type table.typeTable td {
	padding-bottom: 1px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #cccccc;
	background: #ffffff url(../../images/shared/dot_gray.gif) left bottom repeat-x;
}

#type table.typeTable td.type {
	width: 55px;
	padding: 6px 0 6px 8px;
	text-align: left;
	background: #fdfef0 url(../../images/shared/dot_gray.gif) left bottom repeat-x;
}

#type table.typeTable td.type p {
	margin-top: 2px;
	white-space: nowrap;
}

#type table.typeTable tr.typeHead th {
	background: none;
	width: auto;
	padding: 5px 0;
	text-align: center;
}

#type table.typeTable tr.typeHead th.headCar {background: #eeeeee;}

#type table.typeTable tr.typeLast td {background-image: none;}

#type .typeguide {
	margin: 17px 0 30px 0;
	width: 601px;
	border-left: 1px solid #7ab65c;
	border-right: 1px solid #7ab65c;
	background: #fbf8e1 url(../../images/shared/bg_guide.gif) left top repeat-x;
}

#type .typeguide .typeguideHead {
	height: 10px;
	background:transparent url(../../images/shared/bg_guide4_head.gif) left top no-repeat;
}

#type .typeguide dl {
	margin: 5px 0 0.8em 10px;
	width: 577px;
}

#type .typeguide dl.last{margin-bottom: 3px;}

#type .typeguide dt {
	float: left;
	width: 110px;
	padding-left: 15px;
	background: transparent url(../../images/icon/list_02.gif) 0px 3px no-repeat;
	font-weight: bold;
}

#type .typeguide dd {
	float: right;
	width: 440px;
	padding-left: 1em;
	text-indent: -0.5em;
}

#type .typeguide .dotGreenLine2 {margin: 12px;}

#type .typeguide .typeguideFoot {
	height: 10px;
	background: transparent url(../../images/shared/bg_guide4_bottom.gif) left bottom no-repeat;
}

#type h2 {margin-bottom: 12px;}

#type table.ageTable {
	margin: 0 0 12px 12px;
	width: 580px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#type table.ageTable caption {
	margin-left: 12px;
	padding-bottom: 12px;
} 

#type table.ageTable th {
	padding: 12px 0 12px 10px;
	background: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #006600;
	vertical-align: top;
}

#type table.ageTable th.car {width: 8em;}

#type table.ageTable th.age {width: 3em;}

#type table.ageTable th.explain {width: ;}

#type table.ageTable td {
	padding: 12px 12px 12px 10px;
	border-right: 1px solid #cccccc;
	background:#ffffff url(../../images/shared/dot_gray.gif) left bottom repeat-x;
	vertical-align: top;
}

#type table.ageTable tr.ageLast td {background-image: none;}

#type table.ageTable td .attention {
	font-size: 10px;
	color: #666666;
}

* html #type table.ageTable td .attention {font-size: 90%;} /* IE6 */

*:first-child+html #type table.ageTable td .attention {font-size: 90%;} /* IE7 */

/*-------------------------------------------------------------
	05) Car Line
-------------------------------------------------------------*/
#carLine {padding: 6px 14px 0 17px;}

#carLine .intro {
	width: 603px;
	min-height: 71px;
	background: transparent url(../../images/menkyo/car_bg01.jpg) right bottom no-repeat;
}

#carLine .intro p {
	padding: 10px 0 17px;
	width: 430px;
}

.lineup {
	margin: 17px 0 17px 0;
	width: 601px;
	border-left: 1px solid #9f9f9f;
	border-right: 1px solid #9f9f9f;
	background: #f1f1f1;
}

.lastline {margin-bottom: -10px;}

.lineup .lineupHead {
	height: 10px;
	background:transparent url(../../images/shared/bg_guide6_head.gif) left top no-repeat;
}

.lineup dl {
	margin: 5px 0 0 20px;
	width: 566px;
}

.lineup dt {
	float: left;
	width: 236px;
}

.lineup dd {
	float: right;
	width: 330px;
}

.lineup dd p {padding: 5px 0;}

.lineup dd p.small {font-size: 11px;}

* html .lineup dd p.small {font-size: 90%;} /* IE6 */

*:first-child+html .lineup dd p.small {font-size: 90%;} /* IE7 */

.lineup dd li {
	padding: 0 13px;
	margin-bottom: 0.3em;
	background: transparent url(../../images/icon/list_02.gif) 0px 3px no-repeat;
}

.lineup .lineupBtn {
	margin-right: 18px;
	text-align: right;
}

.lineup .lineupFoot {
	padding-top: 4px;
	height: 10px;
	background: transparent url(../../images/shared/bg_guide6_bottom.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------
	06) License
-------------------------------------------------------------*/
#licenseArea {padding: 6px 14px 0 17px;}

#licenseArea .intro {
	width: 600px;
	min-height: 134px;
	background: transparent url(../../images/menkyo/license_bg01.jpg) right bottom no-repeat;
}

#licenseArea .intro p {
	padding: 10px 0 0;
	width: 410px;
}

#licenseArea .intro h2 {
	padding: 10px 13px 0;
	background: transparent url(../../images/icon/list_01.gif) 0px 13px no-repeat;
	font-weight: bold;
}

#licenseArea p.link,
#licenseArea span.link {
	margin: 0 0 1em 3px;
	padding: 0 0 0 12px;
	font-size: 10px;
	background: transparent url(../../images/icon/arrow_green_s.gif) left center no-repeat;
}

* html #licenseArea p.link,
* html #licenseArea span.link {font-size: 80%;} /* IE6 */
*:first-child+html #licenseArea p.link,
*:first-child+html #licenseArea span.link {font-size: 80%;} /* IE7 */

#licenseArea p.link a,
#licenseArea span.link a {color: #000099;}

#licenseArea p.reissue {
	margin: -0.8em 0 2em 25px;
	color: #338f04;
}

#licenseArea .dotLine {margin-bottom: 15px;}

.license .licenseTitle {margin-bottom: 17px;}

.license .licenseTitle h2 {
	padding: 10px 100px 8px 30px;
	background: #6bb30e url(../../images/title/title_h2_menkyo.gif) left center no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

* html .license .licenseTitle h2 {font-size: 120%;} /* IE6 */
*:first-child+html .license .licenseTitle h2 {font-size: 120%;} /* IE7 */

.license h3 {
	padding: 0 0 0 10px;
	margin: 0 0 0.5em 15px;
	background: transparent url(../../images/icon/list_03.gif) 0 0.5em no-repeat;
	font-weight: bold;
}

.license p {margin: 0 10px 10px 25px;}

.license ul.listItem {margin: 0 0 0 30px;}

.license ul.listItem li {
	padding-left: 1em;
	text-indent: -1em;
}

.license table.licenseTable {
	margin: 0 0 12px 12px;
	width: 580px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.license table.licenseTable th {
	padding: 12px 0 12px 10px;
	background: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #006600;
	vertical-align: top;
}

.license table.licenseTable th#place {width: 235px;}
.license table.licenseTable th#time {width: 93px;}
.license table.licenseTable th#close {width: 93px;}
.license table.licenseTable th#charge {width: 150px;}

.license table.licenseTable th.place01,
.license table.licenseTable td.place01 {width: 184px;}
.license table.licenseTable th.place02,
.license table.licenseTable td.place02 {width: 172px;}
.license table.licenseTable th.place03,
.license table.licenseTable td.place03 {width: 190px;}


.license table.licenseTable td {
	padding: 12px 12px 12px 10px;
	border-right: 1px solid #cccccc;
	background:#ffffff url(../../images/shared/dot_gray.gif) left bottom repeat-x;
	vertical-align: top;
}

.license table.licenseTable td .greenBox {
	width: 99%;
	border: 1px solid #7ab65c;
	padding: 8px;
}

.license table.licenseTable td .greenBox p {margin: 0 0 0.5em 0;}

.license table.licenseTable td .greenBox .small{font-size: 80%;}


.license table.licenseTable .licenseLast {background-image: none;}

.license table.licenseTable td a.selfLink,
.license table.licenseTable td a.blankLink,
.license table.licenseTable td a.innerLink {
	padding-right: 13px;
	color: #333333;
}

.license table.licenseTable td a.selfLink{
	background: transparent url(../../images/icon/arrow_green_s.gif) right center no-repeat;
}

.license table.licenseTable td a.blankLink {
	background: transparent url(../../images/icon/icon_blank_link.gif) right center no-repeat;
}

.license table.licenseTable td a.innerLink {
	background: transparent url(../../images/icon/arrow_gray_bottom.gif) right center no-repeat;
}

.license .chargeImg {
	margin: 0 0 10px 12px;
	width: 579px;
	height: 256px;
	background: transparent url(../../images/menkyo/license_img01.gif) left top no-repeat;
}

.license .chargeImg p {display: none;}


.license h3.placeList {
	padding: 0 0 0 15px;
	margin: 0 0 0.5em 12px;
	background: transparent url(../../images/icon/list_02.gif) 0 5px no-repeat;
	font-weight: bold;
	font-size: 120%;
	color: #256802;
}

.license .telAttention {margin: 0 0 10px 12px;}

.license .lastAttention {
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 80%;
}

.license .pageTop p {background: none;}

.license .pageTop p a {padding: 0 0 0 12px;}


/*-------------------------------------------------------------
	07) Menkyo Center
-------------------------------------------------------------*/
#menkyoCenterArea {padding: 16px 14px 0 17px;}

#menkyoCenterArea .reed {margin-bottom: 12px;}

.menkyoCenter .centerMap {
	margin: 12px 0 12px 12px;
}

.menkyoCenter p {margin: 0 0 0.2em 12px;}

.menkyoCenter ul {margin: 0 0 20px 16px;}

.menkyoCenter li {
	padding-left: 10px;
	margin-bottom: 0.3em;
	background: transparent url(../../images/icon/list_03.gif) 0px 5px no-repeat;
}



/*-------------------------------------------------------------
	99) Clear
-------------------------------------------------------------*/
#flow ul:after,
#type .typeguide dl:after,
.lineup dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#flow ul,
#type .typeguide dl,
.lineup dl {display: inline-block;}

/* exclude MacIE5 \*/
* html #flow ul,
* html #type .typeguide dl,
* html .lineup dl {height: 1%;}
#flow ul,
#type .typeguide dl,
.lineup dl {display: block;}
/* end MacIE5 */