@charset "utf-8";

/*
Theme Name:		Hatarakuweb Original
Theme URI:		http://www.hatarakuweb.biz/
Description:	はたらくウェブオリジナルテーマ
Author:			Karahai Inc.
Author URI:		http://www.karahai.jp/
Version:		
License:		
License URI:	
Tags: 
*/

@import url("./css/reset.css");
/*
@import url("./css/common.css");
@import url("./css/contents.css");
@import url("./css/widget.css");
*/


/* 共通設定
-------------------------------------------------------------- */
body {
	font-family:"Arial","DIN-Regular","ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: url("./images/common/bg.gif") repeat-x left top;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0.1em;
}

h1,h2,h3,h4,h5 {
	letter-spacing: 0;
}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 8px;
}

p {
	margin-bottom: 8px;
}
ul {
	/* list-style: square; */
	list-style: disc;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
ul li {
	margin: 3px 0px 2px 8px;
}
ol li {
	margin: 3px 0px 2px 8px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}


/* リンク指定
-------------------------------------------------------------- */
a:link ,
a:visited {
	color: #666;
	text-decoration: none;
}
a:active,
a:hover {
	color: #217bd6;
	text-decoration: underline;
}

a:hover img.over{
	-moz-opacity:0.58;
	opacity:0.58;
	filter: alpha(opacity=58);
}


/* フォーム
----------------------------------------------- */
input[type="text"],
input[type='password'] ,
textarea {
	background: #fff;
	border: 1px solid #d1d1d1;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

select {
	border: solid 1px #ccc;
}


/* フレーム
-------------------------------------------------------------- */
#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#container {
	width: 1000px;
	margin: 37px auto 20px auto;
	padding: 0;
min-height: 400px;
}


/* ヘッダー
-------------------------------------------------------------- */
#header_wrap {
	width:100%;
}

#header {
	width: 1000px;
	height: 127px;
	margin: 0 auto;
	position: relative;
	background: url("./images/common/bg_header.gif") no-repeat left top;
}

#header h1 {
	font-weight: normal;
	position: absolute;
	top: 4px;
	left: 1px;
}

#header #logo {
	position: absolute;
	top: 33px;
	left: 0px;
}

ul#header_gnavi {
	clear: both;
	width: 100%;
	margin: 0;
	display: block;
	overflow:hidden;
	/* background: url("./images/common/bg_gnavi.gif") no-repeat left top; */
	list-style:none;
	position: absolute;
	top: 86px;
	left: 0px;
	/* border-left : 1px solid #d1d1d1; */
	/* border-right: 1px solid #fff; */
}
ul#header_gnavi li{
	float: left; 
	/* width : 100px; */
	height : 46px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* border-left : 1px solid #fff; */
	/* border-right: 1px solid #d1d1d1; */
}
ul#header_gnavi li img {
	height : 46px;
}
ul#header_gnavi li#gnavi01 {
	width : 109px;
}
ul#header_gnavi li#gnavi02 {
	width : 122px;
}
ul#header_gnavi li#gnavi03 {
	width : 177px;
}
ul#header_gnavi li#gnavi04 {
	width : 153px;
}
ul#header_gnavi li#gnavi05 {
	width : 151px;
}
ul#header_gnavi li#gnavi06 {
	width : 138px;
}
ul#header_gnavi li#gnavi07 {
	width : 150px;
}

ul#header_snavi  {
	clear: both;
	float: right;
	list-style:none;
	margin: 13px 0px 0px 0px;
	padding: 4px;
	font-size:11px;
	background: url("./images/common/bg_snavi.gif") repeat left top;
/*
	position: absolute;
	top: 30px;
	left: 655px;
*/
}
ul#header_snavi li {
	float: left;
	margin: 0px;
	padding: 4px 0px;
	display: block;
	background-color: #fff;
}
ul#header_snavi a {
	padding: 0px 8px;
	border-right: 1px solid #d1d1d1;
	color: #666666;
	text-decoration: none;
}
ul#header_snavi li:last-child a {
	border-right: none;
}
ul#header_snavi a:hover {
	color: #999999;
}

ul#header_login  {
	float: right;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px;
	font-size:11px;
	/* background: url("./images/common/bg_snavi.gif") repeat left top; */
	background-color: #216abc;
/*
	position: absolute;
	top: 2px;
	left: 654px;
*/
}
ul#header_login li {
	float: left;
	margin: 0px;
	display: block;
}
ul#header_login a {
	padding: 0px 12px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #ebebeb;
}
ul#header_login li:last-child a {
	border-right: none;
}
ul#header_login a:hover {
	color: #ebebeb;
}

div#header_search  {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: absolute;
	top: 41px;
	left: 370px;
}


/* パンくず
-------------------------------------------------------------- */
#breadcrumb ul {
	margin: 0;
	list-style:none;
	position: absolute;
	top: 138px;
	left: 0px;
	letter-spacing: 0;
	/* font-size: 14px; */
	/* font-weight: bold; */
	/* color: #969696; */
}
#breadcrumb li {
	float: left; 
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#breadcrumb li.sub {
	margin: 0px 0px 0px 6px;
	padding:0px 0px 0px 14px;
	background: url("./images/common/ico_arrow02.png") no-repeat 2px;
}
/*
#breadcrumb li a {
	color: #969696;
	text-decoration:none;
}
#breadcrumb li a:hover {
	color: #555;
}
*/


/* メイン
-------------------------------------------------------------- */
#one_maincolumn {
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
/* background-color: #f1f1f1; */
}
#two_maincolumn {
	float: left; 
	margin: 0 0 15px 0;
	padding: 0;
	width: 745px;
/* background-color: #f1f1f1; */
}


/* サイド
-------------------------------------------------------------- */
#sidecolumn {
	float: right; 
	margin: 0;
	padding: 0;
	width: 235px;
}


/* フッター
-------------------------------------------------------------- */
footer {
	width: 100%;
	height: 480px;
	margin: 50px 0 0 0;
	padding: 0;
	background: url("./images/common/bg_footer.gif") repeat-x left 30px;
}

#pagetop {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	position: relative;
}

#footer .footer_navi {
	float: left;
	width: 214px;
	height: 235px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 20px;
	display: block;
	overflow:hidden;
	border-right: 1px dotted #ccc;
}
#footer div:first-child {
	width: 213px;
	border-left: 1px dotted #ccc;
}

#footer .footer_navi p {
	margin: 0 0 3px 0;
	padding:0px 0px 0px 16px;
	background: url("./images/common/ico_arrow01.gif") no-repeat 2px;
	/* font-size: 14px; */
}
#footer .footer_navi ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#footer .footer_navi li {
	margin: 0px 0px 0px 12px;
	padding:0px 0px 0px 15px;
	background: url("./images/common/ico_arrow02.gif") no-repeat 2px;
}

#footer .footer_info {
	clear: both;
	float: left;
	width: 722px;
	height: 92px;
	padding: 28px 0px 0px 278px;
	color: #fff;
	letter-spacing: 0.03em;
	background: url("./images/common/bg_footer_info.jpg") no-repeat left top;
	position: absolute;
	top: 295px;
	left:0px;
}
#footer .footer_info p {
	margin-bottom: 0px;
}

#footer .footer_copy {
	position: absolute;
	top: 415px;
	right: 0;
	color: #a8a8a8;
	font-size: 10px;
}


/* コンテンツ設定
-------------------------------------------------------------- */
.contents_header {
	clear: both;
	width: 992px;
	height: 52px;
	padding: 4px;
	margin: 0;
	background: url("./images/common/bg_contents_h2.gif") repeat left top;
}
.contents_header section {
	height: 52px;
	background: url("./images/common/bg.gif") repeat left top;
}
.contents_header h2 {
	float: left;
	margin: 17px 0 0 10px;
	font-size: 26px;
}

.entry_header {
	clear: both;
	margin: 0px 0 20px 0;
	padding: 4px;
	background: url("./images/common/bg_contents_h2.gif") repeat left top;
}
.entry_header h2 {
	/* height: 27px; */
	padding: 6px 0px 6px 8px;
	/* background: url("./images/common/bg_contents_h2.gif") no-repeat left bottom; */
	background-color: #fff;
	font-size: 20px;
	line-height: 120%;
}

.entry_content {
	clear: both;
	margin: 0 0 50px 0;
	line-height: 175%;
}

.entry_content .published {
	width: 100%;
	margin: -10px 0 10px 0;
	text-align: right;
}

.entry_content h3 {
	clear: both;
	height: 30px;
	margin: 25px 0 15px 0;
	padding: 5px 0 0 20px;
	font-size: 16px;
	background: url("./images/common/bg_contents_h3.gif") no-repeat left bottom;
}
.entry_content h4 {
	clear: both;
	height: 20px;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 2px 10px;
	font-size: 14px;
	background: url("./images/common/bg_contents_h4.gif") repeat-y left top;
}
.entry_content h5 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	font-size: 12px;
	background: url("./images/common/bg_contents_h5.gif") left top no-repeat;
}

.entry_content p {
	text-indent: 13px;
}

.entry_content table {
	margin: 0px auto 20px auto;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.entry_content table th {
	padding: 8px;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background-color: #fbfbfb;
	font-weight: normal;
	text-align: center;
}
.entry_content table td {
	padding: 8px;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}


.entry_content a[href^="http"]{
	padding: 2px 0px 2px 18px;
	background:url("./images/common/ico_file_external.gif") no-repeat 1px 50%;
}
.entry_content * html a.external{
	padding: 2px 0px 2px 18px;
	background:url("./images/common/ico_file_external.gif") no-repeat 1px 50%;
}
.entry_content a[href^="http://www.okinawa-shiho-shoshi.net"]{
	padding:inherit;
	padding: 0px 0px 0px 0px;
	background:transparent;
}
.entry_content a[href$=".pdf"] {
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_pdf.gif") no-repeat 1px 50%;
}
.entry_content * html a.pdf{
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_pdf.gif") no-repeat 1px 50%;
}
.entry_content a[href$=".doc"] {
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_doc.gif") no-repeat 1px 50%;
}
.entry_content * html a.doc{
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_doc.gif") no-repeat 1px 50%;
}
.entry_content a[href$=".docx"] {
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_doc.gif") no-repeat 1px 50%;
}
.entry_content * html a.docx{
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_doc.gif") no-repeat 1px 50%;
}
.entry_content a[href$=".xls"] {
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_xls.gif") no-repeat 1px 50%;
}
.entry_content * html a.xls{
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_xls.gif") no-repeat 1px 50%;
}
.entry_content a[href$=".xlsx"] {
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_xls.gif") no-repeat 1px 50%;
}
.entry_content * html a.xlsx{
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_xls.gif") no-repeat 1px 50%;
}
.entry_content a[href$=".ppt"] {
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_ppt.gif") no-repeat 1px 50%;
}
.entry_content * html a.ppt{
	padding: 2px 0px 2px 22px;
	background: url("./images/common/ico_file_ppt.gif") no-repeat 1px 50%;
}
.entry_content * html a{
	behavior: expression(
	this.className += this.getAttribute("href").match(/^http.*/) && (!this.getAttribute("href").match("magic-happens.net")) ? " external" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
	this.className += this.getAttribute("href").match(/\.doc$/) ? " docx": "",
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
	this.className += this.getAttribute("href").match(/\.xls$/) ? " xlsx": "",
	this.className += this.getAttribute("href").match(/\.ppt$/) ? " ppt" : "",
	this.style.behavior = "none"
	);
}


/* ページナビゲーション
-------------------------------------------------------------- */
.wp-pagenavi {
	width: 100%;
	margin: 30px auto 0px auto;
	padding: 0;
	text-align: center;
}



/* お知らせ（一覧）
-------------------------------------------------------------- */
dl#news_list {
	clear: both;
	overflow:hidden;
}
dl#news_list dt {
	float: left;
	width: 180px;
	padding: 6px 0px;
	text-indent: 10px;
	background: url("./images/news/ico_news.gif") no-repeat 100px center;
}
dl#news_list dt.event {
	background: url("./images/news/ico_event.gif") no-repeat 100px center;
}
dl#news_list dd {
	padding: 6px 0px 6px 180px;
	border-bottom: dotted 1px #ccc;
}

dl#seimei_list,
dl#column_list {
	clear: both;
	overflow:hidden;
}
dl#seimei_list dt,
dl#column_list dt {
	float: left;
	width: 100px;
	padding: 6px 0px;
	text-indent: 10px;
}
dl#seimei_list dd,
dl#column_list dd {
	padding: 6px 0px 6px 100px;
	border-bottom: dotted 1px #ccc;
}


/* お知らせ（詳細）
-------------------------------------------------------------- */
.entry_content .news_photo {
	clear: both;
	float:right;
	margin: 0px 0px 20px 20px;
}
.entry_content .news_files {
	margin: 20px 0px 0px 0px;
}
.entry_content .news_files p {
	margin: 0px 0px 3px 0px;
	text-indent: 0px;
}


/* 司法書士検索
-------------------------------------------------------------- */
#member_search {
	width: 100%;
	height: 630px;
	margin: 0px auto 25px auto;
	padding: 0;
	background: url("/wp-content/uploads/member/bg_search.gif") no-repeat left top;
	line-height: 150%;
}

#member_search .name_search {
	height: 75px;
	padding: 45px 0px 0px 147px;
}
#member_search .name_search input[type="text"] {
	width: 150px;
	margin: 0px 0px 0px 215px
}

#member_search .name_search input[type="text"]:first-child {
	width: 150px;
	margin: 0px 0px 0px 0px
}

#member_search .office_search {
	height: 75px;
	padding: 0px 0px 0px 147px;
}
#member_search .office_search input[type="text"] {
	width: 300px;
	margin: 0px 0px 0px 0px
}

#member_search .area_search {
	height: 273px;
	padding: 0px 0px 0px 150px;
}
#member_search .area_navi {
	float: left;
	width: 115px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	overflow:hidden;
}
#member_search .area_navi h3 {
	height: 18px;
	margin: 0px 0 2px 0;
	padding:0px 0px 0px 0px;
	background: none;
	font-size: 14px;
}
#member_search .area_navi ul {
	list-style:none;
	margin: 0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
#member_search .area_navi li {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/* background: url("./images/common/ico_arrow02.gif") no-repeat 2px; */
}
#member_search .area_navi input[type='checkbox'] {
	vertical-align: middle;
	margin: 0px 4px 0px 0px;
}

#member_search p {
	margin: 0px 0px 2px 10px;
	padding:0px 0px 0px 0px;
}

#member_search .btn_area{
	clear: both;
	width: 200px;
	height: 40px;
	margin: 28px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

section.member_list {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0;
}
section.member_list table {
	margin: 0px auto 20px auto;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
section.member_list table th {
	padding: 8px;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background-color: #fbfbfb;
	font-weight: normal;
	text-align: center;
}
section.member_list table td {
	padding: 8px;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	vertical-align: middle;
	letter-spacing: 0.06em;
}
section.member_list table tr.clickable:hover td {
	background: #fffffb;
	cursor: pointer;
}

section.member_detail {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0;
}
section.member_detail table {
	margin: 0px auto 20px auto;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
section.member_detail table th {
	padding: 8px;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background-color: #fbfbfb;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
section.member_detail table td {
	padding: 8px;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}


/* 求人案内
-------------------------------------------------------------- */
section.joboffer_list {
	width: 100%;
	margin: 30px auto 0px auto;
	padding: 0;
}
section.joboffer_list table {
	margin: 0px auto 30px auto;
}
section.joboffer_list table th {
	vertical-align: middle;
}


/* 検索結果（一覧）
-------------------------------------------------------------- */
dl.search_list {
	clear: both;
	overflow:hidden;
}
dl.search_list dt {
	float: left;
	width: 180px;
	height: 20px;
	padding: 6px 0px;
	text-indent: 10px;
	background: url("./images/search/ico_other.gif") no-repeat 100px center;
}
dl.search_list dt.mnews {
	background: url("./images/search/ico_mnews.gif") no-repeat 100px center;
}
dl.search_list dt.mactivity {
	background: url("./images/search/ico_mactivity.gif") no-repeat 100px center;
}
dl.search_list dt.marchive {
	background: url("./images/search/ico_marchive.gif") no-repeat 100px center;
}
dl.search_list dt.mlearning {
	background: url("./images/search/ico_mlearning.gif") no-repeat 100px center;
}
dl.search_list dd {
	padding: 6px 0px 6px 180px;
	border-bottom: dotted 1px #ccc;
}


/* サイトマップ
-------------------------------------------------------------- */
#sitemap {
	margin: 0;
	padding: 0;
}

#sitemap ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#sitemap ul li {
	margin: 0px 0px 0px 12px;
	padding:0px 0px 0px 18px;
	background: url("./images/common/ico_arrow01.gif") no-repeat 2px;
}
#sitemap ul.children {
	list-style:none;
	margin: 0px 0px 0px 18px;
	padding:0px 0px 0px 0px;
}
#sitemap ul.children li {
	margin: 0px 0px 0px 12px;
	padding:0px 0px 0px 18px;
	background: url("./images/common/ico_arrow02.gif") no-repeat 2px 9px;
}
#sitemap ul.children ul {
	list-style:none;
	margin: 0px 0px 0px -12px;
	padding:0px 0px 0px 0px;
}


/* 会員専用（一覧）　※お知らせ、部会・委員会活動、資料集
-------------------------------------------------------------- */
dl#mnews_list,
dl#mactivity_list,
dl#marchive_list {
	clear: both;
	overflow:hidden;
}

dl#mnews_list dt,
dl#mactivity_list dt,
dl#marchive_list dt {
	float: left;
	width: 180px;
	padding: 6px 0px;
	text-indent: 10px;
}

dl#mnews_list dt.nsr {
	background: url("./images/mnews/ico_nsr.gif") no-repeat 100px center;
}
dl#mnews_list dt.oss {
	background: url("./images/mnews/ico_oss.gif") no-repeat 100px center;
}
dl#mnews_list dt.kaimu {
	background: url("./images/mnews/ico_kaimu.gif") no-repeat 100px center;
}
dl#mnews_list dt.other {
	background: url("./images/mnews/ico_other.gif") no-repeat 100px center;
}

dl#mactivity_list dt.soumu {
	background: url("./images/mactivity/ico_soumu.gif") no-repeat 100px center;
}
dl#mactivity_list dt.keiri {
	background: url("./images/mactivity/ico_keiri.gif") no-repeat 100px center;
}
dl#mactivity_list dt.kikaku {
	background: url("./images/mactivity/ico_kikaku.gif") no-repeat 100px center;
}
dl#mactivity_list dt.kouhou {
	background: url("./images/mactivity/ico_kouhou.gif") no-repeat 100px center;
}
dl#mactivity_list dt.kensyuu {
	background: url("./images/mactivity/ico_kensyuu.gif") no-repeat 100px center;
}
dl#mactivity_list dt.soudan {
	background: url("./images/mactivity/ico_soudan.gif") no-repeat 100px center;
}
dl#mactivity_list dt.chuui {
	background: url("./images/mactivity/ico_chuui.gif") no-repeat 100px center;
}
dl#mactivity_list dt.kujyou {
	background: url("./images/mactivity/ico_kujyou.gif") no-repeat 100px center;
}
dl#mactivity_list dt.touroku {
	background: url("./images/mactivity/ico_touroku.gif") no-repeat 100px center;
}
dl#mactivity_list dt.fungi {
	background: url("./images/mactivity/ico_fungi.gif") no-repeat 100px center;
}
dl#mactivity_list dt.jiko {
	background: url("./images/mactivity/ico_jiko.gif") no-repeat 100px center;
}
dl#mactivity_list dt.haijyo {
	background: url("./images/mactivity/ico_haijyo.gif") no-repeat 100px center;
}
dl#mactivity_list dt.fudousan {
	background: url("./images/mactivity/ico_fudousan.gif") no-repeat 100px center;
}
dl#mactivity_list dt.syougyou {
	background: url("./images/mactivity/ico_syougyou.gif") no-repeat 100px center;
}
dl#mactivity_list dt.saiban {
	background: url("./images/mactivity/ico_saiban.gif") no-repeat 100px center;
}
dl#mactivity_list dt.seido {
	background: url("./images/mactivity/ico_seido.gif") no-repeat 100px center;
}
dl#mactivity_list dt.probono {
	background: url("./images/mactivity/ico_probono.gif") no-repeat 100px center;
}
dl#mactivity_list dt.jinken {
	background: url("./images/mactivity/ico_jinken.gif") no-repeat 100px center;
}
dl#mactivity_list dt.shinsai {
	background: url("./images/mactivity/ico_shinsai.gif") no-repeat 100px center;
}
dl#mactivity_list dt.sengo60 {
	background: url("./images/mactivity/ico_sengo60.gif") no-repeat 100px center;
}
dl#mactivity_list dt.shikkou,
dl#mactivity_list dt.shikkoubu {
	background: url("./images/mactivity/ico_shikkoubu.gif") no-repeat 100px center;
}

dl#marchive_list dt.archive_fudousan {
	background: url("./images/marchive/ico_archive_fudousan.gif") no-repeat 100px center;
}
dl#marchive_list dt.archive_syougyou {
	background: url("./images/marchive/ico_archive_syougyou.gif") no-repeat 100px center;
}
dl#marchive_list dt.archive_saiban {
	background: url("./images/marchive/ico_archive_saiban.gif") no-repeat 100px center;
}
dl#marchive_list dt.archive_other {
	background: url("./images/marchive/ico_archive_other.gif") no-repeat 100px center;
}

dl#mnews_list dd,
dl#mactivity_list dd,
dl#marchive_list dd {
	padding: 6px 0px 6px 180px;
	border-bottom: dotted 1px #ccc;
}


/* 会員専用（一覧）　※研修資材
-------------------------------------------------------------- */
dl#mlearning_list {
	clear: both;
	overflow:hidden;
}
dl#mlearning_list dt {
	float: left;
	width: 180px;
	padding: 6px 0px;
	text-indent: 10px;
}
dl#mlearning_list dt.other {
	background: url("./images/mlearning/ico_other.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class01 {
	background: url("./images/mlearning/ico_class01.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class02 {
	background: url("./images/mlearning/ico_class02.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class03 {
	background: url("./images/mlearning/ico_class03.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class04 {
	background: url("./images/mlearning/ico_class04.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class05 {
	background: url("./images/mlearning/ico_class05.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class06 {
	background: url("./images/mlearning/ico_class06.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class07 {
	background: url("./images/mlearning/ico_class07.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class08 {
	background: url("./images/mlearning/ico_class08.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class09 {
	background: url("./images/mlearning/ico_class09.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class10 {
	background: url("./images/mlearning/ico_class10.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class11 {
	background: url("./images/mlearning/ico_class11.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class12 {
	background: url("./images/mlearning/ico_class12.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class13 {
	background: url("./images/mlearning/ico_class13.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class14 {
	background: url("./images/mlearning/ico_class14.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class15 {
	background: url("./images/mlearning/ico_class15.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class16 {
	background: url("./images/mlearning/ico_class16.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class17 {
	background: url("./images/mlearning/ico_class17.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class18 {
	background: url("./images/mlearning/ico_class18.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class19 {
	background: url("./images/mlearning/ico_class19.gif") no-repeat 100px center;
}
dl#mlearning_list dt.class20 {
	background: url("./images/mlearning/ico_class20.gif") no-repeat 100px center;
}

dl#mlearning_list dd {
	padding: 6px 0px 6px 180px;
	border-bottom: dotted 1px #ccc;
}


/* メインイメージ
-------------------------------------------------------------- */
#header_flash {
	width: 990px;
	margin: -20px auto 20px auto;
	padding: 5px;
	background: url("./images/common/bg_contents_h2.gif") repeat left top;
}
ul#mainimage {
	width: 990px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	overflow:hidden;
}
ul#mainimage li {
	margin: 0;
	padding: 0;
}
ul#mainimage li img {
	margin: 0;
	padding: 0;
}


/* サブメニュー
-------------------------------------------------------------- */
#side_pagenavi {
	width: 213px;
	margin: 0px 0px 15px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #d1d1d1;
}
#side_pagenavi h2 {
	height: 33px;
	padding: 5px 0px 0px 18px;
	font-size: 16px;
	background: url("./images/common/bg_side_h2.gif") no-repeat left bottom;
}
#side_pagenavi h3 {
	clear: both;
	height: 20px;
	margin:  5px 0px 0px 0px;
	padding: 8px 0px 8px 4px;
	font-size: 14px;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}
#side_pagenavi ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#side_pagenavi li {
	margin: 0px 0px 0px 3px;
	padding:8px 0px 8px 15px;
	background: url("./images/common/ico_arrow02.gif") no-repeat 2px;
	border-bottom: 1px dotted #ccc;
}
#side_pagenavi li:last-child {
	border-bottom: none;
}
#side_pagenavi li a {
	display: block;
	padding: 0;
	/* color: #78583e; */
	text-decoration: none;
}
/*
#side_pagenavi li a:hover {
	color: #e6a840;
}
*/

#side_pagenavi li.current_page_item {
	background: url("./images/common/ico_arrow02_on.gif") no-repeat 2px;
}
#side_pagenavi li.current_page_item a {
	color: #217bd6;
}
#side_pagenavi li.current_page_item a:hover {
	color: #666;
}

#main_pagenavi {
    clear: both;
    width: 723px;
    list-style:none;
    margin: 50px 0px 20px 0px;
    padding: 8px 10px 10px 10px;
    border: 1px solid #d6d6d6;
    overflow:hidden;
}

#main_pagenavi h3 {
	height: 30px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 16px;
	background: url("./images/common/bg_contents_h3.gif") no-repeat left bottom;
}
#main_pagenavi h3 a { text-decoration: none; }
#main_pagenavi h3 a:link    { color: #217bd6; }
#main_pagenavi h3 a:visited { color: #217bd6; }
#main_pagenavi h3 a:hover   { color: #979797; }

#main_pagenavi ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 20px;
}
#main_pagenavi li {
	float: left;
	width: 338px;
	height: 20px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 12px;
	font-size: 14px;
	font-weight: bold;
	background: url("./images/common/bg_contents_h4.gif") repeat-y left top;
}
#main_pagenavi li a { text-decoration: none; }
#main_pagenavi li a:link    { color: #217bd6; }
#main_pagenavi li a:visited { color: #217bd6; }
#main_pagenavi li a:hover   { color: #979797; }



/* サイドバナー
-------------------------------------------------------------- */
#sidebanner_widget {
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0;
}
#sidebanner_widget ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#sidebanner_widget li {
	margin: 0px 0px 8px 0px;
	padding:0;
}


/* サイドテキスト
-------------------------------------------------------------- */
#sidetext_widget {
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 0;
}
#sidetext_widget ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#sidetext_widget li {
	width: 213px;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #d1d1d1;
	overflow:hidden;
}
#sidetext_widget h3 {
	height: 33px;
	margin: -5px 0px 10px 0px;
	padding: 5px 0px 0px 18px;
	font-size: 14px;
	background: url("./images/common/bg_side_h2.gif") no-repeat left bottom;
}
#sidetext_widget .textwidget {
	margin: 6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#sidetext_widget .textwidget p {
	margin: 0px 0px 1px 0px;
}
#sidetext_widget .textwidget p.address {
	letter-spacing: -0.03em;
	margin: 0px 0px 7px 0px;
}
#sidetext_widget .textwidget .morelink {
	float:right;
    padding: 1px 0px 0px 17px;
    background: url("./images/common/ico_arrow03.png") no-repeat 2px;
}


/* メインバナー（トップページ）
-------------------------------------------------------------- */
.topmain_widget {
	width: 100%;
	margin: 6px 0px 1px 0px;
	padding: 0;
}

.topbanner_widget {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.topmain_widget ul,
.topbanner_widget ul {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.topmain_widget li {
	float: left;
	width: 243px;
	height: 75px;
	margin: 0px 0px 0px 6px;
	padding:0;
	list-style:none;
    display: block;
	overflow: hidden;
	background-color: #fff;
}
.topmain_widget li:first-child {
	margin: 0px 0px 0px 0px;
}

.topbanner_widget li {
	float: left;
	margin: 0px 0px 0px 20px;
	padding:0;
	list-style:none;
    display: block;
	overflow: hidden;
}
.topbanner_widget li:first-child {
	margin: 0px 0px 0px 0px;
}

.topbanner_widget .pickup {
	width: 303px;
	height: 88px;
	margin: 0;
	padding: 10px;
	background: url("/wp-content/uploads/bg_bnr.jpg") repeat-x left top;
	border: 1px solid #d1d1d1;
	letter-spacing: 0;
}
.topbanner_widget ul.rows2 .pickup {
	background: url("/wp-content/uploads/bg_bnr2.jpg") repeat-x left top;
}
.topbanner_widget .pickup img {
	float: left;
	width: 55px;
	height:80px;
	margin: 0 10px 0 0;
}
.topbanner_widget .pickup h2 {
	margin: 0px 0px 6px 0px;
	font-size: 14px;
	font-weight: bold;
}
.topbanner_widget .pickup p {
	margin: 0px 0px 1px 0px;
	line-height: 135%;
}
.topbanner_widget .pickup .morelink {
	float:right;
    padding: 1px 0px 0px 17px;
    background: url("./images/common/ico_arrow03.png") no-repeat 2px;
}


/* お知らせ（トップページ）
-------------------------------------------------------------- */
#topnews_widget {
	clear: both;
	width:100%;
	margin: 20px 0px 0px 0px;
	overflow:hidden;
}
#topevent_widget {
	clear: both;
	width:100%;
	margin: 30px 0px 0px 0px;
	overflow:hidden;
}

#topnews_widget h2 {
	height: 32px;
	margin: 0px 0px 5px 0px;
	padding: 13px 0px 0px 15px;
	background: url("./images/news/title_news.gif") no-repeat left bottom;
	background-color: #fff;
	font-size: 20px;
}
#topevent_widget h2 {
	height: 32px;
	margin: 0px 0px 5px 0px;
	padding: 13px 0px 0px 15px;
	background: url("./images/news/title_event.gif") no-repeat left bottom;
	background-color: #fff;
	font-size: 20px;
}

dl.topnews_list {
	clear: both;
	overflow:hidden;
}
dl.topnews_list dt {
	float: left;
	width: 100px;
	padding: 6px 0px;
	text-indent: 10px;
}
dl.topnews_list dd {
	padding: 6px 0px 6px 100px;
	border-bottom: dotted 1px #ccc;
}


/* コンテンツ内容　共通
-------------------------------------------------------------- */
div.area1 {
    margin: 23px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 745px;
    clear: both;
}

div.area1 h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
}

div.area1 h3 a { text-decoration: none; }
div.area1 h3 a:link    { color: #217bd6; }
div.area1 h3 a:visited { color: #217bd6; }
div.area1 h3 a:hover   { color: #979797; }

div.area1 h3.case {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 2px 28px;
	color: #585858;
	font-size: 14px;
	background: url("./images/common/bg_contents_h3_case.gif") left top;
}

div.box1 {
    clear: both;
    width: 723px;
    list-style:none;
    margin: 0px 0px 25px 0px;
    padding: 8px 10px 0px 10px;
    border: 1px solid #d6d6d6;
    overflow:hidden;
}

div.box2 {
    clear: both;
    width: 741px;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    border: 1px solid #d6d6d6;
    overflow:hidden;
    background-color: #fffffb;
}

div.box2in {
    clear: both;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px 10px 15px;
}

div.area1 div.area1col {
    clear: both;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow:hidden;
}
div.area1 a {
    padding: 8px 10px 0px 10px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
    display: block;
	overflow: hidden;
}
div.area1 a h3 { color: #217bd6; }
div.area1 a:hover { border: 1px solid #217bd6;}
div.area1 a:hover h3   { color: #979797; }
div.area1 a:hover p { color: #666; }

div.area2 {
    clear: both;
    width: 745px;
    margin: 23px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    overflow:hidden;
}

div.area2 div.area2col {
    float: right;
    width: 362px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow:hidden;
}
div.area2 div.area2col:first-child {
    float: left;
}

div.area2 h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
}

div.area2 a {
    padding: 8px 10px 0px 10px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
    display: block;
	overflow: hidden;
}
div.area2 a h3 { color: #217bd6; }
div.area2 a:hover { border: 1px solid #217bd6;}
div.area2 a:hover h3   { color: #979797; }
div.area2 a:hover p { color: #666; }

div.area3 {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow:hidden;
}

div.area3 div.area3col {
    float: left;
    width: 230px;
    margin: 0px 0px 0px 22px;
    padding: 1px 1px 1px 1px;
    overflow:hidden;
    border: 1px solid #d6d6d6;
}
div.area3 div.area3col:first-child {
    margin: 0px 0px 0px 0px;
}
div.area3 div.area3col:last-child {
    margin: 0px 0px 0px 21px;
}

div.area3 div.area1col {
    float: left;
    width: 230px;
    margin: 20px 0px 10px 0px;
    padding: 1px 1px 1px 1px;
    overflow:hidden;
    border: 1px solid #d6d6d6;
}

div.next {
    margin: 0px 0px 0px 2px;
    padding: 0px 0px 0px 11px;
    background: url("/wp-content/themes/hatarakuweb/images/common/ico_arrow02.png") 0 7px no-repeat;
}

div.next_r70 {
    margin: 0px 0px 12px 2px;
    padding: 0px 0px 0px 11px;
    background: url("/wp-content/themes/hatarakuweb/images/common/ico_arrow02.png") 0 7px no-repeat;
    float: right;
    width: 70px;
}

div.next_l12 {
    margin: 0px 0px 0px 12px;
    padding: 0px 0px 0px 11px;
    background: url("/wp-content/themes/hatarakuweb/images/common/ico_arrow02.png") 0 7px no-repeat;
}

div.next_l12 a { text-decoration: none; }
div.next_l12 a:link    { color: #217bd6; }
div.next_l12 a:visited { color: #217bd6; }
div.next_l12 a:hover   { color: #979797; }


div.img_s{
    float: right;
    width: 150px;
    margin: 5px 3px 0px 0px;
    padding: 0px 0px 10px 10px;
    text-align: center;
}

div.img_r{
    float: right;
    width: 250px;
    margin: 3px 1px 20px 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

div.img_r500{
    float: right;
    width: 500px;
    margin: 3px 1px 20px 20px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

div.copy1{
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    margin: 15px 0px 7px 0px;
    padding: 0px 0px 0px 0px;
}

div.list2 {
    margin: 50px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    width: 745px;
    clear: both;
}

div.list2 h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
}

div.list2 h3 a { text-decoration: none; }
div.list2 h3 a:link    { color: #217bd6; }
div.list2 h3 a:visited { color: #217bd6; }
div.list2 h3 a:hover   { color: #979797; }

div.list2 h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 3px 12px;
}

div.list2 h4 a { text-decoration: none; }
div.list2 h4 a:link    { color: #217bd6; }
div.list2 h4 a:visited { color: #217bd6; }
div.list2 h4 a:hover   { color: #979797; }

div.other {
    margin: 22px 0px 35px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
}

div.other h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 12px;
}

div.other h4 a { text-decoration: none; }
div.other h4 a:link    { color: #217bd6; }
div.other h4 a:visited { color: #217bd6; }
div.other h4 a:hover   { color: #979797; }

ul.list2col {
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    vertical-align: bottom;
    text-align:left;
    overflow:hidden;
}

ul.list2col li.left {
    clear: both;
    float: left;
    width: 325px;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 20px 20px;
    overflow:hidden;
}

ul.list2col li.right {
    float: right;
    width: 325px;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 20px 20px;
    overflow:hidden;
}

div.history {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 745px;
    clear: both;
}

div.history dl {
	clear:both;
	display:block;
	margin :0px 0px 8px 0px;
	padding:0px 0px 8px 0px;
	overflow:hidden;
	border-bottom: 1px dotted #c5c5c5;
}

div.history dl dt {
	float: left;
	width:145px;
	margin :0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}

div.history dl dd {
	float: right;
	width:590px;
	margin :0px 0px 0px 0px;
	padding:0px 3px 0px 0px;
}

div.committee {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding:15px 0px 15px 40px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    overflow:hidden;
}

div.committee_un {
    clear: both;
    margin: 50px 0px 0px 0px;
    padding:15px 0px 15px 40px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    overflow:hidden;
}

div.committee div,
div.committee_un div {
    float: left;
    width: 235px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.committee h5, div.committee_un h5 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	font-size: 12px;
	background: url("./images/common/bg_contents_h5.gif") left top no-repeat;
}

div.committee h5 a, div.committee_un h5 a 					{ text-decoration: none; }
div.committee h5 a:link, div.committee_un h5 a:link			{ color: #217bd6; }
div.committee h5 a:visited, div.committee_un h5 a:visited	{ color: #217bd6; }
div.committee h5 a:hover,div. committee_un h5 a:hover		{ color: #979797; }

div.area2advicecenter {
    clear: both;
    width: 745px;
    margin: 23px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    overflow:hidden;
}

div.area2advicecenter div.area2coladvicecenter {
    float: left;
    width: 350px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow:hidden;
}
div.area2advicecenter div.area2coladvicecenter:last-child {
    float: right;
}

div.advicecenter {
    clear: both;
    width: 745px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.advicecenter dl {
	clear:both;
	display:block;
	margin :0px 0px 8px 0px;
	padding:0px 0px 8px 0px;
	overflow:hidden;
	border-bottom: 1px dotted #c5c5c5;
}

div.advicecenter dl dt {
	float: left;
	width:50px;
	margin :0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}

div.advicecenter dl dd {
	float: right;
	width:50px;
	margin :0px 0px 0px 0px;
	padding:0px 3px 0px 0px;
}

div.youth {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 1000px;
    clear: both;
}

div.youth dl {
	clear:both;
	display:block;
	margin :0px 0px 8px 0px;
	padding:0px 0px 8px 0px;
	overflow:hidden;
	border-bottom: 1px dotted #c5c5c5;
}

div.youth dl dt {
	float: left;
	width:210px;
	margin :0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}

div.youth dl dd {
	float: right;
	width:780px;
	margin :0px 0px 0px 0px;
	padding:0px 3px 0px 0px;
}

div.access_table{
    float: left;
    width: 480px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.access_img{
    float: right;
    width: 250px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}