* {
margin: 0;
padding: 0;
}

body {
background: #ECD578 url(http://head.swanda.jp/img/bg.gif);
font-size: x-small;
color: #444;
font-family: "ＭＳ Ｐゴシック",sans-serif;
line-height: 150%;
text-align: center;
}
    /* hide from Mac IE \*/
    * html body { font-size: xx-small; }
    /* */ 

img { border: none;}
ul, ol { margin: 10px 20px;}
p { padding: 0 0  20px 0;}
/*p { margin: 0 0  20px 0;}*/
table {clear: both;}
a:link, a:visited {color: #36f; text-decoration: none;}
a:hover {color: #58f; text-decoration: underline;}

/*div:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
div {
	display:inline-block;
}*/

.w880 {
width: 880px;
margin: auto;
}
.w555 { width: 555px;}
.clear { clear: both;}
.m_bottom10 { margin-bottom: 10px;}
.l { text-align: left;}
.r { text-align: right;}
.c { text-align: center;}

font {line-height: 150%; font-size: 120%;}

#wrap {
width: 800px;
margin: auto;
}
#wrap_body {
background: url(http://head.swanda.jp/img/bg_left.gif);
}

/*====================
         HEAD
====================*/
#top_head {
background: #202020 url(http://head.swanda.jp/img/bg_head.jpg);
height: 70px;
width: 100%;
text-align: left;
}

#head {
margin: 10px 0 0 0;
height: 275px;
background: url(http://head.swanda.jp/img/bg_head.gif) no-repeat bottom;
}
#font-size {
height: 20px;
width: 780px;
margin: 0 auto;
}
#font-size img {
margin: 0 0 0 5px;
}
#head h1 {
font-size: 10px;
font-weight: normal;
line-height: 100%;
}

/*----------
    PATH
----------*/
div#path {
background: url(http://head.swanda.jp/img/main_head.gif) no-repeat;
padding: 0 0 0 20px; 
}

/*====================
         LEFT
====================*/
#left {
float: left;
width: 225px;
background: url(http://head.swanda.jp/img/main_head.gif) no-repeat;
}
#left_body {
margin: 0 5px 0 0;
}

ul.left_menu,
ul.left_info {
list-style: none;
margin: 0 20px;
}
ul.left_menu li,
ul.left_info li {
padding: 7px 0 7px 3px;
background: url(http://head.swanda.jp/img/dot.gif) repeat-x bottom;
line-height: 120%;
}
ul.left_menu li ul{
width: 180px;
list-style: none;
margin: 0;
}
ul.left_menu li li{
margin: 5px 0 0 0;
padding: 5px 0 0 20px;
border-top: 1px dotted #ccc;
border-bottom: none;
}

#left a {
color: #333;
text-decoration: none;}
#left a:hover {text-decoration: underline;}

/*====================
         MAIN
====================*/
#main {
width: 575px;
float: left;
}
#main_body {
margin: 0 25px 0 15px;
}

/*====================
         FOOT
====================*/
#foot_body {
margin: 5px 0 0 0;
color: #eee;
background: #333;
}
#foot p#foot_link {
float: left;
margin: 10px 0 0 10px;
padding: 0;
font-size: 100%;
}
#foot h3 {
margin: 0 10px;
font-size: x-small;
font-weight: normal;
line-height: 120%;
}
    /* hide from Mac IE \*/
    * html #foot h3 { 
    font-size:  xx-small;
    line-height: 120%; }
    /* */ 

#foot a {color: #fff;}

#foot p {
padding: 5px 0 0 0;
font-size: 85%;
}

/*====================
         INDEX
====================*/
#top_news ul {
list-style: none;
margin: 0;
padding: 0 0 15px 0;
background: url(http://head.swanda.jp/img/hr.gif) no-repeat bottom;
}
#top_news li {
margin: 0 10px;
padding: 5px 0;
border-bottom: 1px dotted #333;
}

#top_entry h2 {
font-size: 14px;
color: #fff;
background: #333 url(http://head.swanda.jp/img/top_entry_title.gif) no-repeat;
padding: 0 5px 0 25px;
clear: both;
line-height: 30px;
}
.top_entry div {
border-right: 1px solid #333;
border-left: 1px solid #333;
padding: 9px 9px 0 9px;
}
.top_entry div div {
border: none;
padding: 0;
margin: 0;
}

/*====================
       ARCHIVE
====================*/
#entry {
margin: 0;
clear: both;
}
#entry div.entry_title {
height: 45px;
margin: 0 0 10px 0;
background: url(http://head.swanda.jp/img/bg_h2.gif);
}
#entry h2 {
padding: 15px 0 0 25px;
font-size: 14px;
color: #fff;
line-height: 30px;
}
#entry h3 {
color: #900;
padding: 0 5px;
font-size: 12px;
border-left: 5px solid #900;
margin: 0 0 5px 0;
}
#entry div.entry_body {
padding: 10px 0 0 0;
}
#entry p.entry_foot {
text-align: right;
padding: 0 5px 0 0;
font-size: 85%;
margin: 0 0 10px 0;
border-top: 1px solid #999;
}
.more_link {
margin: -10px 0 10px 0;
text-align: right;
border-top: 1px solid #999;
}

/*====================
      MENU
====================*/
#cat_6 table,
#cat_7 table {
font-size: x-small;
width: 100%;
margin:0 0 20px 0;
border-top: 1px dotted #666;
line-height: 150%;
}
    /* hide from Mac IE \*/
    * html #cat_6 table { font-size: xx-small; }
    /* */ 
    /* hide from Mac IE \*/
    * html #cat_7 table { font-size: xx-small; }
    /* */ 

#cat_6 table th,
#cat_7 table th {
font-weight: normal;
border-bottom: 1px dotted #666;
text-align: left;
padding: 5px;
}
#cat_6 table td,
#cat_7 table td {
border-bottom: 1px dotted #666;
width: 100px;
text-align: right;
padding: 5px;
font-weight: bold;
color: #c00;
}

/*====================
       SHOP
====================*/
div.googlemaps {
border: 1px solid #999;
padding: 5px;
}

/*====================
       INQ
====================*/
input.mail_input,
textarea.mail_input {
padding: 1px 3px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
input#mail_preview,
input#mail_post {
width: 100px;
background: #eee;
padding: 3px 0;
margin: 10px 20px 0 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}