@charset "UTF-8";

@import url("../../common/css/base.css");
@import url("../../common/css/contents.css");
@import url("../../common/css/common.css");
@import url("../../common/css/font.css");

/*----------------------------------------------
 local navigation
-----------------------------------------------*/
#local-navi li img {
 vertical-align: bottom;
}
#local-navi ul li {
 border-bottom: 1px solid #FFFFFF;
}
#local-navi ul li ul li {
 padding-left: 12px;
 border-top: 1px solid #C8C7C9;
}
#local-navi ul li ul li a {
	padding: 5px 5px 5px 19px;
	color: #00733D;
	display: block;
	background-image: url(../../common/images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 8px 9px;
}
#local-navi ul li ul.link-gry li a {
	/*padding: 5px 5px 5px 19px;
	display: block;*/
	color: #666666;
	background: url(../../common/images/arrow07.gif) no-repeat 8px 9px;
}
#local-navi ul li ul li a:hover {
	background-color: #EEEEEE;
}

#local-navi .icon {
 margin-top: 37px;
	padding: 0 6px;
}
#local-navi .icon .icon-title {
 background-color: #E6E6E7;
	color: #9B9C9F;
	padding: 4px 0 3px;
	text-align: center;
}

#local-navi .icon li {
	padding-left: 28px;
	margin-top: 6px;
	font-size: 85%;
	color: #474848;
}
#local-navi .icon li img {
	margin-right: 5px;
	vertical-align: middle;
}
.event-banner {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
}



/*----------------------------------------------
 asakawa/office/index.html
-----------------------------------------------*/

.event-infor {
	margin-top: 17px;
	padding: 0 15px;
	color: #676667;
}
.event-infor .infor-box {
 background: url(../../common/images/dot_line.gif) repeat-x;
	padding: 9px 0;
}


/* event-infor right */

.event-infor .infor-box .infor-cts {
	float: right;
	width: 540px;
}
.event-infor .infor-box .infor-cts .infor-nmd {
 background: url(../../common/images/arrow01.gif) no-repeat left center;
	margin-top: 4px;
	padding-left: 10px;
	font-size: 85%;
}
.event-infor .infor-box .infor-cts .infor-txt {
 margin-top: 6px;
	padding-right: 10px;
	line-height: 1.5;
}


/* event-infor left */

.event-infor .infor-box .infor-p {
 float: left;
	width: 88px;
}
.event-infor .infor-box .infor-p img {
 border: 1px solid #676667;
}


/*ie5-6 csshover*/
.event-infor .infor-box:hover {
	background-color: #F3F3F3;
}
.eventContainer {
	padding-top: 20px;
}
.eventInner {
	background-image: url(../../common/images/dot_line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 5px;
	padding-top: 5px;
}
.eventInner .eventDate {
	font-size: 90%;
	background-image: url(../../common/images/arrow01.gif);
	background-position: left center;
	padding-left: 10px;
	background-repeat: no-repeat;
}
.eventInner .eventTxt {
	margin-top: 3px;
	line-height: 1.5em;
	padding-left: 10px;
}



/*----------------------------------------------
 asakawa/office/detail.html
-----------------------------------------------*/

#office-hall {
 padding-bottom: 30px;
}


/* office hall name */

#office-hall .oh-tbox,
#office-hall .oh-tbox2 {
 position: relative;
	background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	padding-bottom: 5px;
	width: 658px;
}
#office-hall .oh-tbox2 {
	margin-top: 30px;
	padding-bottom: 1px;
}
#office-hall .oh-tbox h2 {
	font-weight: bold;
	font-size: 130%;
}
#office-hall .oh-icon {
 position: absolute;
	top: 0px;
	right: 0px;
}
#office-hall .oh-icon li {
 float: left;
 margin-left: 3px;
}
#office-hall .oh-icon li img {
 vertical-align: bottom;
}


/* detail */

#office-hall .oh-detail {
 margin-top: 15px;
}
#office-hall .oh-detail .oh-detail-txt {
	float: right;
	width: 277px;
	line-height: 1.5;
	margin-top: -15px;
}
#office-hall .oh-detail-txt p {
	margin-top: 15px;
}
#office-hall .oh-detail-txt .office-add a {
 font-size: 85%;
}
#office-hall .oh-detail-txt .office-bnr {
 margin-top: 5px;
}
#office-hall .oh-detail .oh-detail-p {
 float: left;
	width: 347px;
}


/* model house */

#office-hall .model-house ul {
	background-color: #E6E6E7;
	margin-top: 8px;
	padding-top: 2px;
	padding-bottom: 7px;
	padding-left: 7px;
}
#office-hall .model-house li {
	float: left;
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-top: 5px;
	padding: 6px;
}
#office-hall .model-house li img {
	vertical-align: bottom;
}

/*#office-hall .model-house {
 background-color: #E6E6E7;
	margin-top: 8px;
	padding: 2px 6px 7px 7px;
}
#office-hall .model-house ul {
 padding-top: 5px;
}
#office-hall .model-house li {
 margin-left: 5px;
	float: left;
	width: 125px;
	background-color: #FFFFFF;
}
#office-hall .model-house li img {
 vertical-align: bottom;
	margin: 6px;
}
#office-hall .model-house li.left-end ,
#office-hall .staff li.left-end{
 margin-left: 0px;
}*/


/* staff */

#office-hall .staff li {
	float: left;
	margin-top: 10px;
	margin-right: 7px;
	width: 122px;
}
#office-hall .staff .staff-p {
	border: 1px solid #9B9C9F;
	padding: 6px;
}
/*#office-hall .staff {
 margin-top: 10px;
}
#office-hall .staff li {
 float: left;
	margin-left: 12px;
	width: 122px;
}
#office-hall .staff .staff-p {
 border: 1px solid #9B9C9F;
	padding: 7px 6px;
}*/
#office-hall .staff .official-title {
 font-size: 85%;
	margin-top: 7px;
}
#office-hall .staff .name {
 margin-top: 4px;
}
/*#office-hall .staff .staff-skill {
 margin-top: 3px;
}
#office-hall .staff .staff-skill img {
 margin: 3px 3px 0 0;
}*/
#office-hall .staff .staff-skill {
	margin-top: 5px;
}
#office-hall .staff .staff-skill li {
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0px;
	float: left;
	width: auto;
}


/* access */

#office-hall .access {
 margin-top: 15px;
}
#office-hall .access p {
 margin-top: 20px;
}

/* event */
#event .oh-tbox {
	position: relative;
	background: url(../../common/images/dot_line.gif) repeat-x left bottom;
	padding-bottom: 5px;
	width: 658px;
	margin-bottom: 20px;
}
#event .oh-tbox h2 {
	font-weight: bold;
	font-size: 130%;
}#event p {
	line-height: 1.5em;
	margin-top: 1em;
}
#event p.date {
	text-align: right;
}

/* 090331 */
#event ul {
	list-style: none;
}
#event ul.disc {
	margin-left: 25px;
	list-style: disc;
}
#event ol {
	margin-left: 30px;
	list-style: decimal;
}

#event li {
	padding-top:1em;
	line-height: 1.5em;
}
#event .newsList ul {
	margin: 0px;
	list-style: none;
}
#event .newsList li {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #CCCCCC;
	padding-left: 10px;
	line-height: 1.5em;
}
#event .newsList li a {
	font-size: 110%;
	font-weight: bold;
}
#event h3 {
	font-size: 120%;
	font-weight: bold;
	color: #009966;
	margin-top: 15px;
	padding-bottom:3px;
	border-bottom:1px dotted #009966;
}
#event h4 {
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	margin-top: 2em;
	padding:5px 8px;
	background-color:#009966;
}
#event h5 {
	font-size: 115%;
	font-weight: bold;
	margin-top: 2em;
	color: #000000;
}

#event p {
	margin-top: 1em;
	line-height:180%;
}
#event p.entrydate {
	font-size: 90%;
	text-align: left;
}
#event p.info {
	font-size: 90%;
	text-align: right;
}
#event p.info a {
 background: url(/common/images/icon_link.gif) no-repeat left center;
	padding-left: 15px;
}
#event p.info a.arrow {
	background: url(/common/images/arrow02.gif) no-repeat left center;
	padding-left: 10px;
}
#event p.line {
	/*margin-top:5px;*/
	padding-top:5px;
	border-top:1px dotted #333;
}
#event fieldset {
	background: #FFFFFF;
	padding: 0px 10px 10px;
	margin-top: 2em;
	border: 1px solid #CCCCCC;
}
#event fieldset legend {
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
}
#event fieldset p {
	margin-top: 0.5em;
}
#event dt {
	font-weight: bold;
	margin-top: 1em;
	color: #666666;
}
#event dd {
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-left: 1em;
}
.comment {
	padding: 10px;
	margin-top: 15px;
	border: 1px solid #CCCCCC;
}
.comment h3,
.comment h2 {
	font-size: 130%;
	font-weight: bold;
	color: #7AAB89;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;
}
.comment P {
	line-height: 1.5em;
}
.comment table {
	width: 660px;
	margin-top: 5px;
}
.comment th,
.comment td {
	padding-top: 5px;
	vertical-align: top;
}
.comment th {
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
	width: 7em;
}
.txt-input1 {
	width: 300px;
}
.txt-input2 {
	width: 550px;
}
.comment .privacy {
	background: #FFFFCC;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
}
.comment .submit {
	text-align: center;
	margin-top: 10px;
}
.validation-advice {
background-color: #FF3300;
color : #FFF;
font-size: 90%;
margin-top: 3px;
margin-right: 0;
margin-bottom: 3px;
margin-left: 0;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}