/*------------------------------------------------------------------------
基本
--------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	font-size : 100%;
	}
html {
	overflow-y: scroll;
}

body{
	background-color: #fffacd; 
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#333333;
	font-size:14px; 
	}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

body *,
body p{ 
	line-height:150%; 
}

table,div,p,ol,ul,li,dl,dt,dd{
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:150%;
	margin:0px;
	padding:0px;
	}



/* ClearFix 回り込みの解除(Firefox/Safari/Operaなどのモダンブラウザ用の記述) */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	}
/* ClearFix 回り込みの解除(IE7とMac版IE5用の記述) */
.clearfix {
	display: inline-block;
	min-height: 1%;
	}
/* Hides from IE-mac --ClearFix 回り込みの解除(IE6以前用の記述) \*/
* html .clearfix {
	height: 1%;
	}
.clearfix { 
	display: block;
	}
/* End hide from IE-mac */

.clear {	/* ���ֲ�� */
	clear:both;
	}

.f-lef{		/* ������ */
	float:left;
	margin-right:10px;
	text-align:left;
	}
	
.f-rig{		/* ������ */
	float:right;
	margin-left:10px;
	text-align:left;
	}

h1,h2,h3,h4,h5,h6{		/* ��̾ */
	font-size:100%;
	line-height:100%; 
	margin:0px;
	padding:0px;
	}

em{		/* ��Ĵ */
	font-size:100%;
	color:#ff0000;
	font-style:normal; 
	}

strong{		/* em��궯Ĵ */
	color:#ff0000;
	font-size:16px;
	}

hr {		/* ライン */
	display:none;
}
.hr-s1{		/* ライン */
  background: url("images/line_s1.gif"); /* 画像の指定 */
  height:1px; /* 水平線の太さ */
  margin:1em 0px;
}

a img {		/* �����ΰϤ����ä� */
	border:0px;
}

.gotop{		/* �ڡ�������Ƭ����� */
	clear:both;
	text-align:right;
	font-size:12px;
	padding:20px 0px 0px 0px;
}

.cen{
text-align:center;
}

.btm-s1{		/* 下余白1行 */
	margin-bottom:1em;
	}
.btm-s2{		/* 下余白2行 */
	margin-bottom:2em;
	}
.btm-s3{		/* 下余白3行 */
	margin-bottom:3em;
	}
.btm-s4{		/* 下余白4行 */
	margin-bottom:4em;
	}
.btm-s5{		/* 下余白5行 */
	margin-bottom:5em;
	}



/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/

#container{
	width:750px;
	text-align:left;
	padding:0px;
	margin:0px auto;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#ffffff;
	}

#content{
	margin:10px 20px 20px 10px;
	background-color:#ffffff;
	}

#main {
	width:540px;
	float:right;
	background-color:#ffffff;
	}

#side {
	width:160px;
	float:left;
	background-color:#ffffff;
	}

#header{
	padding:0px;
	margin:0px;
	background: #ffffff url("images/back_header.jpg") no-repeat top left;  
	text-align:right;
	width:100%;
	height:120px;
	}
	

#footer{
	clear:both;
	padding:0px;
	margin:0px;
	background-color:#f5f5f5;
	text-align:right;
	}








/*------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/

div#header h1{		/* �����ȥ����ȥ� */
	padding:25px 10px 5px 0px;
	font-size:18px;
	color:#000000;

	}

div#header h2{		/* ���������� */
	padding:0px 10px 20px 0px;
	font-size:12px;
	color:#ff4500;
	letter-spacing:5px;
	}

div#header h1 a:link,
div#header h1 a:visited,
div#header h1 a:active,
div#header h1 a:hover{		/* �����ȥ�Υ�� */
	color:#000000;
	text-decoration:none;
	}
	
div.pan{		/* �Ѥ󤯤��ꥹ�� */
	clear:both;
	padding:5px 10px;
	font-size:12px;
	text-align:right;
	margin:0px;
	color:#666666;
	}

div.pan a:link,
div.pan a:visited,
div.pan a:active{		/* �Ѥ󤯤���� */
	color:#666666;
	text-decoration:none;
	}

div.pan a:hover{		/* �Ѥ󤯤���� */
	color:#999999 ;
	text-decoration:underline;
	}


/*------------------------------------------------------------------------
メイン
--------------------------------------------------------------------------*/

div#main h3{		/* ��̾ */
	font-size:110%;
	margin:0px 0px 10px 0px;
	}

div#main h4{		/* ��̾ */
	font-size:110%;
	margin:0px 0px 10px 0px;
	border-bottom:3px dotted #ffc12e;
	color:#ff7c0b;
	padding:5px 0px;
	}

div#main h5{		/* ��̾ */
	font-size:110%;
	color:#669966;
	margin:10px 0px;
	}
	
div#main h6{		/* ��̾ */
	font-size:100%;
	color:#6699FF;
	margin:5px 0px;
	}


div#main div#inf{		/* ����ե��᡼�����������ʬ*/
	width:540px;
	height:100px;
	background:#ffffff;
	overflow:auto;/* �Ϥ߽Ф��饹�������С�ɽ�� */
}

div#main address{		/* Ϣ�������ʬ */
	font-style: normal;
	text-align:left;
	padding:5px;
	margin:0px;
	font-size:12px;
	line-height:16px;
	background-color:#ffffff;
}

div#main table.add{
	table-layout: fixed;
	border-collapse: collapse;
	border:1px solid #999999;
	width:540px;
	font-size:12px;
	line-height:16px;
}

div#main table.add tr td{
	background-color: #fffacd;
	border:1px solid #999999;
	text-align:center;
}
div#main table.add tr th{
	background-color: #a2cd5a;
	border:1px solid #999999;
	text-align:center;
	font-weight: normal;
}

div#main table.form{		/* ��礻��ʬ */
	width:540px;
}	
div#main table.form tr th{		/* ��礻��ʬ */
	background-color:#e0eee0;
	font-weight: normal;
	border-bottom:1px solid #c1cdc1;
	width:100px;
	text-align:left;
	padding:3px;
}
div#main table.form tr td{		/* ��礻��ʬ */
	background-color:#ffffff;
	font-weight: normal;
	border-bottom:1px solid #c1cdc1;
	padding:3px;
}
div#main .waku-form{		/* �ȥ����������礻��ʬ�� */
	text-align:center;
	border-top:1px solid #c1cdc1;
	border-bottom:1px solid #c1cdc1;
	padding:10px 5px;
}

div#main .waku1{		/* �ȥ�������ʥ���󥸡� */
	background: #ffffff url("images/back_waku1.jpg") repeat-x top left; 
	text-align:center;
	border:1px solid #ffc12e;
	padding:10px 5px;
}
div#main .waku1 h4{		/* ��̾ */
	font-size:110%;
	margin:0px 0px 10px 0px;
	border-bottom:3px dotted #ffc12e;
	color:#ff7c0b;
	padding:0px 0px 5px 0px;
	}

div#main .waku2{		/* �ȥ�������ʥߥɥ�� */
	background: #ffffff url("images/back_waku2.jpg") repeat-x top left; 
	text-align:center;
	border:1px solid #99cc99;
	padding:10px 5px;
}
div#main .waku2 h4{		/* ��̾ */
	font-size:110%;
	margin:0px 0px 10px 0px;
	border-bottom:3px dotted #99cc99;
	color:#669966;
	padding:0px 0px 5px 0px;
	}

div#main .waku3{		/* �ȥ�������ʿ忧�� */
	background: #ffffff url("images/back_waku3.jpg") repeat-x top left; 
	border:1px solid #9BCAFF;
	padding:10px 5px;
}
div#main .waku3 h4{		/* ��̾ */
	font-size:110%;
	margin:0px 0px 10px 0px;
	border-bottom:3px dotted #9BCAFF;
	color:#6699FF;
	padding:0px 0px 5px 0px;
	}
	
div#main .waku4{		/* �ȥ�������ʳ����� */
	background: #ffffff url("images/back_waku4.jpg") repeat-x top left; 
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:10px 0px;
}
div#main .waku4 h4{		/* ��̾ */
	font-size:110%;
	margin:0px 0px 10px 0px;
	border-bottom:3px dotted #cccccc;
	color:#666666;
	padding:5px 0px;
	}




/*------------------------------------------------------------------------
サイド
--------------------------------------------------------------------------*/

div#side h3{		/* ��̾��� */
	font-size:14px;
	line-height:18px;
	padding:8px 5px 5px 20px;
	background:url("images/back_menu.gif") no-repeat left;
	border-bottom:1px solid #cccccc;
	}

div#side h3 a,
div#side h3 a:link,
div#side h3 a:visited,
div#side h3 a:active{
	text-decoration:none;
	color:#666666;
}

div#side h3 a:hover{
	color:#ffa000;
	text-decoration:none;
}

div#side h3#active{		/* ��̾��󥯡ʥᥤ��ڡ�����*/
	font-size:14px;
	line-height:18px;
	padding:8px 5px 5px 20px;
	background:#f5f5f5 url("images/back_menu-active.gif") no-repeat left;
	border-bottom:1px solid #cccccc;
	}
	
div#side h3#active a,
div#side h3#active a:link,
div#side h3#active a:visited,
div#side h3#active a:active,
div#side h3#active a:hover{
	text-decoration:none;
	color:#666666;
}


div#side div#submenu{		/* ���֥�󥯥��ڡ��� */
	border-bottom:1px solid #cccccc;
	}
div#side div#submenu h3{		/* ��̾���֥�� */
	font-size:14px;
	line-height:18px;
	padding:8px 5px 5px 30px;
	background:url("images/back_menu_sub.gif") no-repeat left;
	border-bottom:1px solid #ffffff;
	}
div#side div#submenu h3#active{		/* ��̾���֥�󥯡ʥᥤ��ڡ�����*/
	font-size:14px;
	line-height:18px;
	padding:8px 5px 5px 30px;
	background:#f5f5f5 url("images/back_menu_sub-active.gif") no-repeat left;
	border-bottom:1px solid #ffffff;
	}
	
div#side div#submenu h3#active a,
div#side div#submenu h3#active a:link,
div#side div#submenu h3#active a:visited,
div#side div#submenu h3#active a:active,
div#side div#submenu h3#active a:hover{
	text-decoration:none;
	color:#666666;
}



div#side address{		/* Ϣ�������ʬ */
	font-style: normal;
	text-align:left;
	padding:0px 5px;
	margin:20px 0px;
	font-size:12px;
	line-height:16px;
	background-color:#ffffff;
	}


/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/

div#footer div#cop{
	font-style: normal;
	text-align:center;
	padding:10px 10px;
	font-size:12px;
	color:#666666;
	}

div#footer a:link,
div#footer a:visited,
div#footer a:active{
	color:#666666;
	text-decoration:none;
	}

div#footer a:hover{
	color:#999999;
	text-decoration:underline;
	}

/* リンク------------------------------------------------*/

p#t-lin{
	width:750px;
	text-align:center;
	font-size:12px;
	margin:5px auto;
}

p#t-lin a{
	margin-right:10px;
	}

p#t-lin a:link,
p#t-lin a:active{
	color:#999999;
	text-decoration:none;
	}

p#t-lin a:hover{
	color:#ff7f24;
	text-decoration:underline;
	}

p#t-lin a:visited{
	color:#666666;
	text-decoration:underline;
	}


