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


.mirai_calendar-intro-comment-item {
    font-size: small;
    line-height: 1.4;
    letter-spacing: .05em;
    text-align: center;
    margin: 10px;
    padding: 25px 0;
    max-width: 350px;
    width: 47%;
    background: #FFF;
    border-radius: 10px;
	float: left;
}


}
@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;
}
.img_sc img {
	max-width:1200px;
}


.mirai_calendar-intro-comment-item {
    font-size: small;
    line-height: 1.4;
    letter-spacing: .05em;
    text-align: center;
    margin: 10px;
    padding: 15px 0;
    width: 90%;
    background: #FFF;
    border-radius: 10px;
	float: none;
}


/* スマートフォン用のスタイル記述 */
#youtube_area iframe{
	width: 100%;
	height:240px;
}

}

.bgbule_fw {
	background-color:#00306d;
	color:#FFF;
}
.ind70 {
	text-indent: -70px;
	padding-left: 70px;
	margin-top: 5px;
}

.img_sc {
    overflow-x: scroll;
}

.main_bg {
	background-image: url(../images/mirai/main01_bg.jpg);
	background-repeat: repeat-x;
	background-repeat: repeat-y;
}