@charset "Shift_JIS";

/*--------------------------------------------------------------------------
	Osaka daikyo for modern browser ver1.1
	designed by common-design
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
　　初期設定
--------------------------------------------------------------------------*/
/*
div#contents ul,
div#contents li {
	list-style: none;
	margin: 0;
}
*/

div#contents {
	position: relative;
}

div#contents a img {
	border: 0;
}

div#main_contents dl {
	margin: 0;
}

div#main_contents dd {
	margin: 0 1em 0 3em;
}

div#main_contents table {
	margin-bottom: 15px;
}

ul.topics {
	list-style: none;
	margin: 0em 0.5em;
}

ul.topics li {
	background: url(../materials/anchor_arrow.gif) no-repeat top left;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-left: 0px !important;
}

/*--------------------------------------------------------------------------
　　ホーム
--------------------------------------------------------------------------*/
div#home_title {
	position: relative;
	background: url(../materials/home_image.jpg) no-repeat;
	height: 351px;
	margin-bottom: 15px;
}

div#home_title h2 {
	display: none;
}	

div#home_title dl {
	position: absolute;
	top: 250px;
	width: 175px;
	height: 85px;
	overflow: hidden;
	margin: 4px 2px;
	background: url(../materials/opacity80.png) !important;
	background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="materials/opacity80.png", sizingMethod="scale");
}

div#home_title dl#about_link {
	left: 20px;
}

div#home_title dl#society_link {
	left: 208px;
}

div#home_title dl#agency_link {
	left: 395px;
}

div#home_title dl#member_link {
	right: 20px;
}

div#home_title dt {
	margin:3px;
	border-bottom: 1px solid #000;
}

div#home_title dd {
	margin: 0 1em;
}

div#home_title dl.jqDrug {
	cursor: move;
}

div#home_title a {
	display: block;
	position: relative;
	background: url(../materials/anchor_arrow.gif) no-repeat center left;
	padding-left: 20px;
	margin-bottom: 0px;
}

/*--------------------------------------------------------------------------
　　ホーム メンバートピック
--------------------------------------------------------------------------*/

div#mamber_topics {
	position: relative;
	top: 20px;
	left: 3px;
	width: 776px;
	height: 2em;
	color: #fff;
	font-weight: bold;
}

div#mamber_topics2 {
	position: relative;
	top: 20px;
	left: 3px;
	width: 776px;
	height: 2em;
	color: #fff;
}

div#mamber_topics ul li {
	padding-left: 28px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(../materials/heading_plane.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style: none;
}

div#mamber_topics a {
	display: inline;
}

/* liScroll style declarations */
div#mamber_topics li span.arrow {
	padding: 0 10px 0 28px;
}

div#mamber_topics .tickercontainer {
	position: absolute;
	top: 0em;
	overflow: hidden;
	width: 776px;
	height: 2em;
	margin: 0 !important;
	padding: 0;
}

div#mamber_topics .tickercontainer .mask { /* 左と右のパディングの両方を得るマスクの役割 */
	position: relative;
	left: 0px;
	top: 0.25em;
	width: 776px;
	overflow: hidden;
}

div#mamber_topics ul.newsticker { /* これが本体のリスト */
	position: relative;
	left: 776px;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
div#mamber_topics ul.newsticker li {
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
}
div#mamber_topics ul.newsticker a {
	padding: 0 !important;
	margin: 0 !important;
	color: #ff0000;
	background-image: none;
}

/*--------------------------------------------------------------------------
　　ホーム トピックス
--------------------------------------------------------------------------*/
div#topics_container {
	width: 468px;
	float: left;
	padding-bottom: 85px;
}

div#topics_container h3 {
	background: url(../materials/heading_bg.gif) repeat-x;
	border-bottom: 1px solid #B4B4B4;
	padding: 0 1em;
	margin: 0 0 10px 0;
	line-height: 31px;
	font-size: 120%;
}

div#banner_container {
	margin-left: 480px;
	text-align: center;
}

div#banner_container li {
	margin-top: 5px;
	list-style: none;
}

div#archive_topics a.banner {
	display: block;
	position: absolute;
	bottom: 0px;
	height: 60px;
	width: 468px;
	margin: 0px;
}

div#archive_topics {
	position: absolute;
	bottom: 0px;
}

div#archive_topics li {
	background: none;
	margin:0;
	padding:0;
	list-style: none;
}

div.topics ul {
	list-style: none;
	margin: 0em 0.5em;
}

div.topics ul li {
	background: url(../materials/anchor_arrow.gif) no-repeat top left;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-left: 0px !important;
}

/* liScroll style declarations */
div#archive_topics li span.arrow {
	padding: 0 10px 0 20px;
	background: url(../materials/anchor_arrow.gif) no-repeat center left;
}

div#archive_topics .tickercontainer {
	position: absolute;
	bottom: 0px;
	overflow: hidden;
	width: 468px;
	height: 27px;
	margin: 0 !important;
	padding: 0;
	font-size: 11px;
}

div#archive_topics .tickercontainer .mask { /* 左と右のパディングの両方を得るマスクの役割 */
	position: relative;
	left: 0px;
	top: 8px;
	width: 468px;
	overflow: hidden;
}

div#archive_topics ul.newsticker { /* これが本体のリスト */
	position: relative;
	left: 468px;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
div#archive_topics ul.newsticker li {
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
}
div#archive_topics ul.newsticker a {
	padding: 0 !important;
	margin: 0 !important;
	color: #ff0000;
}

/*--------------------------------------------------------------------------
　　大阪代協について
--------------------------------------------------------------------------*/
@media screen {
div#about_title h2 {
	text-indent: -9999px;
	background: url(../materials/about_image.jpg) no-repeat;
	height: 285px;
}
}

div#organization_chart {
	height: 0px;
	padding-top: 407px;
	overflow: hidden;
	background: url(../images/organization_chart.gif) no-repeat top;
}

div#area_map ul {
	list-style: none;
}

div#area_map li {
	margin: 0;
}

div#about_topics img,
div#area_map img {
	border: 0;
	margin: 0;
	padding: 0;
}

div#head_office_guide img {
	float: left;
	margin-top: 0px;
}

div#head_office_guide dt,
div#head_office_guide dd {
	margin: 0;
	padding: 0;
}

div#head_office_guide dl {
	clear: left;
	border: 1px solid #333;
	border-top: none;	
	background: #e7e7e7;
	margin: 5px 15px;
}

div#head_office_guide dt,
div#head_office_guide dd {
	padding: 3px;
}

div#head_office_guide dt {
	border-top: 1px solid #333;
	clear: left;
	float: left;
	width: 5em;
}

div#head_office_guide dd {
	margin-left: 5em;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	background: #fff;
}

div#head_office_guide dl dl {
	position: relative;
	top: -1em;
	border: 0;
	margin: 5px;
}

div#head_office_guide dl dl dt {
	border: 0;
	border-bottom: 1px solid #333;
	background: #fff;
	clear: left;
	float: left;
	width: 5em;
}

div#head_office_guide dl dl dd {
	border: 0;
	border-bottom: 1px solid #333;
}

div#head_office_map p {
	text-align: center;
}

/*--------------------------------------------------------------------------
　　社会貢献活動
--------------------------------------------------------------------------*/
@media screen {
div#society_title h2 {
	text-indent: -9999px;
	background: url(../materials/society_image.jpg) no-repeat;
	/*height: 137px; 予約 */
	height: 285px;
}
}

div#society_title {
	margin-bottom: 0px !important;
}

div#sociery_images {
	height: 139px;
	width: 588px;
	margin: 0 auto 25px auto;
}

div#sociery_images ul {
	margin: 0px;
	float: left;
	width: 196px;
	height: 139px;
}

div#sociery_images li {
	list-style: none;
	margin: 0px;
}

div#sociery_images img {
	margin: 0px;
	padding: 0px;
	border: none;
	top:  0; 
	left: 0;
	width: 196px;
	height: 139px;
}

div#main_contents div#sociery_link dl {
	display: block;
	width: 186px;
	margin: 6px;
	_margin: 5px;
	float: left;
	background: url(../materials/society_heding.gif) repeat-y;
}

div#main_contents div#sociery_link dt {
	display: block;
	background: url(../materials/society_heding_top.gif) no-repeat top;
	height: 80px;
	padding: 20px 15px 0 15px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
}
div#main_contents div#sociery_link dd {
	display: block;
	line-height: 1.5;
	background: url(../materials/society_heding_bottom.gif) no-repeat bottom;
	padding: 0px 15px 13px 15px;
	margin: 0px;
	color: #fff;
}

div#main_contents div#sociery_link dl a {
	display: block;
	cursor: pointer;
}

div#main_contents div#kenketsu_text {
	width: 70%;
	margin: 20px auto;
	border: 1px solid #999;
	padding: 15px 20px;
}

/*--------------------------------------------------------------------------
　　代理店の皆さまへ
--------------------------------------------------------------------------*/
div#agency_title {
	height: 285px;
}

div#agency_title img {
	border: 0px;
	margin: 0px;
	float: left;
	padding-top: 25px;
	padding-left: 25px;
}

div#agency_title h2 {
	margin-left: 255px;
	text-indent: -9999px;
	background: url(../materials/society_image.gif) no-repeat;
	height: 285px;
}

div#main_contents div#archive_topics {
	clear: both;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
	height: 60px;
	width: 468px;
}

div#agency_link dl {
	float: left;
	margin: 5px 7px;
	_margin: 5px 6px;
	list-style: none;
	width: 134px;
	background: url(../materials/agency_box_bg.gif) repeat-y left;
}

div#agency_link dt {
	margin: 0px;
	padding: 10px 10px 5px 10px;
	font-weight: bold;
	background: url(../materials/agency_box_top.gif) no-repeat top left;
}

div#agency_link dl a {
	display: block;
}

div#agency_link dd {
	margin: 0px;
	padding: 0px 10px 5px 10px;
	background: url(../materials/agency_box_bottom.gif) no-repeat bottom left;
}

div#agency_link dd a {
	padding-bottom: 25px;
	background: url(../materials/agency_box_arrow.gif) no-repeat bottom right;
}

div#main_contents div#archive_topics img {
	margin: 0px;
	padding: 0px;
}

div#main_contents table.fee {
	width: 70%;
	margin: 10px auto;
}

div#main_contents table.fee th.annual_fee {
	width: 10em;
}

div#main_contents table.fee td.annual_fee {
	width: 10em;
	text-align: right;
}


/*--------------------------------------------------------------------------
　　サイトマップ
--------------------------------------------------------------------------*/
div#site_map h4 {
	float: left;
	width: 200px;
	clear: both;
	margin: 20px 0;
	padding: 0 1em;
}

div#site_map ul, div#site_map li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#site_map ul {
	margin-left: 250px;
	padding-top: 20px;
}

div#site_map li {
	padding: 0 10px;
	margin: 5px;
	background: url(../materials/menulist_bg.gif) repeat-x;
}

div#site_map h4 a,
div#site_map li a {
	display: block;
	background: url(../materials/anchor_arrow.gif) no-repeat center left;
	padding-left: 23px;
	padding-top: 2px;
}

div#site_map ul li ul {
	margin: 0 0 0 1em;
}

div#site_map li ul {
	margin: 0px;
	padding: 5px;
	background: url(../materials/side_menu_dot_y.gif) repeat-y left;
}

div#site_map li ul li {
	padding: 0px;
	background-image: none;
	margin: 0 0 3 15px;
	min-height: 1em !important;
	height: auto !important;
	_padding:1px;
}

div#site_map li ul li a {
	background: url(../materials/anchor_arrow.gif) no-repeat center left;
	padding-left: 20px;
	margin-bottom: 0px;
}
