@charset "utf-8";

/* ------------------------------------------- CSS Document
 File Name:			shop_tab1.css
 Style Info:		蒼空学園用　購買　レイアウト設定
----------------------------------------------------------- */

.bodyArea {width:800px; margin: 0 auto; text-align:left;}

.page_navi {width:684px; text-align:center; margin:10px auto;}
.formbace {width:644px; text-align:left; padding:10px; vertical-align:bottom;}

.sLnavi {width:740px; height:20px; vertical-align:middle; text-align:center; margin:10px auto; border-collapse:separate; border-spacing:5px;}
.sL01 {width:30px; height:20px;}
.sL02 {width:30px; height:20px;}
.sL03 {width:40px; height:20px;}
.sL04 {width:480px; height:20px;}
.sL05 {width:100px; height:20px;}
.sL06 {width:60px; height:20px;}

.sL01a {width:25px; height:20px;}
.sL02a {width:25px; height:20px;}
.sL03a {width:40px; height:20px;}
.sL04a {width:520px; height:20px;}
.sL05a {width:25px; height:20px;}
.sL06a {width:90px; height:20px;}

.sLcomment {width:300px; border:2px #f39800 solid; padding:5px; color:#333333; margin:10px 0;}
.sLcommentError {width:300px; border:2px #a22041  solid; padding:5px; color:#333333; margin:10px 0;}

.shopList {vertical-align:middle; margin:10px auto; text-align:left;}
.shopList2 {vertical-align:middle; margin:10px 0;}
.shopList2 {vertical-align:middle; margin:10px 0; text-align:left;}

.sL11 {width:60px; height:48px; padding:1px; vertical-align:middle;}
.sL12 {width:150px; height:48px; padding:1px; vertical-align:middle;}
.sL13 {width:272px; height:48px; padding:1px;}
.sL14 {width:132px; height:48px; padding:1px;}
.sL17 {width:48px; height:48px; padding:1px; vertical-align:middle;}
.sL18 {width:24px; height:48px; padding:1px; vertical-align:middle;}

.sL15 {height:36px; padding:1px; vertical-align:bottom; text-align:right;}
.sL16 {height:40px; padding-top:10px;}
.sL19 {width:132px; height:48px; padding:1px;}

.sL11a {width:60px; height:48px; padding:1px;}
.sL12a {width:150px; height:48px; padding:1px;}
.sL16a {width:24px; height:48px; padding:1px;}
.sL17a {width:48px; height:48px; padding:1px; text-align:center;}

.sL20 {width:60px; height:48px; padding:1px;}
.sL21 {width:24px; height:48px; padding:1px;}
.sL22 {width:100px; height:48px; padding:1px;}
.sL23 {width:100px; height:48px; padding:1px;}
.sL24 {width:24px; height:48px; padding:1px;}
.sL25 {width:24px; height:48px; padding:1px;}
.sL26 {width:24px; height:48px; padding:1px;}
.sL27 {width:24px; height:48px; padding:1px;}
.sL28 {width:12px; height:48px; padding:1px;}
.sL29 {width:24px; height:48px; padding:1px;}

.itemInfo  {width:740px; border:none;}
.iI01 {width:730px; padding:5px; color:#9cbb1c;}
.iI02 {width:230px; padding:5px;}
.iI03 {width:210px; padding:5px;}
.iI04 {width:270px; padding:5px;}
.iI05 {width:450px; padding:5px;}

.iI11 {width:88px; height:30px; text-align:center; border:1px #00CC99 solid; vertical-align:middle; padding:2px;}
.iI12 {width:137px; height:30px; text-align:left; border:1px #d4d9dc solid; vertical-align:middle; padding:2px;}

.attribute2 {width:225px; text-align:left; margin-top:1em;}
.iI21 {width:110px; height:30px; text-align:center; border:1px #00CC99 solid; text-align:center; vertical-align:middle; padding:2px;}
.iI22 {width:110px; height:30px; text-align:left; border:1px #d4d9dc solid; text-align:center; vertical-align:middle; padding:2px;}

.attribute {width:225px; text-align:left;}
.att1 {width:75px; text-align:center; border:1px #00CC99 solid; text-align:center; vertical-align:middle; padding:2px;}
.att2 {width:75px; text-align:center; border:1px #d4d9dc solid; text-align:center; vertical-align:middle; padding:2px;}

.orderHistory {width:740px; border:none; border-collapse:separate; border-spacing:5px;}
.oH01 {width:64px; height:16px;}
.oH02 {width:64px; height:16px;}
.oH03 {width:100px; height:16px;}
.oH04 {width:396px; height:16px;}
.oH05 {width:52px; height:16px;}
.oH06 {width:64px; height:16px;}

.oH11 {width:64px; height:16px;}
.oH12 {width:64px; height:16px;}
.oH13 {width:100px; height:16px;}
.oH14 {width:396px; height:16px;}
.oH15 {width:52px; height:16px;}
.oH16 {width:64px; height:16px;}

.entryB_all {width:740px; margin:0 auto;}
.entryB01 {width:740px; height:55px;}
.entryB02 {width:75px; height:55px; background-image:url(../../img/1/mid_waku1_l.gif); border:none; background-repeat:no-repeat;}
.entryB03 {width:600px; height:55px; background-image:url(../../img/1/mid_waku1_m.gif); border:none; background-repeat:repeat-x;}
.entryB04 {width:75px; height:55px; background-image:url(../../img/1/mid_waku1_r.gif); border:none; background-repeat:no-repeat;}

.bodyAreaB {width:760px; margin:10px auto;}
.bodyAreaC {width:650px; margin:10px auto; padding-left:50px;}

.formbace3 {widows:730px; text-align:right; padding:10px; vertical-align:bottom;}
.formbace4 {widows:730px; text-align:center; padding:10px; vertical-align:bottom;}

.tabc3B_01 {width:750px; background-color:#FFFFFF; vertical-align:top; padding:5px;}

.cel11 {border:1px #009999 solid; padding:3px}
.cel12 {text-align:center; border:1px #00CC99 solid; vertical-align:middle;}
.cel13 {text-align:center; border:1px #aaaaaa solid; vertical-align:middle;}
.cel14 {text-align:left; border:1px #009999 solid;}
.cel15 {text-align:center; border:1px #aaaaaa solid; vertical-align:middle; background:#ffffe0;}

.eq_mclc {width:48px; height:48px; border:none;}
.eq_mclc1 {width:24px; height:24px; border:none;}

.sSelectBox {width:120px; text-align:left;}
.sCheckBox {margin-right:12px; margin-top:5px;}

/* ------------ 消費アイテム使用 style*/
.useItems0 {
	width:600px;
	margin:1em auto;
}

.useItems5 {
	width:196px;
	height:44px;
	padding:2px;
	vertical-align:middle;
}

.useItems6 {
	width:271px;
	height:44px;
	padding:2px;
	vertical-align:middle;
}

.useItems7 {
	width:76px;
	height:44px;
	padding:2px;
	vertical-align:middle;
}

.useItems8 {
	width:41px;
	height:44px;
	padding:2px;
}

.useItemsPadd {
	padding:2px;
}