@charset "UTF-8";

/******************************/
/*------ Basic Elements ------*/
/******************************/


/*-----Font-----*/

    /*-----------------------------------------------------
    Yahoo UI Library Font-size Adjustment
    Copyright (c) 2006, Yahoo! Inc. All rights reserved.
    http://developer.yahoo.com/yui/license.txt
    http://developer.yahoo.com/yui/fonts/
    10px = 77%     11px = 85%     12px = 93%     13px = 100%
    14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
    18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
    22px = 167%    23px = 174%    24px = 182%    25px = 189%
    26px = 197%
    ------------------------------------------------------*/

body {
	font:13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	*font-size:small;
	*font:x-small;
	color:#333;
	background: #FFF;
	text-align:center;
}
p {
	color:#333;
	font-size: 12px;
	line-height:18px;
	margin-top:0;
	margin-bottom:0;
}

.blue {
	color:#00afe8;
}

select,input,button,textarea,button {
	font:100% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:100%;
	line-height:100%;
}

/*-----Link-----*/
a,a:link {
	color: #555;
	text-decoration: none;
}
a:visited {
	color:#555;
	text-decoration: none;
}
a:hover {
	color:#00afe8;
	text-decoration: none;
}
/*----cssover-----*/
.cso a:hover img ,.cso input:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/* float */

.fl-l {
	float:left;
}

.fl-r {
	float:right;
}

/* text-align */
.ta-r {text-align:right;}

/* color */
.gray {
	color: #999;
}

.bold {
	font-weight:bold;
}
.small {
	font-size:10px;
}

/******************************/
/*------ Basic Layout --------*/
/******************************/

#wrapperall {
	width: 900px;
	margin:0 auto;
	text-align:left;
	padding-left:10px;
}

#headarea {
	width: 880px;
	padding-top:15px;
	padding-bottom:15px;
}
#contentsarea {
	width:880px;
	position:relative;
	z-index:20;
	margin:0px 0px 10px 0px;
	clear:both;
	min-height: 300px;
	height: auto !important;
	height: 600px;
}

/******************************/
/*------ Header --------------*/
/******************************/

#headlogo {
	width:325px;
	height:65px;
	float:left;
	padding-top:1px;
	padding-left:10px;
}
#contactbanner {
	width:221px;
	float:right;
	background:url(../images/common/bg_contactBanner.gif) no-repeat right bottom;
	padding-top: 15px;
	margin-right: 8px;
}

/*-----utility navigation-----*/
#unav {
	float:right;
	padding-top:15px;
	padding-right:0px;
}

#unav ul {

}
#unav ul li {
	float:left;
}

/*-----global navigation-----*/
#gnav {
	clear:both;
	padding-left:5px;
	padding-top:2px;

}
#gnav ul {

}
#gnav ul li {
	float:left;
}

/******************************/
/*------ Footer --------------*/
/******************************/

#footarea {
	width:880px;
	height:20px;
	text-align:center;
	font-size:77%;
	line-height:1.3;
	z-index:20;
	color: #999;
	padding-top:30px;
	padding-bottom:20px;
}


.not404 h2{
	font-size: 18px;
	line-height:18px;
	padding:50px 0 20px 0;
	font-weight:bold;
}
.not404 p {
	color:#333;
	font-size: 14px;
	line-height:18px;
	padding:10px 0;
}