﻿@charset "utf-8";
/*ECOUP SITE CSS */



/**************************************/
/* メイン共通                         */
/**************************************/

body {
	font-size: 12px;
	color:#666666;
	margin: 0 auto;
	line-height:1.7;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	padding:0;
	background:url(../img/bg.gif);
	
	}
a:link {
	color:#003399;
}
a:visited {
	color:#003399;
}
a:hover {
	color:#0066FF;
}
a:active {
	color:#003399;
}
img{
	border:0;
	}
	
/* IE以外 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE7 MacIE*/
.clearfix {
	display: inline-block;
	}
/* IE6以前*/
* html.clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}

/**************************************/
/* 大枠 　　                          */
/**************************************/
#wp {
	width:900px;
	padding:0;
	margin:0 auto 0 auto;
	display:block;
	background:#FFFFFF;
	height:100%;
	}


/**************************************/
/* head 　　                          */
/**************************************/
#headder{
	padding:0;
	height:100px;
	margin:0 auto;
	display:block;
	background:url(../img/bg_head.jpg);
	}
h1{
	display:block;
	width:200px;
	margin:10px 0 0 10px;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	letter-spacing:0.2em;
	text-align:center;
	float:left;
	}
#tnavi{
	display:block;
	width:100px;
	float:right;
	margin:80px 10px 0 0;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	letter-spacing:0.2em;
	text-align:right;
	}


/**************************************/
/* main 　　                          */
/**************************************/
#main{
	padding:0;
	margin:0;
	}

/**************************************/
/* left box　　                       */
/**************************************/
#m_left{
	width:230px;
	margin:0;
	display:block;
	padding:10px 10px 0 10px;
	float:left;
	}
	
#m_left #subnavi_red{
	margin:-5px 0 10px 0;
	padding:10px 15px;	
	color:#666666;
	font-size:12px;
	width:198px;
	letter-spacing:0.2em;
	display:block;
	border:1px solid #990033;
	}
#m_left #subnavi_blue{
	margin:-5px 0 10px 0;
	padding:10px 15px;	
	color:#666666;
	font-size:12px;
	width:198px;
	letter-spacing:0.2em;
	display:block;
	border:1px solid #002F5E;
	}
#m_left #subnavi_blue .s{
	font-size:10px;
	}
/**************************************/
/* right box　　                       */
/**************************************/
#m_right{
	width:628px;
	margin:0;
	display:block;
	padding:10px;
	float:right;
	}
#m_right h2{
	width:500px;
	margin:0;
	display:block;
	font-size:20px;
	padding:5px 0 0 20px;
	border-bottom:1px dotted #CC0000;
	border-left:15px solid #CC0000;
	color:#003366;
	letter-spacing:0.5em;
	}
#m_right h3{
	width:400px;
	margin:20px 20px 10px 20px;
	height:30px;
	display:block;
	font-size:15px;
	padding:5px 0 0 20px;
	color:#ffffff;
	letter-spacing:0.2em;
	background:url(../img/bg_h3.jpg) no-repeat;
	}
#m_right p{
	color:#333333;
	padding:0 0 10px 20px;
	margin:0;
	line-height:25px;
	}
#m_right img{
	border:0;
	margin:0 10px 0 0;
	}

/**************************************/
/* footer　　                         */
/**************************************/
#footter{
	display:block;
	font-size:11px;
	letter-spacing:0.1em;	
	line-height:15px;
	padding:5px 0 10px 0;
	color:#666666;
	display:block;
	clear:both;
	text-align:center;
	margin:0;
	border:1px solid #eeeeee;
	}

/**************************************/
/* news　　                           */
/**************************************/
#news{
	width:604px;
	display:block;
	background:#ffffff;
	padding:10px;
	margin:20px 0 10px 0;
	font-size:11px;
	color:#333333;
	letter-spacing:0.1em;
	line-height:20px;
	border:1px solid #cccccc;
	}
/**************************************/
/* TOP 金魚一覧　                     */
/**************************************/
#kinttl{
	display:block;
	width:570px;
	border-left:10px solid #990000;
	border-bottom:2px dotted #990000;
	color:#990000;
	font-size:13px;
	padding-left:10px;
	margin-bottom:10px;
	clear:both;
	font-weight:bold;
	}
#kingyo{
	width:190px;
	display:block;
	margin:0 10px 10px 0;
	letter-spacing:0.1em;
	height:150px;
	float:left;
	text-align:center;
	}
#kingyo img{
	width:180px;
	padding:4px;
	margin:0;
	border:1px #cccccc solid;
	}
/**************************************/
/* 注文方法　テーブル　　             */
/**************************************/
#order table{
	margin:20px 0 10px 20px;
	padding:0;
	border-top:1px solid #808000;
	border-left:1px solid #808000;
	}
#order table th{
	padding:5px 10px;
	border:0;
	color:#333333;
	letter-spacing:0.2em;
	background:#E2E2C7;
	border-bottom:1px solid #808000;
	border-right:1px solid #808000;
	}
#order table td{
	padding:5px 10px;
	border:0;
	color:#333333;
	letter-spacing:0.2em;
	border-bottom:1px solid #808000;
	border-right:1px solid #808000;
	}
/**************************************/
/* INFO        　                     */
/**************************************/
#info iframe{
	border:1px solid #666666;
	margin-top:20px;
	}
#info img{
	display:block;
	margin:5px;
	padding:3px;
	float:left;
	border:1px #333333 solid;
	}
#info table{
	margin:20px 0 10px 20px;
	padding:0;
	border-top:1px solid #808000;
	border-left:1px solid #808000;
	}
#info table th{
	padding:5px 10px;
	border:0;
	color:#333333;
	letter-spacing:0.2em;
	background:#E2E2C7;
	border-bottom:1px solid #808000;
	border-right:1px solid #808000;
	}
#info table td{
	padding:5px 10px;
	border:0;
	color:#333333;
	letter-spacing:0.2em;
	border-bottom:1px solid #808000;
	border-right:1px solid #808000;
	}

/**************************************/
/* 商品一覧　　　　　                 */
/**************************************/
#seitai{
	border:1px solid #990000;
	padding:10px;
	margin:10px 0;
	display:block;
	}
#seitai .red{
	color:#990000;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	}
#item h2{
	background:url(../contents/img/bg_h2.jpg);
	width:598px;
	padding:7px 0 7px 30px;
	font-size:16px;
	letter-spacing:0.3px;
	color:#FFFFFF;
	font-weight:normal;
	border:none;
	margin:10px 0;
	clear:both;
	}
#item .red{
	color:#FF0000;
	font-size:10px;
	}
#item #menu{
	display:block;
	width:600px;
	padding:5px;
	margin:5px;
	clear:both;
	text-align:center;
	}
#item #box{
	display:block;
	width:184px;
	font-size:11px;
	padding:5px;
	margin:5px;
	float:left;
	border:1px solid #CCCCCC;
	letter-spacing:0.1em;
	height:390px;
	}
#item #box h4{
	color:#003366;
	font-size:12px;
	line-height:15px;
	margin:2px 0 0 0;
	padding:0;
	display:block;
	height:30px;
	}
#item #box h4 img{
	margin:2px 5px 0 0;
	float:left;
	border:none;
	width:22px;
	}
#item #box .pr{
	color:#990000;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	letter-spacing:0.1em;
	display:block;
	margin:3px 0;
	clear:both;
	}
#item #box .pr .no{
	color:#666666;
	font-weight:normal;
	font-size:10px;
	display:block;
	width:60px;
	margin:2px;
	float:left;
	text-align:left;
	}
#item #box .com{
	height:170px;
	display:block;
	}
#item #box .com .red{
	color:#FF0000;
	font-size:10px;
	}
	
#item #box img{
	width:180px;
	padding:0;
	margin:0;
	border:1px #333333 solid;
	}	
#item #box form{
	background:#eeeeee;
	padding:3px;
	font-size:12px;
	text-align:center;
	margin-top:10px;
	}
/**************************************/
/* 庭池　　　　　　　                 */
/**************************************/
#ike h3{
	border-left:10px solid #003366;
	border-bottom:1px solid #003366;
	padding-left:10px;
	margin:10px 0;
	color:#003366;
	font-size:14px;
	width:590px;
	}
#ike p{
	padding:0;
	margin:10px 0;
	}
#ike img{
	padding:5px;
	margin:0 10px 0 0;
	border:1px solid #999999;
	width:250px;
	height:187px;
	}
/**************************************/
/* 古民具　　　　　　　               */
/**************************************/
#komingu h3{
	border-left:10px solid #660000;
	border-bottom:1px solid #660000;
	padding-left:10px;
	margin:10px 0;
	color:#660000;
	font-size:14px;
	width:590px;
	}
#komingu p{
	padding:0;
	margin:10px 0;
	height:150px;
	display:block;
	}
#komingu img{
	padding:5px;
	margin:0 10px 0 0;
	border:1px solid #999999;
	width:219px;
	height:122px;
	float:left;
	}
/**************************************/
/* 大阪大蘭会　　　　　　　           */
/**************************************/
#osaka_dairankai h3{
	border-left:10px solid #660000;
	border-bottom:1px solid #660000;
	padding-left:10px;
	margin:10px 0;
	color:#660000;
	font-size:14px;
	width:590px;
	}
#osaka_dairankai p{
	padding:0;
	margin:10px 0;
	height:150px;
	display:block;
	}
#osaka_dairankai img{
	padding:5px;
	margin:0 10px 0 0;
	border:1px solid #999999;
	width:590px;
	height:834px;
	float:left;
	}
/**************************************/
/* 大蘭会　2　　　　　　           */
/**************************************/
#dairankai h3{
	border-left:10px solid #660000;
	border-bottom:1px solid #660000;
	padding-left:10px;
	margin:10px 0;
	color:#660000;
	font-size:14px;
	width:590px;
	}
#dairankai p{
	padding:0;
	margin:10px 0;
	height:150px;
	display:block;
	}
#dairankai img{
	padding:5px;
	margin:0 10px 0 0;
	border:1px solid #999999;
	width:590px;
	height:120px;
	float:left;
	}