@charset "utf-8";
/* .com */

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

p {
	margin-top: 0;
    margin-bottom: 1em;
	padding-right: 1em;
	padding-left:  1em;
	line-height: 1.8em;
}

h1 {
    font-size: 0.8em;
	text-align: right;
	margin: 5px;
	padding: 0px;
}

h2 {
	color: #000;
	margin-top: 3em;
	margin-bottom: 2em;
    padding: 4px;
	padding-left: 1em;
    border-bottom: solid 1px #4F2415;
	border-left: solid 12px #4F2415;	
    color: #4F2415;
	font-size: 1.1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	
}

h2:first-child {
	margin-top: 0em;	
}

h2 a, h2 a:visited, h2 a: hover {
	text-decoration: none;
	color: #03C;
}

h3 {
	padding-top: 2em;
}

a img {
	border: none;
}

a:link {
	color: #0000ff;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

table {
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
}

th {
    padding: 5px;
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	color: #4F2415;
	background-color: #ddd;
}


td {
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	padding: 15px;	
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
	width: 960px;
	background: #ffffff;
	margin: 0 auto;
}

.header {
	background: #ffffff;
	margin-bottom: 10px;
}

div#logo {
    float: left;	
}

div#headermenu {
	clear: both;
	margin-top: 10px;
}

div#headermenu li {
	float: left;
	list-style: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
    border-bottom: none;

}

div#headermenu a {
    display:block;
    height:50px;
    text-align:center;
    text-indent:-9999px;
	background-image:url(./img/navi.jpg);
    background-repeat:no-repeat;
}

div#headermenu a:hover {
	background-image:url(./img/navihighlight.jpg);	
}

div#headermenu a.top {background-position:0px 0px;width:82px;}
div#headermenu a.top:hover {background-position:0px 0px;width:82px;}

div#headermenu a.information {background-position:-82px 0px;width:144px} 
div#headermenu a.information:hover {background-position:-82px 0px;width:144px}
 
div#headermenu a.foundation {background-position:-226px 0px;width:173px}
div#headermenu a.foundation:hover {background-position:-226px 0px;width:173px}
 
div#headermenu a.earthquake {background-position:-399px 0px;width:287px}
div#headermenu a.earthquake:hover {background-position:-399px 0px;width:287px}

div#headermenu a.company {background-position:-686px 0px;width:123px}
div#headermenu a.company:hover {background-position:-686px 0px;width:123px}

div#headermenu a.inquiry {background-position:-809px 0px;width:151px}
div#headermenu a.inquiry:hover {background-position:-809px 0px;width:151px}


div#middle{
    clear:both;	
}


.sidebar {
	float: right;
	width: 250px;
	background: #ffffff;
	padding-bottom: 10px;
}

ul.nav {
	padding-top: 1em;
	list-style: none;
	margin-bottom: 15px; 
}
ul.nav li {
	margin-bottom: 3px;
}

ul.nav li img {
    border: solid 1px #666;
}


.content {
	padding: 10px 0;
	width: 690px;
	float: left;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

p.attention {
    font-size: 0.8em;
	font-style: italie;	
}

.content img {
	text-align: center;
}

span.nborder{
    border-top: solid 1px #000;
}

div.clear {
   clear: both;	
}

/* ~~ フッター ~~ */
.footer {
	padding: 10px 0;
	background: #CCC49F;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
    text-align: center;
	font-size: 0.8em;
}

div#footermenu {
    clear: both;
}

.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}