@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header
----------------------------------------- */
#header p#logo{
	float: left;
	clear: left;
	width: 87px;
	height: 91px;
	margin: 0 10px 10px 0;
}

#header h1,
#header p#logo-text{
	float: left;
	font-size: 26px;
	font-weight: 800;
	margin-top: 5px;
}

#header p#title{
	float: left;
	width: 252px;
	height: 37px;
	margin: 10px 0 0 5px;
}

/*#contents #header p#title{
	_margin: -18px 0 0 5px;
}*/
/*
*:first-child+html #contents #header p#title{
	margin: -18px 0 0 5px;
}*/

#header p#home-link{
	float: right;
	margin-top: -20px;
	width: 86px;
	height: 22px;
}

/*#contents #header p#home-link{
	_margin-top: -48px;
	_margin-bottom: -20px;
}

*:first-child+html #contents #header p#home-link{
	margin-top: -48px;
	margin-bottom: -20px;
}*/

#header p#header-text{
	float: right;
	font-size: 12px;
	_font-size: 10px;
	font-weight: bold;
	margin-top: 30px;
	overflow: hidden;
	margin-right: -86px;
}

*:first-child+html #header p#header-text{
	font-size: 10px;
}

/*#contents #header p#header-text{
	_margin-top: 2px;
}

*:first-child+html #contents #header p#header-text{
	margin-top: 10px;
}*/

#header ul#menu{
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	_padding-bottom: 31px;
}

#header ul#menu li{
	float: left;
	display: inline;
	margin-left: 2px;
}

#header #slide{
	width: 770px;
	height: 269px;
	overflow: hidden;
	clear: both;
}

/* footer
----------------------------------------- */
#footer img{
	vertical-align: top;
}

#footer ul{
	margin-top: 10px;
	margin-left: 10px;
	clear: both;
	overflow: hidden;
}

#footer ul li{
	float: left;
	display: inline;
	margin-right: 20px;
}

#footer p{
	float: right;
	font-size: 12px;
	margin-top: 8px;
	margin-right: 10px;
	font-weight: bold;
	letter-spacing: 0;
	color: #FFFFFF;
}


/* topicpath
----------------------------------------- */
#topicpath{
	padding: 0px;
	margin-top: 10px;
	font-size: 86%;
	text-align: right;
	overflow: hidden;
	zoom: 1;
}

#topicpath li{
	float: left;
}

#topicpath li a{
	padding-right: 10px;
	margin: 0px 5px 0px 0px;
	background: url(../img/topicpath.gif) no-repeat right center;
}

/* content
----------------------------------------- */
#content p{
	line-height: 1.5;
	margin: 5px 0;
}

#content ul li{
	line-height: 1.5;
	margin: 20px 0;
}

/* home css
----------------------------------------- */
#home h2{
	margin-top: 20px;
	margin-left: 10px;
}

#home #content ul{
	margin: 0 0 10px 10px;
	clear: both;
	overflow: hidden;
}

#home #content ul li{
	float: left;
	display: inline;
}

#home #content ul li a:hover{
	filter: Alpha(Opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#home #content ul li#banner-right{
	float: right;
}

/* contents
----------------------------------------- */
#contents h1{
	margin: 15px 0;
}


/* greeting css
----------------------------------------- */
#contents #content p#greeting-text{
	width: 400px;
	_width: 390px;
	margin-top: 20px;
}

*:first-child+html #contents #content p#greeting-text{
	width: 390px;
}

/* petition css
----------------------------------------- */
#contents #content #main h2{
	margin-left: 20px;
}

#contents #content #main p.explanation{
	width: 630px;
	position: relative;
	top: -12px;
	left: 100px;
	font-size: 12px;
}

#contents #content #main .documents{
	width: 710px;
	height: 240px;
	overflow: hidden;
	margin-left: 15px;
}

#contents #content #main .documents p.document-icon01{
	position: relative;
	top: -200px;
	left: 580px;
	width: 109px;
	height: 116px;
}

#contents #content #main .documents p.icon01{
	position: relative;
	top: -150px;
	left: 530px;
	width: 30px;
	height: 15px;
}

#contents #content #main .documents p.document-icon02{
	position: relative;
	top: -220px;
	left: 580px;
	width: 109px;
	height: 116px;
}

#contents #content #main .documents p.icon02{
	position: relative;
	top: -150px;
	left: 480px;
	width: 26px;
	height: 15px;
}

#contents #content #main .documents p.document-icon03{
	position: relative;
	top: -216px;
	left: 580px;
	width: 109px;
	height: 116px;
}

#contents #content #main .documents p.document-icon04{
	position: relative;
	top: -210px;
	left: 580px;
	width: 109px;
	height: 116px;
}

#contents #content #main .documents p.icon03{
	position: relative;
	top: -220px;
	left: 480px;
	width: 30px;
	height: 15px;
}

#contents #content #main .documents p.icon04{
	position: relative;
	top: -170px;
	left: 640px;
	width: 26px;
	height: 15px;
}

/* materials css
----------------------------------------- */
#contents #content #main table{
	margin: 20px;
}

#contents #content #main table td{
	font-size: 85%;
	font-weight: bold;
}

/* faq css
----------------------------------------- */
#contents #content #main dl{
	margin: 10px 0 30px 40px;
}

#contents #content #main dl dt{
	background-image: url(../img/css/question_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 12px 0 10px 40px;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

#contents #content #main dl dd{
	background-image: url(../img/css/answer_bg.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 20px;
	margin-left: 30px;
	margin-bottom: 5px;
	line-height: 1.5;
}