@charset "Shift_JIS";

/*====================     基本設定     ====================*/

* {
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	color: #555;
}

html{
	height:100%;
	margin-bottom:1px;
}

p{
	margin: 0.1em 0 0.5em;
}

img {
	border: none;
}

/******************/
/* リンク         */
/******************/
A{	color : #663300;
	text-decoration : none;
}
A:HOVER{color : #333333;
	text-decoration : underline;
}

/*====================     アンカー     ====================*/

#menu a:link,
#menu a:visited{
	color: #F56109;
	text-decoration:none;
}
#menu a:hover {
	color: #F56109;
	text-decoration:none;
	border-bottom: solid 2px #FFA21F;
}

#menu p#on a:link,
#menu p#on a:visited,
#menu p#on a:hover {
	color: #fffffe;
	text-decoration:none;
}

#menu p#onno a:link,
#menu p#onno a:visited,
#menu p#onno a:hover {
	color: #fffffe;
	text-decoration:none;
}

.dl01 a:link,
.dl01 a:visited,
.dl01 a:hover {
	color: #555;
	text-decoration:none;
}

/*====================     見出し     ====================*/

h1{   /* ----------　タイトル文字　------------- */
	color: #F56109;
	font-size: 22px;
	font-family:"Century Gothic",Verdana,Arial, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing:0.3em;
	font-weight: normal;
}

h2 {   /* ----------　タイトル文字下の文章　------------- */
	font-size: 11px;
	font-weight: normal;
	letter-spacing:0.2em;
	margin: 2px;
}

h3 {   /* ----------　記事のタイトル　------------- */
	font-size: 17px;
	font-family:"Century Gothic",Verdana,Arial, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing:0.1em;
	font-weight: normal;
	margin: 10px 10px 20px 0;
	padding-left: 5px;
	border-bottom: 5px solid #E8DCCB;
}


/*====================     レイアウト設定     ====================*/

#all {  /* ----------　ページ全体　------------- */
	width: 729px;     /* --（メニュー1個の幅「145」×メニューの数「5」）＋メニュー仕切りラインの本数「4」＝「729」-- */
	margin: 10px auto;
	padding: 5px;
	text-align: center;
	border: 1px solid #c5c5c5;
}



#header {   /* ----------　ヘッダー　------------- */
	text-align: center;
	margin: 10px 0;
	padding-top: 10px;
}



#menu {   /* ----------　メニュー部　------------- */
	width: 729px;     /* --（メニュー1個の幅「145」×メニューの数「5」）＋メニュー仕切りラインの本数「4」＝「729」-- */
	height: 31px;     /* -- #menu pの高さ「17」＋#menu pのpadding上下値をたした値「14」＝「31」 -- */
	clear: both;
}

#menu p {
	width: 140px;
	height: 17px;
	background-color: #FEF0E3;
	border-right: 1px solid #FFA21F;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 7px 0 7px 0;
	float:left;
}

#menu p#on {
	background-color: #FFA21F;
}

#menuline {
	height: 5px;
	background-color: #FFA21F;
}



#main {   /* ----------　メイン（左右 合わせた部分）　------------- */
	width: 729px;     /* --（メニュー1個の幅「145」×メニューの数「5」）＋メニュー仕切りラインの本数「4」＝「729」-- */
	margin: 0px auto;
	text-align: center;
	background-color: #FEF0E3;
}



#side {   /* ----------　メイン 左ナビ部　------------- */
	width: 180px;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0;
	float:left;
}

#side p {
	text-align: left;
	padding: 5px 18px;
}

.dl01 {
	width: 155px;
	padding: 5px;
	margin: 0px auto;
	text-align: left;
}

.dl01 dt{
	color: #fff;
	background-color: #cca266;
	padding: 5px 0 1px 0;
	margin: 0px;
	font-weight: bold;
	border: 1px solid #cca266;
}

.dl01 dd{
	font-size: 13px;
	color: #555;
	background-color: #fff;
	padding: 5px 5px 1px 5px;
	border-bottom: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}



#kizi {   /* ----------　メイン 記事部　------------- */
	width: 520px;     /* --（#mainのwidth値「729」）−（#sideのwidth値「180」））−（#kiziと#naviの間を少しあけるのでその値padding「29」）＝「520」-- */
	background-color: #fff;
	text-align: left;
	padding: 15px 9px 0 20px;
	float:right;
}


li{
	list-style: disc inside;
}


#footer {   /* ----------　フッター　------------- */
	color: #fff;
	background-color: #FFA21F;
	font-size: 9px;
	padding: 10px 0 5px 0;
}


/* ----------　レイアウトに関する大切な設定 削除不可　------------- */

#copy {   /* ----------　著作権表示　------------- */
	text-align: center;
	font-size: 9px;
	margin: 0px;
}

#copy a:link,
#copy a:visited,
#copy a:hover {
	color: #fffffe;
	text-decoration:none;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */