@charset "utf-8";

/* #####################################################
  シェア
######################################################## */ 
/* -------------
  基礎
----------------------------------------------------------- */ 
*{
  margin: 0;
  padding: 0;
}
body {
	background:#F2EEE7;  /* 背景 */
	text-align:center;
}
body,td,p,li { 
  font-size:96%;
  color:#555;
  line-height:1.5;
  font-family:Verdana, Helvetica, sans-serif; 
}
html { 
  /* Firefox用 スクロール位置でセンタリング位置ズレ防止 */
  overflow-y:scroll;   
} 
p {   
  margin:0 0 1em 0;   
}
li {   
  list-style-type:none;   
}   
img {
  border:0;   
}


/* -------------
  link
----------------------------------------------------------- */ 
a:link {    
    text-decoration:underline;   
}
a:visited {   
    text-decoration:underline;   
}
a:hover {
	background:#FFF8DF; /* リンク背景色変わる */
	text-decoration:none;
}
a:active {   
    color:#060;   
} 
a.outlink {
   /* 外部リンク */
  background-image: url("../img/outlink.gif"); /* 外部リンク画像 */
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
  padding-left: 7px;
  margin-right: 10px;
  border-left:#ffcc00 5px solid ;
}

/* ---------------------
  ズボランド全ページ共通
----------------------------------------------------------- */ 
div.pan {
  /* パンくずリスト */
  clear:both;  
  color:#ffffff;
  background:#613F2E;   
  padding:0.3em 0 0.6em 1em;
  margin-bottom:15px;
  font-size:85%;
}



/* #####################################################
  id指定
######################################################## */
#page {
	width:950px;
	margin:0 auto;
	background:#fff;
	text-align: left;
} 
#page img { 
  vertical-align: text-bottom;
 }
#container {   
  margin-bottom:2em;
}    
#main {
	float:left;
	width:650px;
	margin:0px 20px 0px 10px;
} 
#side {
	float:left;
	width:250px;
}
#foot {   
  clear:both;   
  margin-top:20px;   
  padding:5px 0 10px 0;   
  text-align:center;   
  background:#2D1509;  
  color:#FFFFFF;
}
#foot a{   
  color:#FFFFFF;
  padding:0 1em;
}
#foot a:link {
  color:#ffffff;
}
#foot a:visited {
  color:#ffffff;
}
#foot a:hover {
  /* リンクマウスオーバー時 */
  color:#ffcc00;
  background:#2D1509;
  text-decoration:none;
}
#foot p{   
  color:#FFFFFF;
  padding:1em 0 0 0;
}


/* #####################################################
  詳細設定
######################################################## */
/* -----------------------------------------------------------
 見出し
----------------------------------------------------------- */
h1,h2,h3 {
  margin:0;
}
h1 { 
  font-size:95%;
  color:#614A3E;
  letter-spacing:0.1em; 
}
h2 {
  font-size:90%;
  margin-bottom:10px;
}
h3 {
  margin-bottom:3px;
}

/* -----------------------------------------------------------
 ヘッダー  
----------------------------------------------------------- */
p.title {   
  margin:0;
  float:left;   
}
div.header {
  float:left;
  padding:2em 2em 0 5em;
  font-weight:bold;
  font-size:11pt; 
}
p.note {
  font-size:85%;
  color:#614A3E; 
  letter-spacing:0.1em;
  font-weight:normal; 
}


/* -----------------------------------------------------------
 メイン  
----------------------------------------------------------- */
p.new {
  margin:0;
}
p.new img {
  /* 新着情報タイトル */
  padding:5px 10px;
  background:#fabf14;
}
dl.update{  
  /* 新着情報 */
  font-size:85%; 
  padding: 10px;   
  border: 1px solid #fabf14;  
  background:#FFFAE8;	 
  overflow: hidden;   
}   
dl.update dt {   
  float: right;   
  margin-left: 10px;   
  padding: 5px 0;   
} 
dl.update dd {
	padding: 5px 0;
	padding-left: 15px;
	background: url(../img/arrow-yellow.gif) no-repeat 1px 9px;
} 

#main h2 {
  /* 家事編～番外編 */
  clear:both;
  border-bottom:1px solid #613F2E;   
}
#main h2 img {
  margin-top:10px;
  padding:3px 0px;
  border-left: solid 15px #613F2E;
  background-color:#d6c6af;
  background-image: url(../img/table/tab-right.gif);
  background-repeat: no-repeat;
  background-position: right top; 
}

ul.content li {
  float:left;
  padding:0px 50px 0px 10px;
}


/* -----------------------------------------------------------
 サイド
----------------------------------------------------------- */
#side h2 {
  clear:both;
  border-bottom:1px dashed #999;   
}
div.link {
  background:#f0f0f0;
  margin-top:15px;
  padding:5px;
  border-right:solid 1px #cccccc;
  border-bottom:solid 1px #cccccc;
}

/* -----------------------------------------------------------
 ナビゲーションバー
----------------------------------------------------------- */
div.navi {
  font-size: 95%;
}

div.navi .nl li {
  border-bottom: 1px #cccccc dashed; /* 項目の下罫線 */
  padding: 3px 10px;
  color:#400; /* リスト色 */
}

div.navi .nl li a {
  display: block;
  position: relative; /* IE6用 */
  padding-left:0.5em;
  text-decoration: none;
}

p.catetitle {
  text-align:center;
  background:#613F2E;
  margin-top:20px;
  margin-bottom:0px;
  padding: 4px 0px;
  background-image: url(../img/table/tab-right-brown.gif);
  background-repeat: no-repeat;
  background-position: right top; 
}

li.cate {
  background:#d6c6af;
  font-weight:bold;
}