@charset "Shift_JIS";

/* 共通 */
@import "../../../css/base.css";
@import "../../../css/dpath.css";

/****************************** コンテンツ ********************************/
#content{
	padding:1.5em 2% 1em;
	width:100%;
	}
body>#content{
	width:96%;
	}

#index #local-header{
	line-height:1.2em;
	}

#local-header{
	border:3px solid #339;
	margin:0 0 1em;
	}

#content #local-english{
	padding:0.2em 0 0.2em 0.5em;
	margin:0;
	background:#339;
	font-size:small;
	color:#fff;
	font-weight:bold;
	}

h2{
	font-size:large;
	margin:0;
	padding:0.5em 0.5em 0.5em 0.3em;
	color:#339;
	}
#index h2{
	float:left;
	}

#local-subtitle{
	margin:0;
	font-size:small;
	padding:1em 0 0;
	color:#339;
	font-weight:bold;
	}

#topics{
	clear:both;
	margin:0 0 1em;
	}
#topics h3{
	color:#000;
	margin:0 0 0.2em;
	}
#topics h3 span{
	padding:0 0 0 16px;
	background:url("../images/bg-heading-diamond.gif") no-repeat left center;
	}
#topics h3 span span{
	padding:0 16px 0 0;
	background:url("../images/bg-heading-diamond.gif") no-repeat right center;
	}

.container1{
	background:url("../images/container1.gif") no-repeat left top;
	width:100%;
	}
.container2{
	background:url("../images/container2.gif") no-repeat right top;
	width:100%;
	}
.container3{
	background:url("../images/container3.gif") no-repeat left bottom;
	width:100%;
	}
.container4{
	background:url("../images/container4.gif") no-repeat right bottom;
	width:100%;
	}
.container5{
	border:solid #44a;
	border-width:3px 0;
	margin:0 10px;
	padding:0.5em 0;
	}

ul .honbun{
	margin:0;
	padding:0 0 1.5em 1.5em;
	}

ul {
	margin:0;
	padding:0 0 0 1.5em;
	}

.sub-col{
	float:left;
	width:20%;
	}

#local-navigation{
	border-bottom:3px solid #44a;
	margin:0 1em 0 0;
	padding:0;
	list-style:none;
	}
#local-navigation li{
	border:solid #44a;
	border-width:3px 3px 0;
	margin:0;
	padding:0.5em;
	}
#local-navigation a{
	display:block;
	width:100%;
	}

.main-col{
	float:left;
	width:80%;
	margin:0 0 1em;
	}
.main-col .wrap{
	border:3px solid #339;
	width:100%;
	}
.main-col>.wrap{
	border:3px solid #339;
	width:auto !important;
	}
.main-col .wrap .wrap{
	border:none;
	}
.main-col>.wrap .wrap{
	width:auto !important;
	}
.main-col h3{
	margin:0;
	padding:0.5em;
	}
.main-col h3 a,
.main-col h3 a:visited{
	text-decoration:underline;
	}
.main-col #policy .wrap,
.main-col #parttime .wrap{
	border-right:3px solid #44a;
	}
.main-col #parttime .wrap{
	padding-bottom:2.5em;
	}
#policy,
#ryouritsu,
#parttime,
#zaitaku{
	float:left;
	width:49.9%;
	}
div[id="policy"],
div[id="ryouritsu"],
div[id="parttime"],
div[id="zaitaku"]{
	width:50% !important;
	}

#parttime,
#zaitaku{
	border-top:3px solid #339;
	}

.main-col ul{
	margin:0;
	padding:0 0.5em 0.5em 2em;
	}
.main-col ul li{
	margin:0 0 0.5em;
	}

#content .attribution{
	clear:both;
	text-align:right;
	padding:0.5em 0;
	margin:0;
	}