@charset "Shift_JIS";

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

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

body>#content{ /* IE Escaped */
	width:96% !important;
	height:auto !important;
	min-height:18em;
	}

#local-header{
	border:3px solid #339;
	margin-bottom: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;
	}

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

#content .description{
	clear:both;
	border-top:3px solid #339;
	font-size:x-small;
	color:#339;
	padding:0.2em 0.5em;
	}

#local-header>.description{
font-size:small;
}

#content li{
	margin-bottom:0.5em;
	}

.main-col{
	float:left;
	width:70%;
	}

.sub-col{
	float:left;
	width:30%;
	padding:0 0 2em;
	}

div#career{
	border:2px solid #339;
	}
div#career h3{
	margin:0;
	padding:0.2em 0;
	font-size:small;
	text-align:center;
	color:#000;
	background:#ccf;
	border-bottom:2px solid #339;
	}
div[id="career"]>h3{
	font-size:medium !important;
	}
div#career ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	}
div#career li{
	margin:0;
	padding:0;
	text-align:center;
	}
div#career li.item1,
div#career li.item3{
	float:left;
	width:50%;
	}
div#career li.item2,
div#career li.item4{
	float:left;
	width:49.9%;
	}
div#career li.item3,
div#career li.item4{
	border-top:2px solid #339;
	}
div#career li.item5{
	clear:both;
	width:100%;
	border-top:2px solid #339;
	}
div#career li a,
div#career li span{
	padding:0.2em 0 0;
	display:block;
	}
div#career li.item1 a,
div#career li.item3 a,
div#career li.item1 span,
div#career li.item3 span{
	border-right:2px solid #339;
	}

#archive ul{
	margin:1em 0 0;
	padding:0;
	list-style:none;
	border:1px solid #339;
	}
#archive li{
	margin:1em;
	padding:0;
	text-align:center;
	border:2px solid #339;
	background:#ccf;
	}
#archive li a{
	padding:0.5em 0.2em;
	display:block;
	font-weight:bold;
	}

#topics a,
#pr a{
	display:block;
	padding:0.2em;
	margin:0 0 1em 1em;
	background:#ccf;
	border-top:3px solid #ccf;
	border:1px solid #99c;
	text-align:center;
	font-size:medium;
	width:100%;
	}
#event h3{
	font-size:medium;
	}
#topics>a,
#pr>a,
#event>h3{
	font-size:large;
	width:auto;
	}

#event{
	margin:0 0 1em 1em;
	border:3px solid #ccf;
	}

#content h3{
	margin:0 0 1em;
	padding:0.2em;
	background:#ccf;
	border-bottom:1px solid #99c;
	text-align:center;
	}
#content .main-col h3{
	margin:0;
	}


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

#content h4{
	margin:1em 0 0.5em;
	padding:0;
	}

#content p{
	margin:0;
	padding:0;
	}

#content .logo{
	clear:both;
	font-size:small;
	text-align:left;
	padding:1.5em 15;
	}
#content .attribution{
	clear:both;
	text-align:right;
	padding:0.5em 0;
	}