@charset "utf-8";

/* *******************************************************************************
　1カラム
******************************************************************************** */
.one-col h2 {
	font-size: 14px;
	color: #078400; 
	height: 21px;
	margin: 5px 0 13px 0;
	padding: 4px 0 0 12px;
/*	background: url(../img/tpl/th2_one_bk.gif) left top no-repeat;       */
}
.one-col h3 {
	font-size: 14px;
	color: #75621b;
	padding: 4px 10px 2px 10px;
	margin: 0 0 10px 0;
	background: #fdf496;
	border-left: 5px solid #ffe06c;
}
.one-col p { margin: 0 0 10px 0; }
.one-col table { width: 100%; }


/* ===============================================================
　◆マイページ
=============================================================== */
#my { padding: 0; }
#my h2 { margin: 0 0 13px 0; }

/* MYPAGE共通指定
----------------------------------------------- */
#my-con { width: 785px; padding: 0 10px; float: right; }

/* MYナビ */
#my-navi { width: 155px; float: left; }
#my-navi dt { height: 30px; background: url(../img/ogura/t_my.gif) 0 0 no-repeat; text-indent: -9999px; }
#my-navi li.on { font-weight: bold; }
#my-navi li {
	list-style: none;
	padding: 4px 0 4px 18px;
	border-bottom: 1px dotted #AAAAAA;
	background: url(../img/tpl/arrow_green.gif) 0 7px no-repeat;
}
#centercol #my-navi a { color: #333333; text-decoration: none; }
#centercol #my-navi a:hover { color: #078400; text-decoration: none; }

/* ポイント */
#my-point {
	width: 135px;
	padding: 10px;
	margin: 10px 0 0 0;
	border: 1px dotted #129142;
}


/* 購入履歴
----------------------------------------------- */
#history-list {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
}
#history-list li {
	padding: 2px 0 2px 143px;
	border-bottom: 1px dotted #CCCCCC;
	background: url(../img/tpl/c_green.gif) 0 8px no-repeat;
}
#history-list span { margin: 0 0 0 -130px; float: left; color: #236500; }


/* ===============================================================
　◆カート
=============================================================== */
#cart { padding: 0 15px; }
#cart ul { width: 45px; text-align: center; margin: 0 auto; }
#cart #plus {
	display: block;
	width: 17px;
	height: 17px;
	float: left;
	text-decoration: none;
	background: url(../img/tpl/i_plus.gif) center bottom no-repeat;
}
#cart #minus {
	display: block;
	width: 17px;
	height: 17px;
	float: right;
	text-decoration: none;
	background: url(../img/tpl/i_minus.gif) center bottom no-repeat;
}


/* ===============================================================
　◆購入手続き
=============================================================== */
#shopping { padding: 0 15px; }
#shopping h3 { margin-top: 15px; }

/* フローチャート */
#shopping-flow {
	width: 770px;
	height: 38px;
	margin: 15px 0 15px -15px;
	text-indent: -9999px;
}
#shopping-flow li {
	height: 38px;
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	background-image: url(../img/tpl/flow.gif) ;
	background-repeat: no-repeat;
}
#flow01 { width: 155px; background-position: 0 8px; }
#flow02 { width: 265px; background-position: -155px 8px; }
#flow03 { width: 185px; background-position: -420px 8px; }
#flow04 { width: 135px; background-position: -605px 8px; }

#flow01.on { background-position: 0 -30px; }
#flow02.on { background-position: -155px -30px; }
#flow03.on { background-position: -420px -30px; }
#flow04.on { background-position: -605px -30px; }


/* ===============================================================
　◆ログイン
=============================================================== */
#login { padding: 0 20px; }
#login .btn { margin-top: 10px; }
#login-text { margin: 0 0 5px 0; padding: 0; list-style: none; }
#login-text li { padding: 0 0 2px 100px; }
#login-text span { margin: 0 0 0 -100px; float: left; }


/* ===============================================================
　◆ポップアップ
=============================================================== */
#popup { margin: 20px; }
#popup h2 {
	font-size: 14px;
	color: #75621b;
	padding: 4px 10px 2px 10px;
	margin: 0 -10px 10px -10px;
	background: #fdf496;
	border-left: 5px solid #ffe06c;
}
#popup .btn input { margin-bottom: 15px; }
#popup .btn a { background: #FFFFFF; text-decoration: underline; }

/* ===============================================================
　◆エラー
=============================================================== */
#error {
 width: 100%;
 text-align: center;
 margin: 0 auto;
 padding: 15px 0;
 min-height:500px;
 height: auto !important;
 height: 500px; }