@charset "UTF-8";

/*--------------------------------------------------
 GLOBAL RESET
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img { 
  border:0;
}
img{
  vertical-align:middle;
}
address,caption,cite,code,dfn,em,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

q:before,q:after {
  content:'';
}
abbr,acronym {
  border:0;
}

/*----------------------------------------------
 * body
 *--------------------------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
	color: #444;
}
/*----------------------------------------------
 * body
 *--------------------------------------------*/
#all{
	width : 1000px;
	margin-top : 0px;
	margin-left : auto;
	margin-right : auto;
}

/*--------------------------------------------------
 header
--------------------------------------------------*/
#Header{
	width : 100%;
	height : 100px;
	margin-left : auto;
	margin-right : auto;
}
#Header img{
	vertical-align: bottom;
}
.rogo{
	float : left;
	width : 168px;
	height : 100px;
	margin-top : 0px;
	margin-left : 0px;
	text-align : center;
}
.topimages{
	float : left;
	width : 460px;
	text-align : center;
}
.wrapper{
	float : left;
	width : 350px;
	height : 100px;
	text-align : left;
}
.search{
	font-size : 12px;
	width : 350px;
	height : 50px; 
	padding-top : 5px;
}
#searchform {
	position: relative;
	width : 350px;
	padding : 15px 0 0 40px;
}
#keywords	{
	width: 150px;
	height: 15px;
	margin : 0 4px 0 5px;
	background-color: #fff;
	border: 1px solid #CCC;
	padding: 2px;
}
#searchBtn{
	position: absolute;
	top: 17px;
	left: 300px;
}
.language{
	width: 340px;
	height: 44px;
	font-size : 12px;
	text-align: right;
}

/*--------------------------------------------------
 footer
--------------------------------------------------*/
#footer{
	width : 100%;
	margin-top : 20px;
	margin-left : auto;
	margin-right : auto;
	height : 100px;
}

/*--------------------------------------------------
 menu
--------------------------------------------------*/
#Menu{
	margin : 0 0 0 20px;
	padding : 0 0 20px 0;
	width : 1000px;
	height : 53px;
}
#Menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#Menu li{
	float: left;
	width: 120px;
	margin: -10px 0 0 0;
	padding: 0;
}
#Menu a{
	font-size : 16px;
	text-align : center;
	display : block;
	padding : 0.5em 0;
	width : 100%;
	height : 53px;
	line-height:43px;
	color : #ffffff;
}
#Menu a.navi1{
	background : url("/kokusai/common/images/menu-01.png") no-repeat 0 50%;
}
#Menu a.navi2{
	background : url("/kokusai/common/images/menu-02.png") no-repeat 0 50%;
}
#Menu a.navi3{
	background : url("/kokusai/common/images/menu-03.png") no-repeat 0 50%;
}
#Menu a.navi4{
	background : url("/kokusai/common/images/menu-04.png") no-repeat 0 50%;
}
#Menu a.navi5{
	background : url("/kokusai/common/images/menu-05.png") no-repeat 0 50%;
}
#Menu a.navi6{
	background : url("/kokusai/common/images/menu-06.png") no-repeat 0 50%;
}
#Menu a.navi7{
	background : url("/kokusai/common/images/menu-07.png") no-repeat 0 50%;
}
#Menu a.navi8{
	background : url("/kokusai/common/images/menu-08.png") no-repeat 0 50%;
}
#Menu a.navi1:hover{
	background : url("/kokusai/common/images/menu-01.png") no-repeat -120px 50%;
}
#Menu a.navi2:hover{
	background : url("/kokusai/common/images/menu-02.png") no-repeat -120px 50%;
}
#Menu a.navi3:hover{
	background : url("/kokusai/common/images/menu-03.png") no-repeat -120px 50%;
}
#Menu a.navi4:hover{
	background : url("/kokusai/common/images/menu-04.png") no-repeat -120px 50%;
}
#Menu a.navi5:hover{
	background : url("/kokusai/common/images/menu-05.png") no-repeat -120px 50%;
}
#Menu a.navi6:hover{
	background : url("/kokusai/common/images/menu-06.png") no-repeat -120px 50%;
}
#Menu a.navi7:hover{
	background : url("/kokusai/common/images/menu-07.png") no-repeat -120px 50%;
}
#Menu a.navi8:hover{
	background : url("/kokusai/common/images/menu-08.png") no-repeat -120px 50%;
}

/*--------------------------------------------------
 pankuzu
--------------------------------------------------*/
#panbox{
margin-left : 20px;
font-size : 12px;
height: 30px;
}

/*--------------------------------------------------
 clearfix
--------------------------------------------------*/
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix{
display: inline-block;
} 
* html .clearfix {
height: 1%;
} 
.clearfix{
display: block;