@charset "UTF-8";

/* ---------------------------------------------------------------- *
	全体
 * ---------------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	}
body {
	color: #525252;
	font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック, san-serif;
	font-size: 67.5%;
	line-height: 14px;
	text-align: left;
	text-align: justify;
	text-justify: inter-cluster;
	margin: 0;
	padding: 0;
	}
	
.clear { clear:both;}

/* -- clearfix -- */
.clearfix:after { 
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
  * html .clearfix { zoom: 1; } /* IE6 */
  *:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ---------------------------------------------------------------- *
	ヘッダー
 * ---------------------------------------------------------------- */
#header {
	width: 965px;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------- *
	見出し
 * ---------------------------------------------------------------- */
/* -----　co-portalロゴ　----- */
h1 {
	margin: 0;
	padding: 0;
	}
/* -----　小見出し　----- */
h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding: 0;
	}

/* ---------------------------------------------------------------- *
	フォント設定
 * ---------------------------------------------------------------- */
.font_s {
	font-size: 0.75em;
	}
.font_b {
	font-size: 1.25em;
	font-weight: bold;
	}
.font_l { font-size: 1.1em; font-weight: bold; padding-bottom: 8px; }


.f_red { color:#F00; }

/* ---------------------------------------------------------------- *
	コンテナ
 * ---------------------------------------------------------------- */
#wrapper {
	width: 965px;
	margin-top: auto;
	margin-bottom: auto;
	}
#container {
	width: 965px;
	}
/* ---------------------------------------------------------------- *
	リンクカラー
 * ---------------------------------------------------------------- */
a:link {
	color: #405869;
	}
a:visited {
	color: #326f8a;
	}
a:hover {
	color: #62ac60;
	text-decoration: underline;
	}
a:active {
	color: silver;
	}
/* ---------------------------------------------------------------- *
	フッター
 * ---------------------------------------------------------------- */
#footer {
	width: 965px;
	background: #FFFFFF;
	clear: both;
	float: left;
	}
address {
	font-style: normal;
	}
/* ---------------------------------------------------------------- *
	中ヘッダー
 * ---------------------------------------------------------------- */
#header2 { width: 680px; height: 52px; }
#logo2 { width: 225px; height: 25px; float: left; padding-top: 13px; }
#navi001 { text-align: right; width: 434px; float: right; padding-top: 13px; font-family:"ＭＳ Ｐゴシック", "MS PGothic", "Osaka－等幅", Osaka-mono, monospace}
#contactButton {text-align:right;padding:32px 12px 0 0;}
#contactButton a img {border:none;}
#contactButton a:hover img.alpha { -moz-opacity:0.7; opacity:0.7; filter: alpha(opacity=70); }
/* ---------------------------------------------------------------- *
	メインコンテンツ
 * ---------------------------------------------------------------- */
#contents { font-size: 1em; float: left; width: 680px; padding-left: 16px; }
#top_image { width: 680px; height: 355px; }
#left_side { width: 264px; height: auto; float: left; padding-top: 16px; padding-bottom: 6px; }
#right_side { width: 332px; height: 270px; float: right; padding-top: 16px; padding-bottom: 6px; }
#under { clear:both; width: 680px; float: inherit; margin-top: 4px; margin-bottom: 12px; }
#up_link { width: auto; float: inherit; margin-top: 4px; padding-bottom: 4px; border-bottom: 2px solid black; }
.update { color: #358eb1; font-weight: bolder; width: auto; float: right; }
.link { width: auto; float: left; }
#topics { width: 332px; height: 9px; }
#entry_title { padding-top: 8px; padding-bottom: 4px; }
#entry_bt { width: 332px; height: 60px; }
#entry_bt_left { width: 159px; height: auto; float: left; clear: left; padding-top: 6px; padding-bottom: 6px; }
#entry_bt_right { width: 159px; height: auto; float: right; clear: right; padding-top: 6px; padding-bottom: 6px; }
#rikunabi { height: 38px; margin-top: 4px; }
/* ---------------------------------------------------------------- *
	サブナビゲーション
 * ---------------------------------------------------------------- */
#navi ul {
	list-style: none ;
	}
#navi li { width: auto; height: auto; display: block; }
#navi li a {
	width: auto;
	height: auto;
	display: block;
	}
.button001 {
	display: inline;
	clear: both; margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	}
/* ---------------------------------------------------------------- *
	スペース
 * ---------------------------------------------------------------- */
.space001 { margin-top: 6px; margin-left: 6px; }
.space002 { padding-bottom: 6px; }
.space003 {
	margin-top: 4px;
	border: solid 1px #ccc;
	overflow-x: hidden;
	overflow-y: auto;
	-ms-overflow-y: auto;
	}
	
.space004 { margin-top: 6px; margin-right: 6px; }
.space005 { padding-bottom: 10px; padding-left: 12px; }
.space006 { padding-top: 12px; padding-bottom: 26px; }
/* ---------------------------------------------------------------- *
	aboutwork
 * ---------------------------------------------------------------- */
#center { width: 680px; padding-top: 42px; }
#in_title { padding-top: 31px; }
#in_contents { padding-top: 14px; padding-bottom: 10px; }
/* ---------------------------------------------------------------- *
	q&a
 * ---------------------------------------------------------------- */
#qa_in_box { background-color: #f2fafc; width: 542px; margin-bottom: 4px; border: solid 1px #508a97; }
#qa_text { line-height: 1.6em; padding: 10px; }
#qa_top { text-align: right; width: 542px; margin-bottom: 30px; }
#id { }
/* ---------------------------------------------------------------- *
	outline
 * ---------------------------------------------------------------- */
.list01 { background-image: url(../outline/images/icon001.gif); background-repeat: no-repeat; text-indent: 22px; height: 16px; }
.list02 { height: 16px; padding-left: 22px; }
.list03 { height: 16px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; border-top: 1px solid gray; }
.list04 { height: 16px; margin-bottom: 10px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; border-top: 1px solid gray; border-bottom: 1px solid gray; order-right-style: solid; order-top-style: solid; }