@charset "utf-8";

/*
===========================================================
	reset.css ver 1.2 [2008/11/25]
	*This document validates as CSS level 3
	*GNU General Public License v3
	*http://higash.net/20081125/reset_css3.html

	Modify YUI Reset CSS, YUI Fonts CSS
	*Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.html

	Modify Formy CSS Form Framework 0.8(beta)
	*GNU General Public License v2
	*http://code.google.com/p/formy-css-framework/
===========================================================
*/

/* --HTML-- */
html {
background:#fff;
color:#666666;
overflow-y:scroll;
}

/* --BODY-- */
body {
/*font:12px/1.7 'Lucida Grande', Helvetica;*/
font:12px/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;
overflow:visible;
padding:0;
}

	/* for IE7 */
	*+html body {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:75%;
	}

	/* for IE6 */
	* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size:75%;
	}

/* --OTHER TAGS-- */
a {
color: #666666;
overflow:hidden;
}

a:hover {
color: #FF3366;
}

a img, img {
border:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
}

blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%;
	}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

/*===========================================================

/reset css

===========================================================*/


/*===========================================================
clear fix
===========================================================*/
.clearfix01:after {
	conetnt: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.clearfix01 {
	display: inline-block;
}

/* Hides from IE-mac ¥*/
* html .clearfix01 {
	height: 1%;
}
.clearfix01 {
	display: block:
}
/*/Hides from IE-mac*/



/*===========================================================
/clear fix
===========================================================*/

img {
	vertical-align:top;
}


#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}


/*IE6用Hack*/
*html #wrapper {
	width: 775px;
	text-align: center;
}

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

#wrapper #header a {
	display: block;
	float: left;
	padding: 0px;
}

#header #contact01 {
	color: #72C6DE;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding-top: 12px;
	text-align: right;
}

/*IE6用Hack*/
*html #wrapper #header {
	width: 770px;
}
/*===========================================================
/header
===========================================================*/

/*===========================================================
navigation
===========================================================*/
#wrapper #navi01 {
	background-image:url(../images/common/navi.jpg);
	clear: both;
	height: 80px;
	width: 770px;
	background-position: 0px -80px;
}

#navi01 ul li {
	float: left;
	height: 40px;
	list-style-type: none;
	display: inline;
}

#navi01 ul a:hover img {
	opacity: 0.10;
	filter: alpha(opacity=10);
}

#navi01 ul .self img {
	opacity: 0.10;
	filter: alpha(opacity=10);
}

#wrapper #submenu {
	float: right;
	padding-bottom: 10px;
	padding-top: 10px;
}

#wrapper #breadclum01 {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

#wrapper .submenuarea {
	overflow: hidden;
	width: 770px;
}

/*===========================================================
/navigation
===========================================================*/

#to_top {
	text-align: right;
	width: 770px;
}

/*===========================================================
footer
===========================================================*/
#footer {
height:200px;
position:relative;
}



#footer #copy01 {
	border: 1px solid #CCCCCC;
	width: 768px;
}

#footer #copy01 img {
	float: left;
	margin-right: 5px;
}

#footer #copy01 #lead01 {
	float: left;
	margin-top: 5px;
}

#footer #copy01 #contact02 {
	color: #666666;
	float: right;
	font-size: 15px;
	font-weight: bold;
	margin-right: 5px;
	margin-top: 3px;
}

#footer #copyright {
	color: #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: right;
}

#wrapper #footer li a {
text-decoration:none;
}

#wrapper #footer li a:hover {
text-decoration:underline;
}

#wrapper #footer .fn01 {
position:absolute;
list-style:none;
top:45px;
font-size:12px;
}

#wrapper #footer .fn02 {
position:absolute;
list-style:none;
top:45px;
left:140px;
font-size:12px;
}

#wrapper #footer .fn03 {
position:absolute;
list-style:none;
top:45px;
left:280px;
font-size:12px;
}

/*===========================================================
/footer
===========================================================*/