@charset "Shift_JIS";

/* happys.css
		（ハードタブ=2で見て下さい）
		
		2010.06.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;					/* センター寄せ */
	margin-top: 10; 
	margin-bottom: 10; 
	margin-left: 10; 
	margin-right: 10; 
}

/********************************/
/* ボディのひとつ内側のラッパー */
/********************************/
#wrapper{
/*border: 1px solid #f00;*/ /* @@@@@ */
	width: 780px;
	text-align: left;
	margin: auto; /* @@@@@ */
	background-color: #FFF8F4;
}

/**************/
/* フッター部 */
/**************/
#footer{
	clear: both; /* @@@@@ */
  text-align: center; /* @@@@@ */
	margin-right: 10; 
}
p.footnavi{ 
	width: 600px; /* @@@@@ */
	margin-left: 10; 
	margin-right: 10; 
	margin: auto; /* @@@@@ */
	padding: 3; line-height: 130%; background-color: #7B8ADF; 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: 150px; 220px;
	margin-top: 5px;
	margin-left: 10; 
	margin-right: 10; 
}
/* クラウン部の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_blue.gif") repeat-x left;
	filter: Alpha(opacity=95);
	/*opacity: 0.7;*/
	border: solid 1px #cccccc;
	float: left;
}

a.menu{
	width: 120px;
	color: #ffffff;
	background: url("./gifs/menu_bg_blue.gif") repeat-x left;
	filter: Alpha(opacity=95);
	/*opacity: 0.7;*/
	text-decoration: none;
	font-weight: bold;
}

a.menu:hover{
	background: url("./gifs/menu_bg_blue.jpg") repeat-x left;
	font-size: 18px;
}

span.menu{
	padding: 5px;
	display: block;
}

/************/
/* メイン部 */
/************/
#main{
/*border: 1px solid #f00;*/ /* @@@@@ */
	margin-top: 5px;
	margin-left: 10; 
	margin-right: 10; 
}
/*画像の配置位置設定*/
#main #pic {
	position: relative;
	left: 120px;	/* 右からの位置…wrapperのwidth:780から逆算 */
}

/**************************************************************************/
h2{ 
	margin: 4px 2px 8px 0px;
	padding: 5px;
	background-color: #FFF2D7;
	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;
	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;
	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; }

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.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: #FFD9D9; }
p.copyright{ text-align: center; font-size: 90%; }
p.pagetop{ font-size: 80%; 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%; }

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.myname{ font-size: 120%; font-weight: bold; }
span.midmini{ font-size: 95%; }
div.lineh{ line-height= 130%; }
span.bld{ font-weight: bold; font-size: 120%; }
span.large{ font-size: 120%; }

span.err{ color: #ff0033; font-weight: bold; }

/* 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: 660;
	height: 470;
  border: none;
}
p.map{
	/*margin: 0px 0px 0px 0px;*/
	margin: auto; /* @@@@@ */
	margin-left: 100px; /* @@@@@ */
	width: 660;
	height: 470;
	text-align: center;
}