@charset "UTF-8";

/* ======================= css import ======================== */
@import url("reset.css");
@import url("layout.css");
@import url("style.css");
@import url("flex.css");
@import url("form.css");
/* =========================================================== */


/* -----------------------------------------------------------
    body
-------------------------------------------------------------- */
body{
	margin:0 auto;
	color:#222222;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,Verdana,sans-serif,Arial,Helvetica;
	/*font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;*/
	/*font-family:Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";*/
	background:#FFFFFF url(../images/body_bg.gif) repeat-x 0 0;
}


/* -----------------------------------------------------------
    link
-------------------------------------------------------------- */
a:link,
a:visited{
	color:#003399;
	text-decoration:underline;
}

a:hover{
	color:#003399;
	text-decoration:none;
}


/* -----------------------------------------------------------
    wrapper
-------------------------------------------------------------- */
#wrapper{
	text-align:justify;
	text-justify:inter-ideograph;
	width:870px;
	margin:0 auto;
	padding:0 10px;
}

#container{
	width:860px;
	margin:0 auto 25px auto;
	background:url(../images/container_bg.gif) repeat-y 0 0;
}
/*
.contents{
	padding:0 5px;
}
*/
/* -----------------------------------------------------------
    side
-------------------------------------------------------------- */
#side{
	float:left;
	width:190px;
}

#main{
	float:right;
	width:649px;
}

/* -----------------------------------------------------------
    バナー
-------------------------------------------------------------- */


/* -----------------------------------------------------------
    header
-------------------------------------------------------------- */
#header{
	position:relative;
	width:860px;
	height:100px;
	margin:0 auto;
	background:url(../images/header_bg.gif) no-repeat 0 0;
}

#header #h_txt{
	position:absolute;
	width:auto;
	right:0px;
	top:8px;
	/*font-size:11px;*/
	line-height:1.2;
	text-align:right;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";
}

#header #h_logo{
	position:absolute;
	left:0px;
	top:7px;
}

/*  menu
---------------------------------------- */
#header ul#menu{
	position:absolute;
	right:0;
	bottom:0;
	height:54px;
}

#header ul#menu li{
	float:left;
}


/* -----------------------------------------------------------
    breadcrumbs
-------------------------------------------------------------- */
#pan{
	margin:2px 5px 5px 5px;
}


/* -----------------------------------------------------------
    pagetop
-------------------------------------------------------------- */
#pagetop{
	text-align:right;
	clear:both;
	zoom:1;
	padding-top:34px;
}


/* -----------------------------------------------------------
    footer
-------------------------------------------------------------- */
#footer{
	background:#0B9ECF url(../images/footer_bg.gif) repeat-x 0 0;
	padding:8px 0 8px 0;
	color:#FFFFFF;
	text-align:center;
	font-family:Verdana, sans-serif, Arial, Helvetica, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";
}

#footer a:link,
#footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#footer .copyright{
	margin-top:4px;
}