/*---------------------------------------------------------------------------*
	iColor styesheet for common
	copyright(c)2010 iColor all rights reserved.
 *---------------------------------------------------------------------------*/

/*-----------------------*
	全体
 *-----------------------*/
html {
	height:auto;
}

ul{
	margin: 0;
	padding: 0;
}
ul li{
	margin: 0;
	padding: 0;
}


/*-----------------------*
	背景色
 *-----------------------*/
.bggray1 { background: #eee; }	/*薄いグレー色／背景基本色*/
.bggray2 { background: #ddd; }	/*グレー色／影・枠線*/
.bggray3 { background: #fafafa; }	/*かなり薄いグレー色*/
/*#aaa:少し濃いめグレー色／点線*/

.bgwhite { background: #fff; }	/*白色／ベース色*/
.bgblue { background: #26d; }	/*青色*/
.bgred1 { background: #d33; }	/*赤色*/
.bgred2 { background: #f77; }	/*薄い赤色*/
.bgcream { background: #ffe; }	/*クリーム色*/

.schedule_bg1 {background: url(images/schedule_bg1.jpg);}
.schedule_bg2 {background: url(images/schedule_bg2.jpg);}

/*-----------------------*
	カレンダー用
 *-----------------------*/
.bgbluegray { background: #bcd; }	/*青みがかったグレー色*/
.bgorange { background: #fc3; }		/*オレンジ色*/
.NowDay {
background:#fc3;		/*本日日付*/
}
.OtherDay {
background:none;		/*その他日付*/
}

/*-----------------------*
	色
 *-----------------------*/
.gray1 { color: #777; }	/*少し薄いグレー色*/
.gray2 { color: #ddd; }	/*グレー色／hr線／bggray2と同色*/

.white { color: #fff; }	/*白色*/
.blue { color: #26d; }	/*青色／文字基本色*/
.red { color: #d00; }	/*赤色*/
.indigo { color: #049; }	/*藍色*/

/*-----------------------*
	リンク
 *-----------------------*/
a:link,a:visited {color: #26d; background: none; text-decoration: none;}
a:hover,a:active {color: #26d; background: none; text-decoration: underline;}
a.phlink:hover {position: relative; top: 1px; left:1px;}
/* a.phlink2:hover img	{filter: alpha(style=0, opacity=70);}	*/

/*-----------------------*
	Padding Height
 *-----------------------*/
.p5 { padding: 5px; }
.p4 { padding: 4px; }
.p3 { padding: 3px; }
.p2 { padding: 2px; }
.p1 { padding: 1px; }

.l30 { line-height: 30px; }
.l20 { line-height: 20px; }
.l18 { line-height: 18px; }
.l16 { line-height: 16px; }
.l14 { line-height: 14px; }

/*-----------------------*
	ライン
 *-----------------------*/
.dotu {
	border-width: 1px;
	border-color: #aaa; 
	border-bottom-style: dotted;
}

.gray_shadow {
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #fff #aaa #aaa #fff;
}

.gray_line1 {
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #fff #aaa #aaa #aaa;
}

.gray_line2 {
	border: solid 1px #ddd;
}

.blue_line1 {
	border: solid 1px #6cf;
	padding: 3px;
}

/*-----------------------*
	リスト
 *-----------------------*/
/* ポイント */
ul.point {
	margin: 0 10px 10px 25px;
}

ul.point li {
	list-style-image: url(images/point.gif);
	list-style-position: outside;
	margin: 7px 0 0 0;
	border-width: 1px;
	padding: 4px;
	border-color: #aaa; 
	border-bottom-style: dotted;
}

ul.point li.none {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 3px 0 0 0;
	border: 0;
	padding: 4px;
}

/* ポイント2 */
ul.point2 {
	margin: 0 0 0 16px;
}

ul.point2 li {
	list-style-image: url(images/point_orange1.gif);
	list-style-position: outside;
	margin: 5px 0 0 0;
	border: 0;
}

/* ポイント3 */
ul.point3 {
	margin: 0 0 0 16px;
}

ul.point3 li {
	list-style-image: url(images/point_blue1.gif);
	list-style-position: outside;
	margin: 3px 0 0 0;
	border: 0;
}

/* ポイント4 */
ul.point4 {
	margin: 0 0 0 16px;
}

ul.point4 li {
	list-style-image: url(images/point.gif);
	list-style-position: outside;
	margin: 3px 0 0 0;
	border: 0;
}

/* 最新情報 */
dl.news {
	line-height: 1.6;
	margin: 0px auto;
	width: 590px;
	text-align: center;
}

dl.news dt {
	width: 75px;
	float: left;
	padding-bottom: 1px;
	clear:both;
	color: #777;
	text-align: left;
}
dl.news dd {
	width: 510px;
	padding: 1px;
	border-bottom: 1px dotted #aaa;
	text-align: left;
}

/*-----------------------*
	テーブル
 *-----------------------*/
.list { background-color: #fff; }

.list1 {
	border-left:	1px #ddd solid;
	border-right:	1px #888 solid;
	border-bottom:	1px #888 solid;
/*	background: url(images/list_h1.jpg);*/
	background: url(images/b_gray.jpg);
/*	color: #fff;*/
	text-align: center;
	font-weight: bold;
	background-repeat : repeat-x;
}

.list2 {
	border-top:		1px #ddd solid;
	border-left:	1px #ddd solid;
	border-right:	1px #aaa solid;
	border-bottom:	1px #aaa solid;
	border-collapse: collapse;
	background-color: #eee;
}

.list3 {
	border-top:		1px #ddd solid;
	border-left:	1px #ddd solid;
	border-right:	1px #aaa solid;
	border-bottom:	1px #aaa solid;
	border-collapse: collapse;
	background-color: #fff;
}

.bd01
{
	background:		url(images/body01.jpg);
	background-repeat : repeat-y;
}

.tbl1
{
	border-left:	1px #ddd solid;
	border-right:	1px #aaa solid;
	border-bottom:	1px #aaa solid;
	background:		url(images/tb01.jpg);
	background-repeat : repeat-x;
}

.tbl2
{
	border-top:		1px #ddd solid;
	border-left:	1px #ddd solid;
	border-right:	1px #aaa solid;
	border-bottom:	1px #aaa solid;
	border-collapse: collapse;
}

.h2				{border: solid 1px #aaa; background: url(images/th02.jpg);}
.t2				{border: solid 1px #aaa;}

.tr_on			{background:#daecff;}

.normal_list {
	border:	1px #dedede solid;
	width: 590px;
}

.shadow {
	border-right:	1px #ddd solid;
	border-bottom:	1px #ddd solid;
}

.brown_table {
	border: solid 1px #c96;
	background-color: #fed;
}


/*-----------------------*
	商品画像
 *-----------------------*/
div.item_pict {
}

div.item_pict div {
	display: table-cell;
	width: 590px;
	margin-bottom: 1px;
	vertical-align: bottom;
}
* html div.item_pict div{
	display:inline;
	zoom:1;
}
*:first-child+html div.item_pict div{
	display:inline;
	zoom:1;
}
/*\*//*/
* html div.item_pict div{
	display:inline-block;
}
/**/

/*-----------------------*
	ヘッダー
 *-----------------------*/
#top {
	width: 100%;
	background: #eee;
	overflow: visible;
	margin: 0px auto;
	text-align: center;
}
#top .inner {
	width: 960px;
	overflow: visible;
	margin: 3px auto;
	text-align: left;
}

#header {
	width: 960px;
	height: 76px;
	overflow: visible;
	margin: auto;
	text-align: center;
/* border: 1px solid #000; */
}

/* 高さ自動調整用 */
#header:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #header {
	height: 1em;
	overflow: visible;
}

#header .left {
	float: left;
	width: 520px;
	height: 76px;
	margin: 0px;
	text-align: center;
	display: inline;
}

#header .right {
	float: left;
	width: 440px;
	height: 76px;
	margin: 0px;
	text-align: center;
	display: inline;
}

/*-----------------------*
	ヘッダーメニュー
 *-----------------------*/
#head_menu {
	width: 960px;
	height: 34px;
	overflow: visible;
	margin: auto;
	text-align: center;
/* border: 1px solid #000; */
}

/*-----------------------*
	ヘッダー検索
 *-----------------------*/
#head_search {
	width: 220px;
	height: 34px;
	overflow: hidden;
	margin: auto;
	text-align: center;
/* border: 1px solid #000; */

	background: url(images/menu_bg.gif);
	background-repeat : repeat-x;

}

/*-----------------------*
	階層表示
 *-----------------------*/
#pagetitle {
	float: left;
	color: #333;
	width: auto;
	height: auto;
	text-align: left;
}

/*-----------------------*
	コンテンツ全体
 *-----------------------*/
#contents {
	width: 960px;
	height: auto;
	min-height:100%;
	overflow: visible;
	margin: auto;
	text-align: center;
	background: #eee;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #ddd #fff #fff #fff;
}

/* 高さ自動調整用 */
#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #contents {
	height: 1em;
	overflow: visible;
}

/*-----------------------*
	コンテンツ左メニュー
 *-----------------------*/
#contents #left {
	float: left;
	width: 161px;
	margin: 6px 6px;
	text-align: center;
	display: inline;
}

/*-----------------------*
	コンテンツ中央
 *-----------------------*/
#contents #center {
	float: left;
	width: 614px;
	min-height:100%;
	margin: 6px 0px;
	text-align: center;
	display: inline;
}

#contents #center2 {
	float: left;
	width: 781px;
	margin: 6px 6px 6px 0px;
	text-align: center;
	display: inline;
}

#contents #center3 {
	float: left;
	width: 948px;
	margin: 6px 6px 0px 6px;
	text-align: center;
	display: inline;
}

/*	ボックス1（実線）	*/
#contents #center #box1 {
	width: 590px;
	border: solid 1px #ddd;
	padding: 3px;
	overflow: visible;
	margin: 0px;
	text-align: center;
	display: block;
}
/* 高さ自動調整用 */
#contents #center #box1:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #contents #center #box1 {
	height: 1em;
	overflow: visible;
}

/*	ボックス2（線なし）	*/
#contents #center #box2 {
	width: 590px;
	padding: 3px;
	overflow: visible;
	margin: auto;
	text-align: center;
}
/* 高さ自動調整用 */
#contents #center #box2:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #contents #center #box2 {
	height: 1em;
	overflow: visible;
}

/*	バナーレイアウト	*/
.banner{clear: both; width:614px; text-align:center; padding:0px 0px 0px 0px; overflow:hidden;}
.banner_h{width:614px; text-align:center; padding:0px 0px 0px 0px; overflow:hidden;}
.banner_l{float:left; text-align:left; width:307px; overflow:hidden;}
.banner_r{float:right; text-align:right; width:307px;padding:0px 0px 0px 0px; overflow:hidden;}

/*	おすすめ商品	*/
.recommend{float:left; text-align:center; width:24%; height:150px; line-height: 16px; padding:10px 0px 0px 5px;}

/*	メリット	*/
.merit1{float:left; text-align:center; width:55px; padding:5px 0px 0px 10px;}
.merit2{float:left; text-align:left; width:240px; padding:5px 0px 0px 10px;}

/*-----------------------*
	コンテンツ右メニュー
 *-----------------------*/
#contents #right {
	float: right;
	width: 161px;
	margin: 6px 6px;
	text-align: center;
	display: inline;
}

/*-----------------------*
	コンテンツご注文フォーム
 *-----------------------*/
#contents #ordermain {
	float: left;
	width: 780px;
	height: auto;
	min-height:100%;
	margin: 6px 0px;
	text-align: center;
	display: inline;
}

/*-----------------------*
	コンテンツご注文フォーム(中央)
 *-----------------------*/
#contents #ordermiddle {
	float: left;
	width: 550px;
	height: auto;
	min-height:100%;
	margin: 0px 0px;
	text-align: center;
	display: inline;
}

/*-----------------------*
	コンテンツご注文フォーム(右)
 *-----------------------*/
#contents #orderright {
	float: right;
	width: 200px;
	margin: 0px 0px;
	text-align: center;
	display: inline;
}

/*-----------------------*
	広告スペース
 *-----------------------*/
#advertisement {
	width: 960px;
	overflow: visible;
	background: #fff;
	margin: 0px auto;
	text-align: center;
}
#advertisement .inner {
	width: 100%;
	overflow: visible;
	background: #eee;
	margin: 0px auto;
	text-align: center;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #ddd #fff #fff #fff;
}

/*-----------------------*
	フッター
 *-----------------------*/
#footer {
	width: 100%;
	overflow: visible;
	clear: both;
	margin: auto;
	text-align: center;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #ddd #fff #fff #fff;
}

#footer .menu {
	width: 960px;
	height: 40px;
	overflow: visible;
	margin: 0px auto;
	text-align: left;
}

#footer .menu .left {
	float: left;
	font-size: 10pt;
	width: 840px;
	overflow: hidden;
	margin: 0px auto;
	text-align: left;
}
#footer .menu .right {
	float: right;
	width: 120px;
	overflow: hidden;
	margin: 0px auto;
	text-align: right;
}

#footer .bottom {
	width: 100%;
	height: 50px;
	background: url(images/footer_bg.jpg);
	overflow: visible;
	margin: 0px auto;
	text-align: center;
}

#footer .bottom .copyright {
	width: 960px;
	font-size: 8pt;
	color: #777;
	overflow: visible;
	margin: 5px auto;
	text-align: right;
}

/*-----------------------*
	オーダーシステム用
 *-----------------------*/
.table_frame  { background-color: #c0cccc; }
.table_title  { background-color: #f0f4f4; color: #445; }
.table_title2 { background-color: #ffc9b1; color: #445; }
.table_data   { background-color: #fff; }
.table_select { background-color: #ffe0e0; }
.table_head   {
	background: url(ordersystem/image/title_head.gif);
	background-repeat : no-repeat;
	background-position : bottom;
	height: 17px;
	width: 150px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}
.table_head2  {
	background: url(ordersystem/image/title_head2.gif);
	background-repeat : no-repeat;
	background-position : bottom;
	height: 17px;
	width: 150px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table_head3  {
	background: url(ordersystem/image/side_head.gif);
/*	background-repeat : no-repeat;	*/
/*	background-position : bottom;	*/
	height: 17px;
	width: 160px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table_left_shadow {
	background: url(ordersystem/image/back_shadow.jpg);
	width: 10px;
	background-position : left;
}

.s_gray {
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #fff #bbb #bbb #bbb;
line-height: 16px;
background-color: #fff;
}

.s_gray2  {
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #fff #ddd #ddd #ddd;
line-height: 16px;
}

.l_gray {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #aaa #aaa #aaa #aaa;
}

.l_gray_right {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff #aaa #fff #fff;
}

.l_red {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #ffc3c3 #ffc3c3 #ffc3c3 #ffc3c3;
}

.note_orange { font-size:9pt; color:#ff4000; }

/***************************
	不要？
 ***************************/
.b_blue {
background: url(images/b_blue.jpg);
border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #f4ffff #47a3ff #47a3ff #f4ffff;
color: #049;
font-size: 14px;
font-weight: bold;
}

/***************************
	追加分
 ***************************/
.add {
	background: url(images/sub_title_bar.gif);
	background-repeat:no-repeat;
	width: auto;
	height: 30px;
	letter-spacing:0px;
	font-weight: bold;
	font-size: 15px;
	color: #337;
	padding-left: 15px;
	line-height: 28px;
	text-align: left;
	margin: 10px 0px;
}
.add01 {
	background: url(images/sub_title_bar2.gif);
	background-repeat:no-repeat;
	width: auto;
	height: 27px;
	letter-spacing:0px;
	font-weight: bold;
	font-size: 15px;
	padding-left: 30px;
	line-height: 27px;
	text-align: left;
	margin: 10px 0px;
	color: #049;
}
.add02 {
	background: url(images/box_title.gif);
	background-repeat:no-repeat;
	width: auto;
	height: 27px;
	letter-spacing:0px;
	font-weight: bold;
	font-size: 15px;
	padding-left: 30px;
	line-height: 27px;
	text-align: left;
	margin: 0px;
	color: #049;
}
.add03{
	font-size:12px; 
	margin-left:10px;
}

.add04{
	margin:0px 10px; 
	text-align:left;
	font-size:12px!important;
}