@charset "utf-8";

/********************************************************************/
/*ナビバー ドロップダウンのエフェクト*/
.ddsmoothmenu{
font: 12px Verdana;
background: #ffffff; /*background of menu bar (default state)*/
width:860px;
position:absolute;
top:160px;
left:50%;
margin-left:-430px;
border-bottom: 2px solid #999999;
border-top: 1px solid #999999;
}



.leftmostitem{ /*Extra CSS for left most menu item*/
padding: 0px 0px 0px 40px ; 
border-right: 1px solid #999999;
/*left border style*/ }
.rightmostitem{ /*Extra CSS for left most menu item*/
border-right: 1px solid #999999; /*left border style*/ }

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #ffffff; /*background of menu items (default state)*/
color: black;
padding: 8px 10px;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: black;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #999999; 
color: #ffffff;
}

.ddsmoothmenu ul li a:hover{
background: #999999; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
border-left: 1px solid #999999;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}



/********************************************************************/
/*自作ページ用*/
.free-miyabi {
	width: 860px;
    margin:0px auto 0px auto;

}

.foot {
	background-color: #000000;
	height: 15px;
	width: 860px;
	color: #FFFFFF;
	text-align:center;
	font-size: 12px;
}

.free-miyabi2 {
	width: 860px;
    margin:50px 0px 0px 0px;
}
.free-miyabi a { 
   color: #6A3500;
   text-decoration: none;
   }
.free-miyabi a:hover {
        color: #666666;
        text-decoration: underline;
        }
.center {  /* */
               text-align: center;
        }

/********************************************************************/
/*リンクページ用*/
#wrapper {
	background: #FFFFFF; /* 全体レイアウトの背景色 */
	border: 1px solid #999999; /* 大枠のライン設定 */
	text-align: left;
	width: 700px; /* 大枠の横幅 */
	margin: 0 auto;
}
#header {
	background: #DDDDDD;/* ヘッダー見出しの背景色 */
	padding: 10px 10px 10px 10px;/* ヘッダー内の余白 */
	border-bottom-width: 1px; /* コンテンツとの境界線の太さ */
	border-bottom-style: solid; /* 実線にしています */
	border-bottom-color: #999999; /* 境界線の色 */
}
#header h1 {
	color: #0000CC; /* 見出しh1の文字色 */
	margin: 0px;
	font-size: 18px;
}
#content {
	color: #222222; /* コンテンツ（中央部）の文字色 */
	padding: 20px; /* コンテンツの文字色 */
}
#cap {
	margin: 10px 0px 0px 0px;
}
#content ul {
	margin-left: 10px;
	text-align: left;
	padding: 0px;
}
#content li {
	font-size: 14px;
	list-style-type: none;
	font-weight: normal; /* 文字の太さ */
	border-left:6px solid #a2501e;
	padding-left: 5px; /* ラインとサイト名までの間隔 */
	padding-top: 3px;
	margin-bottom: 30px; /* サイト名までの間隔 */
}
#content li a {
	font-weight: bold;
}
#content h2 {
	margin-top: 50px;
	margin-bottom: 15px;
	font-size: 16px;
}
.home p {
	text-align: center; /* トップへ誘導するリンクの位置 */
	font-weight: bold; /* 文字の太さ */
	margin-top: 10px;
	margin-bottom: 10px;
}
 
#footer {
	font-size: 14px; /* フッター文字サイズ */
	margin: 20px 0px 0px 0px;
	padding: 10px;
	text-align: center; /* テキストは中央にしています */
	background-color: #ffffff;
　/* 背景色 */
}
/*ここからリンク文字＝サイト名*/
a {
	text-decoration: underline; /*リンク文字に下線を付ける不要なら削除*/
}
a:link {
	color: #b45821; /*サイト名の文字色*/
}

a:hover {
	color: #660000;/*マウスがリンクに乗った時の色*/
}

a:visited {
	color: #b45821;/*訪問済みの色*/
}
/********************************************************************/
/* heder */
#head{
   background-position:<EBHfBgurlp>;
	width:100%;
	/*background:url(../img/header.gif) no-repeat #47372E;*/
background:url(<EBHfBgurl>) <EBHfBgurlp> #FFFFFF;
}

td>#head { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:60px;
}
.shoplogo { /* サイト名（ロゴ設定の場合使用） */
	padding:0px;
	margin:0px;
	width:860px;

}
.siteName {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:10px;
    font-weight:normal;
}
.siteName a { color:#333333;text-decoration:none;}
.siteName a:hover { color:#9a3123;text-decoration: underline;}

.sitecopy{/* サイトコピー */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#cccccc;
	font-size:10px;
    font-weight:normal;

}
.sitecopy a {color:#333333;text-decoration:none;}
.sitecopy a:hover { color:#9a3123;text-decoration:underline;}
.clear { clear: both;}
a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=70);
}
.float-left {float: left;}
.float-right {float: right;}