
* {
	margin : 0;
	padding : 0;
}
body {
	font-family: ;
	font-size: 12px;
	text-align: center;
	color : #333333;
}
#wrapper {
	width: 900px;
	margin :0 auto;
	text-align: left;
	/*background-color: #99FFFF;*/
}
img {
	border : none;
}
/*-----------------------------------------------------------------------------
>>rogo
-----------------------------------------------------------------------------*/
h1 {
	margin-top : 27px;
	margin-bottom : 7px;
	float  :left;
	text-indent : -5000px;
}
#ID a{
	width : 262px;
	height : 31px;
	display : block;
	overflow : hidden;
	background : url(../img/aptmp/ID.gif) no-repeat;
}
/*-----------------------------------------------------------------------------
>>navi
-----------------------------------------------------------------------------*/
.arrow li{
	list-style : none;
	float : left;
	text-indent : -5000px;
}
.arrow a {
	display : block;
	overflow : hidden;
}
#head-arrow {
	float : right;
	margin-top : 44px;
}
#head-arrow a{height : 15px;}
#head-arrow a:hover{background-position : 0 -15px;}

#footer-arrow {
	margin-left : 20px;
	padding-top : 27px;
}
#footer-arrow a {height : 13px;}
#footer-arrow a:hover {background-position : 0 -13px;}

#inq-navi a{
	width : 95px;
	background : url(../img/menu/arrow_inq.gif) no-repeat;
}
#map-navi a{
	width : 77px;
	background : url(../img/menu/arrow_map.gif) no-repeat;
}
#Eng-navi a{
	width : 54px;
	background : url(../img/menu/arrow_Eng.gif) no-repeat;
}
#com-navi a{
	width : 108px;
	background : url(../img/menu/arrow_com.gif) no-repeat;
}
#req-navi a{
	width : 60px;
	background : url(../img/menu/arrow_req.gif) no-repeat;
}
#coun-navi a{
	width : 84px;
	background : url(../img/menu/arrow_coun.gif) no-repeat;
}
#p-navi a{
	width : 144px;
	background : url(../img/menu/arrow_p.gif) no-repeat;
}
#column-navi a{
	width : 48px;
	background : url(../img/menu/arrow_column.gif) no-repeat;
}
#link-navi a{
	width : 118px;
	background : url(../img/menu/arrow_link.gif) no-repeat;
}


/*-----------------------------------------------------------------------------
>>TOP
-----------------------------------------------------------------------------*/

/*------------------  konntenntu  -------------------------------------------------*/
#contents:after {
	content : url(./img/top/space.gif);
	display : block;
	height : 0;
	clear : both;
}

#contents {
	display : inline;
	width : 900px;
	clear : both;
}
/*------------------  banner  -----------------------------------------*/
#bnr-area {
	width : 282px;
	float : left;
	margin-top : 100px;
}
#bnr-area li {
	list-style : none;
	margin-bottom : 7px;
}


#bnr-area2 {
	margin-top : 15px;
	width : 300px;
	clear : both;
}
#bnr-area2 li {
	display : inline;
	list-style : none;
	padding-bottom : 15px;
}

/*----------------  page  -------------------------------*/
.title {
	text-indent : -5000px;
	width : 300px;
	height : 30px;
}
/*----------------  eria  ---------------------------------------*/
#right-box {
	width : 300px;
	float : right;
}

#topics-area {
	margin-top : 100px;
}

#topics-area h2{
	width : 100%;
	height : 30px;
	background : url(../img/top/topics_head.jpg) no-repeat;
}
#topics-area ul,#news-area ul {
	padding : 10px 15px 5px 15px;*
}
#topics-area dt {
	margin-bottom : 10px;
	padding-left : 20px;
	background : url(../img/icon/anc_bl.gif) no-repeat 0 center;
}
#topics-area li {
	list-style : none;
	padding-bottom : 10px;
	padding-left : 20px;
	font-size : 12px;
	background : url(../img/icon/anc_bl.gif) no-repeat 0 0;
}

#topics-area dd {
	line-height : 140%;
}
#topics-area a{
	text-decoration : none;
	color : #4c78c6;
}

/*----------------  news  -----------------------------------------*/
#news-area {
	width : 300px;
	float : left;
	margin-top : 100px;
}
#news-area a{
	text-decoration : none;
}
#news-area h2{
	width : 100%;
	height : 30px;
	background-image: url(../img/top/news_head.jpg);
	background-repeat: no-repeat;
}
#news-area li {
	list-style : none;
	margin-bottom : 10px;
}
/*---------------------  news  ---------------------------------------*/
.up-in {
	width : 300px;
	min-height : 139px;
	height : auto;
	background : url(../img/aptmp/up_in.gif) repeat-y;
}

/*-- IEハック --*/
* html .up-in {
	height : 139px;
}

#topics-area .up-in {
	width : 300px;
	min-height : 139px;
	height : auto;
	background : url(../img/aptmp/up_in.gif) repeat-y;
}
/*-- IEハック --*/
* html  #topics-area .up-in {
	height : 139px;
}



.up-bottom {
	clear : both;
	width : 300px;
	height : 5px;
/*	background : url(../img/aptmp/up_bottom.gif) no-repeat 0 0;*/
}
.gr1 {
	color : #ffffff;
	padding : 5px 0 5px 24px;
	border : 1px solid #cccccc;
	background :url(../img/icon/anc_wh.gif) no-repeat 5px center #66cc00;
	line-height: 16px;
}
.gr1 a{
	color : #ffffff;
}
.gr2 {
	padding : 5px 0 5px 24px;
	border : 1px solid #cccccc;
	background :url(../img/icon/anc_gr.gif) no-repeat 5px center #dcffb9;
	line-height: 16px;
}
.anc-gr {
	padding-left: 24px;
	line-height: 16px;
	background-image: url(../img/icon/anc_gr.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
}
.anc-bl {
	margin-top : 5px;
	padding-left : 24px;
	background :url(../img/icon/anc_bl.gif) no-repeat 5px top ;
}

/*-----------------------------------------------------------------------------
>>footer
-----------------------------------------------------------------------------*/
#footer {
	clear : both;
	width : 900px;
	height : 75px;
	background : url(../img/aptmp/footer_bg.jpg) no-repeat;
}
#footer p {
	clear : both;
	margin-top : 25px;
	padding-right : 10px;
	text-align : right;
	font-size : 12px;
	color : #0f218b;
}

/*----------------------------------------------------------------------------------------------------------
>>regyura
----------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
>>ERecCAEg
-----------------------------------------------------------------------------*/
#main-navi {
	position : relative;
	z-index : 15;
	top : -210px;
}
#left-area {
	width : 550px;
	height:  100%;
	float : left;
	/*background-color: #44d;*/
}
#left-area-in {
	padding : 0 19px;
}
#right-area {
	width : 150px;
	float : left;
}
/*-----------------------------------------------------------------------------
>>pan
-----------------------------------------------------------------------------*/

#pan {
	position : relative;
	top : 120px;
	left : 20px;
}
#pan li {
	display : inline;
	color : #ffffff;
	list-style : none;
}
#pan a {
	color : #ffffff;
	text-decoration : none;
}
#pan a:hover {
	color : #ff6600;
}
/*-----------------------------------------------------------------------------
>>G.J(sub-navi)@Tuj[CAEg
-----------------------------------------------------------------------------*/
#navi-area {
	width : 200px;
	height : 100%;
	float : left;
}

#sub-navi {
	position : relative;
	z-index : 1;
	top : -80px;
}
#sub-navi h3 {
	position : relative;
	z-index : 2;
	font-size : 10px;
	margin-bottom : 15px;
	margin-left : 5px;
	width : 130px;
	height : 13px;
}
#sub-navi h3 span {
	width : 100%;
	height : 100%;
	position : absolute;
	z-index : 3;
	background : url(../img/dptmp/sub_navi_top.gif) no-repeat;
}
#sub-navi h4,#sub-navi dl {
	padding : 0 5px;
}
#sub-navi h4 {
	margin : 20px 0 5px 0;
	padding-top : 6px;
	width : 190px;
	height : 30px;
	font-size : 1.4em;
	color : #666;
	background : url(../img/dptmp/menu_bg1.gif) no-repeat ;
}

/* j[o ^Cv */
#sub-navi .menu-bg2 {
	width : 190px;
	height : 46px;
	background : url(../img/dptmp/menu_bg2.gif) no-repeat;
}


#sub-navi dl {
	color : #0c73ba;
	margin : 0 0;
}
#sub-navi dt {
	margin-right : 4px;
	padding-bottom : 3px;
	border-bottom : 1px solid #999999;
}
#sub-navi dt a{
	font-size : 12px;
	font-weight : bold;
	margin : 10px 0 0;
	padding-left : 16px;
	background : url(../img/dptmp/sub_anc.gif) no-repeat left;
}
#sub-navi dd {
	/*font-weight : bold;*/
	margin-top : 5px;
	/*margin-left : 1em;*/
	font-size : 12px;
}
#sub-navi a {
	height : 100%;
	text-decoration : none;
}
#sub-navi a:hover {
	color : #ff6600;
}
#sub-navi dd a {
	display : block;
	padding-left : 16px;
	line-height: 110%;
	text-decoration : none;
	background : url(../img/dptmp/smenu_anc.gif) no-repeat left top;
}
#sub-navi dd a:hover {
	color : #ff6600;
	background : url(../img/dptmp/smenu_anc2.gif) no-repeat left top;
}
.cate2 {
	margin-top : 10px;
}
.s-font {
	font-size : 12px;
}
/*-----------------------------------------------------------------------------
>>HJ@oi[CAEg
-----------------------------------------------------------------------------*/

#bnr-area2 {
	width : 200px;
	text-align : center;
}
#bnr-area2 img {
	margin-bottom : 7px;
}

/*-----------------------------------------------------------------------------
>>IEJ@PDFJ^OGA
-----------------------------------------------------------------------------*/

#pdf-area {
	text-align : center;
}
#pdf-area a{
	color : #333333;
}
#right-area a {
	text-decoration : none;
}
#pdf-headline {
	width : 130px;
	height : 50px;
	margin : 10px auto;
	text-indent : -5000px;
	background : url(../img/dptmp/pdf.gif) no-repeat;
}
/*-----------------------------------------------------------------------------
>>JEJ@?p{bNX
-----------------------------------------------------------------------------*/

.right-box {
	margin : 0 10px 20px;
	font-size : 11px;
}
.right-box h4 {
	width : 130px;
	height : 30px;
	color : #ffffff;
	font-size : 14px;
	background: url(../img/rclm/right_box_title.gif) no-repeat;
}
.right-box-headline span {
	display : block;
	padding: 8px 0 8px 30px;
}
.right-box-in {
	width : 130px;
	height : 139px;
	text-align : center;
	background : url(../img/rclm/right_box_in.jpg) no-repeat;
}
.right-box-in p{
	padding : 5px 5px 0;
	text-align : left;
}
.right-box-in ul {
	padding : 5px 10px;
	text-align : left;
}
.right-box-in li {
	list-style : none;
	text-indent : 0.5em;
	margin-bottom : 5px;
}
.right-box-btm {
	width : 130px;
	height : 5px;
	background : url(../img/rclm/right_box_btm.gif) no-repeat;
}
.right-box a:hover {
	color : #ff6600;
}
/*-----------------------------------------------------------------------------
>>K?pNX2
-----------------------------------------------------------------------------*/
.clear {
	clear : both;
}
.text-right {
	text-align : right;
}
.text-right a {
	/*overflow : hidden;*/
	text-decoration : none;
}
.go-top {
	clear : both;
	margin : 10px 0 20px;
}
.go-top a:hover {
	color : #ff6600;
}
.text-center {
	text-align : center;
}
.text-left {
	text-align : left;
}
.img-left {
	float : left;
}
.img-right {
	float : right;
}
#get-adobe {
	float : right;
	margin-top : -50px;
	margin-right : 35px;
}
#caption-box {
	margin : 0 0 7px;
	padding : 10px 5px;
	overflow : hidden;
	background-color : #eff0f3;
}
#caption-box a {
	text-decoration : none;
}
#caption-box a:hover {
	color : #ff6600;
}
.block {
	margin-top : 10px;
}
.sub-style {
	margin-left : -1.5em;
}
.indent- {
	position : relative;
	left : -0.7em;
}