@charset "UTF-8";

body {
	text-align: center;
}

/* container
-----------------------------------------*/
#container {
	margin: 20px auto 0 auto;
	width: 880px;
	text-align: left;
}


/* header
-----------------------------------------*/
#header {
	margin: 0 0 15px 0;
	zoom: 1;/*for IE 5.5-7*/
}

#header:after {/*for modern browser*/
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

	/*- title
	-----------------------------------*/
	#header .title {
		float: left;
		width: 555px;
		margin: 10px 0 0 0;
		color: #464C56;
		font-size: 1em;
		letter-spacing: 1px;
	}

	#header .title .logo {
		margin: -15px 30px 0 0;
		vertical-align: middle;
	}
	
	#header .title .summary {
		margin: 0 0 0 0;		
	}
	
	#header .title .pen {
		margin: -7px 0 0 5px;
		vertical-align: middle;
	}

	/*- fontsize
	-----------------------------------*/
	#header #fontsize {
		float: left;
		width: 115px;
		margin: 5px 0 0 0;
	}

	#header #fontsize dt {
		float: left;
		padding: 1px 0 0 0;
		width: 55px;
		color: #303E4B;
		font-size: 10px;
		line-height: 12px;
	}

	#header #fontsize dd {
		float: left;
		width: 14px;
		height: 14px;
		margin: 0 0 0 2px;
		background-color: #62696F;
		color: #FFFFFF;
		font-size: 10px;
		line-height: 12px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
	}

	#header #fontsize dd.over-color {
		background-color: #999999;
	}
	#header #fontsize dd.active-color {
		background-color: #3D70D1;
	}

	/*- search
	-----------------------------------*/
	#header form#ajaxSearch_form {
		float: right;
		position: relative;
		width: 202px;
		height: 21px;
		margin: 0 0 0 0;
		border: 1px solid #D9D9D9;
	}

	#header input#ajaxSearch_input {
		position: absolute;
		top: 0;
		left: 0;
		width: 173px;
		border: 0;
		padding: 4px 5px 0 5px;
		/*background: url(/images/common2/search_bg.png) left top no-repeat;*/
		color: #333333;
		font-size: 12px;
		line-height: 1.4;
		outline: none;
	}

	#header input#ajaxSearch_submit {
		position: absolute;
		top: 1px;
		left: 183px;
		width: 19px;
		height: 20px;
	}

	/* Ajax検索
	#ajaxSearch_output {
		position: absolute;
		top: 30px;
		left: 12px;
		width: 600px;
		color: #FFFFFF;
		background-color: #222222;
	}
	.AS_ajax_result {
		padding: 5px 10px;
	}
	.AS_ajax_result a.AS_ajax_resultLink {
		color: #33CCFF;
		font-size: 1.3em;
		line-height: 1.5;
	}
	.AS_ajax_resultDescription {
		color: #999999;
	}
	.AS_ajax_extract p {
		font-size: 1.2em;
		line-height: 1.5;
	}
	.AS_ajax_highlight {
		color: #222222;
		line-height: 1.5;
		background-color: #FFFF00;
	}
	.AS_ajax_more {
		padding: 10px;
		text-align: right;
	}
	.AS_ajax_more a,
	.AS_ajax_more a:hover {
		color: #33CCFF;
	}

	#indicator {
		position: absolute;
		top: 2px;
		left: 197px;
	}

	#searchClose {
		position: absolute;
		top: 2px;
		left: 197px;
	}
	*/

	/*- topic-path
	-----------------------------------*/
	#header .topic-path {
		clear: both;
		width: 100%;
		margin: 0 0 0 0;
		padding: 15px 0 1px 0;
		background: url(/images/common2/dot_line.gif) left bottom repeat-x;
		color: #001364;
		font-size: 1em;
		line-height: 1.3;
		letter-spacing: 1px;
	}

	#header .topic-path .B_crumbBox {
		color: #999999;
	}

	#header .topic-path .B_currentCrumb {
		color: #999999;
	}


/* contents
-----------------------------------------*/

	/* tips-menu
	-----------------------------------*/
	.global-menu {
		margin: 0 0 30px 0;
	}

	.global-menu .title {
		margin: 0 0 3px 0;
		font-weight: bold;
		font-size: 1em;
		line-height: 0;
	}

	.global-menu .title img {
		vertical-align: baseline;
	}

	.global-menu ul {
		padding: 0 0 0 0;
		background: url(/images/common2/bar.gif) left top repeat-y;
	}

	.global-menu ul li {
		display: block;
		margin: 0 0 6px 0;
	}

	.global-menu ul li a {
		outline: none;
		overflow:hidden;
	}


	/* update
	-----------------------------------*/
	.update {
		margin: 0 0 30px 0;
	}

	.update .title {
		margin: 0 0 5px 0;
	}

	.update .title img.rss {
		margin: 0 0 -2px 5px;
		vertical-align: middle;
	}

	.update .btn {
		padding: 5px 0 5px 10px;
		background: url(/images/common2/bar.gif) left top repeat-y;
		font-size: 1.2em;
	}

	.update .btn a {
		display: block;
		padding: 0 0 0 9px;
		background: url(/images/common2/ico_arrow-s_bl.gif) left center no-repeat;
		outline: none;
	}

	.update .btn .update-close {
		display: none;
	}

	.update-popup {
		display: none;
		position: absolute;
		top: 75px;
		left: 0;
		z-index: 100;
		width: 100%;
		padding: 20px 0 0 0;
		border-top: 3px solid #004DA0;
		border-bottom: 3px solid #004DA0;
		background: #FFFFFF left top repeat;
		background-image: url(/images/common2/update_bg.png);
		text-align: left;
	}

	.update-popup .box-wrap {
		margin: 0 auto 0 auto;
		width: 880px;
	}

	.update-popup .box-wrap .title {
		margin: 0 0 20px 0;
	}

	.update-popup .box-wrap .title img.rss {
		margin: 0 0 -2px 10px;
		vertical-align: middle;
	}

	.update-popup .box-l {
		float: left;
		padding: 5px 0 5px 15px;
		width: 415px;
		background: url(/images/common2/bar.gif) left top no-repeat;
	}

	.update-popup .box-r {
		float: right;
		padding: 5px 0 5px 15px;
		width: 415px;
		background: url(/images/common2/bar.gif) left top no-repeat;
	}

	.update-popup li {
		display: block;
		z-index: 1;
	}

	.update-popup li:after {/*for modern browser*/
		content: ".";
		clear: both;
		display: block;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}

	.update-popup li a,
	.update-popup li a:visited {
		display: block;
		float: left;
		padding: 5px 0 5px 15px;
		width: 330px;
		/*color: #515589;*/
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.3;
		background: url(/images/common2/ico_arrow-l_lg.gif) left 8px no-repeat;
	}

	.update-popup li a:hover,
	.update-popup li a:active {
		background: url(/images/common2/ico_arrow-l_bl.gif) left 8px no-repeat;
	}

	.update-popup li span.new-ico {
		padding: 0 0 0 2px;
		color: #EE0000;
		font-size: 0.9em;
		letter-spacing: -1px;
	}

	.update-popup li span.date {
		display: block;
		float: left;
		padding: 5px 0 0 0;
		width: 50px;
		color: #999999;
		font-size: 1.1em;
		line-height: 1.2;
		text-align: right;
	}

	.update-popup .update-close {
		clear: both;
		padding: 30px 0 0 0;
		text-align: center;
	}

	.update-popup .update-close img {
		cursor: pointer;
	}


	/* おすすめCSSサイト
	-----------------------------------*/
	.recosite {
		margin: 0 0 30px 0;
	}

	.recosite .title {
		margin: 0 0 5px 0;
		font-size: 1.2em;
		letter-spacing: 1px;
	}

	.recosite ul {
		padding: 0 0 0 10px;
		background: url(/images/common2/bar.gif) left top repeat-y;
	}

	.recosite ul li {
		padding: 5px 0 5px 0px;
		font-size: 1.2em;
		line-height: 1.3;
	}
	
	.recosite ul li a {
		padding: 0 20px 0 0;
		outline: none;
		background-position: right center;
		background-repeat: no-repeat;
	}


	/* あわせて読みたい
	-----------------------------------*/
	#awasete {
		position: relative;
		z-index: 10;
	}

	/* MODxバナー
	-----------------------------------*/
	#modx {
		width: 120px;
		margin: 30px 0 0 0;
		font-size: 1.2em;
		line-height: 1.3;
		text-align: center;
	}

	#modx .popup {
		background: none;
	}
		
/* footer
-----------------------------------------*/
#footer {
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 17px 15px 17px;
	background: url(/images/common2/footer_bg.png) left top no-repeat;
	zoom: 1;
}

#footer .info {
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 1.1em;
}

#footer .info a {
	color: #FFFFFF;
}

#footer .info a.popup {
	background-image: none;
}

#footer address {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 1.2em;
	text-align: right;
}

/* icon
-----------------------------------------*/
.popup {
	background: url(/images/common2/ico_popup.gif);
}

.download {
	background: url(/images/common2/ico_download.png);
}