/*-------------------------------------
CSS information

site url: http://www.hometown-s.com/
file name: style.css(www.hometown-s.com/shop/wp-content/themes/hometown/style.css)
created:
last update: 2008-04-09 by tsuchiya

order of description

__Default_style_clear
__main_style
__head
__navigation
__contents
__footer
---------------------------------------*/

/* ------------------------------------
__Default_style_clear
-------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,table,tr,th,td,img {
        margin: 0;
        padding: 0;
        }

ul      {
        list-style: none;
        }

/* ------------------------------------
__main_style
-------------------------------------*/

body    {
        font-family: "ＭＳ Ｐゴシック";
        }

#container {
	width: 100%;
	margin: 0 auto;
	}

#navigation {
        border-bottom: 1px solid #008E00; 
	font-size: small;
        }

#contents {
        width: 100%;
        margin: 0 auto;
        font-size: small;
        }

#footer	{
	clear: both;
	padding: 10px 0;
        border-top: 1px solid #008E00; 
	text-align: center;
	color: #5C5C5C;
	font-size: small;
	}

.clear	{
	clear: both;
	margin: 0;
	}

h1	{
        margin: 0;
        padding: 0;
        font-size:140%;
        font-weight:bold;
	}


/* ------------------------------------
__head
-------------------------------------*/

#head {
        width: 100%;
        margin: 0px;
        spacing: 0px;        
	text-align: center;
	font-size: small;
        line-height: 1.5;
        }

#head_link   {
        width: 100%;
	background-color: #008E00;
        text-align: center;
        }

#head_link a.wht:link {
        text-decoration: none;
        font-weight: normal;
        color: #FFFFFF;
        }

#head_link a.wht:visited {
        text-decoration: none;
        font-weight: normal;
        color: #FFFFFF;
        }

#head_link a.wht:active {
        text-decoration: none;
        font-weight: normal;
        color: #FFFFFF;
        }

#head_link a.wht:hover {
        text-decoration: underline;
        font-weight: normal;
        color: #DCDDE1;
        }

#head_search {
        border-bottom: 1px solid #008E00; 
        }


/* ------------------------------------
__navigation
-------------------------------------*/
#navigation a:link {
        text-decoration: none;
        font-weight: normal;
	font-size: small;
        color: #4040FF;
        }

#navigation a:visited {
        text-decoration: none;
        font-weight: normal;
	font-size: small;
        color: #4040FF;
        }

#navigation a:hover {
        text-decoration: underline;
        font-weight: normal;
	font-size: small;
        color: #00C000;
        }

#navigation a:active {
        text-decoration: none;
        font-weight: normal;
	font-size: small;
        color: #4040FF;
        }

#navi_logo   {
        border-style: solid;
        border-color:#008E00;
        border-width:0px 0px 1px 0px;
        text-align: center;
        padding:0px 0px 5px 0px;
        }

#navi_logo a.qn:link {
        text-decoration: none;
        font-weight: normal;
        color: #8A8A8A;
        }

#navi_logo a.qn:visited {
        text-decoration: none;
        font-weight: normal;
        color: #8A8A8A;
        }

#navi_logo a.qn:active {
        text-decoration: none;
        font-weight: normal;
        color: #8A8A8A;
        }

#navi_logo a.qn:hover {
        text-decoration: underline;
        font-weight: normal;
        color: #00C000;
        }

#navi_body   {
        width: 850px;
        padding:10px 0px 5px 0px;
        margin: 0 auto;
        }

#navi_shop {
        float: left;
        margin-right: 20px;
        }

#navi_shop span.style_largea {
        font-size:140%;
        font-weight:bold;
        }

#navi_link {
        }

#navi_menu {
        clear: both;
        border-style: dashed;
        border-color:#D9D9D9;
        border-width:1px 0px 0px 0px;
        margin:0px 0px 5px 0px;
        }

#navi_shop p.menu {
        padding: 10px 0px 0px 0px;
        }

#navi_link img.link {
        margin-right: 10px;  
        border: 0;
        }

#navi_menu p.bunrui {
        line-height: 1.4;
        padding: 3px 0px;
        }

/* ------------------------------------
__contents
-------------------------------------*/
#contents a:link {
        text-decoration: none;
        font-weight: normal;
        color: #4040FF;
        }

#contents a:visited {
        text-decoration: none;
        font-weight: normal;
        color: #4040FF;
        }

#contents a:hover {
        text-decoration: underline;
        font-weight: normal;
        color: #00C000;
        }

#contents a:active {
        text-decoration: none;
        font-weight: normal;
        color: #4040FF;
        }

#contents p.title {
        line-height: 1.5;
        vertical-align: top;
        font-size: medium;
        font-weight: bold;
        }

#contents #map_body {
        width: 850px;
        margin: 10px auto 20px auto;
        }

#contents #page_body {
        width: 850px;
        margin: 10px auto 20px auto;
        }

#page_body table.waku {
        width: 100%;
        background-color: #FFFFFF;
        }

#page_body td.info {
        width: 50%;
        padding: 10px;
        vertical-align: top;
        background-color: #FAFAFA;
        border:solid #C3B7A9 1px;
        }
#page_body td.info_1 {
        width: 50%;
        padding: 10px;
        vertical-align: top;
        background-color: #FFFFFF;
        border:none;
        }

#page_body li {
        line-height: 1.4;
        }

#page_body li.snm {
        line-height: 1.6;
        }

#page_body li.price {
        line-height: 1.6;
        color: #FF0000;
        font-weight: bold;
        font-size: 120%;
        }

#page_body img.shouhin {
        float: left;
        margin: 0px 10px 5px 0px;
        padding: 3px;
        border-width: 0px;
        border: 1px solid #808080; 
        }

#map_body table.waku {
        width: 100%;
        }

#map_body p.kanban {
        text-align: center;
        vertical-align: top;
        }

#map_body td.img {
        width: 49%;
        margin: 0 auto;
        text-align: center;
        }

#map_body td.info {
        width: 49%;
        }

#map_body td.left {
        width: 49%;
        vertical-align: top;
        }

#map_body td.right {
        width: 49%;
        }

#map_body li {
        line-height: 1.4;
        }

#map_body li.shopnm {
        line-height: 1.4;
        letter-spacing: 0.5em;
        }

#map_body img.pattern_a {
        padding: 5px;
        border: 1px solid #808080;
        background-color: #FFFFFF;
        }

/* ------------------------------------
__footer
-------------------------------------*/
#footer a:link {
        text-decoration: none;
        font-weight: normal;
	font-size: small;
        color: #4040FF;
        }

#footer a:visited {
        text-decoration: none;
        font-weight: normal;
	font-size: small;
        color: #4040FF;
        }

#footer a:hover {
        text-decoration: underline;
        font-weight: normal;
	font-size: small;
        color: #00C000;
        }

#footer a:active {
        text-decoration: none;
        font-weight: normal;
        color: #4040FF;
        }
