@charset "utf-8";
	
/* 
*
*	Reset and Base Style Sheet
*	Last Update 2007-05-04
*
*	1-1.Yahoo UI Library Fonts CSS
*	1-2.Universal selector
*	1-3.Structure Module
*	1-4.Text Module
*	1-5.Hypertext Module
*	1-6.List Module
*	1-7.Edit Module
*	1-8.Forms Module
*	1-9.Tables Module
*	1-10.Image Module
*	1-11.Object Module
*
*/

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

body {
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

select,
input,
textarea {
	font-size: 99%;
}

/*======================================

	1-2.Universal selector

=======================================*/

* {
	line-height: 1.6;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;

}

/*======================================

	1-3.Structure Module

=======================================*/

body {
	color: #333;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/*======================================

	1-4.Text Module

=======================================*/

p,
pre,
address,
cite {
	margin: 0.5em 20px;
	font-size: 100%;
	letter-spacing: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.5em 20px; 
}

h1 {
	font-size: 189%;
}

h2 {
	font-size: 159%;
}

h3 {
	font-size: 144%;
}

h4 {
	font-size: 122%;
}

h5 {
	font-size: 107%;
}

h6 {
	font-size: 107%;
}

pre {
	padding: 0.5em 10px;
	border: 1px dotted #aaa;
	width: 90%;
	overflow: scroll;
	color: #333;
	background-color: #f5f5f5;
	font-family: "Osaka�|����", monospace;
}

pre[title]::before {
	margin-bottom: 0.8em;
	padding: 0 10px;
	display: block; 
	content: attr(title);
	color: #000;
	background-color: #fff;
}

blockquote {
	margin: 1.5em 20px;
	padding: 1px 0; 
	border: 3px solid #eee;
	background-color: #fff;
}

blockquote * {
	color: #666;
}

blockquote[title]:before {
	margin: 2px 2px 1em 2px;
	padding: 0.1em 16px;
	display: block;
	content: attr(title); 
	background-color: #f5f5f5; 
}

blockquote[cite]:after {
	padding: 0.8em 20px;
	display: block; 
	content: attr(cite);
	color: #333;
	text-align: right;
}

cite {
	display: block;
	color: #333;
	text-align: right;
}

em {
	font-weight: bold;
}

strong {
	color: #000000;
	font-weight: bolder;
	padding-left: 2px;
	border-left-width: 3px;
	border-left-color: #000000;
	border-left-style: solid;
}

code {
	font-family: "Osaka�|����", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: "Osaka�|����", monospace;
	text-transform: uppercase;
}

/*======================================

	1-5.Hypertext Module

=======================================*/

a:link {
	color: #005585;
}

a:visited {
	color: #818f98;
}

a:hover {
	color: #80af00;
}

/*======================================

	1-6.List Module

=======================================*/

ul,
ol,
dl {
	margin: 1em 20px;
	padding: 1px 0;
	list-style-position: inside;
}

li,
dt,
dd {
	margin: 0.1em 10px;
}

dt {
	margin-top: 0.6em;
}

dd {
	margin-bottom: 0.6em;
	color: #666;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.1em 10px;
}

/*======================================

	1-7.Edit Module

=======================================*/

del {
	color: #999;
	text-decoration: line-through;
}

del[datetime]::before {
	content: " ( "attr(datetime)"\00524a\009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]::before {
	content: " ( "attr(datetime)"\004fee\006b63) ";
}

/*======================================

	1-8.Forms Module

=======================================*/

form {
	margin: 0.5em 20px;
	padding: 1px 0; 
}

form dl,
form p {
	margin: 0.5em 10px;
}

fieldset {
	border: 1px solid #ddd;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
}

input,
textarea {
	margin: 0.4em 10px;
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, "�q���M�m�p�S Pro W3",  sans-serif;
	background-color: #f5f5f5;
}

input {
	line-height: 1.2;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 10px;
}

/*======================================

	1-9.Tables Module

=======================================*/

table {
	margin: 0 20px 0.5em 20px;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #cfd3d6;
	background-color: #fff;
}

th,
td {
	padding: 0.1em 5px;
	border: 1px solid #efefef;
	border-color: #efefef #dce0e3 #dce0e3 #efefef;
}

th {
	color: #000;
	background-color: #eff0f1;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
}

/*======================================

	1-10.Image Module

=======================================*/

img {
	vertical-align: bottom;
}

a img {
border-width: 0px;
border-style: none;	
}

a:hover img {	

}

/*======================================

	1-11.Object Module

=======================================*/

object,
embed {
	margin: 1em 20px;
}


hr{ margin: 20px; padding: 0; border-width: 1px 0 0; border-top-color: #000000; border-style: dotted none none; clear: both; height: 1px; width: 90%; background-color: #FFFFFF; }
a.nolink{ border-width: 0px; border-style: none; }


html, body {
height: 100%;
margin: 0;
padding: 0;
}
div#shiv {
background: transparent;
width: 100%;
height: 50%;
margin-top: -255px;
float: left;
}
div#container {
margin: auto; 
width: 800px;
height: 510px;
clear: both;
position: relative;
top: 0px;
}

/* Hide from IE5mac *//*/
div#shiv {
display: none;
}
html, body {
height: auto;
}
/* end hack */ 





div#container { text-align: left; }

div#head {height: 50px;}
.logo{float: left;}
.menu{ letter-spacing: -2px; margin-top: 18px; float: right; }
.menu a:hover img{ height: *; width: *; filter: Alpha(opacity=85 ,style=0); filter: Alpha(opacity=70);opacity:0.7; -moz-opacity:0.7;  }

div#content { font-family: Verdana,Chicago,sans-serif; padding-top: 2px; padding-bottom: 2px; clear: both; height: 436px; background-repeat: no-repeat; background-position: center center; }

div#foot { font-size: 0%; clear: both; height: 19px; background-image: url('http://s-h-r.com/img/foot.gif'); background-repeat: no-repeat; background-position: center center; overflow: hidden; }

.news{ font-size: 80%; margin-top: 27px; margin-left: 618px; height: 88px; width: 173px; overflow: auto; }
.news p{ line-height: 120%; margin: 0px 0px 8px; }
.newitem{ font-size: 80%; margin-top: 36px; margin-left: 618px; height: 102px; width: 173px; overflow: auto; }
.newitem p{ margin: 0px; }
.newitem img{ padding-bottom: 2px; }
.shop a { font-size: 0%; margin-top: 34px; margin-left: 616px; height: 139px; width: 173px; display: block; }
.aboutshop{ font-size: 85%; margin-top: 313px; margin-left: 325px; height: 102px; width: 190px; }
.aboutshop p { margin: 0px; }
.link{ font-size: 90%; margin-top: 35px; margin-left: 585px; height: 265px; width: 165px; }
.link p { margin: 0px; }

div#blog{ margin-top: 40px; margin-left: 40px; _margin-left: 20px; height: 350px; width: 480px; float: left; overflow: auto; }
div#blogside{ margin-top: 40px; margin-right: 50px; _margin-right: 22px; height: 190px; width: 170px; float: right; overflow: auto; }

.entry{ clear: both; }
.entrytitle,
.entrytitle a,
.commenttitle,
.trackbacktitle{ font-size: 95%; font-weight: bold;}
.entrytitle{}
.entrydata{ font-size: 70%; padding: 0 2px 2px; clear: both; background-color: #FFFFFF; }
.entrybody{font-size: 90%; clear: both; }
.entrymore{font-size: 90%;}
.more-link{}
.comments,.trackbacks{ margin: 5px 40px 55px 30px; }
.commentform{ margin: 8px 10px 20px; padding: 8px; border: 1px dotted #808080; }
.commentform label{}
.comment,.trackback{ margin-bottom: 8px; padding: 8px; }
.commentdate,.trackbackdate{ padding: 2px 5px 0px; border-top-width: 1px; border-top-color: #808080; border-top-style: dotted; }
.trackbackurl{ text-align: center; vertical-align: middle; margin: 15px 30px; padding: 8px; border: 1px dotted #808080; }
.trackbackdate2{ color: #333333; }

.module{}
.module-header{ font-size: 90%; font-weight: bold; margin: 0px; }
.module-content{ font-size: 85%; margin: 0 0 20px 0; }
.module-content table,
.module-content td,
.module-content th,
.module-content tr{font-size: 95%; margin: 0px; text-align: center; }
.module-content td,
.module-content th{padding: 0 1px;}

.pict,.mobimg{ margin: 9px; padding: 5px; border-width: 1px; border-color: #DDDDDD #333333 #333333 #DDDDDD; border-style: solid; background-color: #FFFFFF; }
.mobimg{ padding: 8px 8px 25px; float: right; background-image: url('http://p-web.org/img/phone.gif'); background-repeat: no-repeat; background-position: left bottom; }