@charset "utf-8";

/* CSS Document */



/* =================Eric Meyer Reset CSS================= */



/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



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



.clearfix:after{

	content:".";

	display: block;

	height:0px;

	clear:both;

	line-height:0;

	visibility:hidden;

}



.clearfix{

	zoom:1;

}



html {

	scrollbar-base-color:#000000;

	scrollbar-face-color:#000000;

	scrollbar-arrow-color:#00a1e9;

	scrollbar-track-color:#000000;

	scrollbar-3dlight-color: #00a1e9;

	scrollbar-highlight-color: #00a1e9;

	scrollbar-shadow-color: #00a1e9;

	scrollbar-darkshadow-color: #00a1e9;

}



body {

	background: url(../../common/img/body_bg.gif) top left;

	font-size: 14px;

/*	letter-spacing:1px;*/

	color: #fff;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



}



br{letter-spacing:0;}



a {

	color: #00a1e9;

}



div#wrapper {

	width: 1030px;

	margin: 0 auto;

}



div#header {

	width: 960px;

	margin: 0 auto;

}



h1 {

	float: left;

}



div#header div {

	float: right;

	width: 690px;

}



div#header div p {

	margin: 20px 0 0;

}



div#header ul {

	margin: 5px 0 0;

}



div#header ul li {

	display: inline;

}



div#header ul li img {

	margin: 0 0 8px 0;

}



div#header ul li.nom img {

	margin: 0 0 8px;

}



div#header ul li.li2 img {

	margin: 0 35px 8px 0;

}



h2 {

	margin: 0 0 0 36px;

	_margin: -1px 0 0 36px;

}



div#footer {

	background: url(../../common/img/bg_footer.gif) top center repeat-x;

	margin: 25px 0 0;

	padding: 40px 0 30px;

	width: 100%;

	line-height: 15px;

}



div#footer p {

	text-align: center;

}



#rights {

	color: #727272;

	line-height: 1.5;

	margin: 12px 0 0;

}



#link {

	color: #727272;

	margin: 20px 0 0;

}



div#banner {

	margin: 28px auto 0;
	width: 720px;

}



div#banner p {

	margin: 0 5px 10px 5px;

	float: left;

	display: inline;
	height:45px;    
    

}



.font10{ font-size:10px; letter-spacing:normal; }

.font12{ font-size:12px; letter-spacing:normal; }


.imgright{ float:right; margin:0 20px 5px 20px;}
.imgleft{ float:left; margin:0 20px 5px 20px;
}

.red{ color: #FF3333;}

.borderBlue{ border: #003399 1px solid;}