@charset "utf-8";
/* CSS Document */


body {
	margin:0px 0px 0px 20px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "sans-serif";
}
textarea , input {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "sans-serif";
}
a:link , a:visited {
	text-decoration: none;
}
a:hover  { 
	text-decoration: underline;
}
form {
	margin:0px;
	padding:0px;
}
.header {
	width:780px;
	height:59px;
	margin:0px auto;
	padding:0px;
	position:relative;
	z-index:3;
	border-top:3px solid #0066CC;
	background-image:url(images/header-bg.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}
.logo {
	margin:0px;
	width:309px;
	float:left;
	position:relative;
	left:-20px;
	z-index:1;
}
.logo img {
	display:block;
}
.header-menu {
	margin:0px;
	padding:0px;
	width:470px;
	height:56px;
	border-right:1px solid #CCC;
	float:left;
	position:relative;
	right:-1px;
	z-index:2;
}
.header-menu span {
	display:block;
	height:30px;
	border-left:1px solid #CCC;
	float:left;
	white-space:nowrap;
	text-align:center;
	margin:0px;
	padding:10px 0px 0px;
}
span.bg-change {
	width:169px;
}
span.bg-change img {
	margin:0px 5px 0px 0px;
}
span.member-login {
	width:89px;
}
span.search {
	width:209px;
}
span.search input.google {
	margin: 2px 0px 0px 0px;
	width:33px;
	height:18px;
	border:0;
}
span.search input.search , span.search input.search2 {
	margin: 0px;
	vertical-align:top;
	border: 1px solid #CCC;
}
span.search input.search {
	background: #FFF url(images/loupe.gif) no-repeat 3px center;
	color:#CCC;
	padding:1px 3px 1px 22px;
	width:75px;
}
span.search input.search2 {
	background-color:#FEF7E9;
	padding: 1px 3px;
	width:94px;
}


.layout {
	width:780px;
	margin:5px auto;
	border: 1px solid #CCCCCC;
	position:relative;
	z-index:0;
	clear:both;
}

.footer {
	width:760px;
	margin:0px auto;
	font-size:80%;
	color:#CCCCCC;
	text-align:right;
	padding:0px 10px 5px;
	border: 1px solid #CCCCCC;
	clear:both;
}
.footer div {
	margin:0px -10px !important;
	padding:5px 10px;
}


/* トップページ用 */

.top-content {
	width:430px;
	padding:5px 0px 0px;
	float:left;
	position:relative;
	left:-10px;
	z-index:2;
}
.top-news {
	width:430px;
	margin:15px 0px 10px 0px;
}
.top-news h1 {
	width:auto;
	height:20px;
	padding:8px 10px 0px;
	margin:0px 0px 2px 0px;
	line-height:normal;
	font-size:10px;
}
.top-news h1 span {
	float:right;
}
.top-news div {
	overflow-y:scroll;
	height:230px;
	width:auto;
	margin:0px !important;
	padding:0px;
}
table.top-news {
	width:auto;
	font-size:85%;
	margin:0px;
}
table.top-news td {
	width:80%;
	background:url(images/line-width.gif) repeat-x left bottom;
	padding:8px 5px 4px 0px;
}
table.top-news th {
	width:20%;
	white-space:nowrap;
	vertical-align:top;
	background:url(images/line-width.gif) repeat-x right bottom;
	font-weight:normal;
	padding:8px 5px 4px 0px;
}
div.news1 , div.news2 , div.news3 , div.news4 {
	width:6em;
	white-space:nowrap;
	border:1px solid #CCC;
	overflow-y:visible;
	height:auto;
	font-size:80%;
	color:#FFF !important;
	padding:1px;
	text-align:center
}

.banner {
	width:160px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px;
}
.verisign {
	margin:0px 0px 0px 0px;
	width:160px;
	text-align:center;
}
.shimin-center {
	padding:0px;
	font-size:100%;
	border:3px solid #0066CC;
	width:154px;
	font-weight:bold;
	margin:0px 0px 5px;
	color:#FF3300;
	cursor: pointer;
}
.shimin-center img {
	display:block;
	margin:0px;
}
.shimin-center div {
	background:url(images/shimin-center_03.jpg) no-repeat -1px top;
	padding:5px !important;
	margin:0px !important;
	width:auto;
}
.shimin-center a {
	text-decoration: none;
	padding:0px 0px 0px 8px;
	display:block;
	font-size:80%;
	margin:5px 0px 0px 0px;
	font-weight:normal;
}
.shimin-center a:link , .shimin-center a:visited {
	text-decoration: none;
	background:url(images/arrow-right_blue.gif) no-repeat left center;
	color: #0066CC;
}
.shimin-center a:hover  { 
	background:url(images/arrow-right_red.gif) no-repeat left center;
	color: #FF3300;
}
.pickup {
	width:160px;
	margin:0px 0px 10px 0px;
	text-align:center;
	padding:5px 0px 0px 0px;
}
.pickup a {
	display:block;
	margin:0px 0px 5px 0px;
}
.access {
	width:158px;
	margin:0px 0px 0px 0px;
	border:1px solid #CCC;
}
.access h1 {
	width:auto;
	padding:0px;
	margin:0px;
	line-height:normal;
	font-size:10px;
}
.access div {
	width:auto;
	margin:0px !important;
	padding:10px 5px;
	font-size:80%;
	line-height:140%;
	/*font-family:"ＭＳ ゴシック", "Osaka－等幅" !important;*/
}
.access div div {
	text-align:center;
	margin:5px 0px 0px !important;
	padding:0px;
}
/*
.verisign {
	margin:0px 0px 0px 30px !important;
	width:150px;
}
*/
div.kaiho {
	margin:20px 0px 0px 40px;
	width:140px;
}
div.kaiho a {
	text-decoration: none !important;
	width:120px;
	padding:5px 0px;
	display:block;
	text-align:center;
	font-size:80%;
	border:1px solid #CCC;
}
div.kaiho img {
	margin:3px auto 0px;
	width:100px;
	height:141px;
	border:none;
}

div.kaiho-top {
	margin:5px 0px 0px 25px;
	width:150px;
	/*margin:20px 0px 0px 25px;
	width:140px;*/
}
div.kaiho-top a {
	text-decoration: none !important;
	width:150px;/*width:140px;*/
	margin: 0 auto;
	padding:7px 0px;/*padding:5px 0px;*/
	display:block;
	text-align:center;
	font-size:80%;
	border:1px solid #CCC;
	background:url(/images/bg_kaiho.gif) left top no-repeat;
}
div.kaiho-top img {
	margin:3px auto 0px;
	width:90px;
	height:127px;
	/*width:80px;
	height:113px;*/
	border:1px solid #CCC;
}

div.book {
	margin:5px 0 12px 20px;
	/*margin:5px 0 0 20px;*/
	text-align:center;
	font-size:80%;
}

div.blog_parts {
	width:140px;
	margin:0 0 7px 25px;
	padding: 5px;
	border:1px solid #ccc;
}

p.indent {
	text-indent:-1em;
	margin-left:1em;
}

.flash-but {
	text-align:right;
	margin:5px 0px 0px 0px;
}
.flash-but img {
	vertical-align:middle;
	margin:0px 0px 0px 5px;
}


/* コンテンツページ用 */
div.news {
	overflow-y:scroll;
	height:250px;
	width:auto;
	margin:0px !important;
	padding:0px;
}
ul.news {
	margin:0px;
	padding:0px 0px 0px 20px;
}
ul.news li {
	line-height:normal;
	list-style:url(images/arrow-right_blue.gif) outside square;
	margin:0px 0px 10px;
	padding:0px 0px 2px;
	background: url(images/line-width.gif) repeat-x left bottom;
}
ul.news li span {
	display:block;
}
ul.news li span div {
	float:right;
}
ul.news li table {
	width:auto;
	margin:5px 0px;
}
ul.news li table td {
	width:auto;
}
ul.news li table th {
	white-space:nowrap;
	text-align:right;
	vertical-align:top;
}
ul.item {
	margin:20px 0px 0px;
	padding:10px 0px 0px 20px;
	background: url(images/line-width.gif) repeat-x left top;
	clear:both !important;
}
ul.item li span {
	display:block;
}
ul.item li {
	list-style:url(images/arrow-right_blue.gif) outside square;
	margin:0px 0px 10px;
	padding:0px 0px 2px;
}
.content {
	padding:0px;
	margin:0px 20px 0px 10px;
	font-size:90%;
	line-height:140%;
	position:relative;
}
.title {
	padding:5px 0px 0px;
	margin:0px;
	float:left;
	width:600px;
	position:relative;
	left:0px;
	z-index:2;
}
div.navi {
	padding:0px 0px 2px 0px;
	margin:0px;
	font-size:80%;
	width:auto;
}
div.navi a:link , div.navi a:visited {
	background:url(images/arrow-right_blue.gif) no-repeat right center;
	padding:0px 15px 0px 15px;
	width:auto;
}
div.navi a:hover  { 
	background:url(images/arrow-right_red.gif) no-repeat right center;
	padding:0px 15px 0px 15px;
}
div.navi span {
	background:url(images/arrow-right_blue.gif) no-repeat right center;
	padding:0px 15px 0px 15px;
}
.page-title {
	border-top:1px solid #EDEDED;
	padding:10px 0px 10px 20px;
	margin:0px 0px 20px;
	line-height:140%;
	font-size:18px;
}
.page-title img {
	width:600px;
	height:80px;
	border:none;
	padding:0px !important;
}
h2 {
	padding:0px 0px 10px 0px;
	margin:0px 0px 15px 0px;
	line-height:140%;
	font-size:16px;
	clear:both;
	position:relative;
}
h3 {
	padding:0px 0px 10px 0px;
	margin:30px 0px 15px 0px;
	line-height:140%;
	font-size:16px;
	clear:both;
}
h2 span , h3 span {
	float:right;
	font-weight:normal;
	font-size:80%;
}
h2 a:link , h2 a:visited , h3 a:link , h3 a:visited {
	background:url(images/arrow-right_blue.gif) no-repeat left center;
	padding: 0px 10px 0px 10px;
	text-decoration:none;
}
h2 a:hover , h3 a:hover { 
	background:url(images/arrow-right_red.gif) no-repeat left center;
	padding: 0px 10px 0px 10px;
	text-decoration:underline;
}

.sub-title {
	border-top:1px solid #EDEDED;
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #EDEDED;
	padding:10px 0px 10px 20px;
	margin:20px 0px 20px;
	line-height:140%;
	font-size:18px;
}

.newpage {
	page-break-before: always !important;
}

div.pagetop {
	width:740px;
	clear:both;
	text-align:right;
	margin:0px;
	padding:20px 20px 5px;
}
p.pagetop {
	width:auto;
	text-align:right;
	border-bottom: 1px solid #CCCCCC;
	margin:10px 0px 30px 0px;
	padding:0px 0px 10px;
	font-size:80%;
}
p.pagetop a:link , p.pagetop a:visited {
	color:#999999;
	background: url(images/arrow-right_blue.gif) no-repeat left center;
	padding: 0px 10px 0px 10px;
	text-decoration:none;
}
p.pagetop a:hover { 
	color:#FF3300;
	background: url(images/arrow-right_red.gif) no-repeat left center;
	padding: 0px 10px 0px 10px;
	text-decoration:underline;
}

.common-table {
	width:100%;
	margin:0px 0px 20px 0px;
}
.common-table td {
	background:url(images/line-width.gif) repeat-x left bottom;
	padding:10px 0px 5px 15px;
}
.common-table th {
	background:url(images/line-width.gif) repeat-x right bottom;
	width:6em;
	padding:10px 0px 5px;
	vertical-align:top;
}
.common-table th span {
	color:#FFF;
	border:1px solid #CCC;
	display:block;
	font-size:80%;
	padding:2px;
	white-space:nowrap;
	font-weight:normal;
	line-height:normal;
}

table.common-table2 {
	width:auto;
	margin:0px;
	border:none;
	clear:both;
}
table.common-table2 td {
	padding:0px 0px 0px 5px;
	background-image: none;
	border:none;
	width:auto;
}
table.common-table2 th {
	vertical-align:top;
	font-weight:normal;
	white-space:nowrap;
	padding:0px 5px 0px 0px;
	background-image: none;
	border:none;
	width:auto;
}

table.common-table3  {
	width:100%;
	border:1px solid #CCC;
	margin:0px 0px 10px 0px;
}
table.common-table3 td , table.common-table3 th {
	padding:5px;
	border:1px solid #EDEDED;
}
table.common-table3 td p.txt01 {
	margin:0px 0px 0px 0.4em;
	text-indent:-0.4em
}
table.common-table3 td p.txt02 {
	margin:0px 0px 0px 1.4em;
	text-indent:-1.4em
}
table.common-table3 td span {
	padding:0px 10px 0px 0px;
}
table.common-table3 td strong {
	padding:0px 0px 0px 5px;
	color:#FF3300;
	font-weight:normal;
	font-size:90%;
}
table.common-table3 thead th {
	white-space:nowrap;
}
table.common-table3 tbody th {
	white-space:nowrap;
	font-weight:normal;
	vertical-align:top;
}
table.common-table3 td table {
	margin:0px;
	border:none;
}
table.common-table3 td table td , table.common-table3 td table th {
	padding:2px;
	border:none;
	font-weight:normal;
}

table.common-table4  {
	border:1px solid #CCC;
	margin:0px 0px 10px 10px;
}
table.common-table4 td , table.common-table4 th {
	padding:5px;
	border:1px solid #EDEDED;
}
table.common-table4 td p {
	margin:0px 0px 0px 1.6em;
	text-indent:-1.6em
}
table.common-table4 td span {
	padding:0px 10px 0px 0px;
}
table.common-table4 td strong {
	padding:0px 0px 0px 5px;
	color:#FF3300;
	font-weight:normal;
}
table.common-table4 thead th {
	white-space:nowrap;
}
table.common-table4 tbody th {
	white-space:nowrap;
	font-weight:normal;
	vertical-align:top;
}
table.common-table4 td table {
	margin:0px;
	border:none;
}
table.common-table4 td table td , table.common-table4 td table th {
	padding:2px;
	border:none;
	font-weight:normal;
}

table.common-table5  {
	width:100%;
	border:1px solid #CCC;
	margin:0px 0px 30px 0px;
}
table.common-table5 td , table.common-table5 th {
	padding:5px;
	border:1px solid #EDEDED;
}
table.common-table5 td p {
	margin:0px 0px 0px 1.6em;
	text-indent:-1.6em
}
table.common-table5 thead th {
	white-space:nowrap;
	font-size:85%;
	padding:2px !important;
	font-weight:normal;
}
table.common-table5 tbody th {
	text-align:left;
	font-weight:normal;
	font-size:95%;
}
table.common-table5 tbody td {
	text-align:center;
}


.common-table6 {
	width:95%;
	margin:0px 0px 20px 0px;
}
.common-table6 td {
	background:url(images/line-width.gif) repeat-x left bottom;
	padding:10px 0px 15px 15px;
	text-align:right;
	vertical-align:center;
}
.common-table6 th {
	background:url(images/line-width.gif) repeat-x right bottom;
	padding:10px 0px 15px 15px;
	text-align:left;
	vertical-align:center;
}
.common-table6 th span {
	color:#FFF;
	border:1px solid #CCC;
	display:block;
	font-size:80%;
	padding:2px;
	white-space:nowrap;
	font-weight:normal;
	line-height:normal;
}


.icon {
	width:16px;
	height:16px;
	border:none;
	margin:0px 0px 0px 5px;
	vertical-align:middle;
}

.backnumber {
	text-align:right;
	margin:0px 0px 15px 0px;
	padding:0px 0px 5px 0px;
}
.backnumber .select {
	color:#999999;
}
div.no-contents {
	margin: 100px auto 300px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
p.no-contents {
	margin: 50px auto 50px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
ul.warn {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 30px;
}
ul.warn li {
	font-weight:bold;
	list-style:none outside square;
}
.error {
	margin:0px 0px 0px 0px;
	padding:10px;
}
.error li {
	font-weight:bold;
	list-style:none;
}
.error,
.info {
	padding:10px;
	font-weight:bold;
}
.attention {
	/* 他、CSSで記述 */
}
.attention strong {
	font-size:100%;
	display:block;
}
.attention div {
	margin:10px 0px 0px 0px;
	text-align:center;
}
p.hang {
	margin: 15px 0px 15px 1.0em;
	text-indent:-1.0em;
}




/* 取り扱い業務PR */

table.pr-list {
	width:100%;
	line-height:normal;
	border-top:2px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table.pr-list td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:3px 5px;
}
table.pr-list th {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
table.pr-list thead th {
	text-align:left;
	font-size:120%;
	border-top:1px solid #CCCCCC;
	padding:5px 5px 5px 10px;
}
table.pr-list thead th span {
	font-weight:normal;
	margin-left:5px;
	font-size:90%;
}
table.pr-list tbody th {
	padding:2px;
	width:100px;
}
table.pr-list tbody td img {
	width:28px;
	height:11px;
	border:none;
	margin:0px auto;
}
td.pr-address {
	padding:2px 4px 2px 6em !important;
	text-indent:-5.5em;
}
td.pr-address span {
	padding:0px 10px 0px 0px !important;
}
td.pr-message {
	height:3em;
}

table.pr-search {
	width:100%;
	margin-bottom: 0.5em;
}
table.pr-search th {
    text-align: right;
	padding-right: 0.5em;
    vertical-align: top;
}


/* 会員一覧 */

.common-table td ul {
	margin:0 0 0 -5px;
	padding:0;
	list-style:none;
}
.common-table td ul li {
	float: left;
	width: 13em
}
.btn {
	margin: -5px 0 10px;
	text-align: center;
}
input.btn {
	padding: 5px 25px;
	font-size: 14px;
}



/* 行政書士の仕事 */


ol.main {
	margin: 0px 0px 0px 20px;
	padding:0px;
	line-height:120%;
}
ol.main li {
	font-size:120%;
	font-weight:bold;
	margin:0px 0px 20px 0px;
}
ol.main blockquote {
	font-weight:normal;
	font-size:85%;
	margin: 10px 0px;
	border-top: 2px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px 20px;
}
ol.main li ul li {
	margin: 0px 40px 5px !important;
	list-style-type: square;
	font-weight:normal;
	font-size:85%;
}
ol.main li div {
	margin:20px -5px 30px -25px;
	text-align:right;
	border-top: 2px solid #EDEDED;
	clear:both;
	padding:5px 0px 0px 0px;
	font-size:10px;
}

ul.jobs {
	margin:10px 0px 0px;
	padding:0px 0px 20px 0px;
	background:url(images/line-width.gif) repeat-x left bottom;
}
ul.jobs li {
	list-style:none inside none;
	display:inline;
	margin:0px;
	padding:0px;
}
ul.jobs li img {
	width:180px;
	height:48px;
	border:none;
	margin:0px 5px 5px 0px;
}


table.rinri {
	margin:30px auto 0px;
	width:510px;
}
table.rinri td {
	padding:0px;
}
table.rinri th {
	padding:0px;
}
table.rinri td p {
	font-weight:bold;
	font-size:130%;
	margin:10px 20px;
	line-height:160%;
}
table.rinri td ol {
	margin:0px 20px 20px 60px;
}
table.rinri td ol li {
	margin:0px 0px 5px 0px;
}
/* よくある質問 */

ul.qanda {
	margin: 0px 0px 0px 30px;
	padding:0px;
}
ul.qanda li {
	display:inline;
	float:left;
	padding: 0px;
	margin: 0px 20px 10px 0px;
	width:14em;
	font-weight:bold;
	font-size:120%;
	line-height:normal;
	border:1px solid #CCC;
	cursor: pointer;
	background:url(images/but-bg2.jpg) repeat-x right center;
}
li.qanda-out a {
	color: #0066CC;
	background:url(qanda/images/a-bg.gif) no-repeat right top;
	height:2.2em;
}
li.qanda-over a {
	color: #FF3300;
	background:url(qanda/images/a-bg_f2.gif) no-repeat right top;
	height:2.2em;
}
ul.qanda li a {
	display:block;
	padding: 10px;
	text-decoration:none;
}

dl.qanda {
	margin: 0px 0px 20px 0px;
}
dt.question {
	font-weight:bold;
	font-size:18px;
}
dt.question img {
	margin:0px 0px 0px 0px;
}
dd.question {
	margin:-1.4em 0px 5px 50px;
	padding:0px 0px 0px 10px;
	font-weight:bold;
}
dt.answer {
	margin:0em 0px 0px 0px;
}
dd.answer {
	margin:-1.4em 0px 0px 50px;
	border-left:2px solid #CC0033;
	padding:0px 0px 0px 10px;
}
dd.answer li li {
	margin:0px 0px 0px 10px;
}


/* 行政書士登録 */

ol.recruit {
	margin:0px;
	padding:10px 0px 20px 40px;
}
ol.recruit li {
	margin:0px 0px 5px 0px;
	list-style: none outside decimal;
}
ol.recruit li p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
ol.recruit li ol {
	margin:10px 0px;
	padding:0px 0px 0px 15px;
}
ol.recruit li ol li {
	list-style: none outside upper-roman;
}
ol.recruit li ol li ol {
	margin:10px 0px;
}
ol.recruit li ol li ol li {
	list-style: none outside lower-roman;
}
ol.recruit ul {
	margin:10px 0px;
	padding:0px 0px 0px 15px;
}
ol.recruit ul li {
	list-style-image:none !important;
	list-style-type: square !important;
}

table.recruit {
	width:auto;
	margin:10px 0px 0px 20px;
}
table.recruit tr.question td {
	padding:0px 5px 5px 5px;
	vertical-align:top;
}
table.recruit tr.question th {
	width:20px;
	padding:0px;
	vertical-align:top;
	text-align:left;
}
table.recruit tr.answer td {
	padding:0px 5px 20px 5px;
}
table.recruit tr.answer th {
	width:20px;
	padding:0px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
table.recruit td span {
	color:#FF3300;
}
table.recruit td ul {
	margin:0px 0px 0px 20px;
	padding:0px;
}
table.recruit td ol {
	margin:0px 0px 0px 25px;
	padding:0px;
}
table.recruit td li {
	margin:0px;
	padding:0px;
}
table.recruit td table {
	width:auto !important;
}
table.recruit td table td {
	width:auto !important;
	padding:0px !important;
}
table.recruit td table th {
	width:6em !important;
	white-space:nowrap !important;
	padding:0px !important;
}
ol.henko {
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 20px;
}
ul.henko {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:5px 0px 20px 15px;
}
ul.henko2 {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 15px;
}
ul.henko li {
	margin:0px 0px 0px 0px;
	padding:3px;
}
ul.henko li ul {
	list-style-type:none;
	padding:0px 0px 0px 15px;
}
p.henko {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 5px;
}
p.henko2 {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 5px;
	font-weight:bold;
}

dl.henko {
	margin-top:0;
}
dl.henko dt {
	margin:0 0 5px 5px;
	font-weight:bold;
}
dl.henko dd {
	margin:0 0 0 15px;
}

/* 市民センター */

table.branch {
	width:100%;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
table.branch td {
	background-image:none !important;
}
table.branch th {
	background-image:none !important;
	padding:2px 0px 2px !important;
}
table.branch thead th , table.branch thead td {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	font-weight:normal;
	text-align:center !important;
	width:auto !important;
	font-size:80% !important;
	line-height:normal;
}
table.branch tbody td {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:5px !important;
}
table.branch tbody th {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:5px 2px;
	width:4em;
}
table.branch tbody td p {
	margin:0px 0px 0px 1em;
	text-indent:-1em;
	color:#FF3300;
}

/* 支部相談会 */
table.branch .notice {
  color: red;
}


/* お問い合わせ */

table.request {
	width:100%;
	margin: 0px 0px 20px 0px;
	border:1px solid #CCC;
}
table.request td {
	padding:0px 0px 0px 5px;
}
table.request th {
	text-align:right;
	padding:0px 10px;
	vertical-align:top;
	white-space:nowrap;
	font-weight:normal;
	width:7em;
}
th.request {
	border-right:3px solid #FF0000 !important;
}
span.request {
	color:#FF0000;
}
textarea.request , input.request {
	width:95%;
}
div.request {
	text-align:center;
	margin: 0px 0px 0px 0px;
}
table.request td ul {
	padding:0px;
	margin:0px;
}
table.request td ul li {
	padding:0px 0px 0px 1.8em;
	text-indent:-1.8em;
	margin:0px 0px 5px;
	list-style:none outside none;
	line-height:normal;
}
.thanks {
	margin:100px 0px 200px;
	line-height:200%;
	text-align:center;
}
.thanks h1 {
	margin:0px 0px 60px;
	text-align:center;
	line-height:140%;
	font-size:200%;
}



/* コラム */

table.column {
	width:100%;
	border-collapse:collapse;
}
table.column td {
	width:50%;
	vertical-align:top;
	border-left:1px solid #CCC;
	padding:20px 0px 20px 10px;
}
table.column th {
	width:50%;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	border-right:1px solid #CCC;
	padding:20px 10px 20px 0px;
}

table.column div {
	height:5em;
	margin:0px 0px 0px 30px;
	padding:10px 0px 0px;
}
table.column img.ttl {
	display:block;
	margin:0px auto 10px;
	width:250px;
	height:50px;
}
table.column div.column-photo {
	display:block;
	margin:0px 0px 8px 1px;
	float:right;
	width:10px;
	height:100px;
	padding:0px !important;
}
table.column img.column-photo {
	display:block;
	margin:0px 0px 8px 10px;
	float:right;
	width:81px;
	height:100px;
}

table.column .sano {
	border-bottom:1px solid #CCC;
}
table.column .baku {
	border-bottom:1px solid #CCC;
}
table.column .nakagawa {
	border-bottom:1px solid #CCC;
}
table.column .honma {
	border-bottom:1px solid #CCC;
}
table.column .okajima {
	/*border-bottom:2px solid #CCC;*/
}

table.column .abe p {
	padding:10px;
	background-color: #FFCCCC;
}
table.column .abe p span {
	text-align:center;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#FF3300;
	display:block;
}
form.column {
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}
form.column .select {
	color:#999999;
}
.honma-kaisetu {
	width:4em;
	padding:2px;
	text-align:center;
	border:1px solid #CCCCCC;
	font-weight:bold;
}




/* 推奨環境　*/

table.browser {
	width:100%;
	margin:10px 0px 20px 0px;
}
table.browser td {
	padding:0px 20px;
	vertical-align:bottom;
	width:50%;
}
table.browser th {
	font-weight:normal;
	text-align:left;
	padding:0px 20px;
	vertical-align:bottom;
	background:url(images/line-height.gif) repeat-y right top;
	width:50%;
}

table.browser-rss {
	width:100%;
	margin:10px 0px 20px 0px;
}
table.browser-rss td {
	padding:5px 0px;
	background:url(images/line-width.gif) repeat-x left bottom;
}
table.browser-rss th {
	font-weight:normal;
	text-align:right;
	padding:5px 10px;
	background:url(images/line-width.gif) repeat-x right bottom;
	white-space:nowrap;
}



/* 申請書ダウンロード */

div.dllinks a {
	border:1px solid #CCC;
	margin:0px 5px 10px 0px;
	padding: 2px 6px;
	font-weight: bold;
	text-decoration:none;
	display:block;
	float:left;
}
table.dllinks {
	clear:both;
	width:100%;
	margin:0px 0px 20px 0px;
	border-top:1px solid #EDEDED;
}
table.dllinks td {
	padding: 3px 5px;
	border-bottom:1px solid #EDEDED;
}
table.dllinks th {
	padding: 3px 5px;
	vertical-align:top;
	white-space:nowrap;
	text-align:right;
	border-right:2px solid #339900;
	border-bottom:1px solid #EDEDED;
	width:3em;
}
table.dllinks a:link , table.dllinks a:visited {
	background: url(images/arrow-right_red.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
}
table.dllinks a:hover { 
	background: url(images/arrow-right_blue.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
}
td.dllinks {
	width:8em;
	white-space:nowrap;
}
th.dllinks {
	padding: 3px 5px;
	vertical-align:top;
	white-space:nowrap;
	text-align:right;
	border-bottom:1px solid #EDEDED;
	width:3em;
}

/* 著作権相談員 */

div.copy {
	border:2px solid #000099;
	margin:0px auto 20px;
	padding:20px;
	color:#FF3300;
	width:80%;
}
div.copy strong {
	display:block;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#000099;
	margin:0px 0px 10px;
}
div.copy div {
	margin:20px auto -22px !important;
}
div.copy dl {
	margin:0px 0px 20px;
}
div.copy dt {
}
div.copy dd {
	color:#333333;
}
div.copy img {
	margin:0px auto;
	display:block;
	width:29px;
	height:30px;
}
div.copy u {
	color:#339900;
	font-weight:bold;
}
ul.copy {
	padding:10px 0px 20px 40px;
	margin:0px;
}
ul.copy li {
	padding:0px;
	margin:0px 0px 5px;
}
ul.copy li span {
	font-weight:bold;
	color:#FF3300;
}
ul.copy li strong {
	font-weight:bold;
	color:#3366FF;
}
.slide {
	min-height:34em;
}
.slide-navi {
	text-align:center;
	margin:0px 0px 10px;
}
.slide-navi a {
	padding:10px;
}
.slide-navi strong {
	padding:0px 20px;
}
/* こころのリンク */

img.revival {
	float:right;
	margin:0px 0px 0px 20px;
}
ul.revival {
	float:left;
	width:45%;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
ul.revival li {
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:url(images/arrow-right_blue.gif) outside none;
}
ul.revival li a:link , ul.revival li a:visited {
	text-decoration: none;
}
ul.revival li a:hover  { 
	text-decoration: underline;
}


/* こども110ばん */

table.kabegami {
	margin:10px auto 0px;
	clear:both;
	border-top: 1px solid #CCC;
}
table.kabegami td {
	border-bottom: 1px solid #CCC;
	padding:5px 10px;
	width:50%;
}
table.kabegami th {
	border-bottom: 1px solid #CCC;
	padding:5px 0px;
}
table.kabegami ul {
	margin:0px;
	padding:0px 0px 0px 20px;
}
table.kabegami ul li {
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:url(images/arrow-right_blue.gif) outside square;
}


/* 関連リンク */

ul.link , ul.link2 {
	margin:0px 0px 20px 0px;
	padding:0px;
	width:560px;
}
ul.link li {
	margin:0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width:9.7em;
	float:left;
	white-space:nowrap;
	list-style:none outside none;
}
ul.link2 li {
	margin:0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width:19em;
	float:left;
	list-style:none outside none;
}
ul.link li a:link , ul.link li a:visited , ul.link2 li a:link , ul.link2 li a:visited {
	background: url(images/arrow-right_blue.gif) no-repeat left center;
	padding: 0px 0px 0px 8px;
}
ul.link li a:hover , ul.link2 li a:hover {
	background: url(images/arrow-right_red.gif) no-repeat left center;
	padding: 0px 0px 0px 8px;
}

table.link {
	clear:both;
	width:100%;
}
table.link td {
	padding:5px;
}

table.link td a {
	display:block;
	float:left;
	padding: 0px 10px 0px 8px;
	white-space:nowrap;
}
table.link th a {
	padding: 0px 10px 0px 8px;
	white-space:nowrap;
}
table.link a:link , table.link a:visited {
	background: url(images/arrow-right_blue.gif) no-repeat left center;
}
table.link a:hover {
	background: url(images/arrow-right_red.gif) no-repeat left center;
}
table.link th {
	white-space: nowrap;
	padding:5px;
	text-align:right;
	vertical-align:top;
	width:6em;
}

/* サイトマップ */

table.sitemap {
	width:100%;
}
table.sitemap td {
	vertical-align:top;
	width:33%;
	padding:0px 0px 20px;
}
table.sitemap th {
}

ul.sitemap {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background: url(sitemap/images/sitemap-bg_01.gif) repeat-y left top;
}
ul.sitemap li {
	margin-top: -0.02em;
	padding: 5px 0px 0px 22px;
	background: url(sitemap/images/sitemap-bg_02.gif) repeat-y left center;
	list-style: none outside none;
	text-align:left;
}
*html ul.sitemap li {
	margin: 0px;
}
ul.sitemap li.sitemap-last {
	background: url(sitemap/images/sitemap-bg_03.gif) no-repeat left center;
}




/* ブラウザウィンド */

body.window {
	margin: 0px;
	font-size:85%;
}
div.window {
	padding: 20px;
	border-top:3px solid #0066CB;
}
div.window-but {
	padding: 20px;
	text-align:center;
}
div.window-but img {
	margin: 0px 10px;
	height:12px;
	width:62px;
	border:none;
}

ol.map {
	margin:0px;
	padding:5px 0px 0px 20px;
}
ol.map li {
	margin:0px 0px 3px 0px;
	padding:0px;
}


/* メニュー */


div.menu , div.menu-topics , div.menu-branch , div.menu-dllinks , div.menu-pr , div.menu-search , div.menu-memberlist , div.menu-center , div.menu-sodan , div.menu-jobs , div.menu-mission ,div.menu-qanda ,div.menu-recruit , div.menu-news , div.menu-branch , div.menu-branch , div.menu-mediation , div.menu-column , div.menu-revival , div.menu-link {
	width:180px;
	margin:0px;
	padding:5px 0px 0px 0px;
	float:left;
	position:relative;
	left:-20px;
	z-index:1;
}

div.menu-pr a.menu-pr , div.menu-search a.menu-search , div.menu-memberlist a.menu-memberlist , div.menu-center a.menu-center , div.menu-sodan a.menu-sodan , div.menu-jobs a.menu-jobs , div.menu-mission a.menu-mission , div.menu-qanda a.menu-qanda , div.menu-recruit a.menu-recruit , div.menu-news a.menu-news , div.menu-branch a.menu-branch , div.menu-mediation a.menu-mediation , div.menu-topics a.menu-topics , div.menu-column a.menu-column , div.menu-dllinks a.menu-dllinks , div.menu-revival a.menu-revival , div.menu-link a.menu-link {
	background:url(images/menu-but_bg_f2.gif) no-repeat left center !important;
}

ul.menu {
	padding:5px 0px 15px 20px;
	margin:0px;
}
ul.menu li {
	margin:-1px 0px 3px 0px;
	padding:0px;
	list-style:none inside none;
	font-size:90%;
}

/* IE6.7.8用ハック  */
* html ul.menu li {
	text-indent:-1.2em;
}
*:first-child+html ul.menu li {
	text-indent:-1.2em;
}
html>/**/ ul.menu li {
	text-indent:-1.2em;
}

ul.menu li a {
	text-decoration: none !important;
	padding:0px 0px 0px 16px;
	margin:0px;
	display:block;
}
ul.menu li a:link , ul.menu li a:visited {
	background:transparent url(images/menu-but_bg.gif) no-repeat left center;
}
ul.menu li a:hover  { 
	background:transparent url(images/menu-but_bg_f2.gif) no-repeat left center;
}
img.menu {
	width:180px;
	height:30px;
	border:none;
	display: block;
}

/* 会員ページメニューのみ */
ul.private-menu {
	padding:2px 0px 15px 20px;
	margin:0px;
}
ul.private-menu li {
	margin:3px 0 0;
	padding:0 0 3px;
	border-bottom:1px dotted #ccc;
}


/* 会員ページ */

/* 会員ページ 共有 */
.pagination-top , .pagination-bottom {
	line-height:normal;
	position:relative;
}
.pagination-top div {
	text-align:center;
	padding:5px;
	margin:0px 0px 20px;
}
.pagination-bottom div {
	text-align:center;
	padding:5px;
	margin:20px 0px 0px;
}
.pagination-top div strong , .pagination-bottom div strong {
	font-size:150%;
	color: #FF3300;
	padding: 0px 5px;
}
.pagination-top div span , .pagination-bottom div span {
	color: #CCC;
	padding: 0px 5px;
}
.pagination-top div a:link , .pagination-top div a:visited , .pagination-bottom div a:link , .pagination-bottom div a:visited {
	padding: 0px 5px;
	text-decoration:underline !important;
}
.pagination-top div a:hover , .pagination-bottom div a:hover {
	padding: 0px 5px;
}
.pagination-top div .select , .pagination-bottom div .select{
	color:#999999;
}


ul.ul-but01 , ul.ul-but02 , ul.ul-but03 {
	margin: 0px 0px 30px 20px;
	padding:0px;
	position:relative;
	width:auto;
}
ul.ul-but01 li , ul.ul-but02 li , ul.ul-but03 li {
	float:left;
	padding: 0px;
	margin: 0px 10px 10px 0px;
	font-weight:bold;
	font-size:100%;
	line-height:normal;
	border:1px solid #CCC;
	background:url(images/but-bg2.jpg) repeat-x right center;
	cursor: pointer;
	list-style:none inside none;
}
ul.ul-but01 li {
	width:18em;
}
ul.ul-but02 li {
	width:14em;
}
ul.ul-but03 li {
	width:10em;
}
ul.ul-but01 li a , ul.ul-but02 li a , ul.ul-but03 li a {
	display:block;
	padding: 8px 5px 8px 15px;
	text-decoration:none;
	background: url(images/li-btn_bg.jpg) no-repeat left top;
}
li.ul-but-out a {
	color:#0066CC;
}
li.ul-but-over a {
	color:#FF3300 !important;
}


/* 会報 */

table.kaiho {
	margin:0px auto 20px;
	width:auto;
}
table.kaiho td {
	text-align: center;
	padding:5px 0px;
	line-height:normal;
	width: 85px;
}


/* 研修会 */

table.workshop {
	margin: 0px 0px 20px 0px;
	border:2px solid #CCC;
	width:100%;
}
table.workshop td {
	padding: 6px 5px;
}
table.workshop th {
	padding: 6px 5px;
	white-space: nowrap;
	text-align: right;
	width:15%;
	vertical-align: top;
}
table.workshop td ol , table.workshop td ul {
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
table.workshop td ol li {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
table.workshop td ul li {
	list-style-type:disc;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
table.workshop td table {
	width: auto;
}
table.workshop td table td {
	width:auto;
}
table.workshop td table th {
	font-weight:normal;
	width: auto;
}
td.workshop {
	font-size:120%;
	font-weight:bold;
	padding:10px 10px 5px !important;
	color: #FF3300;
	text-align:center;
}
div.workshop {
	margin: 0px 0px 20px;
}
p.workshop {
	margin:0px 0px 3px;
	text-align:right;
}
table.workshop div.expired {
        font-size: 110%;
        color: #FF3300;
}
/*
table.workshop div.expired {
	margin:0px 0px 15px 0px;
}
table.workshop div.alive {
	margin:0px 0px 15px 0px;
}

table.workshop div.expired div.day {
	color:#CCCCCC;
	text-decoration: line-through;
}
table.workshop div.alive div.day {
	
}
table.workshop div.day {
	margin:0px 0px 5px 0px;
}

table.workshop div.limit {
	margin:0px 0px 5px 40px;
}
table.workshop div.limit span {
	color:#FF3300;
	padding:0px 0px 0px 10px;
	white-space:nowrap;
}

table.workshop div.comment {
	margin:0px 0px 0px 40px;
}
*/

/* 行事予定表 */

div.schedules {
	margin:0px 0px 20px;
	text-align:center;
}
div.schedules strong {
	font-size:140%;
	padding:0px 10px;
}
div.schedules span {
	color:#CCCCCC;
}
table.schedules {
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
table.schedules tbody td {
	padding:2px 4px;
	line-height:normal;
	border-bottom:1px solid #CCC;
	background: url(images/line-height.gif) repeat-y left top;
}
table.schedules tbody th {
	padding:4px;
	line-height:normal;
	white-space:nowrap;
	font-weight:normal;
	text-align:right;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	width:3.5em;
}
table.schedules thead th {
	font-size:85%;
	padding:2px;
	white-space:nowrap;
	line-height:normal;
	border-left:1px solid #CCC;
}
table.schedules .time {
	white-space:nowrap;
}
/*table.schedules .weekday {  }*/
table.schedules .holiday { color: red; }
table.schedules .saturday { color: blue; }



/* 事業団購買部 */


table.shopping {
	width:100%;
	line-height:normal;
	border-top:1px solid #CCC;
}
table.shopping thead th {
	font-size:70%;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
table.shopping tbody th {
	text-align:left;
	padding:13px 0px 2px;
}
table.shopping tbody td {
	border-bottom:1px solid #CCC;
	padding:2px;
}
.code {
	white-space:nowrap;
	text-align:center;
	border-right:1px solid #EDEDED;
	border-left:1px solid #CCC;
}
.name {
	white-space:nowrap;
	border-right:1px solid #EDEDED;
}
.unit {
	white-space:nowrap;
	text-align:center;
	border-right:1px solid #EDEDED;
}
.price {
	white-space:nowrap;
	text-align:right;
	border-right:1px solid #EDEDED;
}
.order {
	white-space:nowrap;
	text-align:right;
	border-right:1px solid #CCC;
	border-left:1px solid #EDEDED;
}
.order input {
	width:1em;
	text-align:right;
}
td.total {
	text-align:center;
	border-right:1px solid #EDEDED;
	border-left:1px solid #CCC;
	color:#FF0000;
	text-align:right;
	padding-right:10px;
}


/* 会員検索 */

table.private-search {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
}
table.private-search tbody td {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 2px 5px;
	text-align:center;
	white-space:nowrap;
}
table.private-search tbody th {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px 5px;
	font-weight:normal;
	text-align:left;
}
table.private-search thead th {
	padding:4px 2px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 80%;
	line-height:normal;
}
table.private-search .name {
	font-weight:bold;
	white-space:normal;
	text-align:left;
}
table.private-search .name span {
	font-weight:normal;
}


/* 参考図書 */

table.book {
	width:100%;
	border-top:1px solid #CCC;
	border-left:1px solid #EDEDED;
	margin:0px 0px 20px;
}
table.book tbody td {
	padding:5px;
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #CCC;
	text-align:center;
}
table.book tbody th {
	padding:5px;
	border-right:1px solid #EDEDED;
	border-bottom:1px solid #CCC;
	text-align:left;
	font-weight:normal;
}
table.book thead th {
	padding:2px 4px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:85%;
	background:#0066CC url(images/th-bg2.jpg) repeat-x left bottom;
	color:#FFFFFF;
}
table.book thead th.shibu {
	width:6em;
}
table.book thead th.data {
	width:6em;
}
table.book thead th.name {
	width:8em;
}
th.book {
	text-align:left;
	font-size: 100%;
	color: #990033;
	font-weight:bold;
}
/*
table.book td strong {
	font-size: 100%;
	color: #990033;
}

p.book {
	padding:0px 0px 0px 2.8em;
	text-indent:-2.8em;
}
p.book span {
	margin-right:10px;
	padding:2px;
	font-size:12px;
	background-color:#FFE6E6;
	border:1px solid #FF0000;
	color: #FF0000;
}

td.book {
	border-bottom:2px solid #CCC !important;
	padding:2px 5px 5px 5px !important;
}
table.book font {
	font-weight:bold;
	color: #FF3300;
	display:block;
	font-size:inherit;
}
table.book p {
	color: #FF3300;
	margin:0px;
	padding:0px 0px 0px 1em;
	text-indent:-1em;
}
table.book a:link , table.book a:visited {
	text-decoration:underline;
}
table.book a:hover {
	text-decoration:none;
}
*/
tr.shuku {
	background-color:#FFE6E6;
}




/* 神戸環境マネジメントシステム */
h4.kems {
	clear: both;
	padding-top: 5px;
}
h4.kems2 {
	padding-top: 5px;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
dl.kems {
	clear: both;
	margin: 0 0 0 5px;
	padding: 0;
}
dl.kems dt {
	float: left;
	width: 8em;
	margin: 0;
	padding: 0 0 5px;
}
dl.kems dd {
	float: left;
	margin: 0;
	padding: 0 0 5px;
}
dl.kems ol {
	margin: 0 0 0 30px;
	padding: 0;
}
ol.kems {
	margin: 5px 0 5px 25px;
	*margin: 5px 0 5px 30px;
	padding: 0;
}
ol.kems li {
	margin: 0;
	padding: 0 0 5px;
}

table.kems_img {
	text-align:center;
	font-size:12px;
	margin:0 auto;
}
table.kems_img td {
	vertical-align:top;
}
table.kems_img img {
	margin:0 5px;
	border:0;
}
table.kems {
	margin-bottom:1em;
}
table.kems th {
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	font-weight:bold;
}
table.kems td {
	text-align:left;
	vertical-align:top;
	font-weight:bold;
}
ul.kems {
	margin:0 0 0 30px;;
	padding:0;
}
div.kems {
	border:2px solid #999;
	padding:30px;
}
div.kems h4 {
	margin:0;
	padding:0;
	font-size:120%;
	text-align:center;
}
div.kems h5 {
	margin:25px 0 5px;
	padding:0;
	font-size:100%;
	text-align:center;
}
div.kems p {
	margin:0;
}
div.kems ol {
	margin:0 0 1.2em 25px;
	padding:0;
}
div.kems li {
	margin-bottom:5px;
}


/* 広報月間 */
table.gekkan {
	border-collapse: collapse;
}
table.gekkan th {
	padding:4px 10px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	white-space:nowrap;
}
table.gekkan td {
	padding:4px 10px;
	border: 1px solid #ccc;
	text-align:center;
}
table.gekkan td.left {
	text-align:left !important;
}
div.streaming {
	width: 480px;
	margin: 20px auto 0;
}



/* clearfix */

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */