@charset "utf-8";

/*////////////////////////////////////////////////////////////

	[home.css]
	
	1. container
		1-1. image replacement 
	2. body
		2-1. title
		2-2. information
		2-3. menu

////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------

	1. container

------------------------------------------------------------*/
div#container {
	position: relative;
	width: 800px;
	background: #FFF url(../img/home/background_border.gif) repeat-y;
}

/*	1-1. image replacement
------------------------------------------------------------------------------*/

ul#menu li a {
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
}

/*------------------------------------------------------------

	2. body

------------------------------------------------------------*/
div#body {
	width: 684px;
	margin: 0 0 0 10px;
	padding: 75px 48px 24px;
	background: url(../img/home/home_background.jpg) no-repeat left top;
}

* html div#body {
	width: 780px;
}

/* 2-1. title
------------------------------------------------------------*/
h1 {
	width: 403px;
	height: 61px;
	margin: 0 0 20px;
	background: url(../img/home/title1.png) no-repeat left top;
	text-indent: -9999px;
}

* html h1 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="share/img/home/title1.png", sizingMethod="crop");
}

h2 {
	position: absolute;
	left: 58px;/* 10+48 */
	top: 48px;
	width: 343px;
	height: 16px;
	background: url(../img/home/title2.png) no-repeat left top;
	text-indent: -9999px;
}

* html h2 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="share/img/home/title2.png", sizingMethod="crop");
}

p.caption {
	width: 470px;
	height: 45px;
	margin:0 0 15px;
	background: url(../img/home/title3.png) no-repeat left top;
	text-indent: -9999px;
}

* html p.caption {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="share/img/home/title3.png", sizingMethod="crop");
}

/* 2-2. information
------------------------------------------------------------*/
/* heading */
h3 {
	width: 96px;
	height: 20px;
	margin:0 0 4px;
	background: url(../img/home/heading_information.png) no-repeat left top;
	text-indent: -9999px;
}

* html h3 {
	background: none;
	margin:0 0 2px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="share/img/home/heading_information.png", sizingMethod="crop");
}

/* text */
dl {
	overflow: auto;
	width: 358px;
	height: 118px;
	line-height: 1.6;
	margin:0 0 24px;
	border: 1px solid #92806C;
	background-color: #FFF;
}

* html dl {
	width: 360px;
	height: 120px;
}

dl dt {
	margin: 6px 6px 4px;
	line-height: 1;
	font-weight: bold;
	color: #BCA680;
}

dl dd {
	margin: 0 6px 12px;
}

/* 2-3. menu
------------------------------------------------------------*/
ul#menu {
	position:relative;
	list-style: none;
	padding: 20px 0 25px 2px;
}

/* main */
ul#menu li.main a {
	display: block;
	width: 290px;
	height: 30px;
	margin: 1px 0 0 0;
	background-image: url(../img/home/home_navigation.jpg);
	background-repeat: no-repeat;
}

ul#menu li.outline a           { background-position:    0     0;}
ul#menu li.outline a:hover     { background-position: -290px   0;}

ul#menu li.state a            { background-position:    0    -30px;}
ul#menu li.state a:hover      { background-position: -290px  -30px;}

ul#menu li.necessity a        { background-position:    0    -60px;}
ul#menu li.necessity a:hover  { background-position: -290px  -60px;}

ul#menu li.consult a          { background-position:    0    -90px;}
ul#menu li.consult a:hover    { background-position: -290px  -90px;}

ul#menu li.question a         { background-position:    0   -120px;}
ul#menu li.question a:hover   { background-position: -290px -120px;}

ul#menu li.practice a         { background-position:    0   -150px;}
ul#menu li.practice a:hover   { background-position: -290px -150px;}


/* banner */
ul#menu li.banner a {
	display: block;
	width: 290px;
	height: 30px;
	margin: 8px 0 0 0;
	background-image: url(../img/home/home_banner_navigation.jpg);
	background-repeat: no-repeat;
}

ul#menu li.report a         { background-position:    0   0;}
ul#menu li.report a:hover   { background-position: -290px 0;}

/* sub */
ul#menu li.sub a {
	display: block;
	width: 142px;
	height: 25px;
	margin: 8px 0 0 0;
	background-image: url(../img/home/home_sub_navigation.jpg);
	background-repeat: no-repeat;
}

ul#menu li.contact-us {
	float: left;
	margin: 0 6px 0 0;
}

ul#menu li.contact-us a       { background-position:    0     0;}
ul#menu li.contact-us a:hover { background-position: -142px   0;}

ul#menu li.sitemap a          { background-position:    0   -25px;}
ul#menu li.sitemap a:hover    { background-position: -142px -25px;}