@charset "utf-8";

/* --------------------------------------------------
CSS Information

	はなどんやアソシエ : style sheet
	File name: base.css
	Descrption: 注文履歴のスタイル
	Created: 2011.07.13
	Author: 

-------------------------------------------------- */

/* --------------------------------------------------
Table of contents

-------------------------------------------------- */

/* --------------------------------------------------
The description order
-------------------------------------------------- */

/*
	content
	list-style
	outline
	display
	position
	zoom
	float
	clear
	width
	height
	line-height
	vertical-align
	overflow
	visibility
	margin
	padding
	border
	table-layout
	border-collapse
	color
	font-family
	font-weight
	font-size
	text-indent
	text-align
	text-decoration
	letter-spacing
	white-space
	background
*/

/* --------------------------------------------------
Font size
-------------------------------------------------- */

/*
default font-size 12px
9px font-size: 75%;
10px font-size: 83.3%;
11px font-size: 91.7%;
13px font-size: 108.3%;
14px font-size: 116.7%;
15px font-size: 125%;
16px font-size: 133.3%;
17px font-size: 141.7%;
18px font-size: 150%;
20px font-size: 166.7%;
*/


/* --------------------------------------------------
	base
-------------------------------------------------- */
body {
	background:#fff;
	font:100% Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
}

/* Global Styles ========================================================================= */



/* Layout ================================================================================ */
.wrapper {}
.page {
	text-align: left;
}
.page-print { background:#fff; padding:20px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main-container {
	width: 950px;
	margin: 0 auto;
}
.main {}

/* Base Columns */
.col-left { float:left; width:180px; }
.col-main { float:left; width:758px; }
.col-right { float:right; width:180px; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:566px; }
.col3-layout .col-wrapper { float:left; width:758px; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set .col-1 {}
.col2-set .col-2 {}
.col2-set .col-narrow { width:33%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */

/* --------------------------------------------------
	common
-------------------------------------------------- */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.01em;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
.bold {
	font-weight: bold;
}
.red {
	color: #EF544B;
}
.orange {
	color: #FF9E00;
}
.blue {
	color: #4646FF;
}

/* ログインボタン */
.buttons-set {
	padding: 5px 0 30px;
	text-align: center;
}
.buttons-set .button span {
	display: block;
	overflow: hidden;
	width: 190px;
	height: 0;
	padding-top: 34px;
	background: url(../images/login/btn_login.jpg) no-repeat 0 0;
}
.buttons-set .button span {
	display: block;
	overflow: hidden;
	width: 190px;
	height: 0;
	padding-top: 34px;
	background: url(../images/login/btn_member.jpg) no-repeat 0 0;
}

/* フッターパネル */
.footer-panel{
    background-color:Ivory;
    border-color:#FFC080;
    border-style:Outset;
    text-align:justify;
    padding: 10px;
    width: 100%;
}