@charset "utf-8";
/* ------------------------------------------------------------

	tabsbox style

------------------------------------------------------------ */

.tabArea{ clear:left; height:390px;}
.tabArea ul{list-style:none;}
.tabArea h3{clear:left;}
/*--------------*/
.tab1{width:264px; height:43px; float:left;}
.tab2{width:264px; height:43px; float:left; padding-left:10px;}
/*--------------*/
#jsPage1{width:915px;
    clear:left; padding:20px 20px 20px 20px; border:2px solid #2579c7; height:320px;
    background-image:url(../images/flow_bk.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size: 420px 360px}
#jsPage1 dl{padding:12px 0 0 8px;}
#jsPage1 dd{padding:0 0 2px;}
.page103dt{width:48px; float:left;}
.page103dd{width:110px; float:left;}
#jsPage1 ul{padding:4px 0 0 57px;}
/*--------------*/
#jsPage2 {width:915px;
    clear:left; padding:20px 20px 20px 20px; border:2px solid #2579c7; height:320px;
    background-image:url(../images/flow_bk.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-size: 420px 360px}
#jsPage2 dl{width:auto; padding:12px 0 0 8px; clear:left;}
#jsPage2 dd{padding:0 0 2px;}
#jsPage2 ul{padding:4px 0 0 57px; width:150px; height:27px; overflow:hidden;}
	/*--xmlns属怃@ハッゃb--*/ html[xmlns] #jsPage2 ul{width:100px;}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 60%;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: 2px;
    border-color: #0000ff;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    width: 50%;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}