@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */
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;
}
html {
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style:none;
}
fieldset, img {
	border:0;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
caption, th {
	text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
textarea {
	font-size:100%;
}
/*
FONT defaultέ’θ
-----------------------------*/
html, h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

body {
	font-size: 62.5%; /* IE */
	font-family:'ƒƒCƒŠƒI','Meiryo','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
	color:#333333;
}
* html body {
	font-size: 62.5%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	vertical-align: baseline;
} /* for lte ie6 */

*:first-child+html body {
	font-size: 62.5%;
	font-family: "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
} /* for ie7 */

html>/**/body {
	font-size: 62.5%;
	font-family: "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
} /* for ie8 */

html:not(:target) body {
	font-size: 10px; /* Except IE */
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}@/* for modern browser not ie8 */


/*-----------------------------*/
/* Layout */
/*-----------------------------*/
html{
	height:100%;
}

body{
	background-color:#ffffff;
	height:100%;
	color:#333333;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.clear {
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}	
	
a {
	color:#333333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* ‹€’ΚƒŒƒCƒAƒEƒg
--------------------------*/

#header{
    margin:0;
	padding:0;
	background-image:url(../img/common/header_bg_top.gif);
	background-repeat:repeat-x;
}

#logo {
    width:800px;
	margin: 5px auto;
	padding:0;
	z-index:10;
}

#header_menu{
    width:800px;
	margin: 0 auto;
	padding:0;
	text-align:right;
}

#header_menu ul{
	margin:0;
	padding:0;
}

#header_menu li {
     float:right;
}



#kv {
	width:800px;
	margin:3px auto 0 auto;
	float:none;
	clear:both;
	display:block;
	z-index:10;
}

#main_menu {
	width:800px;
	margin:0 auto;
	padding:0;
	z-index:10;
}


ul#menu {
	width:800px;
	margin:0 auto;
	padding:0;
	top:95px;
	text-align: center;
}

ul#menu li {
	float:left;
}
/*--------------------------*/
#contents {
	background-image:url(../images/common/contents_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0 10px;
}

/*--------------------------*/
#content {
	width:800px;
	margin:20px auto;
	padding:0;
}

#info {
	float:left;
	width:550px;
	margin:15px 0;
	padding:0;
}

#info ul {
	margin:15px 0 25px 0;
	font-size: 12px;
}

#info li {
	padding: 10px 0 10px 10px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	text-align: left;
}

#about {
	float:left;
	width:525px;
	margin:15px 15px 0 10px;
	padding:0;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}
.message {
	float: left;
	padding-right: 10px;
}




#banner {
    width: 210px;
	margin: 15px 0 5px 10px;
	padding:0;
	float: right;
}

#footer {
    position: relative;
	float:none;
	clear:both;
	width:800px;
	margin: 0 auto;
	font-size:1.2em;
	line-height:1.4em;
	color:#666666;
	text-align:center;
	bottom: 0px;
	padding:10px 0;
}