@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック","Hiragino KaKu Gothic Pro", Osaka;
	margin: 0;
	padding: 0;
	/* font-size: 12px; */
	font-size: 75%;
	line-height: 2;
	color: #333;
	background-image: url(images/back.gif);
	background-repeat: repeat-y;
	background-position: center;
}
ul{
	list-style-type: none;
}
h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #004080;

}

a:hover {
	color: #005ebb;

}

a:visited {
	color: #004080;

}
img {
	border: none;
	vertical-align: bottom;
}

#main {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 780px;
	background-color: #ffffff;
}

/*ヘッダー
-------------------------------------------------------------------------------------
■「#header p」という項目は、ロゴ画像を使わずテキストでサイト名を入れる人のための設定です。
文字サイズの変更は「30px」で行います。
-------------------------------------------------------------------------------------*/
#header {
	margin: 0;
	width: 780px;
	height: 75px;
	background-color: #ffffff;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#header h1 {
	margin: 0;
	padding: 2px 0 0 10px;
	font-weight: normal;
	text-align: left;
	font-size: 9px;
	color: #666666;
}

#header h2 {
	margin: 0;
	padding: 25px 10px 10px 15px;
	width: 330px;
	text-align: left;
	font-size: 14px;
	color: #666666;
}


#table-left{
	text-align: left;
	font-size: 16px;
	color: #333333;
	line-height: 150%;
	text-decoration: none;
}


#table-left a{
	font-size: 16px;
	color: #333333;
	text-decoration: none;
}

#table-left a:hover{
	font-size: 16px;
	color: #666666;
	text-decoration: none;
}


#table-right{
	text-align: center;
	margin: 0;
	padding: 8px 14px 2px 0;
	font-size: 15px;
	color: #c9171e;
	line-height: 150%;
	text-decoration: none;
}

#table-right a{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

#table-right a:hover{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}


#header-menu {
	background-color: #333333;
	margin: 0px;
	padding: 17px 0 15px 15px;
	border-bottom: solid 2px #ffffff;
	background: url(images/head_menu_back.gif) repeat;
}

#header-menu ul {
	text-align: left;
	padding-bottom: 1px;
	margin: 0px;
	width: auto;
}

#header-menu li {
	color: #ffffff;
	display: inline;
	padding-left: 13px;
	padding-right: 7px;
	background: url(images/l_icon.gif) no-repeat;
}

#header-menu a {
	color: #ffffff;
	text-decoration: none;
}

#header-menu a:hover {
	color: #cccccc;
}


/*コンテナー
-------------------------------------------------------------------------------------
■背景画像を変えたい場合、背景画像をiamgesフォルダに入れて下の「container_bg.gif」を
その画像名に変更する。
-------------------------------------------------------------------------------------*/
#container {
	width: 780px;
	margin: 0px;
	padding: 6px 0 6px 0;
	background-color: #ffffff;
}

/*メインコンテンツ
-------------------------------------------------------------------------------------
■「#main」は特に編集の必要なし。
■メインコンテンツの見出し(h2タグ部分)の文字サイズを変更したい場合、下の「#main h2」内にある
「font-size: 14px」の14pxを変更する。また、色を付けたい場合は以下の１行を追加すればいい。
color: #FF0000;
（→#FF0000部分は好きな色にして下さい。ちなみに#FF0000は赤色。）
-------------------------------------------------------------------------------------*/
#contents {
	float: right;
	margin: 0 5px 0 0;
	padding: 5px 2px 0 10px;
	/*line-height: 180%;
	letter-spacing: 1px; */
	width: 585px;
}

#contents h2 {
	margin: 0 0 7px 0;
	padding: 13px 0 10px 25px;
	line-height: 110%;
	font-size: 12px;
	color: #fffffc;
	background-image: url(images/titlebar.gif);
	background-repeat: no-repeat;
}

#contents p {
	margin: 15px 0 30px 0;
	line-height: 180%;
	letter-spacing: 1px;
	width: 550px;
}

#contents img.head_photo {
	margin: 0 0 10px 0;
}

#contents img.photo {
	float: left;
	margin: 10px 20px 0 0;
}

#contents img.picture {
	margin: 0 10px 10px 0;
	float: left;
}

#contents p.photo {
	margin: 0 0 20px 0;
	padding: 0;
}

table#t01 {
	border: solid 1px #999999;
	border-collapse: collapse;
}


td#t01 {
	border: solid 1px #999999;
	border-collapse: collapse;
}


td#head {
	padding: 6px;
	border: solid 1px #999999;
	border-collapse: collapse;
}


/*サイド（メニュー）
-------------------------------------------------------------------------------------
■メニューの各見出し(メの色を変えたい場合「#FFFFFF」を希望色に変更する。背景色を変えたい場合「#003D0E」を変更。
■メニューのリンクを変更したい場合、「#side .menu a」を編集する。
「border-left: 5px solid #003D0E」というのは左側の緑色のアクセント用のラインの事。
5pxの幅で直線(solid)で#003D0E(緑色)で入っています、という意味です。
また、下のアンダーラインはその下の「border-bottom: 1px dotted #FFFFFF」部分。dottedは点線という事。
あと、文字色は「color: #FFFFFF」部分です。
■メニューのリンク(カーソルオーバー時)を変更する場合、「#side .menu a:hover」を編集する。
ここでは、背景色を「#0074BE」の水色にして、左の線の色を「#FF0000」の赤にしています。
■「#side a」はメニュー下のテキストにリンクを貼った場合の設定です。
-------------------------------------------------------------------------------------*/
#menu {
	float: left;
	margin: 0 0 15px 5px;
	padding: 0;
	width: 170px;
	bottom: 0;
	text-align: left;
	background-color: #ffffff;
}

#menu h2 {
	margin: 0;
	padding: 12px 0 9px 15px;
	line-height: 110%;
	font-size: 12px;
	color: #fffffc;
	background-image: url(images/sidebar.gif);
	background-repeat: no-repeat;
}


.menulist {
	margin: 0 0 15px 0;
	padding: 5px 2px 0px 5px;
	width: 162px;
	text-align: left;
	background-image: url(images/menu_back.gif);
}

.menulist h2 {
	margin: 0;
	padding: 6px 0 6px 12px;
	line-height: 110%;
	font-size: 12px;
	color: #fffffc;
	background-image: url(images/sidebar.gif);
	background-repeat: no-repeat;
}

.menulist a{
	color: #004080;
	display: block;
	border-bottom: solid 1px #adadad;
	width: 136px;
	padding: 7px 2px 6px 20px;
	line-height: 160%;
	margin: 0;
	font-size: 12px;
	background-image: url(images/side_menu_bg.gif);
	background-repeat: no-repeat;
 }

.menulist a:hover{
	color: #005ebb;
	background-image: url(images/side_menu_bg_hover.gif);
	background-repeat: no-repeat;
}


.menu_free {
	margin: 0 0 14px 0;
	padding: 5px 5px 10px 5px;
	width: 160px;
	text-align: left;
	background-image: url(images/menu_back.gif);
}

.menu_free h2 {
	margin: 0;
	padding: 6px 0 6px 12px;
	line-height: 110%;
	font-size: 12px;
	color: #fffffc;
	background-image: url(images/sidebar.gif);
	background-repeat: no-repeat;
}

.menu_free a{
	color: #004080;
	width: 138px;
	padding: 6px 0 5px 0;
	font-size: 12px;
	background-color: #f3f3f2;
 }

.menu_free a:hover{
	color: #005ebb;
	background-color: #f3f3f2;
}


#menu p {
	margin: 10px 4px 0 4px;
	line-height: 180%;
}

li {
	list-style-image: url(images/mark.gif);
	margin: 0 0 5px 0;
}

p.midashi:first-letter {

	font-size:22px;
	color:#444444;
	font-style:italic;
}
/*装飾table関係
-------------------------------------------------------------------------------------*/
table.table002 {
  margin-top: 0.2em;
  margin-bottom: 1em;

  width: 285px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}


table.table002 th, table.table002 td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.table002 th {
  margin:0px;
  padding:0px;
  background: #F0F0F0;
  text-align: center;
  white-space: nowrap;
  color: #444;
  font-size:12px;
  font-weight:normal;
}

table.table002 td.com {


  color: #666;
  font-size:10px;

}
table.table002 td.photo {

  width:120px;
  margin:0px;
  padding:1px;
}



/*フッター
-------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	height:50px;
	margin: 10px 0 0 0;
	padding: 20px 0 15;
	text-align: center;
	font-size: 12px;
	color: #333333;
	background-color: #505050;
}

#footer p {

	font-size: 12px;
	color:#d0d0d0;
}

#footer a {
	color: #d0d0d0;
	font-size: 12px;
 }

#footer a:hover {
	color: #333333;
}

/*フォーム
-------------------------------------------------------------------------------------*/

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}