/* ===================================================================
CSS
 file name  :  common.css
=================================================================== */
@media print, screen and (min-width: 769px) {
.dock_title,
.dock_title2
{
    background-color:#00306D;
    color:#FFFFFF;
    font-weight:bold;
    font-size:18px;
    text-align:left;
    padding:0 10px;
}
.dock_title2
{
    font-size:20px;
    text-align:left;
}
.dock_text{
    width:630px;
    color:#00306D;
    font-size:14px;
    text-align:left;
    margin:10px auto;
}
.dock_comment,
.dock_comment2{
    width:365px;
    color:#FFFFFF;
    background-color:#00306D;
    text-align:left;
    margin:10px auto;
    padding:40px 20px;
    line-height:2.5;
    border-radius:10px;
    text-align:center;
}
.dock_comment2{
    width:420px;
}
.dock_comment2 p{
    margin-top:10px;
    text-align:left;
}
.index_contents
{
    position:relative;
}
.index_contents p
{
    position:absolute;
    font-size:14px;
    text-align:center;
    color:#00306D;
}
.index_contents p.text1
{
    top:65px;
    left:45px;
}
.index_contents p.text2
{
    top:100px;
    left:245px;
}
.index_contents p.text3
{
    top:50px;
    left:500px;
}
.index_contents p.text4
{
    top:225px;
    left:70px;
}
.index_contents p.text5
{
    top:195px;
    left:445px;
}

.contents01_1
{
    margin-bottom:10px;
}
.contents01_1 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents01_1 .img
{
    display:inline-block;
}
.contents01_1 .text
{
    display:inline-block;
    text-align:left;
    width:480px;
    font-size: 14px;
    vertical-align: top;
}
.contents01_2 table
{
    border:1px solid #CCCCCC;
    border-collapse: collapse;
}
.contents01_2 table td
{
    border:1px solid #CCCCCC;
    width:50%;
    padding:10px;
    text-align:left;
    vertical-align:top;
    font-size:12px;
}
.contents01_2 img
{
    margin:0 auto;
    display:block;
}
.contents01_2 p
{
    color:#00306D;
    font-weight:bold;
    padding:10px 0;
}


.contents02_1
{
    margin-bottom:10px;
}
.contents02_1 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents02_1 .img
{
    display:inline-block;
}
.contents02_1 .text
{
    display:inline-block;
    text-align:left;
    width:480px;
    font-size: 14px;
    vertical-align: top;
}

.contents02_2
{
    margin-bottom:10px;
    font-size: 14px;
}
.contents02_2 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents02_2 .img
{
    display:inline-block;
}
.contents02_2 .text
{
    display:inline-block;
    text-align:left;
    width:550px;
    vertical-align:bottom;
}

.contents03_1
{
    margin-bottom:10px;
}
.contents03_1 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents03_1 .img
{
    display:inline-block;
}
.contents03_1 .text
{
    display:inline-block;
    text-align:left;
    width:480px;
    vertical-align:top;
    font-size: 14px;
}

.contents03_2
{
    margin-bottom:10px;
    font-size: 14px;
}
.contents03_2 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents03_2 .img
{
    display:inline-block;
}
.contents03_2 .text
{
    display:inline-block;
    text-align:left;
    width:550px;
    vertical-align:bottom;
}

.contents04_1
{
    margin-bottom:10px;
}
.contents04_1 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents04_1 .img
{
    display:inline-block;
}
.contents04_1 .text
{
    display:inline-block;
    text-align:left;
    width:480px;
    vertical-align:top;
    font-size: 14px;
}

.contents04_2
{
    margin-bottom:10px;
    font-size: 14px;
}
.contents04_2 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents04_2 .text
{
    text-align:left;
}

.contents05_1
{
    margin-bottom:10px;
}
.contents05_1 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents05_1 .img
{
    display:inline-block;
}
.contents05_1 .text
{
    display:inline-block;
    text-align:left;
    width:480px;
    vertical-align:top;
    font-size: 14px;
}

.contents05_2
{
    margin-bottom:10px;
    font-size: 14px;
}
.contents05_2 p
{
    color:#00306D;
    font-weight:bold;
    font-size: 16px;
}
.contents05_2 .text
{
    text-align:left;
}

.dock_img
{
    border:1px solid #CCCCCC;
    width:650px;
    margin:0 auto;
    text-align:center;
    padding:10px;
}

.contents00_link p
{
    float:left;
    width:340px;
    margin:5px 5px;
}
.contents00_link p a
{
    display:block;
    padding:5px;
    color:#00306D;
    background-color:#DFE6EE;
    text-decoration:none;
    text-align:center;
}
.contents00_link p a:hover
{
    color:#DFE6EE;
    background-color:#00306D;
}
.contents00_1
{
    text-align:center;
    width:350px;
    float:left;
}
.contents00_1 img
{
    width:100%;
}
.contents00_2
{
    text-align:left;
    width:350px;
    float:left;
    margin-top:75px;
    font-size:16px;
}
}
@media screen and (max-width: 768px) {
h3.page_subtitle {
    margin: 10px 0;
}
#contents_r.dock_contents
{
    width:95%;
    margin:0 auto;
}
.dock_title,
.dock_title2
{
    background-color:#00306D;
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px;
    text-align:left;
    padding:0 10px;
}
.dock_title2
{
    text-align:left;
}
.dock_text{
    color:#00306D;
    font-size:14px;
    text-align:left;
    margin:10px auto;
}
.dock_comment,
.dock_comment2{
    width:300px;
    color:#FFFFFF;
    background-color:#00306D;
    text-align:left;
    margin:10px auto;
    padding:40px 20px;
    line-height:1.5;
    border-radius:10px;
    text-align:center;
}
.dock_comment2 p{
    margin-top:10px;
    text-align:left;
}


.contents01_1
{
    margin-bottom:10px;
}
.contents01_1 p
{
    color:#00306D;
    font-weight:bold;
}
.contents01_1 .img
{
    display:inline-block;
    text-align:left;
    width:40%;
    vertical-align: top;
}
.contents01_1 .text
{
    display:inline-block;
    width:55%;
}
.contents01_2
{
    margin-bottom:20px;
}
.contents01_2 table
{
    border:1px solid #CCCCCC;
    border-collapse: collapse;
}
.contents01_2 table td
{
    border:1px solid #CCCCCC;
    padding:10px;
    text-align:left;
    vertical-align:top;
    font-size:12px;
    display:block;
}
.contents01_2 img
{
    margin:0 auto;
    display:block;
}
.contents01_2 p
{
    color:#00306D;
    font-weight:bold;
    padding:10px 0;
}


.contents02_1
{
    margin-bottom:10px;
}
.contents02_1 p
{
    color:#00306D;
    font-weight:bold;
}
.contents02_1 .img
{
    display:inline-block;
    text-align:left;
    width:40%;
    vertical-align: top;
}
.contents02_1 .text
{
    display:inline-block;
    width:55%;
}

.contents02_2
{
    margin-bottom:10px;
}
.contents02_2 p
{
    color:#00306D;
    font-weight:bold;
}
.contents02_2 .img
{
    display:inline-block;
    width:40%;
}
.contents02_2 .text
{
    display:inline-block;
    text-align:left;
    width:58%;
    vertical-align:bottom;
}

.contents03_1
{
    margin-bottom:10px;
}
.contents03_1 p
{
    color:#00306D;
    font-weight:bold;
}
.contents03_1 .img
{
    display:inline-block;
    text-align:left;
    width:40%;
    vertical-align: top;
}
.contents03_1 .text
{
    display:inline-block;
    width:55%;
}

.contents03_2
{
    margin-bottom:10px;
}
.contents03_2 p
{
    color:#00306D;
    font-weight:bold;
}
.contents03_2 .img
{
    display:inline-block;
    width:40%;
}
.contents03_2 .text
{
    display:inline-block;
    text-align:left;
    width:58%;
    vertical-align:bottom;
}

.contents04_1
{
    margin-bottom:10px;
}
.contents04_1 p
{
    color:#00306D;
    font-weight:bold;
}
.contents04_1 .img
{
    display:inline-block;
    text-align:left;
    width:40%;
    vertical-align: top;
}
.contents04_1 .text
{
    display:inline-block;
    width:55%;
}

.contents04_2
{
    margin-bottom:10px;
}
.contents04_2 p
{
    color:#00306D;
    font-weight:bold;
}
.contents04_2 .text
{
    text-align:left;
}

.contents05_1
{
    margin-bottom:10px;
}
.contents05_1 p
{
    color:#00306D;
    font-weight:bold;
}
.contents05_1 .img
{
    display:inline-block;
    text-align:left;
    width:40%;
    vertical-align: top;
}
.contents05_1 .text
{
    display:inline-block;
    width:55%;
}

.contents05_2
{
    margin-bottom:10px;
}
.contents05_2 p
{
    color:#00306D;
    font-weight:bold;
}
.contents05_2 .text
{
    text-align:left;
}

.dock_img
{
    border:1px solid #CCCCCC;
    margin:0 auto;
    text-align:center;
    padding:10px;
}


.contents00
{
    margin-bottom:10px;
}
.contents00_link
{
    margin-bottom:10px;
}
.contents00_link p
{
    width:100%;
    margin:1% 0;
}
.contents00_link p a
{
    display:block;
    padding:5px;
    color:#00306D;
    background-color:#DFE6EE;
    text-decoration:none;
    text-align:center;
}
.contents00_link p a:hover
{
    color:#DFE6EE;
    background-color:#00306D;
}
.contents00_1
{
    text-align:center;
    width:40%;
    float:left;
}
.contents00_1 img
{
    width:100%;
}
.contents00_2
{
    text-align:left;
    width:60%;
    float:left;
    font-size:12px;
}

}