﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
.LinkList_180
{
    margin: 0 0 5px;
    padding: 0;
    width: 200px;
}


/* == タイトルブロック == */
.LinkList_180 .outside_h
{
    background: url("../../../Images/outside_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    width: 200px;
}

.LinkList_180 .outside_b
{
    background: url("../../../Images/outside_bg2.gif") repeat-y;
    margin: 0;
    padding: 0;
    width: 200px;
}

.LinkList_180 .outside_f
{
    background: url("../../../Images/outside_f.gif") no-repeat left bottom;
    margin: 0;
    height: 3px;
    font-size: 1px !important;
    width: 200px;
}

.LinkList_180 .Fix_header2
{
    background: url("../../../Images/outside_b.gif") no-repeat right top;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 10px;
    color: #214756;
}


/* == コンテンツブロック == */
.LinkList_180 .inside_h
{
    background: url("../../../Images/inside_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 7px;
    margin: 0;
    padding: 0;
    width: 200px;
}

.LinkList_180 .inside_b
{
    background: url("../../../Images/inside_bg2.gif") repeat-y;
    margin: 0;
    padding: 0;
    width: 200px;
}

.LinkList_180 .inside_f
{
    background: url("../../../Images/inside_f.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 7px;
    margin: 0;
    padding: 0;
    width: 200px;
}


/* == リスト == */
.LinkList_180 ul 
{
    margin: 0;
    padding: 5px 1px 1px;
}

.LinkList_180 li 
{
    background: url("../../../Images/icon2.gif") no-repeat 10px 5px;
    list-style-type: none;
    margin: 0;
    padding: 0 5px 4px 20px;
    width: 173px;
}

.LinkList_180 a.titleLink
{
    display: block;
    font-size: small;
    text-align: left;
    width: 173px;
}

/* == コントロール == */
.LinkList_180 .op_control,
.LinkList_180 .page_control
{
    font-size: small;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    clear: both;
}

.LinkList_180 .page_control a
{
}

.LinkList_180 .page_control img
{
    vertical-align: middle;
    margin: 0px 5px;
}


/*= リンク設定 =*/
.LinkList_180 a.MTitleLink:hover
{
    text-decoration:none;
    color: #214756;
}

.LinkList_180 a:link
{
    text-decoration:none;
}

.LinkList_180 a:visited
{
    text-decoration:none;
}

.LinkList_180 a:hover
{
    text-decoration:underline;
}

.LinkList_180 a:active
{
    text-decoration:none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 共通 == */
.LinkList_180
{
    float: left;
    margin: 0;
    padding: 0;
    width: 320px;
}


/* == タイトルブロック == */
.LinkList_180 .outside_h
{
    background: url("../../../Images/outside_sp_h.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 5px;
    margin: 0;
    width: 320px;
}

.LinkList_180 .outside_b
{
    background: url("../../../Images/outside_sp_bg2.gif") repeat-y;
    margin: 0;
    padding: 0;
    width: 320px;
}

.LinkList_180 .outside_f
{
    background: url("../../../Images/outside_sp_f.gif") no-repeat left bottom;
    margin: 0;
    height: 2px;
    font-size: 1px !important;
    width: 320px;
}

.LinkList_180 .Fix_header2
{
    background: url("../../../Images/outside_sp_bg.gif") no-repeat right top;
    font-size: medium;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 10px;
    color: #214756;
}


/* == 内枠 == */
.LinkList_180 .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;
}

.LinkList_180 .inside_b
{
    background: url("../../../Images/inside_sp_bg2.gif") repeat-y;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
    width: 320px;
}

.LinkList_180 .inside_f
{
}


/* == リスト == */
.LinkList_180 ul 
{
    margin: 0;
    padding: 5px 0px;
}

.LinkList_180 li 
{
    background: url("../../../Images/icon2.gif") no-repeat 10px 7px;
    padding: 0px 5px 4px 20px;
    font-size: small;
    list-style-type: none;
    margin: 0;
    width: 295px;
}

.LinkList_180 a.titleLink
{
    list-style-type: none;
    text-align: left;
}


/* == コントロール == */
.LinkList_180 .op_control,
.LinkList_180 .page_control
{
    font-size: small;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    clear: both;
}

.LinkList_180 .page_control a
{
}

.LinkList_180 .page_control img
{
    vertical-align: middle;
    margin: 0px 5px;
}


/*= リンク設定 =*/
.LinkList_180 a.MTitleLink:hover
{
    text-decoration:none;
    color: #214756;
}

.LinkList_180 a:link
{
    text-decoration:none;
}

.LinkList_180 a:visited
{
    text-decoration:none;
}

.LinkList_180 a:hover
{
    text-decoration:underline;
}

.LinkList_180 a:active
{
    text-decoration:none;
}
}
