@charset "UTF-8";

html{
	height:100%;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', Meiryo, ���C���I, sans-serif;
}

ul {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

/*���o���̃��Z�b�g*/
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*==============================================
  header
==============================================*/


div.header{
	width:100%;
	position:relative;
	margin-bottom: 0px;
	border-top:solid 4px #33BBF3;
	margin-bottom:17px;
	background:#FFFFFF;
}

div.header h1 {
	width:40%;
	padding:10px 0 0 10px;
	max-width:300px;
}

div.header ul{
	width:60%;
	max-height:100px;
	position:absolute;
	top:0;
	right:0;
	list-style:none;
	padding:0;
	margin:0;
}

div.header ul li{
	float:right;
	width:25%;
	padding:0;
	display:inline-block;
}

div.header ul li.first {
	max-width:100px;
}

div.header ul li.login {
	max-width:100px;
}

div.header ul li.logout {
	max-width:100px;
}

div.header ul li.menu {
	max-width:100px;
}

div.header ul li.msg {
	max-width:100px;
}

div.header ul li.message {
	max-width:100px;
}

div.header ul li.lang {
	max-width:100px;
}

div.header ul li img{

}