/* ギルドデザインCSS読み込み */
@import url(import.css?v=20161221);

@import"import.css?v=20161221";


/* 開発用CSS読み込み */
@import url(develop/root.css);

/*Common*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.ime_active
{
	ime-mode:active ;
}	
.ime_inactive
{
	ime-mode:inactive ;
}	
.ime_disabled
{
	ime-mode:disabled ;
}	


/*UserControls*/
.ucMapPath_link
{
    font-size: small;
    font-family: 'MS UI Gothic';
}
.ucMapPath_separator
{
    font-size: small;
    font-family: 'MS UI Gothic';
}
.ucMapPath_cur
{
    font-size: small;
    font-family: 'MS UI Gothic';    
}

.ucPrdCdLabel_table
{
	padding:10px; 
	text-align:left;
    background-color:#FFFFFF;
}
.ucPrdCdLabel_table td
{
    font-family: 'MS UI Gothic';
    font-weight: bold;
}
.ucPrdCdLabel_prdcd
{
    color: #000099;
    font-size: small;
    vertical-align:middle; 
}
.ucPrdCdLabel_label
{
    color: #3c3c3c;
    font-size: x-small;
    vertical-align:middle; 
    width:20px;
}

.ucCart_tablealign
{
	text-align:center;
}
.ucCart_zei
{
	font-size:x-small;
}
.ucCart_backcolor
{
	background-color:White;
	width:100%;
	margin:0;
	padding:0;
}
.ucCart_red
{
	color:red;
	font-weight:bold;
}

.ucCart_black
{
	font-size:smaller;
	font-weight:bold;
}

.ucCollapse_h_item
{
    border:solid 1px #5495ac;
    height: 5px;
    width: 98%;
}
.ucCollapse_h_item tr
{
    padding:0px; 
    margin:0px; 
    height:10px;
}
.ucCollapse_no
{
    width:20px;
    background-color: #5495ac;
    font-size:small;
    font-weight: bold;
    color: white;
    text-align:center;
}
.ucCollapse_prdname
{
    font-size: small;    
}
.ucCollapse_prdcd
{
    width: 115px;
    text-align: right;
    border-left: 1px solid #5495ac;
}
.ucCollapse_lbl
{
    width:100px;
    font-weight: bold;
    font-size: x-small;
    color: #666633;
    vertical-align:top;
}
.ucCollapse_data
{
	width:250px;
    font-weight: normal;
    font-size: x-small;
    color: #000000;
    vertical-align:top;
}
.ucCollapse_Col
{
    font-weight: normal;
    font-size: x-small;
    color: #000000;
    vertical-align:top;
    text-align:left    
}

.ucSetList_h_item
{
    border:solid 1px #5495ac;
    height: 5px;
    width: 98%;
}
.ucSetList_h_item tr
{
    padding:0px; 
    margin:0px; 
    height:10px;
}
.ucSetList_no
{
    width:20px;
    background-color: #5495ac;
    font-size:small;
    font-weight: bold;
    color: white;
    text-align:center;
}
.ucSetList_prdname
{
    font-size: small;    
}

.ucSearch_text
{
	width: 180px;
}
.ucSearch_watermarked
{
	width: 180px;
    /*color: #cccccc;*/
    color: #808080;
}
.ucSearch_label
{
    font-weight: bold;
    color: #ffffff;
    font-size:small;
}

.ucSmallItem_prdname
{
    font-size:small;
}
.ucSmallItem_price
{
    font-size:small;
    font-weight:bold;
}
.ucSmallItem_image
{
     text-align :center;
}

.ucLogin_lbl
{
    color:#FFFFFF;
    font-size: x-small ;
    text-align:center;
}

/*Pages*/
.top001_image
{
    margin: 0px -2px;
    padding: 0px;
}
.top001_suplink
{
    vertical-align:bottom; 
    margin:0px; 
    padding:0px;
}
.top001_info
{
    margin: 2px 10px;
    background-color: #F5F5F5;
    font-size: small;
    width: 97%;
}
.top001_info2
{
    margin:2px 10px ;
    background-color: #FFEBCD;
    font-size: small;
    width:97%;
}
.top001_infolink
{
    padding: 0px 20px;
    text-align:right;
    font-size:small;    
}

.sup001_inf img
{ 
    background-image: url(images/common/catalog_s.jpg); 
}
.sup001_table
{
	width:600px;
}
.sup001_table a
{
	font-size:medium;
	color: #996633;
}
.sup001_table a:hover
{
	font-size:medium;
	color: red;
}
.sup001_dlist_lbl 
{
	font-size:xx-small;
	color: #996633;
}
.sup001_dlist
{
   font-size:medium;
   color:Red;
}
.sup001_lblIfDate
{
   font-size:medium;
   color:Black;
}
.sup001_lblIfSub
{
   font-size:medium;
   color: #ff9900;
}
.sup001_lblIfCont
{
   font-size:medium;
   color:Black;
}
.sup001_lblIfErr
{
   font-size:medium;
   Color:Red;
}


.sup002_table
{
    width: 650px; 
    padding: 5px; 
    text-align: left ;
    vertical-align:middle;
    color: #808080;
    font-size: smaller;
}
.sup002_table_sub
{
    width: 650px; 
}
.sup002_Hide_label
{
   visibility: hidden;
}
.sup002_Hide_text
{
    visibility: hidden;
}


.sup003_title
{
    color:#FFFFFF;
    background-color:#B4B4B4;
    text-align:center;
}
.sup003_aster
{
    color:#E12D00;
    width:20px;
}
.sup003_table
{
    width: 650px; 
    padding: 5px; 
    text-align: left ;
    vertical-align:middle;
    color: #808080;
    font-size: smaller;
}
.sup003_table2
{
    width: 450px; 
    padding: 5px; 
    text-align: left ;
    vertical-align:middle;
    color: #808080;
    font-size: smaller;
}
.sup003_label
{
    width: 150px;
    text-align: left;
    vertical-align: middle;
}
.sup003_faq img
{ 
    background-image: url(images/common/catalog_s.jpg); 
}


.hlp001_table
{
}
.hlp001_table a
{
	color: #0066ff;
}
.hlp001_table a:hover
{
	color: #FFA500;
}


.hlp001_Header
{
	BACKGROUND-COLOR: #c2d3e2
}

.hlp001_Header_img
{ 
    background-image: url(images/); 
    height:auto;
    width:auto;
}

.hlp001_Header_title
{
	FONT-SIZE: 12pt; 
	COLOR: #003399;
}

.hlp001_Footer
{
	HEIGHT: 30px; 
	BACKGROUND-COLOR: #c2d3e2; 
	TEXT-ALIGN: center;
	font-size:small;
}

.hlp001_main_title
{
	font-size: 11pt;
	color:White;
	text-align: left;
	vertical-align: middle; 
	background-color: #0066cc;
	width:100px;
	color: #ffffff; 
	border-bottom: #0066cc thin solid; 
}

.hlp001_Initial
{
	width:626px;
	text-align:center;
}

.hlp001_Initial_table
{
	width:400px;
	text-align:center;
}

.hlp001_table_title
{
	font-size:small;
	background-color:White;
	BORDER-TOP-COLOR: #ff99cc; 
	BORDER-BOTTOM-COLOR: #ff99cc; 
	BORDER-LEFT-COLOR: #ff99cc; 
	BORDER-RIGHT-COLOR: #ff99cc; 
	
	BORDER-TOP-STYLE: double; 
	BORDER-BOTTOM-STYLE: double;
	BORDER-RIGHT-STYLE: double; 
	BORDER-LEFT-STYLE: double; 
	
	BACKGROUND-COLOR: #ffcccc; 
	
	TEXT-ALIGN: center; 
	VERTICAL-ALIGN: middle; 
	
	WIDTH: 65px; 
}

.hlp001_table_main_div
{
	BORDER-LEFT-COLOR: #0066cc; 
	BORDER-BOTTOM-COLOR: #0066cc; 
	BORDER-RIGHT-COLOR: #0066cc; 
	BORDER-TOP-COLOR: #0066cc; 

	BORDER-TOP-STYLE: solid; 
	BORDER-RIGHT-STYLE: solid; 
	BORDER-LEFT-STYLE: solid; 
	BORDER-BOTTOM-STYLE: solid;

	background-color:White;
	font-size:small;
}

.hlp001_table_div a
{
	color: #0066ff;
}
.hlp001_table_div a:hover
{
	color: #FFA500;
}

.hlp001_background
{
	BACKGROUND-COLOR: #ffffee;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.hlp001_background_header
{
	vertical-align:bottom;
}

.hlp001_table_01
{	
	VERTICAL-ALIGN: middle;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:60px;
	padding-right:60px;
	width:580px;
}

.hlp001_table_01_Col01
{	
	WIDTH: 49px; 
	BORDER-BOTTOM: #ffcc33 thin dotted
}

.hlp001_table_01_Col02
{	
	WIDTH: 5px; 
	BORDER-BOTTOM: #ffcc33 thin dotted
}

.hlp001_table_01_Col03
{	
	WIDTH: 55px; 
	BORDER-BOTTOM: #ffcc33 thin dotted
}

.hlp001_table_01_Col04
{	
	WIDTH: 70px; 
	BORDER-BOTTOM: #ffcc33 thin dotted
}

.hlp001_table_01_Text
{	
	VERTICAL-ALIGN: middle;
	text-align:left;
}

.hlp001_listbox_div
{
	text-align:center;
	vertical-align:middle;
	height:238px;
	width:618px;
	padding-left:35px;
	padding-right:35px;	
}

.hlp001_View1_div
{
	height:238px;
	width:618px;
	text-align:center;
	vertical-align:middle;
	color:#FFA500;
	padding-left:35px;
	padding-right:35px;
}

.hlp001_listbox
{
	font-family:ＭＳ ゴシック;
	height:238px;
	width:618px;
	padding-left:35px;
	padding-right:35px;
	text-align:left;
}

.hlp001_linkbtn
{
	font-size:small;
}
.hlp001_linkbtn a
{
	color: #0066ff;
}
.hlp001_linkbtn a:hover
{
	color: #FFA500;
}

.hlp001_table3_Msg
{
	font-size: 12pt; 
	color: red;
	font-weight:bold
}




.dtl001_title
{
    color: #FFFFFF;
    background-color: transparent;
    text-align: center;
    font-size:large;
    padding-left:10px;
}

.dtl001_table
{
    padding: 5px; 
    text-align: left;
    vertical-align:middle;
    color: #808080;
    font-size: smaller;
    width:100%;    
}

.dtl001_table td 
{
    padding: 5px;
    VERTICAL-ALIGN: middle; 
}

.dtl001_table .dtl001_td_left
{
    TEXT-ALIGN: left;    
    background-color: #000066;    
}

.dtl001_table .dtl001_td_right
{
    TEXT-ALIGN: right;
    background-color: #000066;
}

.dtl001_table .dtl001_td_left2
{
    vertical-align :top; 
    text-align :left;  
}


.dtl001_table .dtl001_td_right2
{
    color: #000000;
    background-color: #F4ECDF;  
    width:65%;
}

.dtl001_label
{
    width: 150px;
    text-align: left;
    vertical-align: middle;
}

.dtl001_label2
{
	color:#B8860B;
	font-weight:bold;
	
}

.dtl001_dlgrp2_item
{
	width:185px;
	border-collapse:collapse;
	border:0px;
}

.dtl001_dlgrp2_itemtr td {
padding:0px;
}

.dtl001_shape
{
    padding:5px;
    text-align: center;
}
.dtl001_shape a
{
    vertical-align: middle; 
    clip: rect(5px 5px 5px 5px); 
    text-align: center;    
}

.dtl002_ddl
{
	font-weight: bold;
	font-size: large;
	vertical-align: middle;
	text-align: center;
	width: 170px;
}


.dtl002_table2
{
    padding:5px;
    background-color: #F4ECDF; 
    color:#000000;
    vertical-align: text-top; 
    text-align: left;
}

.dtl002_table2_sub
{
    background-color: #EDCBCA; 
}

.dtl002_table2_sub_lbl
{
	color:#B8860B;
	font-weight:bold;
}

.dtl002_table2_sub_txt
{
	color:#000000; 
}

.dtl002_table2_sub_price
{
	color:#030002; 
}

.dtl001_cart
{
	width:80%;
}
.dtl001_cart td
{
	text-align: center;
}

.dtl001_sub_table
{
    padding: 2px; 
    text-align: left;
    width:100%;    
}

.dtl001_OsusumeSet_h
{
	background-color:#5495ac;
	font-weight: bold; 	
    font-size:medium ;
    color:#FFFFFF;
    vertical-align:middle;
}

.dtl001_SetList_h
{
	background-color:#5495ac;
	font-weight: bold; 	
    font-size:medium ;
    color:#FFFFFF;
    vertical-align:middle;
}

.dtl001_Kanren_h
{ 
	background-color:#859179;
	font-weight: bold; 	
    font-size:medium ;
    color:#FFFFFF;
    vertical-align:middle;
}


.dtl001_Osusume_h
{
	background-color:#A67A7B;
	font-weight: bold; 	
    font-size:medium ;
    color:#FFFFFF;
    vertical-align:middle;
}

.err001_Table01
{
	font-size: 15pt;
	color :#FF9933;
	text-align:left;
	font-weight:bold
	
}

.err001_Table02
{
	height:15px;
}

.err001_Table03
{
	font-size: 12pt;
	color :#FF9933;
	text-align:left;
	padding-left:20px;
}
.err001_Mail
{
	padding-left:20px;
}

.cus004_navi1
{
    vertical-align :middle; 
    text-align : center;  
    padding : 5px;
    font-size:smaller ;
}
.cus004_del
{
    width: 656px;
    border-color : #000000;
    background-color:#FFFFFF;
    border-style:solid;
    border-width : thin;
}

.cus004_del_tbl td
{
    vertical-align:middle;    
}

.cus005_navi1
{
    vertical-align :middle; 
    padding : 5px;
    font-size:smaller ;
}

.cus005_navi2
{
    font-size:smaller ;
}

.cus009_main
{
}

.cus009_main a
{
	color: #0066ff;
}
.cus009_main a:hover
{
	color: #FFA500;
}

.cus009_lbltitle
{
	width:170px;
}
.cus009_lbltitle2
{
	width:60px;
}
.cus009_lbltitle3
{
	width:200px;
}
.cus009_lbltitle4
{
	width:275px;
}

.ord100_table01
{
	text-align:center;
	font-size:small;
	padding-top:5px;
	padding-bottom:5px;
}

.ord100_table01_td01
{
	text-align:center;
}



.ord100_table01_td02
{
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

.ord100_table01_td02_image
{
	vertical-align:top;
	padding-top:10px;
}

.ord100_txt01
{
	text-align:left;
	width:200px;
}

.ord100_ddl
{
	text-align:left;
	width:75px;
}

.ord100_table02
{
	text-align:left;
	font-size:small;
	width:620px;
}
.ord100_table02_td01
{
	text-align:left;
}

.ord100_table02_td02
{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.ord100_txt02
{
	text-align:left;
	width:300px;
}

/* -------カレンダー用start------- */
    /* カレンダーで設定が必要と思われるスタイルシートの設定例です。
    　　【必須】設定をしないと一部ブラウザで誤動作を起こす
    　　【デザイン組込対応】出来上がったデザインとマージする際のクラス名参照にどうぞ
    　　【任意】最後の仕上げにメンテナンス
    　　※カレンダーはブロック要素のため、横に別の要素（商品一覧など）を設定する場合、
    　　　positionの設定が必要です。
    　　 */
    
    /* 【デザイン組込対応】選択可能範囲に対応して前月、次月のボタンを非表示にする */
    a.ui-datepicker-prev.ui-corner-all.ui-state-disabled ,
    a.ui-datepicker-next.ui-corner-all.ui-state-disabled
    {
        background-image: none;
        text-indent:-999999px;
        overflow:hidden;
    }

    .ui-datepicker .ui-datepicker-header {
border-color:#98917E;
border-style:solid;
border-width:0 0 1px;
padding-top:10px;
    }

    .ui-datepicker-calendar
    {
        width:100%;
    }

.ui-datepicker-prev
{
    float: left; 
    background: #F0F0F0 url(../images/parts/calendar_arrow_01.gif) no-repeat 8px 6px; 
    text-indent: -9999px; 
    overflow: hidden; 
    display: block; 
    border: 1px solid #CCCCCC; 
    width: 28px; 
    height: 28px;
    cursor:pointer;
}

.ui-datepicker-next
{   
    float: right; 
    background: #F0F0F0 url(../images/parts/calendar_arrow_02.gif) no-repeat 8px 6px; 
    text-indent: -9999px; 
    overflow: hidden; 
    display: block; 
    border: 1px solid #CCCCCC; 
    width: 28px; 
    height: 28px;
    cursor:pointer;
}

.ui-datepicker 
.ui-datepicker-title 
{
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 136.7%;
	line-height: 1.143;

    font-family:Helvetica;
}

.ui-datepicker-calendar tr th
{
	padding: 8px 0 10px;
	background: #F0F0F0 url(../images/parts/calendar_bg_01.gif) repeat-x 0 100%;
	color: #5E4D24;
}

a.ui-datepicker-prev.ui-corner-all.ui-state-disabled ,
a.ui-datepicker-next.ui-corner-all.ui-state-disabled
{
    border: none;
    width: 0px;
}

.ucDeliCalender_cal_Tdm
{
	text-align:center;
	color:White;
	background-color:#0000cc;
	font-family:HGSｺﾞｼｯｸM;
	font-weight:bold;	
}

.ucDeliCalender_cal_Tdh
{
	text-align:center;
	color:Black;
	background-color:#F6F6F6;
}

.ucDeliCalender_cal_Td
{
	text-align:center;
	color:White;
	background-color:Gray;
	width: 25px;
	height: 25px;
}

.ucDeliCalender_cal_Td2
{
	text-align:center;
	color:Black;
	background-color:#ffffff;
}

.ucDeliCalender_cal_Td3
{
	text-align:center;
	color:Black;
	background-color:#D3D3D3;
}

.ucDeliCalender_cal_sat
{
	color:Blue;
}

.ucDeliCalender_cal_sun
{
	color:Red;
}

.ucDeliCalender_table_mihon
{
	border:1px;
	background-color:#D3D3D3;
	float: left;
	width: 30px;
	height: 30px;
	color:White;
	font-family:OCRB;
	font-weight:bold;
	text-align:center;
}

.ucDeliCalender_td_mihon
{
	background-color:#D3D3D3;
	color:White;
	font-family:OCRB;
	font-weight:bold;
	text-align:center;
}

.ucDeliCalender_cal_blank
{
	width: 25px;
	height: 25px;
}

.ucDeliCalender_cal_holiday
{
	font-family:OCRB;
	font-weight:bold;
	color:Red;
}

.ucDeliCalender_cal_holiday2
{
	font-family:OCRB;
	font-weight:bold;
	color:#FFCCCC;
}

.ucDeliCalender_cal_weekday
{
	font-family:OCRB;
	font-weight:bold;
	color:Black;
}

.ucDeliCalender_cal_weekday2
{
	font-family:OCRB;
	font-weight:bold;
	color:White;
}

.ucDeliCalender_cal_saturday
{
	font-family:OCRB;
	font-weight:bold;
	color:Blue;
}

.ucDeliCalender_cal_saturday2
{
	font-family:OCRB;
	font-weight:bold;
	color:#ccffff;
}

.ucDeliCalender_table_table
{
	width: 600px;
}

.ucDeliCalender_table_td
{
	vertical-align:top;
}

.ucDeliCalender_table_td2
{
	WIDTH:400px;
	font-size:medium;
}

.ucDeliCalender_div
{
	background-color:#E0FFFF;
	font-size:smaller;
}

.default2_modalBackground {
	    background-color:Gray;
		filter:alpha(opacity=70);
	    opacity:0.7;
}

.default2_panel_background{
	background-color:#E0FFFF;
}

.default2_panel_button{
	text-align:center;
}

.ui-datepicker-calendar .ui-state-active
{
    background-color:#F2C9C0;
    padding:5px;
}

.ui-datepicker-calendar tr th,
.ui-datepicker-calendar tr td
{
    padding:10px 0;
    text-align:center;
    vertical-align:middle;
    font-size:116.7%;
    font-weight:bold;
    width:14%;
    font-family:Helvetica;
}

/* 【デザイン組込対応】選択不可の日付 */
.noSelect
{
  color:#AA9F87;
  text-decoration:line-through;
}
.selectable a
{
    color:Black;
}

.ksm_calendarContent {
	border: 1px solid #A9A9A9;
}

/*2018/03/01 ADD*/
.ksm_timeContent
{
    font-size:100%;
    }

.ui-widget-content {
	 /* 2017/09/12 RS 修正 ====================================================================================  START */
	 /*width:406px;*/
	 /*width:100% !important;
	 max-width:406px;*/
	 width:auto;
	 margin:auto;
	 /*padding-left:18px;*/
	 /* 2017/09/12 RS 修正 ======================================================================================= END */
	 padding-bottom:5px;
}

.ui-datepicker td {
	padding-top:5px;
	padding-bottom:5px;
}

.ui-datepicker td span, .ui-datepicker td a {
	width:30px;
	margin:auto;
	line-height:200%;
}

.ui-datepicker table {
    border-collapse:collapse;
    font-size:0.9em;
    margin:0 0 0.4em;
    width:100%;
}
/* -------カレンダー用end------- */

/* 【必須】モーダルポップアップで表示されるオーバーレイ
　　最低限left,top,positionを正しく設定しないとIE6で表示不具合を起こします */
.ui-widget-overlay
{
    left:0;
    position:absolute;
    top:0;
    /*2018/03/15 DELETE*/
    background:#aaaaaa;opacity: .30;filter:Alpha(Opacity=30);
}
body{
    height: 100%;
    }
/* -------カーソル設定用start------- */
.cursorPointer
{
    cursor:pointer;
}
/* -------カーソル設定用end------- */

/* -------非表示用start------- */
.displayNone
{
	display: none !important;
}
/* -------非表示用end------- */

/* -------開発用を移動start------- */
.display_none
{
	display: none;
}
/* -------開発用を移動end------- */

/* 2018/02/26 ADD-----------------------*/
.display_block
{
	display: block;
}

.display_inline
{
	display: inline;
}

/*--2014/01/24 注文数制限追加------*/
.ord072_ordermax
{
    text-align:center;
}

.ord032_ordermax_span
{
    position: absolute;
    /* 2018/02/08 UPDATE */
    /* padding-top: 10px; */
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    /*2018/03/13 UPD*/
    /* 2018/02/08 UPDATE */
    padding-left: 160px;
    /*padding-left: 150px;*/
}
/*--2014/01/24 注文数制限追加------*/

.clearfix::after {
	height: 0px; clear: both; display: block; visibility: hidden; content: ".";
}