﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
#LeftPane .Item_Standard_Title,
#RightPane .Item_Standard_Title
{
    margin: 0 0 5px;
    padding: 0;
    width: 200px;
}


/* == 見出し == */
#LeftPane .Item_Standard_Title .outside_h,
#RightPane .Item_Standard_Title .outside_h
{
    background: url("../../../Images/outside_w_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    width: 200px;
}

#LeftPane .Item_Standard_Title .outside_b,
#RightPane .Item_Standard_Title .outside_b
{
    background: url("../../../Images/outside_w_bg2.gif") repeat-y;
    margin: 0;
    padding: 0;
    width: 200px;
}

#LeftPane .Item_Standard_Title .outside_f,
#RightPane .Item_Standard_Title .outside_f
{
    background: url("../../../Images/outside_w_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    width: 200px;
}

#LeftPane .Item_Standard_Title .outside_b h2,
#RightPane .Item_Standard_Title .outside_b h2
{
    background: url("../../../Images/outside_w_b.gif") no-repeat right top;
    color: #3E3A39;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 10px;
    border: none;
}


/* == コンテンツブロック == */
#LeftPane .Item_Standard_Title .inside_h,
#RightPane .Item_Standard_Title .inside_h
{
    background: url("../../../Images/inside_w_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 7px;
    margin: 0;
    padding: 0;
    width: 200px;
}

#LeftPane .Item_Standard_Title .inside_b,
#RightPane .Item_Standard_Title .inside_b
{
    background: url("../../../Images/inside_w_bg2.gif") repeat-y;
    margin: 0;
    padding: 0;
    width: 200px;
}

#LeftPane .Item_Standard_Title .inside_f,
#RightPane .Item_Standard_Title .inside_f
{
    background: url("../../../Images/inside_w_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 7px;
    margin: 0;
    padding: 0;
    width: 200px;
}


/* == コンテンツ == */
#LeftPane .Item_Standard_Title .Contents,
#RightPane .Item_Standard_Title .Contents
{
    padding: 5px 10px 1px 10px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 共通 == */
#LeftPane .Item_Standard_Title,
#RightPane .Item_Standard_Title
{
    margin: 0 0 5px;
    padding: 0;
    width: 320px;
    float: left;
}


/* == タイトルブロック == */
#LeftPane .Item_Standard_Title .outside_h,
#RightPane .Item_Standard_Title .outside_h
{
    background: url("../../../Images/outside_w_sp_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    width: 320px;
}

#LeftPane .Item_Standard_Title .outside_b,
#RightPane .Item_Standard_Title .outside_b
{
    background: url("../../../Images/outside_w_sp_bg2.gif") repeat-y;
    margin: 0;
    padding: 0;
    width: 320px;
}

#LeftPane .Item_Standard_Title .outside_f,
#RightPane .Item_Standard_Title .outside_f
{
    background: url("../../../Images/outside_w_sp_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    width: 320px;
}

#LeftPane .Item_Standard_Title .outside_b h2,
#RightPane .Item_Standard_Title .outside_b h2
{
    background: url("../../../Images/outside_w_sp_bg.gif") no-repeat scroll right top rgba(0, 0, 0, 0);
    border: none;
    color: #214756;
    font-size: medium;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 10px;
}


/* == コンテンツブロック == */
#LeftPane .Item_Standard_Title .inside_h,
#RightPane .Item_Standard_Title .inside_h
{
    background: url("../../../Images/inside_w_sp_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 7px;
    margin: 0;
    padding: 0;
    width: 320px;
}

#LeftPane .Item_Standard_Title .inside_b,
#RightPane .Item_Standard_Title .inside_b
{
    background: url("../../../Images/inside_w_sp_bg2.gif") repeat-y;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
    width: 320px;
}

#LeftPane .Item_Standard_Title .inside_f,
#RightPane .Item_Standard_Title .inside_f
{
}


/* == コンテンツ == */
#LeftPane .Item_Standard_Title .Contents,
#RightPane .Item_Standard_Title .Contents
{
    padding: 5px 10px 1px 10px;
}
}
