@charset "utf-8";

/* OHS ABOUT.CSS  */


/*---------------------------------------
*	
*	00.ABOUT_COMMON
*	01.ABOUT_INDEX
*	02.ABOUT_DESCRIPTION
*	03.ABOUT_CODE
*	04.ABOUT_MEMBER
*	05.ABOUT_ACCESS
*	0N.ABOUT_UTIL
*
*--------------------------------------*/


/**--------------------------------------
	00.ABOUT_COMMON
---------------------------------------**/

h2#aboutH2
{
	width: 235px;
	height: 100px;
	margin: 0 0 10px 0;
	text-indent: -99999px;
	background: url(../images/about_cmn_tt.gif) no-repeat;
}

ul#aboutLnavi
{
	margin: 0 0 10px 0;
}

ul#aboutLnavi li
{
	display: block;
}

ul#aboutLnavi li a
{
	display: block;
	width: 235px;
	text-indent: -99999px;
}

ul#aboutLnavi li a.an00
{
	display: block;
	height: 35px;
	text-indent: -99999px;
	background: url(../images/about_cmn_lnavi00.gif) no-repeat;
}

ul#aboutLnavi li a.an01
{
	display: block;
	height: 35px;
	text-indent: -99999px;
	background: url(../images/about_cmn_lnavi01.gif) no-repeat;
}

ul#aboutLnavi li a.an02
{
	display: block;
	height: 35px;
	text-indent: -99999px;
	background: url(../images/about_cmn_lnavi02.gif) no-repeat;
}

ul#aboutLnavi li a.an03
{
	display: block;
	height: 35px;
	text-indent: -99999px;
	background: url(../images/about_cmn_lnavi03.gif) no-repeat;
}

ul#aboutLnavi li a.an04
{
	display: block;
	height: 35px;
	text-indent: -99999px;
	background: url(../images/about_cmn_lnavi04.gif) no-repeat;
}

ul#aboutLnavi li a.an05
{
	display: block;
	height: 36px;
	text-indent: -99999px;
	background: url(../images/about_cmn_lnavi05.gif) no-repeat;
}

ul#aboutLnavi li a.an00:hover
{
	background: url(../images/about_cmn_lnavi00_f2.gif) no-repeat;
}

ul#aboutLnavi li a.an01:hover
{
	background: url(../images/about_cmn_lnavi01_f2.gif) no-repeat;
}

ul#aboutLnavi li a.an02:hover
{
	background: url(../images/about_cmn_lnavi02_f2.gif) no-repeat;
}

ul#aboutLnavi li a.an03:hover
{
	background: url(../images/about_cmn_lnavi03_f2.gif) no-repeat;
}

ul#aboutLnavi li a.an04:hover
{
	background: url(../images/about_cmn_lnavi04_f2.gif) no-repeat;
}

ul#aboutLnavi li a.an05:hover
{
	background: url(../images/about_cmn_lnavi05_f2.gif) no-repeat;
}

h3
{
	width: 555px;
	height: 42px;
	margin: 0 0 15px 0;
	text-indent: -99999px;
}

h4
{
	width: 555px;
	height: 37px;
	margin: 0 0 20px 0;
	text-indent: -99999px;
}



/**--------------------------------------
	00.ABOUT_OUTLINE
---------------------------------------**/

div#aboutOutline h3
{
	background: url(../images/about_outline_h3.gif) no-repeat;
}

div#aboutOutline h4
{
	background: url(../images/about_outline_h4.gif) no-repeat;
}

div#aboutOutline h5
{
	margin: 0 0 20px 10px;
}

div#aboutOutline table
{
	width: 520px;
	margin: 0 0 20px 35px;
}

div#aboutOutline table,
div#aboutOutline table tr,
div#aboutOutline table tr th,
div#aboutOutline table tr td
{
	border: 1px solid #CCCCCC;
}

div#aboutOutline table tr th
{
	width: 90px;
	background:url(../images/cmn_tablebkg_06.jpg) repeat-y;
}

div#aboutOutline table tr th,
div#aboutOutline table tr td
{
	padding: 5px;
}

div#aboutOutline .access a
{
	display:block;
	width:200px;
	height:25px;
	margin:10px 10px 40px 35px;
	background:url(../images/about_outline_maplink.gif) top no-repeat;
	text-indent:-99999px;
}

div#aboutOutline table tr td.tdName
{
	width: 95px;
}

dl.aboutPdf01
{
	float: right;
	width: 255px;
	margin: 0 0 20px 5px;
	padding: 0 0 0 5px;
}

dl.aboutPdf02
{
	float: right;
	width: 255px;
	margin:0 0 20px 10px;
}

div#aboutOutline p.AcrobatDLBtn
{
	float: left;
	width: 340px;
	margin:0 0 60px 30px;
	*margin:0 0 60px 15px;
}

div#aboutOutline p.pdfDLBtn
{
	float: left;
	width: 162px;
	margin: 0;
	padding: 0 0 0 5px;
}

div#aboutOutline p.GetPdfDate
{
	float: right;
	width: 162px;
	margin: 0;
	padding: 5px 15px 0 5px;
	font-size:10px;
	color:#666666;
	text-align:center;
}

/**--------------------------------------
	01.ABOUT_INDEX
---------------------------------------**/

div#aboutIndex h3
{
	background: url(../images/about_h3.gif) no-repeat;
}

div#aboutIndex h4#declaration
{
	background: url(../images/about_index_h4_01.gif) no-repeat;
}	

div#aboutIndex h4#frame
{
	background: url(../images/about_index_h4_02.gif) no-repeat;
}

div#aboutIndex h5,
div#aboutDescription h5
{
	margin: 0 0 20px 10px;
}

div#aboutIndex p.frameImage
{
	margin: 0 0 25px 0;
}

div#aboutIndex p.paraEnd,
div#aboutIndex ol.paraEnd
{
	margin-bottom: 30px;
}

div#aboutIndex p,
div#aboutIndex ol
{
	width: 520px;
	margin: 0 0 20px 35px;
}

div#aboutIndex ol li
{
	list-style-type:decimal;
	list-style-position:inside;
}


/**--------------------------------------
	02.ABOUT_DESCRIPTION
---------------------------------------**/

div#aboutDescription h3
{
	background: url(../images/about_description_h3.gif) no-repeat;
}

div#aboutDescription h4
{
	background: url(../images/about_description_h4.gif) no-repeat;
}

div#aboutDescription dl
{
	width: 520px;
	margin: 0 0 20px 35px;
}

div#aboutDescription dl dd
{
	margin: 0 0 10px 0;
}

div#aboutDescription p.descriptionChart
{
	margin: 0 0 25px 35px;
}

div#aboutDescription table
{
	width: 520px;
	margin: 0 0 5px 35px;
}

div#aboutDescription table,
div#aboutDescription table tr,
div#aboutDescription table tr th,
div#aboutDescription table tr td
{
	border: 1px solid #CCCCCC;
}

div#aboutDescription table tr th
{
	width: 90px;
}

div#aboutDescription table tr th,
div#aboutDescription table tr td
{
	padding: 5px;
}

div#aboutDescription table tr td.tdName
{
	width: 95px;
}

ul#promoter
{
	margin: 0 0 25px 35px;
}

ul#promoter li
{
	margin: 0 0 5px 0;
}

ul#promoter li span
{
	font-weight: bold;
	margin: 0 30px 0 0;
}

div#aboutDescription p
{
	display:block;
	float:right;
	width:520px;
	margin:0 0 15px 0;
	padding:0;
	font-size:10px;
	text-align:right;
}

/**--------------------------------------
	03.ABOUT_CODE
---------------------------------------**/

div#aboutCode
{
	margin: 0 0 50px 0;
}

div#aboutCode h3
{
	background: url(../images/about_code_h3.gif) no-repeat;
}

div#aboutCode h4
{
	clear:both;
	background: url(../images/about_code_h4.gif) no-repeat;
}

div#aboutCode h5
{
	margin: 20px 0 20px 10px;
}

div#aboutCode dl,
div#aboutCode ol
{
	margin: 0 0 0 32px;
}

div#aboutCode dl dl,
div#aboutCode dl ol
{
	margin: 10px 0 0 0px;
}

div#aboutCode dt
{
	font-weight: bold;
	margin: 10px 0;
}

div#aboutCode dl dl dt
{
	font-weight: normal;
}

div#aboutCode dd,
div#aboutCode dl ol li
{
	
}

div#aboutCode .pdfPrint a
{
	float:right;
	width:124px;
	height:36px;
	margin:0 0 0 10px;
	padding:0;
	text-indent:-99999px;
	background:url(../images/about_pdfprintbtn.jpg) top no-repeat;
}

div#aboutCode p.AcrobatDLBtn
{
	float: left;
	width: 340px;
	margin:10px 0 30px 30px;
	*margin:0 0 30px 15px;
}

div#aboutCode p.pdfDLBtn
{
	float: left;
	width: 162px;
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}

/**--------------------------------------
	04.ABOUT_MEMBER
---------------------------------------**/

div#aboutMember h3
{
	background: url(../images/about_member_h3.gif) no-repeat;
}

div#aboutGen h4
{
	background: url(../images/about_member_h4_01.gif) no-repeat;
}

div#aboutSpecial h4
{
	background: url(../images/about_member_h4_02.gif) no-repeat;
}

div#aboutDL h4
{
	background: url(../images/about_member_h4_03.gif) no-repeat;
}

div#tabs
{
	margin:0 0 15px 0;
}

ul#comList
{
	margin:10px 0 0 0;
}

ul#comList li
{
	float:left;
	display:block;
	margin:10px 0 0 0;
	padding:0;
}

ul#comList li a
{
	float:left;
	display:block;
	height:25px;
	padding:0;
	text-indent:-99999px;
}

ul#comList li a.comAct01 {
	width:46px;
	background: url(../images/about_mem_comlitab_01.jpg) top no-repeat;
}
ul#comList li a.comAct02{ width:46px; background: url(../images/about_mem_comlitab_02.jpg) top no-repeat; }
ul#comList li a.comAct03 { width:46px; background: url(../images/about_mem_comlitab_03.jpg) top no-repeat; }
ul#comList li a.comAct04 { width:46px; background: url(../images/about_mem_comlitab_04.jpg) top no-repeat; }
ul#comList li a.comAct05 { width:46px; background: url(../images/about_mem_comlitab_05.jpg) top no-repeat; }
ul#comList li a.comAct06 { width:46px; background: url(../images/about_mem_comlitab_06.jpg) top no-repeat; }
ul#comList li a.comAct07 { width:46px; background: url(../images/about_mem_comlitab_07.jpg) top no-repeat; }
ul#comList li a.comAct08 { width:46px; background: url(../images/about_mem_comlitab_08.jpg) top no-repeat; }
ul#comList li a.comAct09 { width:46px; background: url(../images/about_mem_comlitab_09.jpg) top no-repeat; }
ul#comList li a.comAct10 {
	width:54px;
	background: url(../images/about_mem_comlitab_10.jpg) top no-repeat;
}
ul#comList li a.comActAll {
	width:52px;
	background: url(../images/about_mem_comlitab_11.jpg) top no-repeat;
}

ul#comList li.ui-tabs-selected a.comAct01 { width:46px; background: url(../images/about_mem_comlitab_01.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct02 { width:46px; background: url(../images/about_mem_comlitab_02.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct03 { width:46px; background: url(../images/about_mem_comlitab_03.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct04 { width:46px; background: url(../images/about_mem_comlitab_04.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct05 { width:46px; background: url(../images/about_mem_comlitab_05.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct06 { width:46px; background: url(../images/about_mem_comlitab_06.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct07 { width:46px; background: url(../images/about_mem_comlitab_07.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct08 { width:46px; background: url(../images/about_mem_comlitab_08.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct09 { width:46px; background: url(../images/about_mem_comlitab_09.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comAct10 { width:54px; background: url(../images/about_mem_comlitab_10.jpg) bottom no-repeat; }
ul#comList li.ui-tabs-selected a.comActAll { width:52px; background: url(../images/about_mem_comlitab_11.jpg) bottom no-repeat; }

div#com01,div#com02,div#com03,div#com04,div#com05,div#com06,div#com07,div#com08,div#com09,div#com10,div#comAll
{
	clear:both;
	border:none;
}

ul#goList
{
	margin:10px 0 0 0;
}

ul#goList li
{
	float:left;
	display:block;
	margin:10px 0 0 0;
	padding:0;
}

ul#goList li a
{
	float:left;
	display:block;
	height:25px;
	text-indent:-99999px;
}

ul#goList li a.goAct01 {
	width:119px;
	background:url(../images/about_mem_golitab_01.jpg) top no-repeat;
}
ul#goList li a.goAct02 { width:51px; background:url(../images/about_mem_golitab_02.jpg) top no-repeat; }
ul#goList li a.goAct03 { width:51px; background:url(../images/about_mem_golitab_03.jpg) top no-repeat; }
ul#goList li a.goAct04 { width:91px; background:url(../images/about_mem_golitab_04.jpg) top no-repeat; }
ul#goList li a.goAct05 { width:91px; background:url(../images/about_mem_golitab_05.jpg) top no-repeat; }
ul#goList li a.goAct06 {
	width:61px;
	background:url(../images/about_mem_golitab_06.jpg) top no-repeat;
}
ul#goList li a.goAct07 {
	width:57px;
	background:url(../images/about_mem_golitab_07.jpg) top no-repeat;
}

ul#goList li.ui-tabs-selected a.goAct01 { width:119px; background:url(../images/about_mem_golitab_01.jpg) bottom no-repeat; }
ul#goList li.ui-tabs-selected a.goAct02 { width:51px; background:url(../images/about_mem_golitab_02.jpg) bottom no-repeat; }
ul#goList li.ui-tabs-selected a.goAct03 { width:51px; background:url(../images/about_mem_golitab_03.jpg) bottom no-repeat; }
ul#goList li.ui-tabs-selected a.goAct04 { width:91px; background:url(../images/about_mem_golitab_04.jpg) bottom no-repeat; }
ul#goList li.ui-tabs-selected a.goAct05 { width:91px; background:url(../images/about_mem_golitab_05.jpg) bottom no-repeat; }
ul#goList li.ui-tabs-selected a.goAct06 { width:61px; background:url(../images/about_mem_golitab_06.jpg) bottom no-repeat; }
ul#goList li.ui-tabs-selected a.goAct07 { width:57px; background:url(../images/about_mem_golitab_07.jpg) bottom no-repeat; }

div#go01,div#go02,div#go03,div#go04,div#go05,div#go06,div#go07
{
	clear:both;
	border:none;
}


div#aboutMember table
{
	width: 500px;
	margin: 0;
}

div#aboutMember table,
div#aboutMember table tr,
div#aboutMember table tr th,
div#aboutMember table tr td
{
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}

div#aboutMember table tr th,
div#aboutMember table tr td
{
	padding: 3px;
}

div#aboutMember table tr th
{	
	background: #E6FFDF;
	font-weight: bold;
}

div#aboutGen,
div#aboutSpecial
{
	margin: 0 0 40px 0;
}

div#aboutGen p,
div#aboutSpecial p
{
	margin: 0 0 10px 10px;
}

div#aboutGen p.explanation
{
	clear:both;
}

div#aboutGen a,
div#aboutSpecial a
{
	color: #666666;
}

div#aboutMember p.AcrobatCopy
{
	margin:20px 0 10px 20px;
}

div#aboutMember p.AcrobatDLBtn
{
	float: left;
	width: 340px;
	margin:0 0 30px 15px;
}

div#aboutMember p.pdfDLBtn
{
	float: left;
	width: 162px;
	margin: 0;
	padding: 0 0 0 5px;
}

div#aboutMember p.pdfDate
{
	float: right;
	width: 162px;
	margin: 0;
	padding: 5px 15px 0 5px;
	font-size:10px;
	color:#666666;
	text-align:center;
}


/**--------------------------------------
	05.ABOUT_ACCESS
---------------------------------------**/

div#aboutAccess h3
{
	background: url(../images/about_access_h3.gif) no-repeat;
}

div#aboutAccess h5
{
	margin: 0 0 20px 10px;
}

div#aboutMap table
{
	width: 520px;
	margin: 0 0 20px 35px;
}

div#aboutMap table,
div#aboutMap table tr,
div#aboutMap table tr th,
div#aboutMap table tr td
{
	border: 1px solid #CCCCCC;
}

div#aboutMap table tr th
{
	width: 70px;
	background:url(../images/cmn_tablebkg_06.jpg) repeat-y;
}

div#aboutMap table tr th,
div#aboutMap table tr td
{
	padding: 5px;
}

div#aboutMap table tr td.tdName
{
	width: 95px;
}

div#aboutMap,
div#aboutMobile
{
	margin: 0 0 40px 0;
}

div#aboutMap h4
{
	background: url(../images/about_access_h4_01.gif) no-repeat;
}

div#aboutMobile h4
{
	background: url(../images/about_access_h4_02.gif) no-repeat;
}

dl.wideMap
{
	float: left;
	width: 270px;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
}

dl.smallMap
{
	float: right;
	width: 270px;
}

.ico
{
	margin-bottom:5px;
}

dl#accessWay
{
	width: 535px;
	margin: 0 0 20px 10px;
}

dl#accessWay dt
{
	visibility: hidden;
	font-size: 0;
}

dl#accessWay dd.accessCar
{
	width: 535px;
	min-height: 21px;
	margin: 0 0 10px 0;
	background: url(../images/about_access_car_ico.gif) no-repeat;
}

dl#accessWay dd.accessTrain
{
	width: 535px;
	min-height: 21px;
	background: url(../images/about_access_train_ico.gif) no-repeat;
}

dl#accessWay dd p
{
	margin: 0 0 0 100px;
}

div#aboutMobile p
{
	margin: 0 0 10px 10px;
}		

div#aboutMobile p.qrCode,
div#aboutMobile p.qrCodeUrl
{
	width: 535px;
	margin: 0 0 30px 0;
	text-align: center;
}

div#aboutMobile p.attention
{
	color: #CC3300;
}

div#aboutMobile form
{
	width: 430px;
	margin: 0 0 0 40px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
	text-align:center;
}

div#aboutMap p.AcrobatDLBtn
{
	float: left;
	width: 340px;
	margin:0 0 60px 10px;
	*margin:0 0 60px 20px;
}

div#aboutMap p.pdfDLBtn
{
	float: left;
	width: 162px;
	margin: 0 0 60px 0;
	padding: 0 0 0 5px;
}

/**--------------------------------------
	0N.UTIL
---------------------------------------**/

p.backToTopOnBody
{
	margin: 0 0 10px 0;
	text-align: right;
}