@charset "utf-8";


/* --------------------------------------------------
    All
    -Parts
    -topic_path
    
    SmartPhone
-------------------------------------------------- */


/* --------------------------------------------------
    All
-------------------------------------------------- */
.TextC{text-align:center !important;}
.TextR{text-align:right !important;}
.TextL{text-align:left !important;}

.font10{font-size:10px !important;}
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font20{font-size:20px !important;}
.font30{font-size:30px !important;}

.fontsize_SS{font-size:12px;}
.fontsize_S{font-size:14px;}
.fontsize_M{font-size:16px;}
.fontsize_L{font-size:18px;}
.fontsize_LL{font-size:20px;}
.fontsize_LLL{font-size:25px;}
.fontsize_XL{font-size:30px;}

.font_bold{font-weight:bold;}
.font_italic{font-style: italic;}
.text_underline{text-decoration:underline;}

.line_h100{line-height: 100% !important;}
.line_h110{line-height: 110% !important;}
.line_h120{line-height: 120% !important;}
.line_h130{line-height: 130% !important;}
.line_h140{line-height: 140% !important;}
.line_h150{line-height: 150% !important;}
.line_h160{line-height: 160% !important;}
.line_h170{line-height: 170% !important;}
.line_h180{line-height: 180% !important;}
.line_h190{line-height: 190% !important;}
.line_h200{line-height: 200% !important;}

.pdng_t1{padding-top:1px !important;}
.pdng_t2{padding-top:2px !important;}
.pdng_t3{padding-top:3px !important;}
.pdng_t4{padding-top:4px !important;}
.pdng_t6{padding-top:6px !important;}
.pdng_t7{padding-top:7px !important;}
.pdng_t8{padding-top:8px !important;}
.pdng_t9{padding-top:9px !important;}

.pdng_b1{padding-bottom:1px !important;}
.pdng_b2{padding-bottom:2px !important;}
.pdng_b3{padding-bottom:3px !important;}
.pdng_b4{padding-bottom:4px !important;}
.pdng_b6{padding-bottom:6px !important;}
.pdng_b7{padding-bottom:7px !important;}
.pdng_b8{padding-bottom:8px !important;}
.pdng_b9{padding-bottom:9px !important;}

.fontcolor_black{color:#000000;}
.fontcolor_gray{color:#888888;}
.fontcolor_white{color:#FFFFFF;}
.fontcolor_293C{color:#0041c0;}
.fontcolor_Gray7{color:#a3a3a3;}
.fontcolor_283C{color:#c1c1c1;}
.fontcolor_magenta{color:#f0037f;}
.fontcolor_Cyan{color:#00a0c6;}
.fontcolor_361{color:#4fad26;}
.fontcolor_130{color:#ffb300;}
.fontcolor_151{color:#ff850d;}
.fontcolor_165{color:#fc1921;}
.fontcolor_253{color:#911283;}
.fontcolor_484848{color:#484848;}
.fontcolor_1f1f1f{color:#1f1f1f;}

.white,
.white a{color:#FFFFFF !important;}

#page{
/*    position:relative;
    z-index:1;*/
}
#main_area div.parsys {
/*    overflow:hidden;
    position:relative;
    z-index:2;*/
}

/*
#main_area > div.parsys > div {
    position: relative;
    z-index: 0;
}
*/

#navmenucat,
#globalheader,
#globalfooter{
/*    position:relative;
    z-index:5;*/
}

a{
    color:#111111;
    text-decoration:none;
}
a:hover{color:#00A0C6;}
a.icon01,
a.icon02{
    display:inline-block;
    padding:0 0 6px 16px;
    color:#00A0C6;
    font-size:12px;
    font-weight:bold;
}
a.icon01{background:url(/etc/designs/panasonic-cs/clientlibs/images/responsive/common_icon02.png) no-repeat 0 1px;}
a.icon02{background:url(/etc/designs/panasonic-cs/clientlibs/images/responsive/common_icon03.png) no-repeat 0 1px;}

/* ====================[ Column ]==================== */
.column_box{
    margin:0 auto;
    letter-spacing:-5px;
}
.column_box h1,
.column_box h2,
.column_box h3,
.column_box h4{letter-spacing:0;}

.column{
    letter-spacing:0;
    display:inline-block;
    position:relative;
}

.column-cell {
    display:inline-block;
}

.column-cell{
    vertical-align:top;
}


/* ====================[ Parts ]==================== */
.casebox{
    color:#111111;
    text-align:center;
/*    position: relative;*/
}
.header .casebox {
    position: relative;
}
.inner{
    margin:0 auto;
    text-align:left;
/*    position:relative;
    overflow:hidden;
    z-index:3;*/
}
.casebox h1,
.casebox h2,
.casebox h3,
.casebox h4{
    font-weight:bold;
    font-family:'Open Sans Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
.casebox h1,
.casebox h2{
    line-height:120%;
    text-align:center;
}



/* ====================[ search form ]============== */
.casebox #search_radius_case{
    margin:0 auto;
    border-radius:10px;
    background:#DDDDDD;
    box-shadow: 6px 6px 12px -4px rgba(0,0,0,0.1) inset;
}
.casebox #search_radius_input_1{
    height:40px;
    margin:0 auto;
    border-radius:5px;
    background:#FFFFFF;
    overflow:hidden;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
}
.casebox #search_radius_input_1 input[type="text"]{
    height:40px;
    text-indent:10px;
    border:0;
}
.casebox #search_radius_input_1 input[type="submit"]{
    height:40px;
    margin:0;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    font-family:'Open Sans Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    text-shadow:-1px -1px 0 rgba(0,0,0,1);
    border:none;
    border-radius:0px;
    background:#282828;
/*    background:-webkit-linear-gradient(top, #444444, #282828);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#444444), color-stop(100%,#282828));
    background:   -moz-linear-gradient(top, #444444, #282828);
    background:     -o-linear-gradient(top, #444444, #282828);
    background:    -ms-linear-gradient(top, #444444, #282828);
    background:        linear-gradient(to bottom, #444444, #282828);*/
    cursor:pointer;
    -webkit-appearance: none;
}
.casebox #search_radius_input_1 input[type="submit"]:hover{
    background:#444444;
/*    background:-webkit-linear-gradient(top, #282828, #444444);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#282828), color-stop(100%,#444444));
    background:   -moz-linear-gradient(top, #282828, #444444);
    background:     -o-linear-gradient(top, #282828, #444444);
    background:    -ms-linear-gradient(top, #282828, #444444);
    background:        linear-gradient(to bottom, #282828, #444444);*/
}

.casebox #search_radius_input_2{
    margin:0 auto;
    border-radius:5px;
    background:#FFFFFF;
    overflow:hidden;
    box-shadow: 1px 2px 1px rgba(0,0,0,0.3) inset;
    position: relative;
}
.casebox #search_radius_input_2 input[type="text"]{
    text-indent:10px;
    background:transparent;
    border:0;
}
.casebox #search_radius_input_2 input[type="submit"]{
    margin:0;
    border:none;
    text-indent:-5000px;
    background:transparent url(/etc/designs/panasonic-cs/clientlibs/images/responsive/common_button01.png) no-repeat 60% 58%;
}



/* ====================[ question_list ]============ */
.casebox .question_list div.rn_Content .rn_List li.rn_Item,
.casebox .question_list div.rn_Content .rn_List li.rn_Item span.rn_Title{line-height:130%;}
.casebox .question_list div.rn_Content .rn_List li.rn_Item span.rn_Title a {
    color:#00A0C6;
    font-weight:bold;
    text-decoration:none;
}
div.rn_Navigation {
    text-align: center;
}
.casebox .question_list .rn_Navigation a{
    margin:0 auto;
    display:block;
    color:#FFFFFF;
    font-weight:bold;
    font-family:'Open Sans Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    text-align:center;
    text-decoration:none;
    background:#444444;
    display:inline-block;
    padding:0 15px;
}



/* ====================[ link_list ]================ */
.casebox .link_list{font-weight:bold;}
.casebox .link_list a span{display:inline-block;}
.casebox .link_list span.news2_nolink span { display: inline-block; }


/* ====================[ lsit_1 ]=================== */
.casebox .list_1{
    position:relative;
    top:0;
    text-align: center;
}
.casebox .list_1 li{
    font-weight:bold;
    font-family:'Open Sans Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    text-align:center;
    background:#FDFDFD;
    border:1px solid #DDDDDD;
    display: inline-block;
}
.casebox .list_1 li a,
.casebox .list_1 li a span{display:block;}



/* ====================[ page_title ]=============== */
#page_title{
    height:35px;
    border-top:1px solid #2C2C2C;
    background:#484848;
    box-shadow:0 8px 8px -8px rgba(0,0,0,0.5) inset;
}
#page_title h1{
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    font-family:'Open Sans Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    text-indent:2px;
    line-height:35px;
}

/* ====================[ topic_path ]=============== */
#topic_path{
    padding:2px 0;
    font-size:12px;
    font-weight:bold;
}
.casebox #topic_path .inner{padding:0;}
#topic_path a,
#topic_path span{
    padding:0 0 0 12px;
    background:url(/etc/designs/panasonic-cs/clientlibs/images/responsive/common_icon01.png) no-repeat 3px 49%;
}
#topic_path.white a,
#topic_path.white span{background:url(/etc/designs/panasonic-cs/clientlibs/images/responsive/common_icon02.png) no-repeat 3px 49%;}


/* ====================[ HR ]==================== */
.hr hr{
    width:100%;
    height:1px;
    margin:6px 0;
    border:none;
}
.hr .horizontal_rule01{
    color:#A3A3A3;
    background-color:#A3A3A3;
}
.hr .horizontal_rule02{
    color:#0041C1;
    background-color:#0041C1;
}
.hr .horizontal_rule03{
    color:#FFFFFF;
    background-color:#FFFFFF;
}

/* ====================[ Link ]==================== */
.link a.icon01,
.link a.icon02{
    display:inline-block;
    padding:0 0 6px 20px;
    color:#00A0C6;
    font-size:14px;
    font-weight:bold;
}
.link a.icon01{background:url(/etc/designs/panasonic-cs/clientlibs/images/common_icon02.png) no-repeat 0 1px;}
.link a.icon02{background:url(/etc/designs/panasonic-cs/clientlibs/images/common_icon03.png) no-repeat 0 1px;}

/* ====================[ Link ]==================== */
.background_white {
	background: #FFFFFF;
}

/* ====================[ CS Tel ]==================== */
.CSTel_img_text .ico {  
    text-align:left;
    vertical-align:middle;
}   
    
.CSTel_img_text .text { 
    text-align:left;
    vertical-align:middle;
}   

.tel a:hover {
color:#00a0c6;
}
    
.pdng_l0{padding-left:0px !important;}    
.pdng_l1{padding-left:1px !important;}    
.pdng_l2{padding-left:2px !important;}    
.pdng_l3{padding-left:3px !important;}    
.pdng_l4{padding-left:4px !important;}    
.pdng_l5{padding-left:5px !important;}    
.pdng_l6{padding-left:6px !important;}    
.pdng_l7{padding-left:7px !important;}    
.pdng_l8{padding-left:8px !important;}    
.pdng_l9{padding-left:9px !important;}    
.pdng_l10{padding-left:10px !important;}  
.pdng_l15{padding-left:15px !important;}  
.pdng_l20{padding-left:20px !important;}  

/* ====================[ Workaround for Spec ]====== */

div.right_now {
    clear: both;
}

/* ====================[ Workaround for Country Menu ]====== */

#areacountry .ui-tabs .ui-tabs-panel {padding:0;}

/* ====================[ Table ]====== */
.CSTableH_Back_white th {
    background-color:#ffffff;
}
.CSTableH_Back_black th {    
    background-color:#000000;
}   
.CSTableH_Back_gray th { 
    background-color:#888888;
}   
.CSTableH_Back_293C th {  
    background-color:#0041c0;
} 
.CSTableH_Back_Gray7 th { 
    background-color:#a3a3a3;
} 
.CSTableH_Back_283C th {  
    background-color:#c1c1c1;
} 
.CSTableH_Back_magenta th { 
    background-color:#f0037f;
} 
.CSTableH_Back_Cyan th {  
    background-color:#00a0c6;
} 
.CSTableH_Back_361 th { 
    background-color:#4fad26;
} 
.CSTableH_Back_130 th { 
    background-color:#ffb300;
} 
.CSTableH_Back_151 th { 
    background-color:#ff850d;
} 
.CSTableH_Back_165 th { 
    background-color:#fc1921;
} 
.CSTableH_Back_253 th { 
    background-color:#911283;
} 
.CSTableH_Back_484848 th {  
    background-color:#484848;
} 
.CSTableH_Back_1f1f1f th {  
    background-color:#1f1f1f;
} 
    
.CSTableH_Font_white th {    
    color:#ffffff;
}   
.CSTableH_Font_black th {    
    color:#000000;
}   
.CSTableH_Font_gray th { 
    color:#888888;
}   
.CSTableH_Font_293C th {  
    color:#0041c0;
} 
.CSTableH_Font_Gray7 th { 
    color:#a3a3a3;
} 
.CSTableH_Font_283C th {  
    color:#c1c1c1;
} 
.CSTableH_Font_magenta th { 
    color:#f0037f;
} 
.CSTableH_Font_Cyan th {  
    color:#00a0c6;
} 
.CSTableH_Font_361 th { 
    color:#4fad26;
} 
.CSTableH_Font_130 th { 
    color:#ffb300;
} 
.CSTableH_Font_151 th { 
    color:#ff850d;
} 
.CSTableH_Font_165 th { 
    color:#fc1921;
} 
.CSTableH_Font_253 th { 
    color:#911283;
} 
.CSTableH_Font_484848 th {  
    color:#484848;
} 
.CSTableH_Font_1f1f1f th {  
    color:#1f1f1f;
} 
    
.cs_table4_wp { 
    margin-left:0;
    margin-right:0;
    margin-bottom:20px;
    overflow:auto;
    height:auto;
}

div.table .cs_table4_wp th, div.table .cs_table4_wp td {
	border: 1px solid #CCC;
	text-align: left;
	padding: 10px 15px;
	vertical-align: top;
}
/*
.title h2 {
    padding-top: 85px;
    margin-top: -85px;
}
*/

/* ====================[ Parts ]==================== */

.csvlink_content h1,
.csvlink_content h2,
.csvlink_content h3,
.csvlink_content h4{
    font-weight:bold;
}

.csvlink_content .csvlink_header{text-align:center;}

/* --------------------------------------------------
    SmartPhone
-------------------------------------------------- */
@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){

    .responsive_pc{display:none !important;}
    
    /* ====================[ Font Size ]==================== */
    .fontsize_SS_R{font-size:8px;}
    .fontsize_S_R{font-size:10px;}
    .fontsize_M_R{font-size:12px;}
    .fontsize_L_R{font-size:14px;}
    .fontsize_LL_R{font-size:16px;}
    .fontsize_LLL_R{font-size:21px;}
    .fontsize_XL_R{font-size:26px;}
    
    /* ====================[ Column ]==================== */
    
    .FloatON_SP .column-cell {
        float: left;
    }
    
    .column_box{
        width:320px;
        padding:24px 0;
        text-align:center;
    }
    .column{
        margin:4px 5px;
        text-align:left;
    }
    .column1{width:300px;}
    .column1-1{width:300px;}
    .column1-1-1{width:195px;}
    .column1-1-1-1{width:145px;}
    .column1-1-1-1-1-1{width:100px;}
    .column1-1-1-1-1-1-1-1-1-1-1-1{width:50px;}
    
    .column1-1-2_1{width:145px;}
    .column1-1-2_2{width:300px;}
    	
    .column1-1-1-1-1-1_2x3{width: 146px;}
    .column1-1-1-1-1-1_3x2{width: 96px;}
    .column1-1-1-1-1-1-1-1-1-1-1-1_6x2{width: 43px;}
    .column1-1-1-1-1-1-1-1-1-1-1-1_4x3{width: 70px;}	
    
    .column_box div {
        vertical-align: top;
    }
    	
    /* ====================[ Parts ]==================== */
    #main_area{
        background:#FFFFFF;
        background:-webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:   -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:     -o-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:    -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:        linear-gradient(to bottom, #FFFFFF, #EEEEEE);
    }
    .casebox{
        font-size:12px;
        line-height:125%;
        background:transparent;
    }
    .casebox .inner{
        padding:10px;
    }
    .casebox h1,
    .casebox h2{    
        font-size:20px;
        padding:10px 0 5px;
    }
    .casebox h1.responsive_sp,
    .casebox h2.responsive_sp{
        display:block;
        width:100%;
        width:-calc(100% - 20px) 50%;
        width:-moz-calc(100% - 20px) 50%;
        width:-webkit-calc(100% - 20px) 50%;
        padding:11px 10px;
        color:#FFFFFF;
        font-size:14px;
        font-weight:bold;
        line-height:20px;
        text-align:left;
        text-shadow:0 -1px 0 rgba(0,0,0,1);
        background:#000000;
        background:-webkit-linear-gradient(top, #3C3C3C, #000000);
        background:   -moz-linear-gradient(top, #3C3C3C, #000000);
        background:     -o-linear-gradient(top, #3C3C3C, #000000);
        background:    -ms-linear-gradient(top, #3C3C3C, #000000);
        background:        linear-gradient(to bottom, #3C3C3C, #000000);
    }
    .casebox h1 span,
    .casebox h2 span{
        display:block;
        font-size:14px;
    }
    .casebox h1 span.border_t,
    .casebox h2 span.border_t{
        width:150px;
        margin:5px auto;
        padding:5px 0;
        font-size:16px;
        line-height:150%;
        border-top:2px solid #CCCCCC;
    }
    .casebox h3,
    .casebox h4{    
        font-size:16px;
        padding:0 0 10px;
    }
    
    /* [2color] top - bottom 01 */
    .gradient_1{
        background:#F8F8F8;
        background:-webkit-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:   -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:     -o-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:    -ms-linear-gradient(top, #FFFFFF, #EEEEEE);
        background:        linear-gradient(to bottom, #FFFFFF, #EEEEEE);
    }
    /* [2color] top - bottom 02 */
    .gradient_2{
        background:#EEEEEE;
        background:-webkit-linear-gradient(top, #FFFFFF, #DDDDDD);
        background:   -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
        background:     -o-linear-gradient(top, #FFFFFF, #DDDDDD);
        background:    -ms-linear-gradient(top, #FFFFFF, #DDDDDD);
        background:        linear-gradient(to bottom, #FFFFFF, #DDDDDD);
    }
    /* [2color] top - bottom 03 */
    .gradient_3{
        background:#F8F8F8;
        background:-webkit-linear-gradient(top, #EEEEEE, #FFFFFF);
        background:   -moz-linear-gradient(top, #EEEEEE, #FFFFFF);
        background:     -o-linear-gradient(top, #EEEEEE, #FFFFFF);
        background:    -ms-linear-gradient(top, #EEEEEE, #FFFFFF);
        background:        linear-gradient(to bottom, #EEEEEE, #FFFFFF);
    }
    .gradient_4{background:#FFFFFF;}
    
    /* [2color] top - bottom 05 */
    .gradient_5{
        background:#EEEEEE;
        background:-webkit-linear-gradient(top, #DDDDDD, #EEEEEE);
        background:   -moz-linear-gradient(top, #DDDDDD, #EEEEEE);
        background:     -o-linear-gradient(top, #DDDDDD, #EEEEEE);
        background:    -ms-linear-gradient(top, #DDDDDD, #EEEEEE);
        background:        linear-gradient(to bottom, #DDDDDD, #EEEEEE);
    }
    /* [3color] left - center - right 01 */
    .gradient_6{background:#FFFFFF;}
    
    /* ====================[ page_title ]=============== */
    #page_title{}
    #page_title h1{text-indent:8px;}
    
    /* ====================[ search form ]============== */
    ::-webkit-input-placeholder{color:#FFFFFF;}
    ::-moz-placeholder{color:#FFFFFF;}
    :-moz-placeholder{color:#FFFFFF;}
    :-ms-input-placeholder{color:#FFFFFF;}
    .placeholder{
        padding:10px 0;
        color:#777777;
        font-size:12px;
        text-align:center;
    }
    .casebox #search_radius_case{
        width:300px;
        padding:5px 0;
    }
    .casebox #search_radius_input_1{
        width:260px;
        margin:10px auto 0;
    }
    .casebox #search_radius_input_1 input[type="text"]{width:220px;}
    .casebox #search_radius_input_1 input[type="submit"]{width:40px;}
    
    .casebox #support_model_help{
        width:250px;
        margin:20px auto 0;
        padding:15px 15px 5px;
        line-height:120%;
        background:#F5F5F5;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    }
    .casebox #support_model_help div{width:130px;}
    .casebox #support_model_help div h3{
        padding:0;
        font-size:14px;
    }
    .casebox #support_model_help a{font-weight:bold;}
    .casebox #support_model_help img{
        position:relative;
        top:1px;
    }
    .casebox #search_radius_input_2{
        width:260px;
        height:40px;
    }
    .casebox #search_radius_input_2 input[type="text"]{
        width:220px;
        height:40px;
    }
    .casebox #search_radius_input_2 input[type="submit"]{
        width:40px;
        height:40px;
        cursor:pointer;
    }
    
    /* ====================[ question_list ]============ */
    .casebox .question_list{
        margin:0 auto;
        padding:0 0 15px;
    }
    .casebox .question_list ul{padding:0 5px;}
    .casebox .question_list div.rn_Content .rn_List li.rn_Item{padding:5px 0 10px;}
    .casebox .question_list div.rn_Content .rn_List li.rn_Item span.rn_Title a{font-size:12px;}
    .casebox .question_list .rn_Navigation a{
        height:40px;
        font-size:16px;
        line-height:40px;
        border-radius:4px;
    }
    
    /* ====================[ link_list ]================ */
    .casebox .link_list a span.date{width:96px;}
    .casebox .link_list span.news2_nolink span.date {
      width: 96px;
    }/* mineo */
    
    .casebox .list_3 ul li:first-child span.news2_nolink {
      border-top: none;
      box-shadow: 0 2px 3px -2px rgba(0,0,0,1) inset;
    }
    .casebox .list_3 ul li span.news2_nolink {
      display: block;
      height: 42px;
      padding: 0 10px 0 20px;
      color: #FFFFFF;
      font-size: 12px;
      line-height: 42px;
      border-top: 1px solid #B1B1B1;
      border-bottom: 1px solid #7A7A7A;
    }
    
    /* ====================[ lsit_1 ]=================== */
    .casebox .list_1{
        width:300px;
        margin:0 auto;
        padding:0 0 15px;
        display: block;
    }
    .casebox .list_1 li{
        vertical-align: top;
        width:140px;
        height:100px;
        font-size:16px;
        float: left;
    }
    .casebox .list_1 li:nth-child(even){margin:4px 4px 4px 4px;}
    .casebox .list_1 li:nth-child(odd){margin:4px 4px 4px 0;}
    .casebox .list_1 li a img{
        width:75px;
        height:56px;
        margin:10px 0 2px
    }
    
    
    /* ====================[ lsit_2 ]=================== */
    .casebox .list_2{
        width:100%;
        position:relative;
        box-shadow:0 2px 3px -2px rgba(0,0,0,1);
    }
    .casebox .list_2>li{
        width:100%;
        background:#3B3B3B;
    }
    .casebox .list_2>li>div>a,
    .casebox .list_2>li>div>span{
        display:block;
        width:100%;
        width:-calc(100% - 10px) 50%;
        width:-moz-calc(100% - 10px) 50%;
        width:-webkit-calc(100% - 10px) 50%;
        padding:11px 0 11px 10px;
        color:#FFFFFF;
        font-size:14px;
        font-weight:bold;
        line-height:20px;
        font-family:'Open Sans Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        text-shadow:0 -1px 0 rgba(0,0,0,1);
        border-top:1px solid #555555;
        border-bottom:1px solid #000000;
        cursor:pointer;
    }
    .casebox .list_2>li>div>span{
        background:url(/etc/designs/panasonic-cs/clientlibs/images/responsive/common_icon03.png) no-repeat;
        background-size:11px auto;
        background-position:-calc(100% - 20px) 50%;
        background-position:-moz-calc(100% - 20px) 50%;
        background-position:-webkit-calc(100% - 20px) 50%;
    }
    .casebox .list_2>li>div>span>span br{/*display:none;*/}
    .casebox .list_2>li>div>span>span span{
        padding:0 0 0 10px;
        font-size:12px;
        font-weight:normal;
        font-family: Arial,Helvetica,sans-serif;
    }
    .casebox .list_2>li>div>a>img,
    .casebox .list_2>li>div>span>img{display:none;}
    .casebox .list_2 li ul{
        display:none;
        width:100%;
    }
    .casebox .list_2 li ul li{
        width:100%;
        background:#8D8D8D;
    }
    .casebox .list_2 li ul li a{
        display:block;
        width:100%;
        color:#FFFFFF;
        font-size:14px;
        font-weight:bold;
        border-top:1px solid #B1B1B1;
        border-bottom:1px solid #7A7A7A;
        padding: 11px 0 11px 10px;
    }
    .casebox .list_2 li ul li:first-child a{
        border-top:none;
        box-shadow:0 2px 3px -2px rgba(0,0,0,1) inset;
    }
    
    /* ====================[ list_3 ]==================== */
    .casebox .list_3{
        width:100%;
        position:relative;
        box-shadow:0 2px 3px -2px rgba(0,0,0,1);
    }
    .casebox .list_3 h2{
        padding:0 10px;
        line-height:42px;
        border-top:1px solid #555555;
        border-bottom:1px solid #0B0B0B;
        cursor:pointer;
        background-color:#3B3B3B;
    }
    .casebox .list_3 h2 div {
        display: inner-block;
        color:#FFFFFF;
        font-size:14px;
        background:url(/etc/designs/panasonic-cs/clientlibs/images/responsive/common_icon03.png) no-repeat;
        background-size:11px auto;
        background-position:-calc(100% - 20px) 50%;
        background-position:-moz-calc(100% - 20px) 50%;
        background-position:-webkit-calc(100% - 20px) 50%;
    }
    .casebox .list_3 ul{
        display:none;
        width:100%;
    }
    .casebox .list_3 ul li{
        width:100%;
        overflow:hidden;
        background:#8D8D8D;
    }
    .casebox .list_3 ul li a{
        display:block;
        height:42px;
        padding:0 10px 0 20px;
        color:#FFFFFF;
        font-size:12px;
        line-height:42px;
        border-top:1px solid #B1B1B1;
        border-bottom:1px solid #7A7A7A;
    }
    .casebox .list_3 ul li:first-child a{
        border-top:none;
        box-shadow:0 2px 3px -2px rgba(0,0,0,1) inset;
    }
    	
    /* ====================[ search button ]================== */
    
    .searchFormSubmitA{
        cursor: pointer;
        float:left;
        margin-left: 10px;
        right: 0;
        top: -2px;
        position: absolute;
    }
    .searchFormSubmitA .submitCenter{
        background: url('/etc/designs/panasonic-cs/clientlibs/images/search/btn-search-1px.png') repeat-x;
        float: left;
        text-transform: uppercase;
        line-height: 47px;
        font-size: 13px;
        font-weight: bold;
        color: white;
        font-family: 'Open Sans Condensed', sans-serif;
    }
    .searchFormSubmitA .submitLeft{
        float:left;
        background: url('/etc/designs/panasonic-cs/clientlibs/images/search/spr-utility.png');
        width : 53px ;
        height : 47px ;
        background-position : -136px top ;
        background-repeat : no-repeat ;
    }
    .searchFormSubmitA .submitRight{
        float:left;
        background: url('/etc/designs/panasonic-cs/clientlibs/images/search/spr-utility.png');
        width : 17px ;
        height : 47px ;
        background-position : -195px top ;
        background-repeat : no-repeat ;
    }
    
    
    /* ====================[ padding ]================== */
    .pdng_sp_tb0{
        padding-top:0px !important;
        padding-bottom:0px !important;
    }
    .pdng_sp_lr0{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .pdng_t0{padding-top:0px !important;}
    .pdng_t5{padding-top:2px !important;}
    .pdng_t10{padding-top:5px !important;}
    .pdng_t15{padding-top:8px !important;}
    .pdng_t20{padding-top:10px !important;}
    .pdng_t25{padding-top:12px !important;}
    .pdng_t30{padding-top:15px !important;}
    .pdng_t35{padding-top:18px !important;}
    .pdng_t40{padding-top:20px !important;}
    .pdng_t45{padding-top:22px !important;}
    .pdng_t50{padding-top:25px !important;}
    .pdng_t60{padding-top:30px !important;}
    .pdng_t100{padding-top:50px !important;}
    .pdng_b0{padding-bottom:0px !important;}
    .pdng_b5{padding-bottom:2px !important;}
    .pdng_b10{padding-bottom:5px !important;}
    .pdng_b15{padding-bottom:8px !important;}
    .pdng_b20{padding-bottom:10px !important;}
    .pdng_b25{padding-bottom:12px !important;}
    .pdng_b30{padding-bottom:15px !important;}
    .pdng_b35{padding-bottom:18px !important;}
    .pdng_b40{padding-bottom:20px !important;}
    .pdng_b45{padding-bottom:22px !important;}
    .pdng_b50{padding-bottom:25px !important;}
    .pdng_b60{padding-bottom:30px !important;}
    .pdng_b100{padding-bottom:50px !important;}
    
    .cs_table4_wp { 
        margin-left:10px;
        margin-right:10px;
        overflow:hidden;
        overflow:scroll;
        border:1px solid #ccc;
    }   
    
    .csvlink_content .csvlink_header{
        position:relative;
        padding:11px 0 11px 0px;
        line-height:20px;
        background:#3B3B3B;
    
    }
    .csvlink_content .csvlink_header h2,
    .csvlink_content .csvlink_header h3{
        color:#ffffff;
        font-size:16px;
        text-shadow:-1px -1px 0 #313131;
    }
    
    
    /* ====================[ list_csv ]==================== */
    
    .csvlink_content .csvlink_body .list_csv{
        width:100%;
        position:relative;
        box-shadow:0 2px 3px -2px rgba(0,0,0,1);
    }
    .csvlink_content .csvlink_body .list_csv h3{
        color:#000000;
        font-size:14px;
        padding:11px 10px 11px 10px;
        line-height:20px;
        border-top:1px solid #eeeeee;
        border-bottom:1px solid #BBBBBB;
        background:#efefef;
        cursor:pointer;
    }
    .csvlink_content .csvlink_body .list_csv h3 div{
        background: url("/etc/designs/panasonic-cs/clientlibs/images/common_icon06.png") no-repeat scroll right center transparent;
        padding-right:10px;
    
    }
    .csvlink_content .csvlink_body .list_csv ul{
        display:none;
        width:100%;
    }
    .csvlink_content .csvlink_body .list_csv ul li{
        width:100%;
        background:#ffffff;
    }
    .csvlink_content .csvlink_body .list_csv ul li a{
        display:block;
        color:#000000;
        font-size:12px;
        padding:11px 10px 11px 10px;
        line-height:20px;
        border-top:1px solid #ffffff;
        border-bottom:1px solid #e1e1e1;
    }    
}