/* ===================================================================
CSS
 file name  :  common.css
=================================================================== */
@media print, screen and (min-width: 769px) {
.dock_title,
.dock_title2
{
    color:#00306D;
    font-weight:bold;
    font-size:32px;
    text-align:center;
}
.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;
}

}
@media screen and (max-width: 768px) {
#contents_r.dock_contents
{
    width:95%;
    margin:0 auto;
}
.dock_title,
.dock_title2
{
    color:#00306D;
    font-weight:bold;
    font-size:16px;
    text-align:center;
}
.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;
}

}