@charset "utf-8";
/*------------------------------------------------------------------------------
    ブラウザのデフォルトスタイルをリセット
------------------------------------------------------------------------------*/

/* リセット
----------------------------------------------------*/
html{color:#333;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:bottom;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}

/* フォントリセット
----------------------------------------------------*/
body{
  color:#333;
  font-size:13px;*font-size:small;*font:x-small;
}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body{line-height:1.22em;}
p {line-height:1.7}
/*
a {color:#e60012;}
a:hover,
a:visited:hover {color:green;}
*/
a {color:blue;}
a:hover,
a:visited:hover {color:red;}

a {text-decoration:none;}
a:hover,
a:visited:hover {text-decoration:none;}

/*------------------------------------------------------------------------------
  全ページで使われるスタイル
------------------------------------------------------------------------------*/

/*  全体的なクラス
----------------------------------------------------*/
/* floatをクリア */
.clear:after { content: url(../img/blank.gif); display: block; clear: both; height: 0; }
.clear { display: inline-block; }
.clear { display: block; }

/* 非表示テキスト */
.hidden{width:1px;height:1px;overflow:hidden;position:absolute;} /*表示×読上○*/

/* 強制左寄せ / 強制右寄せ */
.left{float:left !important}
.right{float:right !important}

/* フォントコレクション */
.font-zero{font-size:0;}
.font10{font-size:77% !important;}.font11{font-size:85% !important;}
.font12{font-size:93% !important;}.font13{font-size:100% !important;}
.font14{font-size:108% !important;}.font15{font-size:116% !important;}
.font16{font-size:123.1% !important;}.font17{font-size:131% !important;}
.font18{font-size:138.5% !important;}.font19{font-size:146.5% !important;}
.font20{font-size:153.9% !important;}.font21{font-size:161.6% !important;}
.font22{font-size:167% !important;}.font23{font-size:174% !important;}
.font24{font-size:182% !important;}.font25{font-size:189% !important;}
.font26{font-size:197% !important;}


/* 全体的なレイアウト
----------------------------------------------------*/
/* ここの数値を変えることで全体のフォントサイズが変化します */
/* 数値はフォントコレクションに従ってください               */
body{font-size:85%;}

/* 背景の指定 */
body{background-color:#333333;}

/* container
----------------------------------------------------*/
div#container {
	width:950px;
	margin:0 auto;
	background-color:#ffffff;
	}

/* header
----------------------------------------------------*/
div#header {
	}
h1 {
	height:20px;
	text-align:center;
	background:url(../img/bg_header_bar.gif) 0 0 no-repeat;
	line-height:20px;
	color:#cccccc;
	padding-left:7px;
	font-size:85%;
	}
div#header div#header-title {
	position:relative;
	background:url(../img/bg_header_vertical_line.gif) 668px bottom no-repeat;
	}
body#index div#header div#header-title {height:110px !important;}
body#other div#header div#header-title {height:124px !important;}

div#header div p.header-title {
	position:absolute;
	top:5px;left:0px;
	}
div#header div p.header-contact {
	position:absolute;
	top:30px;right:0px;
	}
div#header div#header-cm {
	height:270px;
	background:url(../img/bg_cm_01.jpg) 0 0 no-repeat;
	overflow:hidden;
	position:relative;
	}
ul#menu-toppage {
	height:20px !important;
	width:136px !important;
	position:absolute;
	top:250px;left:0;
	}

ul#menu-toppage1 {
	height:20px !important;
	width:136px !important;
	position:absolute;
	top:104px;left:0;
	}
li.mainmenu {
	list-style-type:none;
	float:left;
	}

/* contents
----------------------------------------------------*/
div#contents {
	background:url(../img/bg_contents.gif) 0 0 repeat-x;
	padding:20px 10px;
	}

div.contents-spacing {
	margin:20px 0 20px 42px;
	position:relative;
	}

p{padding:0 0 0.4em 0;}

p.contents-spacing {
	margin:0 0 0.7em 0;
	}
h3 {
	font-weight:bold;
	color:#e60012;
	margin:0 0 10px 0;
	background:url(../img/bg_heading_h3.gif) 0 0 no-repeat transparent;
	height:30px;
	line-height:30px;
	padding-left:18px;
	}

/* footer
----------------------------------------------------*/
ul#submenu {
	text-align:center;
	padding:5px;
	border-top:solid 1px brown;
	}
li.submenu {
	display:inline;
	padding:0 5px 0 3px;
	font-size:77%;
	border-right:solid 1px #666666;
	}
address {
	height:20px;
	text-align:center;
	background:url(../img/bg_header_bar.gif) 0 0 no-repeat;
	line-height:20px;
	color:#cccccc;
	font-size:85%;
	}
address a {font-weight:bold;color:#cccccc;}
address a:hover {color:#ffffff;}

/* global
----------------------------------------------------*/

.bigbanner {
	height:90px;
	text-align:center;
	margin:5px 0 20px;
	color:#000000;
	text-decoration:underline;
	font-size:153.9%;
	font-weight:bolder;
	background:url(../img/bg_bigbanner.gif) 50% 50% no-repeat transparent;
	line-height:90px;
	}

/* 画像ボーダーとマージン */
img.border-margin {margin-right:20px;border:solid 1px #666666;}

/* テキスト装飾 */
strong {font-weight:bold;}
strong.e60012 {font-weight:bold;color:#e60012;}
strong.e60012-slim {font-weight:normal;color:#e60012;}
span.strong {font-weight:bold;}
span.strong-e60012 {font-weight:bold;color:#e60012;}
span.e60012 {color:#e60012;}


/* adjust
----------------------------------------------------*/
/* global.css - Global Layout */
/* star hack "* html" */
/* underscore hack "_" */
/* IE7 hack "*:first-child+html" */

/* IE 潜在的なバグ
*html * {zoom:1;} 
*/

/* IE センタリング　バグ */
*html body {
	text-align:center;
	}
*html div#container {
	text-align:left;
	}