@charset "UTF-8";
@import url(design.css);

body, div {
margin: 0;
padding: 0;
}
div {  
    zoom: 100%;  
}  

/* ---------------------------------------------------------------- *
	全体に関わる設定
 * ---------------------------------------------------------------- */
body {
background:url(../images/bg.gif);
margin-bottom:10px;
font-size: 90%;
*font-size: small;
*font: x-small;
font-family:  "meiryo",Arial, "$B%R%i%.%N3Q%4(B Pro W3", HiraKakuPro-W3, sans-serif;
color: #633;
}

img {
border:0;
margin:0;
padding:0;
}

a img {
border: none;
}

ul, ol {list-style:none;}

p {
line-height: 1.5;
margin: 0;
padding:0;
}

ul, ol, dl {
line-height: 1.5;
margin: 0;
padding:0;
}

form {
margin: 0;
padding:0;
}

li {
  list-style:none;
}

h1{
	font-size:80%;margin:5px 0 2px 0;
	padding:0;
}
/* IE8対象　CSSハック*/
*+html>/**/body h1
	font-size:70%;margin:5px 0 2px 0;
	padding:0;
}

 h2, h3, h4, h5 {
 	font-size:90%;
	margin:0;
	padding:0;
}

.topcopi{
	margin-left:10px;
	font-size:95%;
	font-weight:normal;
	color:#369;
}
html>body .topcopi{
	margin-left:10px;
	font-size:90%;
	font-weight:normal;
	color:#369;
}

/*リンク色設定*/
a,a:link {
  color: #816046;
  text-decoration: none;
}

a:visited {
  color: #966;
}

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

a:active {
  color: #ff6600;
  text-decoration: underline;
}

/* ---------------------------------------------------------------- *
	各パーツ設定　配置の基準の設定
 * ---------------------------------------------------------------- */
 
/*#container, #main,#sidebar {
  position: relative;
}*/

/*配置の位置とサイズ*/
#container {
width: 860px;
margin: 0 auto;
background:#fff;
}

#header,#footer{
width: 860px;
}

/*ヘッダー（共通）*/
#header{
height:62px;
background:url(../images/head_bg.gif) bottom left repeat-x;
border-bottom:9px solid #aed6d6;
min-height:1px;
}
	#siteTitle { float:left;margin-left:10px;margin-top:1px;}
	#topBanner { float:right;margin-top:6px;padding-right:7px;}
	#topBanner:after{clear:both;}
		
	#ad{float:left;width:163px;}
	p#flash{float:right;}
	p#backnumber{
	width:163px;
	height:75px;
	background:url(../images/t_back.gif) no-repeat;
	}

/* start: clearfix ------------------------------ */
#header:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#header { display:inline-table; }

/* Hides from Mac IE \*/
* html #header { height:1px; }
#header { display:block; }
/* */
/* end: clearfix ------------------------------ */

/*トップページ右*/
#sidenavi {
width:200px;
margin-top:10px;
margin-right:7px;
padding:0;
float:right;
}

* html #sidenavi {
width:200px;
margin-top:10px;
margin-right:3px;
padding:0;
float:right;
}


/*階層ページ右*/
#sidebar {
width:207px;
margin-top:10px;
margin-right:7px;
margin-left:0;
margin-bottom:15px;
padding:0;
float:right;
}

* html #sidebar {
width:207px;
margin-top:10px;
margin-right:3px;
margin-left:0;
margin-bottom:15px;
padding:0;
float:right;
}

#sideContents{
padding-top:5px;
background:url(../images/sidenavi_bg.gif) repeat-y;
font-size:90%;
line-height:1.4;
}


/*トップページ*/
#topmain {
float:left;
width:640px;
margin-top:10px;
margin-left:7px;
padding:0;
}

*html #topmain {
float:left;
width:640px;
margin-top:10px;
margin-left:4px;
padding:0;
}
	
/*テーブルレイアウト部分*/
#globalNavi{
	clear:both;
	margin-bottom:15px;
	padding-top: 8px;
}

/*階層ページ*/
#main {
float:left;
width:613px;
margin-top:10px;
margin-left:7px;
}


/*フッター（共通）*/
#footer {
clear:both;
text-align:center;
font-size:95%;
}

#footer ul{height:45px;background:url(../images/footer_bg.gif) repeat-x;padding-top:10px;}
	#footer ul li{display:inline;padding:0 10px;}
	#footer ul li a{text-decoration:underline;}
	#footer p#copyright{padding-bottom:7px;}
	#footer p#copyright,#footer p#copyright a{color:#036;
}

/* フォントスタイル */
.small{font-size:10px; line-height:1.4em;}
.xsmall{font-size:9px;}
.big{font-size:13px; color:#330000;}
.gray{ line-height:1.2em; font-size:10px; color:#888;}
.red{color:#F60;}
.blk{color:#000000;}
.green{color:#669933;}
.green02{color:#D6D327;}