@charset "Shift_JIS";

/* ueda2.css
		http://www.ueda.com/index.htmから連携するサイトに適用するスタイルシート。
		（ハードタブ=2で見て下さい）
		
		2009.12.02 created by e.nakadai
*/

/* 
   ┌─────────────────┐     ┌─────────────────┐
   │ボディ                            │     │ボディ                            │
   │ ┌──────────────┐ │     │ ┌──────────────┐ │
   │ │         ラッパー           │ │     │ │         ラッパー           │ │
   │ │┌────────────┐│ │     │ │┌────────────┐│ │
   │ ││       クラウン         ││ │     │ ││       クラウン         ││ │
   │ │├────────────┤│ │     │ │├────┬───────┤│ │
   │ ││       メイン           ││ │     │ ││サブ    │  サブメイン  ││ │
   │ ││                        ││ │     │ ││メニュー│              ││ │
   │ │├────────────┤│ │     │ │├────┴───────┤│ │
   │ ││       フッター         ││ │     │ ││       フッター         ││ │
   │ │└────────────┘│ │     │ │└────────────┘│ │
   │ └──────────────┘ │     │ └──────────────┘ │
   └─────────────────┘     └─────────────────┘
*/

/***************/
/* ■Reset CSS */
/***************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,
blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,
th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

h1,h2,h3,h4,h5,h6{ font-weight:bold; }
hr{ solid 1px #cccccc; margin-top: 5px; margin-bottom: 5px; }
p.dmy{ line-height: 3px; }
p.top_navi{ margin-left: 2; font-size: 12px; }
/************************/
/* ボディ（ウィンドウ） */
/************************/
body{
  background-color: #ffffff;	/*			 背景色は白 */
	color: #575757;							/*			 文字色は少し薄い黒 */
  text-align: center;					/* センター寄せ */
}

/********************************/
/* ボディのひとつ内側のラッパー */
/********************************/
#wrapper{
/*border: 1px solid #f00;*/ /* @@@@@ */
	width: 780px;
	text-align: left;
	margin: auto; /* @@@@@ */
}
/*画像の配置位置設定*/
#wrapper #logo {
	display: none;
}

/**************/
/* フッター部 */
/**************/
#footer{
	clear: both; /* @@@@@ */
  text-align: center; /* @@@@@ */
}
p.footnavi{ 
	width: 600px; /* @@@@@ */
	margin-left: 10; 
	margin-right: 10; 
	margin: auto; /* @@@@@ */
	padding: 3; line-height: 130%; background-color: #A3D58A; color: #ffffff; font-size: 75%; font-weight: bold; text-align: center;
}

a.footnavi:link    { color: #ffffff; text-decoration: none; }
a.footnavi:visited { color: #ffffff; text-decoration: none; }
a.footnavi:hover   { color: #ffffff; text-decoration: underline; }
a.footnavi:active  { color: #ffffff; text-decoration: none; }

/**************/
/* クラウン部 */
/**************/
#crown{
/*border: 1px solid #f00;*/ /* @@@@@ */
	height: 120px;
	margin-left: 5px;
	margin-top: 10px;
	background: url(./gifs/back_logo.jpg) no-repeat;	/* ロゴを背景で描く。 */
}
/* クラウン部のh1 */
#crown h1 {
	font-size: 12px;	/* 文字サイズ */
  font-weight: normal;
	position: relative;
	margin-bottom: 5px;
	top: 0px;					/* 上からの位置*/
	left: 75px;				/* 左からの位置*/
}
/* クラウン部のh4 */
#crown h4 {
	font-size: 14px;	/* 文字サイズ */
	font-weight: bold;
	position: relative;
	margin-right: 40px; /* @@@@@ */
	top: 5px;		  		/* 上からの位置*/
	text-align: right;
  background-color: transparent;
  border: none;
}
/* メニュー */
ul.menu{
/*border: 1px solid #f00;*/ /* @@@@@ */
	margin-left: 5px;
	font-size: 16px;
	line-height: 160%;
	list-style-type: none;
}

li.menu{
	width: 120px;
	margin: 0px 2px 2px 2px;
	background: url("./gifs/menu_bg_green.jpg") repeat-x left;
	filter: Alpha(opacity=95);
	/*opacity: 0.7;*/
	border: solid 1px #cccccc;
	float: left;
	text-align: center;
}

a.menu{
	width: 120px;
	color: #ffffff;
	background: url("./gifs/menu_bg_green.jpg") repeat-x left;
	filter: Alpha(opacity=95);
	/*opacity: 0.7;*/
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

a.menu:hover{
	background: url("./gifs/menu_bg_green2.jpg") repeat-x left;
}

span.menu{
	padding: 5px;
	display: block;
}

/************/
/* メイン部 */
/************/
#main{
/*border: 1px solid #f00;*/ /* @@@@@ */
}
/*画像の配置位置設定*/
#main #pic {
	position: relative;
	left: 120px;	/* 右からの位置…wrapperのwidth:780から逆算 */
}


/**********************************/
/* サブメニュー（左側ブロック）部 */
/**********************************/
#submenu{
/*border: 1px solid #f00;*/ /* @@@@@ */
	float: left;
	width: 180px;
	/*width: 250px;*/	/* @@@@@ */
	display: inline;
	margin-left: 5px;
	margin-top: 5px;
	padding-bottom: 100px;
}

/*h3見出し設定*/
#submenu h3 {
	width: 160px;
	border: 3px double #ffcc99;	/* ボーダー設定。3pxの二重線を入れる。*/
	text-align: center;					/* センタリング。 */
	font-size: 100%;
	letter-spacing: 0.2em;			/* 文字間隔を少しあける。 */
	background: #ff9933 url(./gifs/h3_bg.gif) no-repeat center top;	/*背景画像設定*/
	color: #FFFFFF;
	font-size: 14px;	/* 文字サイズ */
}

/* サイドメニュー */
ul.sidemenu {
	margin-bottom: 10px;
	margin-left: 10px;
}

ul.sidemenu li {
	margin-bottom: 5px;
	font-size: 14px;	/* 文字サイズ */
	list-style-type: none;
	line-height: 130%;
}

ul.sidemenu li a {
	border-bottom: 1px solid #ffcc99;	/*メニュー下に下線を入れる。*/
	border-left: 5px solid #ffcc99;		/*メニュー左に直線を入れる。*/
	display: block;
	width: 160px;
	padding-left: 5px;
	text-decoration: none;
	color: #575757;
}

ul.sidemenu li a:hover {
	border-bottom: 1px solid #ff9966;	/*オーバー時の下線色。*/
	border-left: 5px solid #ff9966;
	background: #fafafa;
	font-weight: bold;
}
/* サイドメニュー２ */
ul.sidemenu2 {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}

ul.sidemenu2 li {
	margin-bottom: 5px;
	font-size: 13px;	/* 文字サイズ */
	list-style-type: none;
	line-height: 130%;
}

ul.sidemenu2 li a {
	border-bottom: 1px solid #ffcc99;	/*メニュー下に下線を入れる。*/
	border-left: 5px solid #ffcc99;		/*メニュー左に直線を入れる。*/
	display: block;
	width: 140px;
	padding-left: 5px;
	text-decoration: none;
	color: #575757;
}

ul.sidemenu2 li a:hover {
	border-bottom: 1px solid #ff9966;	/*オーバー時の下線色。*/
	border-left: 5px solid #ff9966;
	background: #fafafa;
	font-weight: bold;
}

/********************************/
/* サブメイン（右側ブロック）部 */
/********************************/
#submain{
/*border: 1px solid #f00;*/ /* @@@@@ */
	width: 570px;
	float: right; /* @@@@@ */
	position: relative; /* @@@@@ */
	margin-right: 15px;
	margin-left: 5px;
	margin-top: 20px;
	left: 10px;	20px;				/* 左からの位置*/
	text-align: left;
}

/**************************************************************************/
h2{ 
	margin: 4px 2px 8px 0px;
	padding: 5px;
	background-color: #FFF2D7;
	/*background:url("./gifs/bg82grade.gif") repeat-y top left;*/
	border: solid 1px #cccccc;
	font-size: 110%;
	letter-spacing: 0.1em;			/* 文字間隔を少しあける。 */
}
h3{ 
	margin: 0px 2px 10px 0px;
	padding: 3px 3px 3px 5px;
	background-color: #FFE8E8;
	/*background:url("./gifs/bg82grade.gif") repeat-y top left;*/
	border: solid 1px #cccccc;
	font-size: 100%;
	letter-spacing: 0.1em;			/* 文字間隔を少しあける。 */
}
h4{ 
	margin: 0px 2px 10px 20px;
	padding: 3px 3px 3px 5px;
	background-color: #FFE8E8;
	/*background:url("./gifs/bg82grade.gif") repeat-y top left;*/
	border: solid 1px #cccccc;
	font-size: 90%;
	letter-spacing: 0.1em;			/* 文字間隔を少しあける。 */
}

span.zmini { font-size: 11pt; }		/* タブナビゲーション上の文字サイズを固定する。 */

/* タブナビゲーション上の文字リンク用 */
a.tabnoncatch:link   { color: #575757; background-color: #cccccc; font-weight: normal; text-decoration: underline; }
a.tabnoncatch:visited{ color: #575757; background-color: #cccccc; font-weight: normal; text-decoration: underline; }
a.tabnoncatch:hover  { color: blue; background-color: #cccccc; font-weight: normal; text-decoration: underline; }
a.tabnoncatch:active { color: #575757; background-color: #cccccc; font-weight: normal; text-decoration: underline; }

a.pathnavi:link    { color: #575757; text-decoration: none; }
a.pathnavi:visited { color: #575757; text-decoration: none; }
a.pathnavi:hover   { color: #575757; text-decoration: none; }
a.pathnavi:active  { color: #575757; text-decoration: none; }

a.blognavi:link    { color: #575757; text-decoration: none; vertical-align: middle; }
a.blognavi:visited { color: #575757; text-decoration: none; vertical-align: middle; }
a.blognavi:hover   { color: #575757; text-decoration: none; vertical-align: middle; }
a.blognavi:active  { color: #575757; text-decoration: none; vertical-align: middle; }

img.arrow{ vertical-align: middle; }

table.info{
	margin: 0px 0px 0px 30px;
	width: 480;
}
table.info2{
	margin: 0px 0px 0px 30px;
	width: 520;
}

tr.title{ text-align: center; background-color: #FFF7FF; font-size: 80%; }
tr.title_l{ text-align: left; background-color: #FFF7FF; font-size: 80%; }
tr.ctr{ text-align: center; }
td.lft{ text-align: left; }
td.kakaku{ text-align: right; }
td.ctr{ text-align: center; }
td.ka{ background-color: #FFFFE1; text-align: left; font-size: 90%; }
td.ampm{ font-size: 90%; }
tr.pm{ background-color: #ECECD7; text-align: center; }
tr.mini{ text-align: left; font-size: 90%; }

p.pre_tabnavi{ 0px 0px 0px 20px; font-size: 90%; line-height: 130%; }

p.top{ text-align: left; margin: 0; }
p.top_image{ text-align: center; margin: 0; }
span.back{ background:url("./gifs/back_1.gif") }
span.square{ color: #FFCC99; }

p.blog{ text-align: right; margin-right: 15; font-size: 12px; }

p.title_ctr{ text-align: center; font-weight: bold;  color: #CC4A2B; }
p.foot_ctr{ margin: 5; padding: 3; font-size: 90%; text-align: center; background-color: #CEE9BA; }
p.sangyo_i{ margin: 10; padding: 10; text-align: center; font-size: 100%; font-weight: bold; background-color: #FFF2D7; }
p.copyright{ text-align: center; font-size: 90%; }
p.pagetop{ font-size: 85%; text-align: right; }
p.kakaku_right{ margin: 0px 60px 5px 30px; text-align: right; }
p.date_right{ margin: 3px 60px 0px 0px; text-align: right; font-size: 80%; }
p.foot_bld{ font-size: 90%; font-weight: bold; line-height: 130%; }

p.news{
 margin-left: 40;
 margin-right: 40;
 margin-top: 10;
 margin-bottom: 10;
 padding: 10; 
 text-align: left; font-size: 100%; font-weight: normal; line-height: 130%; border: solid 1px #EFEFEF; border-style: ridge;
}

p.whats_new{
 padding: 5;
 text-align: left; font-size: 85%; font-weight: normal; line-height: 150%; 
 border: solid 1px #EFEFEF; border-style: ridge;
}

p.dep_1{ margin: 10px 50px 10px 20px; padding: 5; font-size: 90%; line-height: 130%; border: solid 1px #EFEFEF; border-style: ridge; }
p.dep_2{ margin: -3px 30px 10px 40px; padding: 0; font-size: 90%; line-height: 130%; }
p.dep_3{ margin: 0px 30px 10px 40px; padding: 0; font-size: 90%; line-height: 130%; }
p.dep_minib{ margin: -3px 10px 10px 30px; padding: 0; font-size: 80%; color: #646464; line-height: 130%; font-weight: bold; }
p.dep_mini{ margin: -3px 10px 10px 30px; padding: 0; font-size: 80%; color: #646464; line-height: 130%; }

a.mynavi:link    { color: #575757; font-size: 80%; text-decoration: underline; }
a.mynavi:visited { color: #575757; font-size: 80%; text-decoration: underline; }
a.mynavi:hover   { color: #575757; font-size: 80%; text-decoration: underline; }
a.mynavi:active  { color: #575757; font-size: 80%; text-decoration: underline; }

a.pagetop:link    { color: #575757; font-size: 95%; text-decoration: underline; }
a.pagetop:visited { color: #575757; font-size: 95%; text-decoration: underline; }
a.pagetop:hover   { color: #575757; font-size: 95%; text-decoration: underline; }
a.pagetop:active  { color: #575757; font-size: 95%; text-decoration: underline; }

a.normalnavi:link    { color: #575757; font-size: 100%; text-decoration: underline; }
a.normalnavi:visited { color: #575757; font-size: 100%; text-decoration: underline; }
a.normalnavi:hover   { color: #575757; font-size: 100%; text-decoration: underline; }
a.normalnavi:active  { color: #575757; font-size: 100%; text-decoration: underline; }

td.ctr{ text-align: center; }
td.ttl{ text-align: center; background-color: #faf0e6; }
td.ttl2{ text-align: center; background-color: #ffdab9; }
td.right{ text-align: right; }
td.title1{ background-color: #cccc99; font-size: 120%; font-weight: bold; text-align: center; }
td.title2{ background-color: #99cc99; font-size: 120%; font-weight: bold; text-align: center; }
td.title3{ background-color: #ffcccc; font-size: 120%; font-weight: bold; text-align: center; }
td.lineh{ line-height= 130%; }
td.linehc{ line-height= 130%; text-align: center; }
td.ctrlineh{ text-align: center; line-height: 130%; }
span.mini{ font-size: 80%; }
span.midmini{ font-size: 95%; }
div.lineh{ line-height= 130%; }
span.bld{ font-weight: bold; font-size: 120%; }
span.large{ font-size: 120%; }
span.color1{ color: #3399ff; font-size: 120%; }
span.color2{ color: #cc6699; font-size: 120%; }
span.color3{ color: #669933; font-size: 120%; }
span.color4{ color: #9966ff; font-size: 120%; }
span.color5{ color: #ffcc33; font-size: 120%; }
span.color6{ color: #cc3333; font-size: 120%; }

span.err{ color: #ff0033; font-weight: bold; }

ul.dep{
	margin: 0px 0px 12px 30px;
	padding: 0px;
	font-size: 90%;
	line-height: 130%;
	color: #646464;
}

li.dep{
	margin: 0px 0px 3px 30px;
	color: #646464;
}

/* frameborder=0 marginwidth=0 marginheight=0 width=680 height=470 align=center*/
iframe.map{
	/*margin: 0px 0px 0px 0px;*/
	margin: auto; /* @@@@@ */
	padding: 0px 0px 0px 0px;
	width: 680;
	height: 470;
  border: none;
}
p.map{
	/*margin: 0px 0px 0px 0px;*/
	margin: auto; /* @@@@@ */
	margin-left: 100px; /* @@@@@ */
	width: 680;
	height: 470;
	text-align: center;
}


