@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 * ■□■□■　共通クラスの定義CSS　■□■□■
 * 
 * Author   : IT(hakata)
 * LastDate : 2009/03/04
 *
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */
 
/*--------------------------------------------------------------------------------
　▼　body
--------------------------------------------------------------------------------*/
body {
	background: url(../img/bg02.jpg) repeat left top; 
	color: #333333;
	font-size: 0.9em;
}

/*------------------------------
　▼テキスト関連クラス
------------------------------*/
strong {
	font-weight: bold;
}

/*------------------------------
　▼リンク関連クラス
------------------------------*/
a {
	color: #0066CC;
}
a:hover {
	color: #FF6600;
}
.link01 {
	background: url(../img/arrow01.gif) no-repeat left 4px;
	padding-left: 15px;
}

/*------------------------------
　▼パディング関連クラス
------------------------------*/
.padh5w10 {
	padding: 5px 10px;
}

/*------------------------------
　▼文字色関連クラス
------------------------------*/
.tColorOrange {
	color: #FF6600;
}

/*------------------------------
　▼背景色関連クラス
------------------------------*/
.bColorGreen {
	background-color: #EFF3E2;
}

/*--------------------------------------------------------------------------------
　▼　■□■wrapper■□■
--------------------------------------------------------------------------------*/
div#wrapper {
	background: url(../img/bg05.jpg) repeat-y left top;
	width: 826px;
	margin: 0 auto;
}

/*--------------------------------------------------------------------------------
　▼　■□■contents■□■
--------------------------------------------------------------------------------*/
div#contents {
	padding: 0 27px;
	text-align: left;
	padding-bottom: 20px;
}

/*--------------------------------------------------------------------------------
　▼　■□■header■□■
--------------------------------------------------------------------------------*/
div#header {
	padding-bottom: 10px;
}
h1 {
	padding: 5px 0 10px 0;
	font-size: 0.9em;
}

/*------------------------------
　▼gl関連クラス
------------------------------*/
ul#gl {
	clear: both;
	background: url(../img/bg01.jpg) repeat-x left top #59a10f;
	border: 1px solid #59a10f;
	padding: 2px 0;
}
ul#gl li {
	float: left;
	border-right: 1px solid #59a10f;
	padding: 4px 0;
}
ul#gl li a {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 20px;
}
ul#gl li a:hover {
	color: #FF6600;
}

/*--------------------------------------------------------------------------------
　▼　■□■secondary■□■
--------------------------------------------------------------------------------*/
div#secondary {
	width: 200px;
	float: left;
	margin-top: 15px;
	font-size: 0.9em;
}
.border200 {
	border: 1px solid #cccccc;
	margin-bottom: 15px;
	padding: 3px;
}
.border200 img {
	border: 1px solid #cccccc;
}
div#secondary h2 {
	clear: both;
	background: url(../img/bg04.jpg) repeat-x left top #59a10f;
	border: 1px solid #59a10f;
	padding: 2px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
}

/*--------------------------------------------------------------------------------
　▼　■□■primary■□■
--------------------------------------------------------------------------------*/
div#primary {
	width: 560px;
	float: right;
	margin-top: 15px;
}
div#primary h2 {
	clear: both;
	background: url(../img/bg03.jpg) repeat-x left bottom #ffffff;
	border: 1px solid #cccccc;
	padding: 2px 20px;
	color: #005919;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 12px;
}
div#primary p {
	padding: 5px 10px;
}
div#primary ul {
	list-style: disc;
	margin-left: 2em;
}
div#primary img {
	border: 1px solid #cccccc;
	margin: 5px 10px 0 5px;
	padding: 1px;
}

/*--------追加----------*/
div#primary h3 {
	clear: both;
	width: 540px;
	background-color: #F4F4E8;
	border: solid 1px #CCCCCC;
	padding: 3px 8px; 
	margin: 15px 0 10px 0;
	font-weight: bold;
}
div#primary img.no {
	border: none;
	margin: 0;
	padding: 0;
}
/*div#primary ul{
	list-style-position:inside;
	list-style-type:none;
	padding: 10px;
}

/*------------------------------
　▼new関連クラス
------------------------------*/
dl.new {
	margin-bottom: 20px;
	padding: 0 10px;
}
dl.new dt {
	float: left;
	width: 8em;
	padding: 4px 0;
}
dl.new dd {
	padding-left: 8em;
	padding: 4px 0;
	border-bottom: 1px dotted #CCCCCC;
}

/*------------------------------
　▼box01関連クラス
------------------------------*/
div#primary ul.box01 {
	padding: 5px 0 20px 14px;
	font-size: 1.0em;
	margin-left: 0;
	list-style: none outside;
}
div#primary ul.box01 li {
	width: 122px;
	float: left;
	padding-right: 14px;
}
div#primary ul.box01 li dl dt img {
	border: none;
	padding: 0;
	margin: 0;
}
.text01 {
	color: #FF6600;
	font-weight: bold;
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 10px;
}

/*--------------------------------------------------------------------------------
　▼　■□■footer■□■
--------------------------------------------------------------------------------*/
div#footer {
	clear: both;
	width: 800px;
	margin: 0 auto;
	background: url(../img/bg06.jpg) repeat-x left top #59a10f;
	color: #FFFFFF;
	padding: 30px 0 20px 0;
	font-size: 0.9em;
}
address {
	text-align: center;
	margin-top: 10px;
}

/*------------------------------
　▼footNavi関連クラス
------------------------------*/
ul.footNavi {
	text-align: center;
}
ul.footNavi li {
	display: inline;
	background: url(../img/arrow03.jpg) no-repeat left 3px;
	padding: 2px 0 2px 20px;
	margin: 0 10px;
}
ul.footNavi li a {
	color: #FFFFFF;
}
ul.footNavi li a:hover {
	color: #FF6600;
}

/*--------------------------------------------------------------------------------
　▼　■□■shop<table用>■□■
--------------------------------------------------------------------------------*/
table.shop {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
}
table.shop th,
table.shop td {
	font-size: 1.0em;
}
table.shop th {
	background-color: #FFFFCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
}
table.shop td {
	padding: 5px 10px;
}
div#primary table.shop td img {
	border:none;
	margin: 0;
	margin-bottom: 5px;
}
table.shop td.goods {
	width: 50%;
	padding: 5px 5px 0 0;
}
table.shop td.goods table {
	width: 100%;
	margin-bottom: 5px;
}
table.shop td.goods table th,
table.shop td.goods table td {
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 0 5px;
}
table.shop td.goods table td.textR {
	text-align: right;	
}
table.shop td.goods table td input {
	width: 50px;
}

/*--------------------------------------------------------------------------------
　▼　■□■shop<dl用>■□■
--------------------------------------------------------------------------------*/
dl.box02 {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
dl.box02 dt {
	padding: 5px 10px;
}
dl.box02 dt,
dl.box02 dd table th {
	background-color: #FFFFCC;
	border-bottom: 1px solid #CCCCCC;
}
div#primary dl.box02 dd.boxL {
	width: 250px;
	float: left;
	margin: 10px 0 6px 10px;
}
* html div#primary dl.box02 dd.boxL {
	width: 250px;
	float: left;
	margin: 10px 0 0 5px;
}
div#primary dl.box02 dd img {
	margin: 0;
	padding: 0;
	border: none;
}
dl.box02 dd.boxR {
	padding: 0;
	width: 295px;
	float: right;
}
dl.box02 dd.boxR table {
	width: 280px;
	margin: 10px 5px 0 5px;
}
dl.box02 dd.boxR table th,
dl.box02 dd.boxR table td {
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}
dl.box02 dd table td input {
	width: 50px;
}
p.sBox {
	font-size: small;
	border: 1px solid #CCCCCC;
	margin: 5px 10px 5px 5px;
}
dl.box02 dd.tBox {
	padding: 6px 10px 0 10px;
}