@charset "shift-jis";
/*---------------------------------------
	スタイルシート
	Reneil@2010
	#でdiv idを指定、.で span classを指定
---------------------------------------*/

/*------------------------------------
	基本設定
	必要のない指定は削除してください  
------------------------------------*/

/* ブラウザによる差異をクリア */
* {
	margin : 0px;
	padding : 0px;
	font-style : normal;
	font-weight : normal;
	font-family : normal;
	text-decoration : none;
}

/* メインとスクロールバー（WINIEのみ） */
html{
	scrollbar-face-color: #ffffff;               /* 表面の色 */
	scrollbar-arrow-color: #043c78;              /* 矢印の色 */
	scrollbar-highlight-color: #ffffff;          /* ハイライトの色 */
	scrollbar-3dlight-color: #043c78;            /* 左端と上端の色 */
	scrollbar-shadow-color: #ffffff;             /* 影の色 */
	scrollbar-darkshadow-color: #043c78;         /* 右端と下端 */
	scrollbar-track-color: #ffffff;              /* バーの背景の色 */
}

body {
	margin: 0px auto;                            /* 全体のマージン */
	padding : 0px;                               /* 全体のパディング */
	background-color: #ffffff;                   /* 背景色 */
	color: #000000;                              /* 文字色 */
	text-align: center;                          /* テキストの行揃え*/
	font-size : 90%;                            /* フォントサイズ */
	line-height : 150%;
}

/* リンク */
/* link:リンク色 visited:訪問済みリンク hover:カーソルが乗った時に変化色 active:クリック時のリンク色 */
a:link {
	text-decoration: underline;}
a:visited {
	text-decoration: underline;}
a:hover {
	text-decoration: underline;
	color: #333333;
	background: #ffffd1;}
a:active {
	text-decoration: underline;
	color: #333333;
	background: #ffffd1;}

/* 画像関係 */
img {
	border : 0px;
}

/* 見出し */
h1 {
	border : 1px solid #333333;
	margin : 5px 0px 15px 0px;
	padding : 5px;
	line-height: 120%;                          /* 行の高さ */
	color : #333333;
	font-size : 150%;
	font-weight : bold;
	background-image : url(material/background.jpg);
}

/* 見出し */
h2 {
	border-left : 5px solid #274a78;
	border-bottom : 1px solid #274a78;
	margin : 15px 0px 10px 0px;
	padding : 5px;
	line-height: 120%;                          /* 行の高さ */
	color : #0068b7;
	font-size : 120%;
	font-weight : bold;
}

h3{
	margin : 20px 0px 0px 0px;
	padding : 3px 0px 3px 5px;
	color : #333333;
	font-size : 100%;
	background:#ffffcc;
	font-weight: bold;
}
h4{
	margin : 20px 0px 0px 0px;
	border-bottom : 2px solid #999999;
	padding : 0px 0px 0px 10px;
	color : #333333;
	font-size : 100%;
	font-weight: bold;
}

h5{
	margin : 20px 0px 0px 0px;
	padding :0px;
	color : #333333;
	font-size : 100%;
	font-weight: bold;
}

h6{
	margin : 20px 0px 0px 0px;
	padding :0px;
	color : #333333;
	font-size : 100%;
	font-weight: bold;
}

/* 強調 */
em,b {
	font-style: normal;
	font-weight: bold;}

.str{
	font-weight : bold;}

/* 水平線 */
hr{
	border : 1px solid #777777;
	margin : 5px 0px 5px 0px;}
	
img{
	border : 0px;
	vertical-align : middle;
}

/* リスト */
li{
	margin : 10px 0px 0px 20px;
}
ol{
	margin : 10px 0px 0px 20px;
}
dt{
	margin : 10px 0px 0px 10px;
}
dd{
	margin : 5px 0px 0px 20px;
}
dd.nenpyo{
	margin : 0px 0px 0px 60px;
}

/* テーブル class="layout"でレイアウトを適用 */
table{	
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #000000;
	caption-side : top;
	margin : 5px 20px;
	text-align : left;
	font-size:95%;
}

th,td {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #000000;
	caption-side : top;
	padding : 5px 10px;
	text-align : left;
}

table.noline {
	border-style : none;
	border-collapse : collapse;
	padding : 0px;
	margin: 5px 0px 0px 5px;
}
table.noline th{
	border-collapse : collapse;noline
	border-style : none;
	border-color: #000000;
	padding : 0px;
	margin: 0px;
	text-align : center;
}
table.noline td {
	border-collapse : collapse;
	border-style : none;
	border-color: #000000;
	padding : 0px;
	padding:3px;
	margin: 0px;
	text-align : left;
	vertical-align : top;
}

/*　フォーム　*/
input , textarea {
	border: 1px solid #000000;
	margin : 5px;
	padding : 5px;
	background : #ffffff;
}

input.button {
	border: 1px solid #000000;
	margin : 5px;
	padding : 5px 10px;
	background : #000000;
	color : #ffffff;
	font-weight : bold;
}

/*------------------------------------
     レイアウト設定
     数値はレイアウトに合わせて指定
     必要のない指定は削除してください
------------------------------------*/
/* 囲い */
#wrap{
	width : 1000px ;
	border : 1px solid #999999 ;
	margin : 0px auto;
	padding : 0px;
}


/* タイトル */
#title {
	width : 1000px ;
	height : 100px;
	border : 0px;
	margin : 0px auto;
	padding : 0px;
	background : #ffffff;
	background-image : url(material/title.jpg);
}

/* コンテンツ包括 */
#container{
	width : 1000px ;
	border : 0px;
	margin : 0px auto;
	padding : 0px;
}

/* ふち */
#fuchi{
	width : 1000px;
	height : 10px;
	margin :0px;
	padding : 0px;
	background : #bee0ce;
}
/* ナビエリア */
#navi {
	width: 200px;
	border-bottom : 1px solid #999999;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background :#bee0ce;
	text-align : left;
	color : #6b3f31;
	float : left
}

/* ナビ */
#navi ul{
	list-style:none;
}

#navi li{
	width : 190px;
	border : 0px;
	border-top : 1px solid #999999;
	border-right : 1px solid #999999;
	margin : 0px;
	padding : 5px;
	text-align : left;
	font-weight : bold;
	float : left;
}
#navi li.mail{
	background : #ffffff;
	font-size : 85%;
	font-weight : normal;
	word-wrap :break-all; 
}

#navi li.sub{
	width : 175px;
	border : 0px;
	border-top : 1px solid #999999;
	border-right : 1px solid #999999;
	margin : 0px;
	padding-left : 20px;
	text-align : left;
	font-weight : bold;
	float : left;
}
#navi li.sub2{
	width : 165px;
	border : 0px;
	border-top : 1px solid #999999;
	border-right : 1px solid #999999;
	margin : 0px;
	padding-left : 30px;
	text-align : left;
	font-weight : bold;
	float : left;
}

#navi li a:link {
	text-decoration: underline;
	font-weight : bold;
	color : #6b3f31;
	display : block;}
#navi li a:visited {
	text-decoration: underline;
	font-weight : bold;
	color : #6b3f31;}
#navi li a:hover {
	text-decoration: underline;
	color: #6b3f31;
	font-weight : bold;
	background: #ffffd1;}
#navi li a:active {
	text-decoration: underline;
	font-weight : bold;
	color: #6b3f31;
	background: #ffffd1;}
	
#text_container{
	width: 790px;
	border : 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background : #ffffff;
	text-align : left;
	float : right;
}

.text_main{
	border : 0px;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	background : #ffffff;
	text-align : left;
	clear : both;
}
.text_main p{
	margin : 10px 0px 0px 0px;
}
.chushaku{
	margin : 10px 0px 0px 0px;
	border : 1px solid #999999;
	padding : 0px 5px 10px 5px;
	background : #f2ffe5;
	font-size : 85%;
}
.pagetop{
	border : 0px ;
	margin :20px 10px 0px 0px;
	padding : 0px;
	clear : both;
	text-align : right;
}
p.bold{
	font-weight : bold;
}

#footer{
	width : 1000px;
	border : 0px ;
	margin :0px;
	padding : 0px;
	clear : both;

}



/* クリア */
#title:after, #wrap:after, #container:after, #text_container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#title:after, #wrap:after, #container:after,#text_container:after  {display: inline-table;}

/* Hides from IE-mac \*/
* html #title,
* html #wrap,
* html #container,
* html #text_container
  {
	height: 1%;}

#title,#wrap,#container,#text_container{display: block;}
/* End hide from IE-mac */