@charset "Shift_JIS";

/*** 全ページ共通レイアウト部分 */
body {
	padding-top:3px;
	background: #fff;
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#content {
	width: 900px;
	margin: 0 auto;
}

a { outline: none; } /* リンククリック時の点線を消去 */

/***** ロゴ画像設定 */
h1 {
	margin: 0;
	padding: 0;
	font-size:10px;
	background:url(../images/logo.gif) no-repeat;
}
h1 a {
	margin:10px 0 0 20px;
	display: block;
	width: 200px;
	height: 68px;
	text-indent: -9999px;
}
/***** グローバルナビ設定 */
#global{
	height:98px;
	display:inline;
}	

#global ul {
	margin:0;
	padding:0;
	height: 30px;
	width:900px;
	background: url(../images/global_back.gif) no-repeat;
}
#global ul li {
	float: left;
	list-style-type: none;
}
#global ul li a {
	display: block;
	width: 139px;
	height: 30px;
	text-indent: -9999px;
	font-size: 10px;
	line-height: 15px;
	margin: 0 0 0 1px;
}
/***** グローバルナビリンク画像 */
#global ul li a.g1 {
	background: url(../images/global_01.gif) no-repeat;
	margin: 0 0 0 341px;
}
#global ul li a.g2 { background: url(../images/global_02.gif) no-repeat; }
#global ul li a.g3 { background: url(../images/global_03.gif) no-repeat; }
#global ul li a.g4 { background: url(../images/global_04.gif) no-repeat; }
/***** グローバルナビホットスポット */
#global ul li a.g1:hover { background: url(../images/global_01.gif) no-repeat bottom; }
#global ul li a.g2:hover { background: url(../images/global_02.gif) no-repeat bottom; }
#global ul li a.g3:hover { background: url(../images/global_03.gif) no-repeat bottom; }
#global ul li a.g4:hover { background: url(../images/global_04.gif) no-repeat bottom; }

/****************************************** ページコンテンツの設定  */

#page {
	clear :both;
	background: #fff;
	padding: 43px 0;
}
#page_svc {/*20080806DKadd*/
	clear: both;
	background: #fff;
	padding: 43px 0 0 0;
}

/***** キャッチエリア */
#catch {
	width: 200px;
	float: left;
}
h2 {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 500px;
	background: url(../images/title_concept.gif) no-repeat;
	text-indent: -9999px;
}

/***** サブナビエリア */
#subnavi {
	width: 50px;
	float: right;
}

/***** 本文エリア */
#contentarea {
	width: 620px;/*5月24日DK変更*/
	margin-left:210px;
}
h3 {
	margin: 0 0 1.25em 0;
	padding: 0;
	color: #333;
}
h3, h4, h5 {
	border-left:solid 8px #333333;
	padding-left:10px;
}
h3 { border-color: #c00; }
h4 {
	border-width: 0 0 0 8px;
	background: #f3f3f3;
	padding: 5px 10px;
}

#contentarea div.content {
	margin-left:15px;
}
#contentarea div.content-zero {
	margin-left:0px;
}
#contentarea p {
	margin: 0 0 1.25em 0;
	padding-top: 0px;
}
/*見出し用ドロップキャップ*/
#contentarea p.FL{
	font-size: 100%;
}
#contentarea p.FL:first-letter {
	font-size: 240%;
	color: #fff;
	background: #c00;
	background: #e00;
	padding: 4px;
	margin: 0 5px 0 0;
	font-family: 'ＭＳ Ｐ明朝', serif;
	float: left;
	line-height: 1.2em;
}

/****************************************** ページフッタ  */

#footer { 
	clear: both; 
	color: #999 ; 
	background: #e7e7e7;
}
#footer p {
	margin: 0;
	padding: 10px 0 0 10px;
	height:40px;
}
#footer p.first {
	background: #eeeeee;
}

#footer .fleft{float:left;}
#footer .fright{float:right;}

#footer .spright{text-align:right;}

ul.link-out{
	display:block;
	height:60px;
	clear:both;
	margin:0;
	background:url(../images/index-linkbg.gif) center left no-repeat;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 550px;
}

ul.link-out li,#content ul.link-out a{
	width:150px;
	height:60px;
}

ul.link-out li{
	margin-right:10px;
	list-style:none;
	float:left;
}

ul.link-out a{
	text-indent:-9999px;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
}

ul.link-out a.link-avant{background-image:url(../images/index-link-avant.gif);}
ul.link-out a.link-fukulab{background-image:url(../images/index-link-fukulab.gif);}
ul.link-out a:hover{background-position:left bottom;}

/****************************************** その他設定  */

.separater {
	clear:both;
	height:1px;
	/*width:100px;*/
}

.separater0{
	clear:both;
	height:0;
	/*width:100px;*/
}

.fla-height{height:10px; clear:both;}

.hidden { /* 中身を非表示にする。コンテンツサイズを残したい場合に使用 */
	visibility: hidden; }
.display_out { /* 中身を非表示にする。コンテンツサイズを残さない場合に使用 */
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#toplink { /* トップに戻るボタン */
	text-align: right;
}