@charset "euc-jp";

@import url("../common.css?20190909");

/*----------------------------------------------------------
MAIN
----------------------------------------------------------*/
#main{
	background-image: url(../img/main_bg_yellow.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 109px;
	padding-bottom: 4px;
	margin-bottom: auto;
	text-align: center;
}

/*----------------------------------------------------------
CONTENTS
----------------------------------------------------------*/
#contents_main{
	border-top: none!important;
	position: relative;
}
.title{
	width: 624px;
	height: 37px;
	margin-bottom: 15px;
}
.title h2,
.title ul,
.title li{
	float: left;
}
p span{
	color: #F93305;
}
#flow{
	width: 624px;
}

#flow_bottom{
	width: 624px;
	background-image: url(img/flow_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 14px;
	margin-top: 22px;
	margin-bottom: 37px;
}
#flow{
	width: 624px;
	background-image: url(img/flow_bg1.jpg);
	background-repeat: repeat-y;
	background-position: center 24px;
}
#flow .left{
	width: 309px;
}
#flow .right{
	width: 309px;
}
#flow h3{
	padding-bottom: 16px;
	padding-left: 6px;
	background-color: #FFFFFF;
	background-image: url(img/flow_head.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#flow .left h3{
	width: 303px;
}
#flow .right h3{
	width: 303px;
}
#flow .box{
	width: 272px;
	background-image: url(img/arrow.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 23px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
}
#flow .left .box{
margin-left: 10px;
}
#flow .right .box{
margin-left: 11px;
}
#flow .box img{
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#flow .box p.margin1{
	margin-top: 20px;
}
#flow .box p.margin2{
	margin-top: 20px;
}
#flow .box2{
	margin-left: 10px;
	padding-bottom: 15px;
	background-color: #0366D6;
	padding-top: 15px;
	color: #FFFFFF;
	text-align: center;
}
#flow .left .box2{
width: 288px;
}
#flow .right .box2{
width: 289px;
}
#guide2{
	margin-bottom: 20px;
}
.box3{
	background-image: url(../img/line1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 10px;
	width: 604px;
}
.box3 h3{
	margin-bottom: 5px;
}
.box4{
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	width: 604px;
}
.box4_2{
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 30px;
	width: 604px;
}
.box4 h4,
.box4_2 h4{
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 120%;
}
.red{
	color: #F93305;
}
.box4 table{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #C4C4C4;
	border-left-color: #C4C4C4;
	margin-bottom: 16px;
}
.box4 table td{
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C4C4C4;
	border-bottom-color: #C4C4C4;
}
.box4 table td.area{
	background-image: url(../img/bg1.jpg);
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
}
.bottom30{
	margin-bottom: 30px;
}
.bottom10{
	margin-bottom: 10px;
}
.box5{
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 30px;
	width: 604px;
}
.box5 table{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #C4C4C4;
	border-left-color: #C4C4C4;
	margin-bottom: 16px;
	margin-top: 10px;
}
.box5 table td{
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C4C4C4;
	border-bottom-color: #C4C4C4;
}
.box5 table td.area{
	background-image: url(../img/bg1.jpg);
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
}
.box6{
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 30px;
	width: 604px;
}
.time{
	margin-left: -10px;
}
/*----------------------------------------------------------
SIDE
----------------------------------------------------------*/
#side{
	margin-top: -35px;
	position: relative;
}
#side .katalog{
	background-image: url(../img/side_katalog_bg.png?20200513);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 14px;
	padding-left: 10px;
	top: 0px;
	height: 145px;
	width: 213px;
	margin-left: -2px;
}