/*@import url(Default.css);*/

/*base*/
p{
	padding:1px;
	margin:1px;
}

div#container
{
	font-family:'平成角ゴシック',Osaka,sans-serif;
	width:100%;
	color:#000033;
	font-size:small;
	line-height:130%;
}

div#container a
{
	color:#0066CC;
	padding:1px;
}

div#container a:hover
{
	text-decoration:none;
	padding:1px;
	background:#0066CC;
	color:#FFFFFF;
}


input,select,textarea
{
	/*
	border:solid 1px #666666;
	padding:2px;
	*/
}

.errwaku
{
	margin:20px auto 20px auto;
	border-style:double;
	border-width:7px;
	border-color:#FF0000;
}

#errWaku1
{
	margin:20px auto 20px auto;
	border-style:double;
	border-width:7px;
	border-color:#FF0000;
}

#errWaku2
{
	margin:20px auto 20px auto;
	border-style:double;
	border-width:7px;
	border-color:#FF0000;
}

.errmsg
{
	margin:5px 0px;
	color:#FF0000;
}

#errMsg1
{
	margin:5px 0px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}

#errMsg2
{
	margin:5px 0px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
}

.errmessage
{
	margin:5px 10px;
	padding:0;
	text-align:left;
	font-size:medium;
	font-weight:bold;
	color:#FF0000;
}

#errMessage1
{
	margin:5px 10px;
	padding:0;
	text-align:left;
	font-size:medium;
	font-weight:bold;
	color:#FF0000;
}

#errMessage2
{
	margin:5px 10px;
	padding:0;
	text-align:left;
	font-size:medium;
	font-weight:bold;
	color:#FF0000;
}

.errnaiyo
{
	margin:10px;
	padding:0;
}

#errNaiyo1
{
	margin:10px;
	padding:0;
}

#errNaiyo2
{
	margin:10px;
	padding:0;
}

.shorimsg
{
	margin:5px 0px;
	color:#0000FF;
}

.clear
{
	clear:both;
}

#header
{
	width:100%;
	text-align:left;
	background:#FFFFFF;
	margin-top:20px;
}
 
#header h1
{
	padding:10px 10px;
	color:#000000;
	font-size:18px;
	font-weight:bolder;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-color:#C0C0C0;
	border-bottom-width:2px;
}


div#footer
{
	border-top-style:solid;
	border-top-color:#C0C0C0;
	border-top-width:2px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	padding:5px;
}

/*wrapper*/
div#content
{
	width:100%;
	text-align:center;
    padding-bottom:10px;
}


/*main*/
div#main
{
	/*position:absolute;*/
	top:66px;
	width:800px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
div#main h1
{
	width:99%;
	padding:5px 5px;
	text-align:center;
	font-size:large;
	font-weight:bolder;
}

div.border
{
	width:99%;
	height:20px;
	border-bottom:1px solid #999999;
}

div.stepTitle
{
	width:auto;
	margin-top:10px;
	padding:5px 5px;
	text-align:center;
	font-size:large;
	font-weight:bolder;
}

div#main ul
{
	list-style-type:none;
	margin-top:5px;
	margin-left:5px;
}

.cellbox
{
	margin:5px 0;
	border:1px solid #999999;
	text-align:left;
}

.cellbox th
{
	text-align:center;
	background:#cccccc;	
	border:1px solid #999999;
	padding:2px;
}

.cellbox td
{
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	padding:2px;

}

.bgcell {
	padding:2px 2px;
	background-image:url("common/images/linebg.gif");
}

.tdright
{
	text-align:right;
}

/*************************************
* 注文ステップ
**************************************/
div#orderstep{
}

div#orderstep table{
	margin:5px auto 20px auto;
}

div#orderstep table td.step{
    white-space:nowrap;
    text-align:center;
    padding-top:8px;
}

/*************************************
* 注文情報テーブル
**************************************/
/*↓↓灰色バージョン*/
table.ordercell{
	margin:10px auto;
	width:98%;
	font-size:small;
	border:solid 2px #B9B7B7;
	margin-top:0px;
}

table.ordercell th{
	text-align:center;
	border:solid 1px #B9B7B7;
	background-color:#E6E3E3;
	/*font-weight:bold;*/
	padding:5px;
}

table.ordercell td{
	padding:5px;
	border:solid 1px #B9B7B7;
	text-align:left;
}

table.ordercell th.right{
	text-align:right;
}

table.ordercell td.right{
	text-align:right;
}

table.ordercell td.rightB
{
	color:#007BBB;
	text-align:right;
}

table.check td
{
    font-weight:bold;
	color:#353535;
}

/*↓↓総合計（色つき）バージョン*/
table.ordercellColor{
	margin:0px auto;
	width:98%;
	font-size:small;
	border:solid 2px #B9B7B7;
	background-color:#FFF3B8;
}
table.ordercellColor td{
	padding:5px;
	border:solid 1px #B9B7B7;
	text-align:right;
	font-weight:bold;
	color:#007BBB;
}

p.ordertopmsg{
	font-size:large;
	font-weight:bold;
	margin-top:10px;
}

p.kagoaltmsg
{
	text-align:center;
	color:#ff0000;
	font-size:150%;
	font-weight:bold;
	margin:100px auto 50px auto;
}

p.orderaltmsg{
	text-align:left;
	color:#048705;
	margin-top:20px;
	margin-left:6px;
}

p.syototal{
	font-weight:bold;
	text-align:right;
}

p.hintotal{
	font-weight:bold;
	font-size:medium;
	text-align:right;
}

p.sototal{
	font-weight:bold;
	font-size:medium;
	text-align:right;
}

/*************************************
* 編集画面テーブル・ボタン
**************************************/

div.editEntryForm
{
}

div.editEntryForm h2
{
	color:#FF0000;
	width:100%;
	text-align:left;
}

div.editEntryForm p
{
	width:93%;
	text-align:left;
}


div.editEntryForm table
{
	width:98%;
	font-size:small;
	margin:10px auto;
	border:solid 2px #999999;
}
div.editEntryForm table.check th
{
    padding:5px;
}
div.editEntryForm table.check td
{
    font-weight:bold;
	color:#0000FF;
}

div.editEntryForm table th
{
	width:140px;
	padding:5px;
	text-align:left;
	border:solid 1px #999999;
    background  :#ffffdd;
	padding-left:40px;
}
div.editEntryForm table th.hissu
{
	background:#ffffdd url("common/Images/hissu.gif") no-repeat 5px center;
}
div.editEntryForm table th.biko
{
    width:100%;
    padding:5px 40px;
}
div.editEntryForm table td
{
	padding:5px;
	border:solid 1px #999999;
	text-align:left;
}

div.editEntryForm table td.head
{
	padding:5px;
	border:solid 1px #999999;
	text-align:left;
	background-color:#FFC959;
	font-size:130%;
	font-weight:bold;
	padding-left:20px;
    color:#000033;
}

div.editEntryForm table td.right
{
	text-align:right;
}

div.editEntryForm table td.hinInfo
{
    width: 20%;
    vertical-align: top;
    background-color: #F0F0F0;
}

div.editEntryForm table td.addrInfo
{
    padding:15px;
}

div.editEntryForm table td.addrInfo table
{
    width:100%;
    margin-bottom:0px;
    border-width:1px;
}

div.editEntryForm table td.addrInfo div.addrText
{
    font-size:110%;
    float:left;
}

div.editEntryForm table td.addrInfo div.jitakuAddr
{
    float: right;
    margin-top: -5px;
}

div.editEntryForm table td.addrInfo div.haisousakiSelect
{
    float: right;
    margin-top: -5px;
}

div.editEntryForm table td.addrInfo div.jitakuAddr select
{
    margin-right:10px;
}
div.editEntryForm table td.haisohinInfo div
{
    font-weight:normal;
    color:#000033;
}
div.editEntryForm table td.haisohinInfo table
{
    border-width: 1px;
    width:99%;
}
div.editEntryForm table td.haisohinInfo table th
{
    color:#000033;
    background-color:#ECF0FF;
}
div.editEntryForm table td.haisohinInfo table td.imgArea
{
    width:120px;
    text-align:center;
}

div.editEntryForm table input,div.editEntryForm table textarea,div.editEntryForm table select
{
	/*
	border:solid 1px #CCCCCC;
*/
	margin:1px;
	padding:2px;
}

div.editEntryForm table td table.ListTable{
    border:none;
    margin:0;
    text-align:left;
    font-size:small;
}
div.editEntryForm table td table.ListTable td{
    border:none;
    text-align:left;
    font-size:small;
}

div#actButton
{
	margin:20px;
	text-align:center;
}

input.btn
{
	margin:0 5px;
}

div#backButton
{
	text-align:right;
	margin:5px 5px 0 0;
}

p.craditalert
{
	margin:auto 10px -6px;
	color:#ff0000;
}

p.fastpayalert
{
    color:#ff0000;
}

/*************************************
* 規約関係
**************************************/
#kiyakumain
{
	width:900px;
	margin:30px auto auto auto;
}
.agreemenu
{
	width:200px;
	text-align:left;
	margin-top:10px;
	padding-top:20px;
	padding-bottom:30px;
	background-color:#FEEFDB;
	float:left;
}
.menu
{
	margin-bottom:20px;
	margin-top:10px;
}
.menuTitle
{
	margin:10px 10px 0px 5px;
    padding-left:5px;
    padding-bottom:2px;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:solid 2px #FE9F34;
	border-left:solid 8px #FE9F34;
}
.menuNaiyo
{
	margin:5px auto 5px 10px;
}
.menuNaiyo div
{
	padding-bottom:5px;
}
div.agreetable
{
}
div.agreetable table
{
	width:680px;
	margin:10px auto;
	margin-left:20px;
	border:solid 2px #999999;
	float:left;
}
div.agreetable table th
{
	text-align:left;
	border:solid 1px #999999;
    background  :#ffffdd;
	padding:10px 0px 10px 20px;
	letter-spacing:1px;
	width:25%;
}
div.agreetable table th.header
{
    background:#FE9F34;
    color:#5C2D0B;
	font-size:medium;
	font-weight:bold;
	width:100%;
}
div.agreetable table td
{
	padding:5px;
	border:solid 1px #999999;
	text-align:left;
	letter-spacing:0.1em;
}
.closeBtn
{
	margin-left:200px;
}
.closeBtnNon
{
	display:none;
}

/*************************************
* お買上げ合計金額画面
**************************************/
div.editEntryForm table.orderTotal
{
}
div.editEntryForm table.orderTotal th
{
	padding:5px;
	width:100%;
}
div.editEntryForm table.orderTotal th.center
{
	text-align:center;
}
div.editEntryForm table.orderTotal th.right
{
	text-align:right;
}
div.editEntryForm table.orderTotal td
{
}

/*************************************
* メルマガ受付
**************************************/
div.editEntryForm table.mmTable
{
    border:none;
    margin:0;
    text-align:left;
}
div.editEntryForm table.mmTable th
{
}
div.editEntryForm table.mmTable td
{
    border:none;
    text-align:left;
    font-size:small;
}


/*************************************
* 注文エラー画面
**************************************/
div.orderErrMsg
{
	border:solid 2px Red;
	padding:8px;
	width:600px;
	background-color:#FFFBFB;
	margin:5px auto 10px auto;
}
div.orderErrMsg ul
{
	list-style-image:url(~/Common/Images/shop/shikaku.gif);
	list-style-type: disc;
	list-style-position:outside;
}
div.orderErrMsg ul li
{
	text-align:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
}
div.orderErrNaiyo
{
	margin-top:20px;
	margin-bottom:20px;
}
div.orderErrTitle
{
	color:Red;
	font-size:medium;
	font-weight:bold;
}
span.errSname
{
	font-size:130%;
	color:Blue;
}
span.errmust
{
	color:Red;
	font-weight:bold;
}

/*************************************
* 汎用
**************************************/

/*赤*/
.fcol1{ color:#FF0000;}
/*青*/
.fcol2{ color:#0000FF;}
/*オレンジ*/
.fcol3{ color:#FF6600;}
/*グレイ*/
.fcol4{ color:#999999;}

.calign
{
	text-align:center;
}

.leftspace
{
	padding-left:5px;
}
/*
.ime_active {ime-mode: active;}
.ime_inactive  {ime-mode: inactive ;}
.ime_disabled {ime-mode: disabled;}*/
.inputnum 
{
	/*ime-mode:disabled;*/
	text-align:right;
	border:solid 1px #CCCCCC;
	margin:1px;
	padding:2px;
}
.radio input
{
	border-style:none;
}

.sizeAs
{
	font-size:xx-small;
}


div.toiawase table
{
	width:400px;
	font-size:small;
	margin:10px auto;
	border:solid 1px #99CCCC;
}
div.toiawase table th
{
	padding:5px;
	text-align:center;
    background :#99CCCC;
}
div.toiawase table td
{
	padding:2px;
	text-align:center;
}
/**************************************************
* 中央表示
***************************************************/
div#main .dispcenter
{
	text-align:center;
    margin:2px;
}
/**************************************************
* Web駅ID・パスワード入力欄
***************************************************/
div.editEntryForm table.inputWebEkiform
{
    width:85%;
    margin:0px auto;
}
table.inputWebEkiform tr th
{
	background-color:#feefdb;
}

div.actButtonArea
{
    margin:10px;
    text-align:center;
}

div#registMemberButton
{
    font-weight:bold;
    text-align:right;
}

h2.title
{
	padding-right: 5px;	
	padding-left: 10px;	
	font-weight: bold;	
	font-size: 120%;	
	background:url(Common/Images/bun_title.jpg);
	padding-bottom: 5px;	
	margin: 3px 0px;	
	color: #353535;	
	padding-top: 8px;
	background-repeat : repeat-x;
	height: 30px;
	text-align:left;
}

/**************************************************
* 注意書き・年齢確認
***************************************************/
div#alcoholnotes
{
	width:50%;
	margin:10px auto 0px;
	padding:10px 20px;
	border:solid 2px #B9B7B7;
}
div#alcoholnotes .alcoholalert
{
	color:#FF0000;
	font-size:120%;
	font-weight:bold;
}
div#alcoholnotes div.checkage
{
	font-weight:bold;
	font-size:120%;
	margin:10px 0;
}
div#alcoholnotes div.checkage table
{
	width:200px;
	margin:10px auto 0;
}
div#alcoholnotes div.checkage table td
{
	padding:5px;
}
div#alcoholnotes div.checkage table input
{
	margin: 1px;
    padding: 2px;
}

div#alcoholdrinkingnotes
{
	margin:15px auto 0px;
	font-size:120%;
	font-weight:bold;
}