@charset  utf-8;

/* CSS Document */
<style type=text/css> /*
body [
----------------------------------------------------------- */
body {
    margin: 0 auto;
}

body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #FFF;
    margin: 0;
/* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
    padding: 0;
    text-align: center;
/* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
    color: #000;
	height: 100%;
}

body {

	font-family:Verdana, "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:80%;
color: #333;
}
/*
 Head [
----------------------------------------------------------- */
#headerbg {
    background: #011637;
    width: 100%;
    min-width: 1000px;
    margin: 0;
    background-repeat: repeat-x;
    background-position: right bottom;
}

/* ヘッダー*/
#header {
    background-image: url(ime/sagara-hp;.png);
    width: 960px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
}

#header menu {
    background-image: url(ime/sagara-hp;.png);
    width: 200px;
    height: 80px;
	text-align: right; 
	margin-right:10px;
}

#header h1 {
    margin: 0;
	text-align: right; 
	margin-right:10px;
	font-size: 10pt;
	color: gray;
    padding: 10px 0;
}


/*メインメニュー（ヘッダー下の横並びのメニュー）
---------------------------------------------------------------------------*/
div#radia {
    background-image: url(ime/bagnavi.gif);
    margin: 0;
	padding: 0;
    clear: both;
    width: 100%;
    min-width: 1000px;
}

ul#radial {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 960px;
    height: 60px;
	margin-right: auto;
    margin-left: auto;
}

ul#radial li {
    float: left;
    line-height: 50px;
    height: 55px;
    margin-right: 1px;
    font-size: 12px;
    margin-top: 8px;
}

ul#radial a {
    color: #FFF;
/*メニューの文字色*/
    text-decoration: none;
    display: block;
    width: 136px;
    text-align: center;
    background-image: url(ime/btanback.png);
/*メニューの背景画像*/
    background-repeat: no-repeat;
    background-position: top;
/*メニューの背景画像の上半分を表示させる設定*/
    overflow: hidden;
/*オーバーした文字を非表示にする設定*/
}

ul#radial a:hover {
    background-image: url(ime/btanback.png);
/*メニューの背景画像*/
    background-repeat: no-repeat;
    background-position: left bottom;
/*メニューの背景画像の下半分を表示させる設定*/
    color: #FF9;
/*カーソルオーバー時の文字色*/
}

ul#radial li.last {
    margin-right: 0;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
div#container {
    width: 960px;
/* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
    height: 100%;
    background: #FFF;
    margin: 0 auto;
/* 自動マージン（幅と連動）により、ページが中央揃えになります */
    border: 0 solid #000;
    text-align: center;
/* この設定は body エレメントの text-align: center より優先されます。 */
}

#sidebar1 {
    float: left;
    width: 300px;
    height: 700px;
/* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
    background-image: url(ime/side-bk.gif);
    background-repeat: repeat;
    padding: 0px 0;
/* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}


#mainContent {
    float: left;
    width: 640px;
    height: 100%;
/* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
    background: #FFF;
/* 背景色は、列内のコンテンツの長さにわたって表示されます */
    padding: 0px 0;
}

#main {
    width: 630px;
    float: left;
    margin-right: 0px;
}

.main_box {
    border: 0 solid #CCC;
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-color: #FFF;
}



/*
 foot [
----------------------------------------------------------- */
#footerbg {
    background-color: #011637;
    width: 100%;
    min-width: 1000px;
    padding: 10px;
}

/* フッター*/
#footer {
　　position: absolute;
　　bottom: 0;
    width: 960px;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
}

p.copy {
    text-align: center;
    font-size: 80%;
    margin: 40px;
    color: #fff;
}

/* 再使用できる各種クラス */
.fltrt {
/* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
    float: right;
    margin-left: 8px;
}

.fltlft {
/* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
    float: left;
    margin-right: 8px;
}

.clearfloat {
/* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}

/*
コンテンツ[
----------------------------------------------------------- */

/*==[テーブル１=============*/

table.contact_table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin:10px auto 20px auto;
	border-collapse: collapse;
	width:100%;
	background-color: #fff;
}

table.contact_table  th,table.contact_table  td {
	border-collapse: collapse;
}


table.contact_table th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	background-image: url(ime/sozai.gif);
	border-collapse: collapse;

}


#th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 15px;
	border-collapse: collapse;

}


table.contact_table  td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 30px;
	width: 500px;
    text-align: center;
}

#td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 15px;
	width: 400px;
    text-align: left;
}

/*===[見出し=============*/


h3.title {
background-image: url(ime/navi-bess.gif);
background-position: left center;
font-size: 1.6em;
padding: 5px 0 10px 25px;
margin-bottom: 10px;
height: 25px;
color: #ffffff;
text-align: left;
}


h3.title_h3 {
	background-image: url(ime/navi-bess1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 630px;
	font-size: 1.6em;
	padding: 5px 0 10px 25px;
	margin-bottom: 20px;
	text-align: left;
}

h4.title_h4 {
background-image: url(ime/navi-bess1.gif);
background-repeat: repeat-x;
background-position: left top;
padding-top: 5px;
font-size: 1.3em;
font-weight: bold;
margin:0px 0px -15px 0px;
height: 30px;
color: #fff;
padding-left:30px;
text-align: left;
}



/*==[記事を囲むの設定]================================================*/
div.main_box {
padding:0px;
	background-color: #fff;
}


/*==[蔵だよりの記事を囲むの設定]================================================*/
div.main_blog-box {
padding:5px;
	background-color: #fff;
}

div.main_blog-box table {
width:100%;
}

/*======================================*/