@charset "utf-8";

/*------------------------
=01 default style reset
=02 clearfix
=03 common
=04 layout
=05 module head
=06 module foot
=07 module navi
=08 module sub_navi
=09 module contents
=10 module form
=11 module common
=12 module top
=13 module item page
=14 module order page
=15 module send page
=16 module contents page
=17 module login page
=18 module admin page
=19 module system page
=20 module template page
=21 module etc
------------------------*/



/* =01 default style reset
------------------------*/

body,div,dl,dt,dd,ul,li,ol,li,
h1,h2,h3,h4,h5,form,p,
table,th,td,address,input{
	margin:0;
	padding:0;
}

body{
	line-height:1;
}
	
a img,img{
	border:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
	
caption,th{
    	text-align:left;
}
	
ul,li,ol,li{
	list-style:none;
}

a{
	color:#0088cc;
	outline:none;
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;
}

address{
	font-style:normal;
}

textarea{
	width:98%;
	font-size:12px;
	margin:5px 0;
}

iframe{
	border:none;
}


/* =02 clearfix
------------------------*/

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}



/* =03 common
------------------------*/

.r_txt{
	text-align:right !important;	
}

.l_txt{
	text-align:left !important;	
}
	
.c_txt{
	text-align:center !important;	
}

.r_lnk{
	text-align:right;
	margin:0 !important;
}

.r_lnk a{
	color:#452300;
	line-height:150%;
	padding:1px 0 4px 20px;
	background:url(img/icon_arrow_01.gif) no-repeat left 1px;
}

/*img a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}*/



/* =04 layout
------------------------*/

body{
	font-size:12px;
	color:#333;
	font-family:"メイリオ", Meiryo;
	padding:0 0 65px 0;
	background:url(img/body_bg.gif);
}

#wrapper{
	width:100%;
	margin:0 auto;
	background:url(img/wrapper_bg.gif) repeat-x left top;
	position:relative;
}

#index #wrapper{
	background:url(img/wrapper_bg_index.gif) repeat-x left top;
}

#admin #wrapper{
	background:url(img/wrapper_bg_index.gif) repeat-x left top;
}

#header{
	width:980px;
	height:110px;
	margin:0 auto;
	position:relative;
}

#contents{
	width:980px;
	margin:0 auto;
	padding:0 0 45px 0;
	position:relative;
}

#index #contents{
	margin-top:40px;
}

#footer{
	padding:20px 0 0 0;
	background:url(img/footer_bg.gif) repeat-x left top;
}



/* =05 module head
------------------------*/

/*______ ロゴ ______*/

#logo{
	float:left;
	margin:30px 0 0 0;
}

#logo a{
	width:294px;
	height:51px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background:url(img/logo.gif) no-repeat 0 0;
}

#logo a:hover{
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}

/*______ ヘッダーナビ ______*/

#h_navi{
	float:right;
	margin:20px 0;
}

#h_navi li{
	width:130px;
	height:30px;
	float:left;
	margin:0 0 0 4px;
	_margin:0 0 0 10px;
}

#h_navi li a{
	width:130px;
	height:30px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}

#h_navi .mail a{
	background:url(img/h_navi_mail.gif);
}

#h_navi .admin a{
	background:url(img/h_navi_admin.gif);
}

#h_navi .system a{
	background:url(img/h_navi_system.gif);
}

#h_navi .logout a{
	background:url(img/h_navi_logout.gif);
}

#h_navi a:hover{
	background-position:0 -30px;
}

#index #h_navi{
	margin:20px 0 0 0;
	z-index:2;
}



/* =06 module foot
------------------------*/
	
#footer #address{
	clear:both;
	display:block;
	text-align:center;
}

#footer #address a{
	color:#333333;
	text-decoration:none;
}


/* =07 module navi
------------------------*/

#g_navi{
	width:980px;
	height:45px;
	margin:0 auto;
}

#g_navi li{
	float:left;
}

#g_navi li a{
	width:196px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(img/g_navi.gif) no-repeat;
}

#g_navi .navi01 a{
	background-position:0 0;
}
	
#g_navi .navi02 a{
	background-position:-196px 0;
}

#g_navi .navi03 a{
	background-position:-392px 0;
}

#g_navi .navi04 a{
	background-position:-588px 0;
}

#g_navi .navi05 a{
	background-position:-784px 0;
}

#g_navi li#current.navi01 a,
#g_navi .navi01 a:hover{
	background-position:0 -45px;
}

#g_navi li#current.navi02 a,
#g_navi .navi02 a:hover{
	background-position:-196px -45px;
}

#g_navi li#current.navi03 a,
#g_navi .navi03 a:hover{
	background-position:-392px -45px;
}

#g_navi li#current.navi04 a,
#g_navi .navi04 a:hover{
	background-position:-588px -45px;
}

#g_navi li#current.navi05 a,
#g_navi .navi05 a:hover{
	background-position:-784px -45px;
}

#g_navi li a:hover{
	position:static;
}


/* =08 module sub_navi
------------------------*/

#sub_navi{
	width:980px;
	height:40px;
	margin:0 auto;
}

#sub_navi ul{
	background:url(img/sub_border.gif) no-repeat left center;
}

#sub_navi li{
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	background:url(img/sub_border.gif) no-repeat right center;
}

#sub_navi li a{
	color:#fff;
	line-height:40px;
	padding:0 30px;
	text-align:center;
	text-decoration:none;
}

#sub_navi li a:hover{
	color:#0088cc;
}


/* =09 module contents
------------------------*/

#main{
	width:700px;
	float:left;
}

#side{
	width:250px;
	float:right;
}


/*______ カラム ______*/

.column1 #main{
	width:980px;
}


/*______ パンくず ______*/

#topicpath{
	margin:20px auto;
}

#topicpath li{
	color:#878787;
	line-height:150%;
	display:inline;
	list-style-type:none;
	padding:0 6px 0 12px;
	background:url(img/topicpath.gif) no-repeat 0 51%;
}

#topicpath li a{
	color:#878787;
}

#topicpath li.home{
	padding:2px 3px 2px 20px;
	background:url(img/home.gif) no-repeat 0 50%;
}

#topicpath li strong{
	color:#202020;
}



/* =10 module form
------------------------*/

/*______ 共通 ______*/

.ex{
	line-height:150%;
	margin:0 0 10px 0;
}

td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

td label{
	line-height:200%;
	margin:5px 5px 0 0;
}


/*______ サブミット ______*/

.submit{
	text-align:center;
	padding:20px 0 30px 0;
	clear:both;
}

.sbmt_next,
.sbmt_back,
.sbmt_check,
.sbmt_regist,
.sbmt_edit,
.sbmt_send,
.sbmt_up,
.sbmt_close,
.sbmt_import,
.sbmt_save{
	width:130px;
	height:30px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
	float:left;
}

.sbmt_next{
	background:url(img/sbmt_next.gif) no-repeat 0 -30px;
}

.sbmt_back{
	background:url(img/sbmt_back.gif) no-repeat 0 -30px;
}

.sbmt_check{
	background:url(img/sbmt_check.gif) no-repeat 0 -30px;
}

.sbmt_regist{
	background:url(img/sbmt_regist.gif) no-repeat 0 -30px;
}

.sbmt_edit{
	background:url(img/sbmt_edit.gif) no-repeat 0 -30px;
}

.sbmt_send{
	background:url(img/sbmt_send.gif) no-repeat 0 -30px;
}

.sbmt_up{
	background:url(img/sbmt_up.gif) no-repeat 0 -30px;
}

.sbmt_close{
	background:url(img/sbmt_close.gif) no-repeat 0 -30px;
}

.sbmt_import{
	background:url(img/sbmt_import.gif) no-repeat 0 -30px;
}

.sbmt_save{
	background:url(img/sbmt_save.gif) no-repeat 0 -30px;
}

.sbmt_next:hover,
.sbmt_back:hover,
.sbmt_check:hover,
.sbmt_regist:hover,
.sbmt_edit:hover,
.sbmt_send:hover,
.sbmt_up:hover,
.sbmt_close:hover,
.sbmt_import:hover,
.sbmt_save:hover{
	background-position:0 0;
}


/*______ 登録フォーム ______*/

.form{
	border-left:5px solid #032b51;
	border-right:5px solid #032b51;
	padding:15px 10px 25px 10px;
}

.form table{
	width:950px;
	margin:20px auto 0 auto;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.form table caption{
	font-size:14px;
	font-weight:bold;
	color:#0d1c32;
	padding:10px 0;
}

.form th,
.form td{
	line-height:150%;
	padding:10px;
	border-bottom:1px dotted #bbb;
}

.form .even th,
.form .even td{
	background:url(img/even_bg.gif);
}

.form th{
	width:30%;
	text-align:right;
}

.form th span{
	color:#fff;
	background:#ff6600;
	padding:3px 5px 3px 3px;
	margin:0 0 0 10px;
}

.form td{
	text-align:left;
}

.form th span{
	color:#fff;
	font-size:11px;
	background:#ff6600;
	padding:3px 5px 3px 3px;
	margin:0 0 0 10px;
}

.form td span{
	color:#878787;
	font-size:11px;
	display:block;
}

.form td.row label{
	width:20%;
	float:left;
}

.form td input.btn{
	padding:2px 10px;
	margin:5px;	
}

.form .submit{
	width:150px;
	margin:0 auto;
}


/*______ チェックフォーム ______*/

.check{
	border-left:5px solid #032b51;
	border-right:5px solid #032b51;
	padding:15px 10px 25px 10px;
}
	
.check table{
	width:950px;
	margin:20px auto 0 auto;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.check table caption{
	font-size:14px;
	font-weight:bold;
	color:#0d1c32;
	padding:10px 0;
}

.check .even th,
.check .even td{
	background:url(img/even_bg.gif);
}

.check th,
.check td{
	border-bottom:1px dotted #bbb;
	padding:7px;
}

.check th{
	width:30%;
	text-align:center;
	border-right:1px dotted #bbb;
}

.check td{
	width:70%;
	text-align:left;
	line-height: 160%;
}

.check .submit{
	width:340px;
	margin:0 auto;
}


/*______ 検索フォーム ______*/

.search{
	width:980px;
	margin:0 0 20px 0;
}

.search_box{
	width:976px;
	margin:0 auto;
	padding:0 0 10px 0;
	border:2px solid #ccc;
	background:#f8f8f8;
	border-radius:5px;/* CSS3草案 */  
	-webkit-border-radius:5px;/* Safari,Google Chrome用 */  
	-moz-border-radius:5px;/* Firefox用 */
}

.search_box p{
	font-size:14px;
	height:23px;
	padding:17px 0 0 0;
	background:url(img/search.gif) no-repeat 15px 15px;
}

.search_box p a{
	color:#555;
	font-weight:bold;
	padding-left:45px;
}

.search_box table{
	width:950px;
	margin:0 auto;
}

.search_box th,
.search_box td{
	padding:10px;
	border:1px solid #F8F8F8;
}

.search_box th{
	width:20%;
	font-weight:bold;
	text-align:right;
	background:#e0e0e0;
}
	
.search_box td input{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	/position:static;
	top:1px;
}

.search_box td.row label{
	width:15%;
	float:left;
}
	
.search_box td label{
	margin:5px 20px 0 0;
}

.search_box td.sbmt{
	width:10%;
	text-align:left;
	vertical-align:bottom;
	padding: 5px;
}

.sbmt_search{
	width:150px;
	height:35px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.sbmt_search{
	background:url(img/sbmt_search.gif) no-repeat 0 0;
}

.sbmt_search:hover{
	background-position:0 -35px;
}

.sbmt_change{
	width:110px;
	height:35px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.sbmt_change{
	background:url(img/sbmt_exchange.gif) no-repeat 0 0;
}

.sbmt_change:hover{
	background-position:0 -35px;
}


/*______ エラー ______*/

.error{
	padding:20px;
	margin:20px auto 0px auto;
	border:2px solid #ff6600;
	border-radius:5px;/* CSS3草案 */  
	-webkit-border-radius:5px;/* Safari,Google Chrome用 */  
	-moz-border-radius:5px;/* Firefox用 */
}
	
.error .msg{
	font-weight:bold;
	color:#ff6600;
	line-height:150%;
	padding:2px 0 10px 25px;
	margin:0 0 10px 0;
	border-bottom:1px dashed #ff6600;
	background:url(img/icon_alert.gif) no-repeat 0 top;
}

.error ul{
	padding:0 10px;
}
	
.error li{
	color:#ff6600;
	line-height:150%;
	background:url(img/icon_arrow_02.gif) no-repeat 0 5px;
	padding:0 0 0 12px;
	margin:5px 0 0 0;
}



/* =11 module common page
------------------------*/

/*______ 見出し ______*/

.title{
	width:700px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	display:block;
	padding:7px 0 7px 10px;
	background:url(img/title_bg.gif) no-repeat left top;
	position:relative;
}

.title a{
	color:#fff;
}

.column1 .title{
	width:980px;
	background:url(img/title_full_bg.gif) no-repeat left top;
	clear:both;
}


/*______ ボックス ______*/

.box{
	padding:0 0 5px 0;
	background:url(img/box_bg.gif) no-repeat left bottom;
}

.column1 .box{
	background:url(img/box_full_bg.gif) no-repeat left bottom;
}


/*______ メール/リスト/編集/削除ボタン ______*/

.editer a.copy,
.editer a.member_list,
.editer a.mail,
.editer a.edit,
.editer a.delete{
	float:left;
}

.copy,
.member_list,
.mail,
.edit,
.delete{
	width:19px;
	height:17px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
	background-position:0 0;
	background-repeat:no-repeat;
}

a.copy{
	width:22px;
	height:23px;
	background-image:url(img/icon_copy.png);
}

a.member_list{
	width:18px;
	height:20px;
	background-image:url(img/icon_list.png);
}

a.mail{
	width:24px;
	height:20px;
	background-image:url(img/icon_mail.png);
}
	
a.edit{
	background-image:url(img/icon_edit.png);
}

a.delete{
	background-image:url(img/icon_delete.png);
}

a.member_list:hover,
a.mail:hover,
a.edit:hover,
a.delete:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/*______ 追加/編集/削除/ダウンロード/インポートボタン ______*/

.btn_box{
	float:right;
	margin:0 0 20px 0;
}

.btn_regist,
.btn_dl,
.btn_dl2,
.btn_im,
.btn_edit,
.btn_delete,
.btn_send,
.btn_member_list,
.btn_url{
	float:left;
	margin:0 0 0 10px;
}

.btn_regist a,
.btn_dl a,
.btn_dl2 a,
.btn_im a,
.btn_edit a,
.btn_delete a,
.btn_send a,
.btn_member_list a,
.btn_url a{
	height:28px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.btn_regist a{
}

.btn_dl a{
	width:220px;
	background-image:url(img/btn_csv.gif);
}

.btn_dl2 a{
	width:220px;
	background-image:url(img/btn_report_csv.gif);
}

.btn_im a{
	width:190px;
	background-image:url(img/btn_item_im.gif);
}

.btn_edit a{
	width:95px;
	background-image:url(img/btn_edit.gif);
}

.btn_delete a{
	width:95px;
	background-image:url(img/btn_delete.gif);
}

.btn_send a{
	width:160px;
	background-image:url(img/btn_send.gif);
}

.btn_member_list a{
	width:107px;
	background-image:url(img/btn_member_list.gif);
}

.btn_url a{
}

.btn_regist a:hover,
.btn_dl a:hover,
.btn_dl2 a:hover,
.btn_im a:hover,
.btn_edit a:hover,
.btn_delete a:hover,
.btn_send a:hover,
.btn_member_list a:hover,
.btn_url a:hover{
	background-position:0 -28px;
}


/*______ 一覧 ______*/

.list{
	width:980px;
}

.list table{
	width:100%;
	clear:both;
}

.list .even th,
.list .even td{
	background:url(img/even_bg.gif);
}

.list th,
.list td{
	line-height:150%;
	text-align:center;
	padding:10px 5px;
	/border-bottom:1px solid #ddd;
}

.list th{
	color:#032f59;
	background:url(img/th_bg.gif) !important;
}

.list th a{
	color:#032f59;
	text-decoration:none;
}

.list th a:hover{
	color:#67b100;
	text-decoration:underline;
}

.list td{
	border-bottom:1px solid #ddd;
}

.list .left{
	text-align:left;
}

.list .name{
	background:#fafafa;
}

.list .editer{
/*	width:87px;
	_width:100px;*/
	margin:0 auto;
}

.list .check_delete{
	padding:3px 0 3px 25px;
	margin:20px 20px 0 0;
	background:url(img/icon_delete.png) no-repeat 0 0;
	float:left;
}

.list .check_mail{
	padding:3px 0 5px 30px;
	margin:20px 20px 0 0;
	background:url(img/icon_mail.png) no-repeat 0 0;
	float:left;
}

.list tr.sum td{
	background:url(img/th_bg.gif) !important;
	font-weight:bold;
}


/*______ 詳細 ______*/

.info{
	position:relative;
	border-left:5px solid #032b51;
	border-right:5px solid #032b51;
	padding:15px 10px 25px 10px;
}

.info table{
	width:950px;
	margin:20px auto 0 auto;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.info table caption{
	font-size:14px;
	font-weight:bold;
	color:#0d1c32;
	padding:10px 0;
}

.info th,
.info td{
	line-height:150%;
	padding:10px;
	border-bottom:1px dotted #bbb;
}

.info .even th,
.info .even td{
	background:url(img/even_bg.gif);
}


.info th{
	width:30%;
	text-align:center;
	border-right:1px dotted #bbb;
}

.info td{
	width:70%;
}

.info td span{
	color:#878787;
	font-size:11px;
	display:block;
}

.info td textarea{
	width:95%;
	padding:10px;
}


/*______ ページナビ ______*/

.page_navi{
	margin:10px;
	clear:both;
}

/*
.page_navi p{
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
	float:left;
}

.page_navi p strong{
	margin:0 5px 0 0;
}*/

.page_navi ul{
	text-align:right;
	float:right;
}

.page_navi li{
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.5em 0.8em;
	background-color:#032f59;
	border:1px #032f59 solid;
	font-weight:bold;
}

.page_navi li a{
	color:#666;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.5em 0.8em;
	border:1px #ccc solid;
	text-decoration:none;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#ccc;
}

.page_navi li a:hover,
.page_navi li a:active{
	border-color:#ccc;
	background-color:#f2f2f2;
}

.page_navi li.next a{
	width:32px;
	text-align:left;
	background:url(img/next.gif) no-repeat 40px 10px;
}

.page_navi li.back a{
	width:32px;
	text-align:right;
	background:url(img/back.gif) no-repeat 3px 10px;
}



/* =12 module top page
------------------------*/

/*______ 注文状況 ______*/

#top .order .box{
	position:relative;
}

#top .order .list{
	width:670px;
	padding:10px;
	margin:0 auto;
	border-left:5px solid #032b51;
	border-right:5px solid #032b51;
}

#top .order .list table{
	margin:20px 0 0 0;
}

#top .order .list .btn_day a,
#top .order .list .btn_mon a{
	width:105px;
	height:35px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
}

#top .order .list .btn_day a{
	background-image:url(img/btn_day.gif);
}

#top .order .list .btn_mon a{
	background-image:url(img/btn_mon.gif);
}

#top .order .list #btn_current.btn_day a,
#top .order .list .btn_day a:hover,
#top .order .list #btn_current.btn_mon a,
#top .order .list .btn_mon a:hover{
	background-position:0 -35px;
}

#top .order .list .btn_more a{
	width:175px;
	height:28px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(img/btn_more.gif);
	position:absolute;
	top:45px;
	right:15px;
}

#top .order .list #btn_current.btn_more a,
#top .order .list .btn_more a:hover{
	background-position:0 -28px;
}


/*______ 最新注文履歴 ______*/
/*______ 最新商品履歴 ______*/

#top .new_order,
#top .new_item{
	margin:30px 0 0 0;
	position:relative;
}

#top .new_order .title,
#top .new_item .title{
	width:700px;
	color:#fff;
	font-size:14px;
	line-height:150%;
	font-weight:bold;
	display:block;
	padding:7px 0 7px 10px;
	background:url(img/title_bg.gif) no-repeat left top;
	position:relative;
}

#top .new_order .list,
#top .new_item .list{
	width:700px;
}

#top .new_order .editer,
#top .new_item .editer{
	width:58px;
	_width:100px;
	margin:0 auto;
}

#top .new_order .edit,
#top .new_order .delete,
#top .new_item .edit,
#top .new_item .delete{
	width:19px;
	height:17px;
	/display:block;
	background-position:0 0;
	background-repeat:no-repeat;
}

#top .new_order a.edit,
#top .new_item a.edit{
	background-image:url(img/icon_edit.png);
}

#top .new_order a.delete,
#top .new_item a.delete{
	background-image:url(img/icon_delete.png);
}

#top .new_order .btn_more a,
#top .new_item .btn_more a{
	width:100px;
	height:25px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:5px;
	right:10px;
}

#top .new_order .btn_more a:hover,
#top .new_item .btn_more a:hover{
	background-position:0 -25px;
}


/*______ 最新注文履歴 ______*/

#top .new_order .btn_more a{
	background-image:url(img/btn_order_list.gif);
}


/*______ 最新商品履歴 ______*/

#top .new_item .btn_more a{
	background-image:url(img/btn_item_list.gif);
}


/*______ 決済ステータス ______*/
/*______ 配送ステータス ______*/

#side .pay,
#side .deli{
	padding:0 0 5px 0;
	background:url(img/side_box_bg.gif) no-repeat bottom left;
}

#side .pay .title,
#side .deli .title{
	width:250px;
	text-indent:-9999px;
	padding:0;
}

#side .pay ul,
#side .deli ul{
	padding:5px;
	border-left:5px solid #022950;
	border-right:5px solid #022950;
}

#side .pay li,
#side .deli li{
	font-weight:bold;
	line-height:150%;
	padding:0 0 10px 30px;
	margin:10px 0;
	background:url(img/icon_circle.gif) no-repeat 10px 2px;
	border-bottom:1px solid #bbb;
	position:relative;
}

#side .pay li span a,
#side .deli li span a{
	color:#67b100;
	margin:0 10px 0 0;
	position:absolute;
	top:0;
	right:0;
}


/*______ 決済ステータス ______*/

#side .pay .title{
	height:45px;
	background:url(img/pay.gif) no-repeat left top;
}


/*______ 配送ステータス ______*/

#side .deli{
	margin:20px 0 0 0;
	clear:both;
}

#side .deli .title{
	height:35px;
	background:url(img/deli.gif) no-repeat left top;
}


/*______ インフォメーション ______*/

#side .lw_info{
	padding:0 0 5px 0;
	background:url(img/side_box_bg.gif) no-repeat bottom left;
}

#side .lw_info iframe{
	width:250px;
	_width:250px;
	height:320px;
	margin:20px 0 0 0;
}

.icon_link{
	font-size:90%;
	margin-top:5px;
	margin-left:5px;
}

.icon_link .icon_csv{
	vertical-align:-6px;
}

.icon_link .icon_delete{
	vertical-align:-7px;
}

.lh_160{
	line-height:160%;
}


/* =13 module item page
------------------------*/

.item .list{
	padding-top:0;
}

.item .list td input{
	position:static;
}

.item .btn_regist a{
	width:145px;
	background-image:url(img/btn_regist_item.gif) ;
}

.item .btn_regist a:hover{
	background-position:0 -28px;	
}

.item .btn_im a{
	width:190px;
	background-image:url(img/btn_item_im.gif) ;
}

.item .btn_item a{
	width:80px;
	height:25px;
	margin:0 auto;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background-image:url(img/btn_item.gif);
}

.item .btn_item a:hover{
	background-position:0 -25px;	
}

.item .editer{
	width:58px;
	_width:68px;
}

.item .btn_url{
	float:left;
	margin:0 0 0 10px;
}

.item .btn_url a{
	width:170px;
	background-image:url(img/btn_item_url.gif);
}



/* =14 module order page
------------------------*/

.order .editer{
	width:92px;
	_width:102px;
}

.order table.item_list {
	table-layout:fixed;
	border:none;
}

.order .item_list th{
	color:#fff;
	background:#032f59;
	border:none;
}

.order .item_list td{
	width:auto;
	text-align:center;
	border-bottom:1px solid #bbb;
}

.order .item_list tr.sum{
	font-weight:bold;
}

.order .item_list tr.sum th,
.order .item_list tr.sum td{
	background:#ebf2fc;
}

.order .item_list tr.sum th{
	color:#202020;
	text-align:right;
	border-right:1px dotted #bbb;
	border-bottom:1px solid #bbb;
	background:#ebf2fc;
}


/*______ 日別注文状況 ______*/

.order_dm{
	width:400px;
	float:left;
}



/* =15 module send page
------------------------*/

.send .editer{
	width:86px;
	_width:100px;
}

.send .btn_regist a{
	width:149px;
	background-image:url(img/btn_regist_mail.gif);
}

.send .btn_regist a:hover{
	background-position:0 -28px;
}

/*______ メール配信テンプレート ______*/

.send_temp .editer{
	width:58px;
	_width:68px;
}



/* =16 module contents page
------------------------*/

.contents .editer{
	width:90px;
	_width:105px;
}

.contents .code{
	background:#ccc;
	background:url(img/title_code.gif) no-repeat left top;
	margin:20px 0 0 0;
}

.contents .code .variable{
	_width:400px;
	margin:5px 0 0 10px;
	float:left;
}

.contents .code .variable span{
	font-size:14px;
	font-weight:bold;
}

.contents .code .variable input.btn{
	padding:2px 10px;
	margin:5px;	
}

.contents .code textarea{
	width:944px;
}

.contents .code .btn_box{
	_width:400px;
	margin:10px 10px 0 0;
}

.btn_preview,
.btn_variable,
.btn_variable_list{
	float:left;
	margin:0 0 0 10px;
}

.btn_preview a,
.btn_variable a,
.btn_variable_list a{
	height:25px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.btn_preview a{
	width:80px;
	background-image:url(img/btn_preview.png);
}

.btn_variable a{
	width:130px;
	background-image:url(img/btn_variable.png);
}

.btn_variable_list a{
	width:80px;
	background-image:url(img/btn_variable_list.png);
}

.btn_preview a:hover,
.btn_variable a:hover,
.btn_variable_list a:hover{
	background-position:0 -25px;
}

.contents .btn_url{
	float:left;
	margin:0 0 0 10px;
}

.contents .btn_url a{
	width:186px;
	background-image:url(img/btn_contents_url.gif);
}

.contents .list .btn_preview{
	float:none;
}



/* =17 module login page
------------------------*/

body#login{
	width:400px;
	margin:150px auto 0 auto;
}

body#login p.title{
	width:400px;
	height:135px;
	text-indent:-9999px;
	padding:0;
	background:url(img/title_login.gif) no-repeat left top;
}

body#login .box{
	padding:0 0 20px 0;
	margin:0 0 30px 0;
	background:url(img/login_bottom.gif) no-repeat left bottom;
}

body#login .form{
	padding:0 0 10px 0;
	margin:0 auto;
	border-left:3px solid #042b52;
	border-right:3px solid #042b52;
}

body#login .form .login_error{
	color:#F00;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	padding-bottom:10px;
	line-height:150%;
}

body#login .form .login{
	padding-top: 1px;
}

body#login .form table{
	width:330px;
	margin:0 auto 20px auto;
	border:none;
}

body#login .form th{
	width:30%;
	border:none;
}

body#login .form td{
	border:none;
}

body#login p#address{
	color:#666;
	text-align:center;
}

body#login p#address a{
	color:#666;
    text-decoration:none;
}

body#login .login_input {
	width:160px;
}

body#login .submit{
	padding:0;
}

.sbmt_login{
	width:150px;
	height:35px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 auto;
}

.sbmt_login{
	background:url(img/sbmt_login.gif) no-repeat 0 0;
}

.sbmt_login:hover{
	background-position:0 -35px;
}



/* =18 module admin page
------------------------*/

.admin{}



/* =19 module system page
------------------------*/

.system{}



/* =20 module template page
------------------------*/

.template{}



/* =21 module etc
------------------------*/

.order_dm th {
	padding-top: 3px;
	padding-right: 10px;
}

/*______ ページトップ ______*/

.page_top a{
	width:140px;
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/pagetop.gif) no-repeat left top;
	position:absolute;
	bottom:0;
	right:0;
}

.page_top a:hover{
	background-position:0 -25px;
}


/*______ メッセージ ______*/

.comp{
	margin:0 5px;
	padding:20px;
}

.comp dt{
	line-height:150%;
	margin:0 0 20px 0;
}

.comp dd{
	text-align:center;
}

.comp dd p{
	display:inline;
	margin:0 20px;
	padding:2px 0 2px 20px;
	background:url(img/icon_arrow_03.gif) no-repeat left 50%;
}


/*______ tick box ______*/

#tick_box{
	width:700px;
	margin:0 auto;
	margin-top: 5px;
	padding:0;
}

#tick_box .box .title{
     position:static;
}

#tick_box .colse{
	background:#ccc;
	padding:5px;
	text-align:right;
}

#tick_box .colse a{
	color:#333;
	text-decoration:none;
}

#tick_box .search{
	width:670px;
	border-left:5px solid #032b51;
	border-right:5px solid #032b51;
	padding:15px 10px 0 10px;
	margin:0;
}

#tick_box .search_box{
	width:660px;
	margin:0 auto;
}

#tick_box .search_box table{
	width:580px;
}

#tick_box .info table{
	width:670px;
	margin:20px auto;
}

#tick_box .info p.img{
	width:610px;
	margin:0 auto 20px auto;
}

#tick_box .list{
	width:670px;
	position:relative;
	border-left:5px solid #032b51;
	border-right:5px solid #032b51;
	padding:5px 10px 25px 10px;
}

#tick_box .list .ex{
	padding-top: 10px;
	padding-left: 10px;
}

#tick_box .list table{
	width:660px;
	margin:10px auto 20px auto;
	border:1px solid #032b51;
}

#tick_box .list table caption{
	font-size:14px;
	font-weight:bold;
	color:#0d1c32;
	padding:10px 0;
}

#tick_box .list th,
#tick_box .list td{
	border-bottom:1px solid #032b51;
}

#tick_box .list th{
	width:20%;
	text-align:center;
}
	
#tick_box .list td{
	text-align:left;
}

#tick_box .list td span{
	font-weight:bold;
}

#tick_box .form table{
	width:670px;
	margin:20px auto;
}

#tick_box .submit{
	width:300px;
	margin:0 auto;
	padding:0;
}

#tick_box .submit .sbmt_close{
	float:none;
	margin:0;
}