@charset "utf-8";
/*----------------------------------------------

河原宝飾 Webサイト　kawahara_style.css

Created : 2008.8.
Modified : 

---------------------------------------------- */

/*全体---*/


* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}
	
body {
	background-color: #CCCCCC;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	background-image: url(img/back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
	
a			    {
	text-decoration: none;
	color: #666666;
}
a:hover			{
	color: #333333;
}

/*共通　---------------------------------------------------*/
#container {
	width :800px;
}
/*見出し------------------------*/

h1 {
	font-size: 110%;
}

h2{
	font-size: 110%;
}

h3 {
	font-size: 110%;
}


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

#header {
	width :800px;
	height: 55px;
	padding-top: 10px;
}


/*ヘッダメニュー------------------------*/
#menu {
	width :320px;
	height: 55px;
	position: absolute;
	left: 450px;
	top: 10px;
}


/*メニューリスト---*/
#menu ul {
	height: 55px;
	padding: 0px;
	margin: 0px;

}
#menu li {
	display:block;
	height: 55px;
	width: 80px;
	text-indent:-9999px;
	float: left;
}
#menu li a {
	display:block;
	height: 55px;
	width: 80px;
}

#menu li#home {
	background-image: url(img/home.gif);
	background-repeat: no-repeat;
}
#menu li#shop {
	background-image: url(img/shop.gif);
	background-repeat: no-repeat;
}
#menu li#owner {
	background-image: url(img/owner.gif);
	background-repeat: no-repeat;
}
#menu li#blog {
	background-image: url(img/blog.gif);
	background-repeat: no-repeat;
}

#menu li#home a:hover {
	background-image: url(img/homeo.gif);
	background-repeat: no-repeat;
}
#menu li#shop a:hover {
	background-image: url(img/shopo.gif);
	background-repeat: no-repeat;
}
#menu li#owner a:hover {
	background-image: url(img/ownero.gif);
	background-repeat: no-repeat;
}
#menu li#blog a:hover {
	background-image: url(img/blogo.gif);
	background-repeat: no-repeat;
}


/*コンテンツ-----------------------*/
#contents{
	clear: both;
	color: #FFFFFF;
	width: 800px;
	line-height: 150%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 71px;
}

/*フッター---------------------------------------------------*/
#footer {
	clear: both;
	text-align: center;
	color: #FFFFFF;
	font-size: 80%;
	letter-spacing: 0.3em;
	height: 30px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 780px;
}



/*トップ------------------------*/
#top-contents p{
	letter-spacing: 0.3em;
}
#top-contents h2{
	padding-top: 20px;
	padding-bottom: 10px;
}

#contact-nav a{
	display:block;
	height: 55px;
	width: 100px;
	text-indent:-9999px;
	background-image: url(img/contact.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 350px;
}
#contact-nav a:hover{
	background-image: url(img/contacto.gif);
	background-repeat: no-repeat;
}
#counter {
	display:block;
	position: absolute;
	left: 20px;
	top: 420px;
}

/*オーナー-----------------------*/
#orner-contents h2{
	padding-bottom: 20px;
}
#prof {
	position: absolute;
	top: 430px;
	left: 50px;
	letter-spacing: 0.1em;
	background-image: url(img/prof.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 530px;
	color: #000000;
	padding-left: 160px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}
#prof h3{	
	padding-bottom: 10px;

}
#prof p{
	text-align: left;

}
#blog-nav a{
	display:block;
	height: 55px;
	width: 80px;
	text-indent:-9999px;
	background-image: url(img/blog.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 240px;
	left: 310px;
}
#blog-nav a:hover{
	background-image: url(img/blogo.gif);
	background-repeat: no-repeat;
}

/*ショップ-----------------------*/
#shop-contents h2{
	padding-bottom: 20px;
}
#map {
	position: absolute;
	top: 430px;
	left: 50px;
	letter-spacing: 0.1em;
	background-image: url(img/mapbg.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 690px;
	color: #000000;
	padding: 10px;
}
#map h3{
	font-size: 100%;	
	padding-bottom: 10px;
	padding-top: 30px;
}

#googl{
	float: left;
	display: block;
	height: 190px;
	width: 400px;
}
#googl-nav{
	font-size: 60%;
	vertical-align: bottom;
}
#address{
	float: left;
	display: block;
	height: 190px;
	width: 290px;
	text-align: center;
}
#address p{
	font-size: 90%;
}
/*コンタクト----------------------*/
#contact-contents h2{
	padding-bottom: 20px;
}
#contact-contents p{
	padding-bottom: 10px;
	color: #FFFF99;
	padding-top: 10px;
}
#mailform{
	text-align: left;
	padding-right: 50px;
	padding-left: 50px;
}
#mailform table td{
	padding-bottom: 10px;
}
.c-button{
	text-align: center;
}
/*copyright*/
.zm_copyright {
	margin-top:30px;
	font-size:10px;
	text-indent: -5000px;
}
.zm_copyright a{
	color:#AABCE8;
	text-indent: -5000px;
}
#confirm {
	background-color: #CCCCCC;
	margin-bottom: 20px;
}
#confirm th{
	width: 200px;
	padding: 3px;
	color: #666666;
	background-color: #FFFFFF;
}
#confirm td{
	padding: 3px;
	color: #000000;
	background-color: #FFFFFF;
}
#confirm strong{
	color: #FF0000;
	font-weight: normal;
}