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