@charset "utf-8";

/*共通------------------------------------------*/

#page ul,#page ol,#page dl,#page table,#page h2,#page h3,#page h4,#page h5{
	margin-bottom: 20px;
}

#page p{
	margin-bottom: 15px;
	padding: 0 10px;
}

.inline{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.box{
	border: 1px solid #c1c1c1;
	padding: 20px 20px;
	margin-bottom: 25px;
}

.arc{
	border-bottom: 1px dashed #c1c1c1;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.arc_link{
	text-align: right;
}

.arc_link li{
	display: inline;
	padding-left: 20px;
	background: url('../img/link.gif') no-repeat left 50%;
}

.p_h1{
	font-size: 133.3%;
	background-color: #4cb6cf;
	color: white;
	border: 3px double #99d5e4;
	font-weight: normal;
}

.p_h1 h1{
	background: url('../img/h1_bg.png') no-repeat right bottom;
	padding: 9px 15px;

}

.p_h1 span{
	padding-left: 20px;
	background: url('../img/h1_icon.gif') no-repeat left 50%;
}

.g_title{
	background: none!important;
	padding: 0!important;
}

#page h2{
	font-size: 133.3%;
	background: url('../img/h2.gif') no-repeat left bottom #ededed;
	padding: 11px 15px 13px;
	font-weight: normal;
}

#page h3{
	font-size: 125%;
	padding: 10px 20px;
	background: url('../img/h3.gif') repeat-y left top #cef5ff;
}

#page h4{
	font-size: 116.6%;
	border-bottom: 1px solid #4cb6cf;
	padding: 5px 0 5px 15px;
	border-left: 5px solid #4cb6cf;
}


#page h5{
	font-size: 108.3%;
	padding: 5px 0 5px 35px;
	border-bottom: 1px dotted #4cb6cf;
	background: url('../img/h4_icon.gif') no-repeat 10px 50%;
}



#page ul{

}

#page ul li{
	padding-left: 15px;
	background: url('../img/icon_ul.gif') no-repeat 3px 50%;
	margin-bottom: 10px;
}

.link{

}

.link li{
	padding-left: 20px!important;
	background: url('../img/link.gif') no-repeat left 50%!important;
}




ul.img2 li,ul.img3 li,ul.img4 li{
	float: left;
	margin: auto;
	background: none!important;
	padding: 0!important;
	text-align: center;
	overflow: hidden;
	_zoom: 1;
}

ul.img2 li{
	width: 49%;
}

ul.img3 li{
	width: 33%;
}

ul.img4 li{
	width: 25%;
}

.free dd{
	padding: 0 15px;
	overflow: hidden;
	_zoom: 1;
}

#page table{
	border: 1px solid #4cb6cf;
	width: 100%;
}

#page table th{
	padding: 10px 15px;
	background: #a9edff;
	border:1px solid #4cb6cf;
	vertical-align: middle;
}



#page table td{
	padding: 10px 15px;
	border: 1px solid #4cb6cf;
	vertical-align: middle;
}


#page a{
	color: #0095cc;
}

.notice{
	color: red;
}

.en{
	color: #00a7e5;
}
.u-line th,.u-line td{
	border-bottom: none!important;
}

.t-line th,.t-line td{
	border-top: 1px dotted #00a7e5!important;
}

table.inq th{
	text-align: left;
}

/* 添付ファイル要素 
----------------------------------------------------------- */  
.pdf,.word,.excel,.zip{
	line-height: 2;
	padding: 3px 0 3px 30px;
}

a.pdf{   
	background: url('../img/pdf.gif') no-repeat left 50%;}

a.word{   
	background: url('../img/word.gif') no-repeat left 50%;}

a.excel{   
	background: url('../img/excel.gif') no-repeat left 50%;}

a.zip{   
	background: url('../img/zip.gif') no-repeat left 50%;}


/*----------------------------------------------*/
/*header----------------------------------------*/
/*----------------------------------------------*/

.logo{
	position: absolute;
	top: 15px;
	left: 0px;
}

#head_menu{
	position: absolute;
	top: 25px;
	right: 0;
}

#head_menu li{
	float: left;
}

#f_size{
	width: 195px;
	height: 25px;
	position: absolute;
	top: 70px;
	right: 250px;
	margin-right: -10px;
	background: url('../img/f_size.gif') no-repeat left top;
	text-indent: -10000px; 
}

#f_size dt{
	float: left;
	width: 90px;
}
#f_size dd{
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

#f_size dd a{
	display: block;
	width: 25px;
	height: 25px;
}

dl#f_size dd#tx_m a {
	background: url("../img/f_m.gif") no-repeat left top !important;
}

#kensaku{
	position: absolute;
	top: 70px;
	right: 0;
	width: 230px;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0!important;
	background: none!important;
	border: none!important;
}

#g_nav{
	background: url('../img/g-nav.gif') no-repeat left top;
	width: 960px;
	height: 55px;
	position: absolute;
	top: 120px;
	left: 0;
}

#g_nav li{
	width: 160px;
	height: 55px;
	float: left;
	text-indent: -10000px;
}

#g_nav li a{
	display: block;
	width: 160px;
	height: 55px;
}

#nav1 a{background: url('../img/g-nav.gif') no-repeat left top;}
#nav2 a{background: url('../img/g-nav.gif') no-repeat -160px top;}
#nav3 a{background: url('../img/g-nav.gif') no-repeat -320px top;}
#nav4 a{background: url('../img/g-nav.gif') no-repeat -480px top;}
#nav5 a{background: url('../img/g-nav.gif') no-repeat -640px top;}
#nav6 a{background: url('../img/g-nav.gif') no-repeat -800px top;}

#nav1 a:hover{background: url('../img/g-nav.gif') no-repeat left -55px;}
#nav2 a:hover{background: url('../img/g-nav.gif') no-repeat -160px -55px;}
#nav3 a:hover{background: url('../img/g-nav.gif') no-repeat -320px -55px;}
#nav4 a:hover{background: url('../img/g-nav.gif') no-repeat -480px -55px;}
#nav5 a:hover{background: url('../img/g-nav.gif') no-repeat -640px -55px;}
#nav6 a:hover{background: url('../img/g-nav.gif') no-repeat -800px -55px;}


/*----------------------------------------------*/
/*index-------------------------------------------*/
/*----------------------------------------------*/

/*top-------------------------------------------*/

#top{
	background: url('../img/bg_top.gif') repeat-x left top;
	height: 440px;
	position: relative;
	padding-top: 15px;

}

/*top_img*/

#top_img{
	width: 960px;
	height: 340px;
	margin: 0 auto;
}

#top_img li img{

}


/*lang*/

#lang{
	margin-top: -58px;
	background: url('../img/lang/bg_lang_ul.png') no-repeat 50% top;
	overflow: visible;
	position: relative;
	z-index: 100;
}

#lang ul{
	width: 960px;
	height: 160px;
	margin: 0 auto;
	background: url('../img/lang/bg_lang.gif') repeat-x left top;
}

#lang ul li{
	width: 160px;
	height: 160px;
	float: left;
	margin: 0 16px;
	text-indent: -100000px;

}

#lang ul li a{
	display: block;
	width: 160px;
	height: 160px;
}

#btn_en a{background: url('../img/lang/btn_en.png') no-repeat left top;}
#btn_kr a{background: url('../img/lang/btn_kr.png') no-repeat left top;}
#btn_ch_h a{background: url('../img/lang/btn_ch.png') no-repeat left top;}
#btn_ch_k a{background: url('../img/lang/btn_ck.png') no-repeat left top;}
#btn_jp a{background: url('../img/lang/btn_jp.png') no-repeat left top;}

#btn_en a:hover{background: url('../img/lang/btn_en.png') no-repeat left -160px;}
#btn_kr a:hover{background: url('../img/lang/btn_kr.png') no-repeat left -160px;}
#btn_ch_h a:hover{background: url('../img/lang/btn_ch.png') no-repeat left -160px;}
#btn_ch_k a:hover{background: url('../img/lang/btn_ck.png') no-repeat left -160px;}
#btn_jp a:hover{background: url('../img/lang/btn_jp.png') no-repeat left -160px;}


/*i_info----------------------------------------------*/

#i_info h2{
	width: 720px;
	height: 35px;
	margin-bottom: 15px;
	background: url('../img/h2_info.gif') no-repeat left top;
	text-indent: -10000px;
}

#i_info dl dt,#p_info dl dt{
	border-left: 5px solid #2f2f2f;
	padding: 0 35px 0 15px;
	float: left;
}

#i_info dl dd,#p_info dl dd{
	overflow: hidden;
	_zoom: 1;
	padding-bottom: 15px;
}

/*news_tab----------------------------------------------*/

#news_tab{

}

#tab{
	width: 720px;
	height: 57px;
}

#tab li{
	text-indent: -10000px;
	width: 144px;
	height: 57px;
	float: left;
}

#tab li a{
	display: block;
	width: 144px;
	height: 57px;
	cursor: pointer;
}

#tab1{background: url('../img/tab/tab1.gif') no-repeat left top;}
#tab2{background: url('../img/tab/tab2.gif') no-repeat left top;}
#tab3{background: url('../img/tab/tab3.gif') no-repeat left top;}
#tab4{background: url('../img/tab/tab4.gif') no-repeat left top;}
#tab5{background: url('../img/tab/tab5.gif') no-repeat left top;}

#tab1 a:hover{background: url('../img/tab/tab1.gif') no-repeat left -60px;}
#tab2 a:hover{background: url('../img/tab/tab2.gif') no-repeat left -60px;}
#tab3 a:hover{background: url('../img/tab/tab3.gif') no-repeat left -60px;}
#tab4 a:hover{background: url('../img/tab/tab4.gif') no-repeat left -60px;}
#tab5 a:hover{background: url('../img/tab/tab5.gif') no-repeat left -60px;}

.now{
	background-position: 0 -60px!important;}

.contents{
	padding: 25px 20px 20px;
	z-index: 6;
}

#en{border: 2px solid #f39898;}
#kr{border: 2px solid #a39efd;}
#ck{border: 2px solid #acf377;}
#ch{border: 2px solid #ffcd92;}
#jp{border: 2px solid #8bccea;}

.contents dl{
}

.contents dl dt{
	padding: 0 35px 0 20px;	
	float: left;
}

.contents dl dd{
	overflow: hidden;
	_zoom: 1;
	padding-bottom: 15px;
}

#en dl dt{background: url('../img/arrow-r.gif') no-repeat left 50%;}
#kr dl dt{background: url('../img/arrow-p.gif') no-repeat left 50%;}
#ck dl dt{background: url('../img/arrow-g.gif') no-repeat left 50%;}
#ch dl dt{background: url('../img/arrow-y.gif') no-repeat left 50%;}
#jp dl dt{background: url('../img/arrow-b.gif') no-repeat left 50%;}


#top_bn{
	margin-top: 15px;
}

#top_bn ul{
	margin-bottom: 10px;
}

#top_bn li img{
	border: 1px solid #dedede;
}

/*----------------------------------------------------------*/
/*side------------------------------------------------------*/
/*----------------------------------------------------------*/

#s_add{
	background: url('../img/s_top.gif') no-repeat left top;
	width: 220px;
	height: 60px;
	text-indent: -10000px;
}

.s_box{
	border: 1px solid #c1c1c1;
	border-top: none!important;
	padding: 15px;
	margin-bottom: 20px;
}

.s_box ul{

}

.s_box ul li{
	margin-bottom: 7px;
	padding-left: 15px;
	background: url('../img/icon_ul.gif') no-repeat left 7px;
}

.bn_ul{

}

.bn_ul li{
	margin-bottom: 15px;
}

#s_lang{
	padding: 10px 10px;
	border: 1px solid #c1c1c1;
	margin-bottom: 15px;
}

#s_lang li{
	padding: 10px 15px 10px 35px;
	background: url('../img/h1_icon.gif') no-repeat 15px 50% #b9f3ff;
	border-bottom: 1px dashed #4cb6cf;
	border-right: 1px solid #4cd6cf;
	border-left: 1px solid #4cd6cf;
}

#s_lang li:last-child{
	border-bottom: 1px solid #4cd6cf;
}

#s_lang li:first-child{
	border-top: 1px solid #4cd6cf;
}


/*--------------------------------------------------------*/
/*footer--------------------------------------------------*/
/*--------------------------------------------------------*/

#f_info{
	position: absolute;
	top: 20px;
	right: 0;

}

#f_info li{
	float: left;
	padding-right: 80px;
}

#copy{
	position: absolute;
	width: 960px;
	top: 115px;
	left: 0;
	text-align: center;

}


/*project--------------------------------------------------*/
#p_info dl{
	padding: 10px 15px;
	border-bottom: 1px dashed #c1c1c1;
	margin-bottom: 25px;
}


/*お問い合わせ------------------------------------------------*/

.inq input{
}

.inq td{
	line-height: 2; 
}