﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
.Item_Standard .Contents img
{
    vertical-align: bottom;
}

#LeftPane .Item_Standard,
#RightPane .Item_Standard
{
    margin: 0 0 5px;
    padding: 0;
    width: 200px;
}


/* == 見出し == */
#LeftPane .Item_Standard .outside_h,
#RightPane .Item_Standard .outside_h
{
}

#LeftPane .Item_Standard .outside_b,
#RightPane .Item_Standard .outside_b
{
}

#LeftPane .Item_Standard .outside_f,
#RightPane .Item_Standard .outside_f
{
    background: url("../../../Images/inside_w_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    padding: 0;
    width: 200px;
}


/* == コンテンツブロック == */
#LeftPane .Item_Standard .inside_b,
#RightPane .Item_Standard .inside_b
{
    background: url("../../../Images/inside_w_bg2.gif") repeat-y;
    margin: 0;
    padding: 0;
    width: 200px;
}

#LeftPane .Item_Standard .inside_f,
#RightPane .Item_Standard .inside_f
{
    background: url("../../../Images/inside_w_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    padding: 0;
    width: 200px;
}


/* == コンテンツ == */
#LeftPane .Item_Standard .Contents,
#RightPane .Item_Standard .Contents
{
    padding: 1px 5px 1px 5px;
}

#LeftPane .Item_Standard .Contents h2,
#LeftPane .Item_Standard .Contents h3,
#LeftPane .Item_Standard .Contents h4,
#LeftPane .Item_Standard .Contents h5,
#LeftPane .Item_Standard .Contents h6,
#RightPane .Item_Standard .Contents h2,
#RightPane .Item_Standard .Contents h3,
#RightPane .Item_Standard .Contents h4,
#RightPane .Item_Standard .Contents h5,
#RightPane .Item_Standard .Contents h6
{
    margin: 5px 0px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 共通 == */
.Item_Standard
{
    float: left;
    margin: 0 0 5px;
    padding: 0;
    width: 320px;
}


/* == 見出し == */
Item_Standard .outside_h
{
}
.Item_Standard .outside_b
{
}

.Item_Standard .outside_f
{
}


/* == コンテンツブロック == */
.Item_Standard .inside_b
{
}

.Item_Standard .inside_f
{
}


/* == コンテンツ == */
.Item_Standard .Contents
{
    float: left;
    padding: 1px 5px;
    width: 310px;
}

.Item_Standard .Contents h2,
.Item_Standard .Contents h3,
.Item_Standard .Contents h4,
.Item_Standard .Contents h5,
.Item_Standard .Contents h6,
.Item_Standard .Contents h2,
.Item_Standard .Contents h3,
.Item_Standard .Contents h4,
.Item_Standard .Contents h5,
.Item_Standard .Contents h6
{
    margin: 5px 0px;
}


/* == 左右領域 == */
#LeftPane .Item_Standard .outside_h,
#RightPane .Item_Standard .outside_h
{
}
#LeftPane .Item_Standard .outside_b,
#RightPane .Item_Standard .outside_b
{
}

#LeftPane .Item_Standard .outside_f,
#RightPane .Item_Standard .outside_f
{
    background: url("../../../Images/inside_sp_w_h.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    padding: 0;
    width: 320px;
}


/* == コンテンツブロック == */
#LeftPane .Item_Standard .inside_b,
#RightPane .Item_Standard .inside_b
{
    background: url("../../../Images/inside_sp_w_bg2.gif") repeat-y;
    float: left;
    margin: 0;
    padding: 0;
    width: 320px;
}

#LeftPane .Item_Standard .inside_f,
#RightPane .Item_Standard .inside_f
{
    background: url("../../../Images/inside_sp_w_f.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    padding: 0;
    width: 320px;
}
}
