@charset "utf-8";
/* import */
	@import url("page.css");
/*
Theme Name: 茶寮このみ
Description: 茶寮このみのテーマ
Author: 有田電器情報システム株式会社
*/

body,p,dl,dt,dd,table,img,ul,li,form,h1,h2,h3,h4,h5,h6,div{
	margin:0px;
	padding:0px;
	}
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ,sans-serif;
	font-size:85%;
	line-height:1.6em;
	height:100%;
	background-position:center;
	background-color:#000000;
	margin: 0;
	padding: 0;
	color:#fff;
	}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	color:#FFFFFF;
	font-weight:normal;
	}

img{
	vertical-align:bottom;
	border:none;
	}
li,ul {
	list-style-type:none;
	}
a{
	overflow:hidden;
	color:#FFFFFF;
	text-decoration:none;
	}
a:hover{
	color:#CCCCCC;
	}
td{
	vertical-align:top;
	}
	
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

/**==========================================================
	hack
----------------------------------------------------------**/
#header,
#footer {
	min-height:1px;
	height:1%;
	}
	
#header:after,
#footer:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}

#clearfix,
#header,
#footer {
	clear:both;}
	
/**========================================================
	layout
--------------------------------------------------------**/

#wrap {
	width:1024px;
	margin:0px auto;
	padding:0px;
	position:relative;
	clear:both;
	}

/**--------------------------------------------------------
	header
--------------------------------------------------------**/

#header {
	width:auto;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	}

#header-right {
	width:auto;
	float:right;
	padding-right:20px;
	text-align:right;}
	
#header ul {
	height:auto;
	width:auto;
	padding-top:15px;
	}
#header li {
	width:auto;
	float:right;
	margin-left:20px;
	}

/**--------------------------------------------------------
	TOP-menu
--------------------------------------------------------**/

#navi {width:150px; z-index:3; position:absolute; top:80px; left:20px;}

ul#top-menu {height:150px;margin:0px;padding:0px;}
ul#top-menu li {margin:0px 0px 20px;}
ul#top-menu li a {display:block;height:150px;width:150px;text-indent:-9999px;}

ul#top-menu li.menu_bt {background:url(img/menu02.jpg) no-repeat;}
ul#top-menu li.menu_bt a {background:url(img/menu02_o.jpg) 0px -150px;}

ul#top-menu li.delivery_bt {background:url(img/menu03.jpg) no-repeat;}
ul#top-menu li.delivery_bt a {background:url(img/menu03_o.jpg) 0px -150px;}
	
/**--------------------------------------------------------
	main
--------------------------------------------------------**/

#main {
	width:1024px;
	height:700px;
	position:relative;
	}

#rotator {
	width:1024px;
	height:700px;
    background: url(img/bg1.jpg) no-repeat top center;
	}

#content {
	width:984px;
	height:660px;
	padding:20px;
	}
	
#main_flash {
	z-index:5; position:absolute; top:100px; right:250px;}
	
/**--------------------------------------------------------
	sidebar
--------------------------------------------------------**/	


#sidebar2 {
	width:160px;
	height:auto;
	margin:0px 0px 0px 20px;
	padding:10px 10px 20px;
	float:right;
	background:url(img/common_bg.gif) repeat;
	}

#side-list {
	margin-bottom:10px;
	}
	
#side-list dt{
	height:20px;
	margin:0px;
	padding-left:10px;
	}

.color-green {background:url(img/side-bar1.gif) no-repeat;font-size:12px;}
.color-red {background:url(img/side-bar2.gif) no-repeat;font-size:12px;}
	
#side-list dd {
	padding-top:5px;}
	
/**--------------------------------------------------------
	topipcs
--------------------------------------------------------**/

#topics {
	z-index:4; position:absolute; bottom:0px; right:0px;
	width:450px;
	height:250px;
	margin:0px;
	padding:0px;
	}
	
#topics h2 img {
	width:450px;
	height:45px;
	background:none;
	}
	
#topics dd {
	padding: 5px 10px;}
	
#news li {
	margin-bottom:10px;}
	
/**--------------------------------------------------------
	Logo
--------------------------------------------------------**/

#top-logo {
	z-index:50; position:absolute; top:60px; right:50px;
	width:100px;
	height:400px;
	margin:0px;
	padding:0px;}

/**--------------------------------------------------------
	footer
--------------------------------------------------------**/

#footer {
	width:auto;
	margin:0px auto;
	padding:0px;
	padding-bottom:20px;}
	
#footer img {
	display:block;
	width:450px;
	float:left;}

address{
	width:auto;
	float:right;
	font-style:normal;
	color:#FFFFFF;
	}