* {
margin: 0;
padding: 0;
font-size: small;
color:#000;
list-style:none;
font-family: Verdana, Arial, sans-serif;
text-align: left;
}

body {
width: 700px;
padding: 0px;
margin-right: auto;
margin-left: auto;
position:relative;
background:url('../yokohama/img/back.gif');
}

/*****リンク色*****/

a {
text-decoration: underline;
color:#3300FF;
}

a:visited {
color:#727171;
}

a:hover {
color:#0000ff;
}

/*******全体の枠*******/

#container {
width:700px;
position:relative;
margin:0 auto;
margin-top:9px;
background-color: #fff;
}

/*****ヘッダー*****/

#header {
font-family: Verdana, Arial, sans-serif;
text-align: right;
background-repeat: no-repeat ;
margin-bottom:5px;
}

h1{
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
color: #000;
font-weight: bold;
}

a img{ /* 画像のリンク枠を消す */
border: none;
padding-top:6px;
}

#header h2 a  {
font-size: 120%;
text-decoration: none;
color:#000;
}

#header h2 a:visited {
text-decoration: none;
color:#000;
}

#header h2 a:hover {
text-decoration: none;
color:#000;
}

#header p  {
color:#000;
}

/******* フォーマットのレイアウト *******/

#header{
margin: 0; /* 外の隙間 ピッチリ合わせている */
width: 100%; /* containerにいっぱいいっぱい表示 */
height: 100px; /* サイトロゴの高さに合わせている */
background-image: url(http://www.184guide.com/yokohama/img/top-3.gif); /* 背景画像 */
background-position:right top; /* 背景画像の表示のさせ方 */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 */
}

/******* ヘッダ *******/

#header h1{
margin: 0px;
padding: 10px 10px 6px 140px;
text-align: center;
font-size: 200%;
z-index: 10; /* サイトロゴの上に被って表示 */
}

#header h2{
text-align: right;
margin: -52px 0px 0px 0px; /* サイトトピックの上に表示 */
padding: 7px 15px 10px 100px;
z-index: 10; /* サイトロゴの上に被って表示 */
}

#header p{
margin: 28px 0px 0px 0px; /* サイト名の下に表示 */
padding: 10px 15px 6px 210px;
text-align: center;
font-size: 80%;
z-index: 5; /* サイトロゴの上に被って表示 */
}

#header img{
float: left; /* ヘッダの左に動かす */
position: absolute; /* ヘッダの左上に表示する仕掛け */
top: 0px; /* ヘッダの左上に表示する仕掛け */
left: 3%; /* ヘッダの左上に表示する仕掛け */
margin: 0px;
z-index: 1; /* サイトロゴをテキストの後ろに表示 */
}

/******メイン枠******/

#center {
float: right;
width: 495px;
text-align: left;
}   

/******メイン内部******/
.content {
padding-left:0px;
padding-right:0px;
margin-bottom: 10px;
}

.content p {
font-family: Verdana, Arial, sans-serif;
font-size: small;
line-height: 150%;
text-align: left;
margin-bottom:0.5em;
}

/******上部ボディ******/
.content h3 {
font-family:Verdana, Arial, sans-serif;
background-image: url(http://www.184guide.com/yokohama/img/main-r1.gif); /* 背景画像 */
background-repeat: no-repeat ;
color: #000;
font-weight:bold; 
font-size:18px;
padding:6px 8px 6px 30px;
margin:10px 10px 0px 0px;
}


#top-body{
padding: 15px 15px 10px 15px; 
margin:0px 10px 0px 0px;
background-color:#E9E9E9;
border-right: 2px solid #8c8c8c;
border-left: 2px solid #b5b2b5;
border-bottom: 2px solid #8c8c8c;
}

#top-body a{
margin:0px 0px 15px 0px;
line-height: 150%;
word-break: keep-all;
}

/******中部ボディ******/
.content h4 {
font-family:Verdana, Arial, sans-serif;
background-image: url(http://www.184guide.com/yokohama/img/main-or1.gif); /* 背景画像 */
background-repeat: no-repeat ;
color: #000;
font-weight:bold; 
font-size:18px;
padding:2px 8px 6px 30px;
margin:10px 10px 0px 0px;
}

#middle-body {
clear: both;
padding: 10px 10px 35px 10px; 
margin:0px 10px 0px 0px;
background-color:#E9E9E9;
border-right: 2px solid #8c8c8c;
border-left: 2px solid #b5b2b5;
border-bottom: 2px solid #8c8c8c;
}

#middle-body ul {
margin:0px 10px 0px 0px;
clear: both;
list-style:none;
line-height:150%;
}

#middle-body ul li {
float: left; 
margin:0px 10px 0px 0px;
padding: 3px 0px 3px 12px; 
display:inline;
background:url(img/p-r.gif) left center no-repeat;
}

#middle-body ul li a {
float: left; 
list-style:none;
margin:0px 0px 0px 0px;
display:block;
text-decoration: none;
}

#middle-body ul p {
margin:0px 0px 0px 0px;
display:inline;
}

/******下部ボディ******/
.content h5 {
font-family:Verdana, Arial, sans-serif;
background-image: url(http://www.184guide.com/yokohama/img/main-or1.gif); /* 背景画像 */
background-repeat: no-repeat ;
color: #000;
font-weight:bold; 
font-size:18px;
padding:6px 8px 6px 30px;
margin:10px 10px 0px 0px;
}

#bottom-body {
clear: both;
padding: 10px 10px 25px 10px; 
margin:0px 10px 0px 0px;
background-color:#E9E9E9;
border-right: 2px solid #8c8c8c;
border-left: 2px solid #b5b2b5;
border-bottom: 2px solid #8c8c8c;
}

#bottom-body ul {
margin:0px 10px 0px 0px;
clear: both;
list-style:none;
line-height:150%;
}

#bottom-body ul li {
float: left; 
margin:0px 10px 0px 0px;
padding: 3px 0px 3px 12px; 
display:inline;
background:url(img/p-r.gif) left center no-repeat;
}

#bottom-body ul li a {
float: left; 
list-style:none;
margin:0px 0px 0px 0px;
display:block;
text-decoration: none;
}

#bottom-body ul  p {
float: left; 
margin:0px 10px 0px 0px;
display:inline;
}

/******カテゴリボディ******/
.cate-body{
background: #E9E9E9;
padding: 12px 10px 10px 10px; 
margin:0px 10px 0px 0px;
border-right: 2px solid #b5b2b5;
border-left: 2px solid #b5b2b5;
border-bottom: 2px solid #b5b2b5;
}

.ctgy dd {
padding: 10px 0px 10px 15px; 
}

/******個別ボディ******/
.entry-body{
background: #E9E9E9;
padding: 12px 10px 2px 10px; 
margin:0px 10px 0px 0px;
border-right: 2px solid #b5b2b5;
border-left: 2px solid #b5b2b5;
}

.entry-more{
background: #E9E9E9;
padding: 10px 0px 2px 0px; 
margin:0px 10px 0px 0px;
border-right: 2px solid #b5b2b5;
border-left: 2px solid #b5b2b5;
border-bottom: 2px solid #b5b2b5;
}

.content h6 {
font-size:14px;
margin-top:15px;
margin-right: 6px;
margin-bottomt: 0px;
padding:5px 5px 5px 70px;
background-image: url(http://www.184guide.com/yokohama/img/best.gif); /* 背景画像 */
}

#more{
text-align: center;
}

#more p{
text-align: center;
}


/**********テーブル**********/

table {
width:460px;
border-collapse: collapse;
background-color:#fff;
margin-top:0px;
}

tr {
height: 30px;
}

td {
border: 1px solid #999;
padding: 3px 5px 3px 5px;
}

/******サイドメニュー部分******/

#side-bar {
float: left;
margin:10px 0 0 3px;
width: 190px;
padding:0px 1px 0px 1px;
}

#side-menu {
margin-bottom: 10px;
}

#side-menu h4{
font-family:Verdana, Arial, sans-serif;
color: #000;
font-size:medium;
font-style:bold;
text-align:left;
color:#fff;
padding:6px 8px 7px 15px;
background-image: url(http://www.184guide.com/yokohama/img/side-red.gif); /* 背景画像 */
background-repeat: no-repeat ;
}

#side-menu ul{
background-color:#CAD4F6;
padding: 2px 0px 1px 0px;
}


#side-menu li  {
font-size: small;
padding-left:0px;
text-align:left;
line-height:1.5em;
margin: 0px 2px 4px 3px;
list-style-type: none;
}

#side-menu li  a {
display: block;
width:135px;
text-decoration:none;
color:#333333;
line-height: 15px;
margin-top: 2px;
padding-top: 8px;
padding-right: 17px;
padding-left: 27px;
padding-bottom: 7px;
background-image:url(img/li4.gif);
background-repeat: repeat-x;
background-color: #CAD4F6;
border-right: 2px solid #9696C8;
border-left: 2px solid #9696C8;
}

#side-menu li  a:hover {
display: block;
width:135px;
text-decoration:none;
color:#333333;
line-height: 15px;
margin-top: 2px;
padding-top: 8px;
padding-right: 17px;
padding-left: 27px;
padding-bottom: 7px;
background-image:url(img/li12.gif);
background-repeat: repeat-x;
background-color: #CAD4F6;
border-right: 2px solid #9696C8;
border-left: 2px solid #9696C8;
}

#side-menu li  a:visited {
color:#727171;
}


#side-ent {
font-size: small;
padding-left:0px;
text-align:left;
margin-bottom: 10px;
}

#side-ent ul{
padding: 5px 0px 5px 5px;
border-right: 1px solid #CAD4F6;
border-left: 1px solid #CAD4F6;
border-bottom: 1px solid #CAD4F6;
}

#side-ent ul li{
font-size: small;
padding-left:0px;
text-align:left;
line-height:1.5em;
}

#side-ent h4{
font-family:Verdana, Arial, sans-serif;
color: #000;
font-size:medium;
font-style:bold;
text-align:left;
padding:6px 8px 5px 15px;
background-image: url(http://www.184guide.com/yokohama/img/side-red.gif); /* 背景画像 */
background-repeat: no-repeat ;
}

#side-ent h4 a, {
font-size:medium;
font-style:bold;
text-decoration: none;
color:#000;

}

#side-ent h4 a:visited {
text-decoration: none;
color:#000;
}

#side-ent h4 a:hover{
text-decoration: none;
color:#000;
}

/**********フッタ**********/

#footer{
clear: both;
padding: 5px 10px 51px 30px;
margin-top: 0px;
background-color: #ff7dd6;
}

#footer img{
padding: 2px 4px 10px 4px;
float: left; /* サイトバナーをフッタの左に */
}

#footer h3{
color: #000;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 80%;
font-weight: normal;
float: right; /* サイトコピーライトをフッタの右に */
padding-top: 10px;
}

#footer a, #footer a:link, #footer a:visited{ /* サイトコピーライトの文字色 */
color: #000;
text-decoration: none;
}

/**********文字装飾**********/

p.bl {
font-weight: 700;
font-size:15px;
color: #000;
}

.red {
font-weight: 600;
font-size: 12px;
color: #ff0000;
}

.or {
font-weight: 600;
font-size: 12px;
color: #ff9900;
}

.bl {
font-weight: 600;
font-size: 12px;
color: #000;
}

strong { font-weight:normal;}
em { font-style:normal;}

.gyou[
background:url(img/p-r.gif) left center no-repeat;
}

/**********パンくず**********/

p.tpass {
border:0px solid #95E9BC;
text-align:left;
margin:3px 3px 3px 10px;
padding:1px 1px 1px 1px;
font-size: small;
}

/**********スクロールバー **********/

.mado{
width: 190px;
height: 150px;
overflow: auto; 
font-size: 3px; 
font-color: black; 
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
border:solid 2px :#000;
background-color: #fff; 
font-family: Verdana, Arial, sans-serif;
scrollbar-face-color:#ffb6ef;
}
.mado p{
font-size: 10px; 
line-height: 100%;
 }
.mado li {
list-style: none; 
}