@charset "UTF-8";



/*** CSS Document ********************************************



	common.css



*************************************************************/

/* html
-----------------------------------------------------*/
html{
height:100%;
background: #ffffff;
}

/* body
-----------------------------------------------------*/
body{
background: #ffffff;
font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
font-size: 12px;
line-height:1.25;
color: #353025;
}

/* link
-----------------------------------------------------*/

a{
color: #353025;
text-decoration:none;
-webkit-tap-highlight-color: rgba(0,0,0,0.3); /* タップ時の背景色 */
}

/* reset
-----------------------------------------------------*/
body,div,th,td,p,ul,ol,dl,dt,dd,img,form,h1,h2,h3,h4,h5,h6,
article,aside,figure,footer,header,hgroup,menu,nav,section{
margin: 0;
padding: 0;
}

article,aside,figure,figcaption,
footer,header,hgroup,menu,nav,section{
display: block;
}

html{
-webkit-text-size-adjust: none;
}

table{
border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6{
font-size: 100%;
font-weight: bold;
}

input,textarea,select{
font-family: inherit;
font-size: 100%;
}

th, td{
text-align: left;
}

ul,ol{
list-style-type: none;
}

/*hr{
display: none;
}*/

img{
border: 0;
vertical-align: top;
}

/* clearfix
-----------------------------------------------------*/
.clearfix::before,
.clearfix::after{
content:"";
display:table;
}
.clearfix::after{
clear:both;
}



/* Topページヘッダー

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

header{

	width:100%;

	background:#fff;

	padding:10px 0 0 0;

	margin:0;

	overflow:hidden;

	border-top:3px solid #FF8B00;

	box-sizing : border-box;
	
	border-bottom:none !important;

}

header p{

	border-bottom:1px solid #ccc;

	padding:0 0 10px 0;

}

header img{

	width:50%;

}



header h1{

	background:#fff;

	padding:10px 0 5px 0;

	color:#ff8b00;

	font-size:120%;

	border-bottom:1px dotted #FF8B00;

	text-align:center;

}


/* フッター

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

footer{

border-top:1px solid #d6d4cc;

margin-top:-1px;

}




/* リスト

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

/*矢印リスト*/



.titCom01 + .lstArrow,

.titCom02 + .lstArrow{

margin:-1px 0 0;

}



.txtCom02 + .lstArrow{

margin:15px 0 0;

}



.lstArrow a{

display:block;

border-top:1px solid #d6d4cc;

padding:0 20px 0 10px;

height:40px;

line-height:40px;

position: relative;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

}



.lstArrow li:last-child a{

border-bottom:1px solid #d6d4cc;

}



.lstArrow a:before,

.lstArrow a:after{

display: block;

content:' ';

width: 0px;

height: 0px;

border-style: solid;

border-width: 9px 0 9px 7px;

border-color: transparent transparent transparent #d6d4cc;

margin-top:-9px;

position:absolute;

top: 50%;

right: 10px;

}



.lstArrow a:after{

border-color: transparent transparent transparent #ffffff;

right: 12px;

}




/* タイトル

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

.titCom01{

background-color:#fff0c7;

font-size: 12px;

font-weight: bold;

border-top:2px solid #ff9000;

border-bottom:1px solid #d6d4cc;

padding:12px 10px;

position:relative;

}



.titCom01 .small{

font-size: 11px;

font-weight: normal;

display:block;

position:relative;

margin-top:3px;

}



.titCom01 .nobold{

font-size: 12px;

font-weight: normal;

}



.titCom01.noEntry{

background-color:#ffebe0;

}



.btnJ + .titCom01{

margin-top:15px;

}



/*section + section .titCom01{

margin:15px 0 0;

}*/



.titCom02{

background-color:#fff8e9;

font-size: 12px;

font-weight: bold;

border-top:1px solid #ff882c;

border-bottom:1px solid #d6d4cc;

margin:15px 0 0;

padding:5px 10px 5px;

position:relative;

}



.lstKeihin + .titCom02,

.titCom01 + .titCom02{

margin:-1px 0 0;

}



.banCampaign + section .titCom02{

margin:10px 0 0;

}



.contFlst .titCom02{

margin:0;

}



.titCom03{

margin:10px 10px 0 10px;

font-weight:bold;

font-size: 12px;

}



.titCom03 + .titCom03{

margin:5px 10px 0 10px;

}



.titCom04{

margin:15px 10px 0 10px;

font-weight:bold;

font-size: 12px;

color:#ff9000;

}



.titCom05{

margin:10px 10px 0 10px;

padding:5px 10px 5px 10px;

font-weight:bold;

font-size: 12px;

font-weight:bold;

background-color:#ff9000;

color:#ffffff;

}



.txtCom03 + .titCom05{

margin:1.5px 10px 0 10px;

}



.tblInfo02 +  .titCom05{

margin:15px 10px 0 10px;

}
.titCom05 .must{

background-color:#ffffff;

color:#ff7800;

}



.titCom06{

margin:10px 10px 0 10px;

padding:3px 5px 3px 5px;

font-size: 10px;

background-color:#ff9000;

color:#ffffff;

}



.titCom07{

margin:10px 10px 0 10px;

font-weight:bold;

font-size: 16px;

font-weight:bold;

text-align:center;

}



.titCom08{

margin:15px 10px 0 10px;

font-weight:bold;

font-size: 12px;

color:#ff9000;

text-align:center

}


/*アイコン*/



.titCom01 > .spIcon{

display:inline-block;

background-position:0px -152px;

padding-left:20px;

}



.titCom01 > .area{

background-position:0px -1515px;

}



.titCom01 > .shokushu{

background-position:0px -1550px;

}



.titCom01 > .keitai{

background-position:0px -1585px;

}



.titCom01 > .shift{

background-position:0px -1620px;

}



.titCom01 > .kyuyo{

background-position:0px -1655px;

}



.titCom01 > .kikan{

background-position:0px -1690px;

}



.titCom01 > .jikan{

background-position:0px -1725px;

}



.titCom01 > .ninki{

background-position:0px -1760px;

}



.titCom01 > .keiken{

background-position:0px -1795px;

}



.titCom01 > .reki{

background-position:0px -1830px;

}



.titCom01 > .yasumi{

background-position:0px -1865px;

}



.titCom01 > .koutus{

background-position:0px -1900px;

}



.titCom01 > .taigu{

background-position:0px -1935px;

}



.titCom01 > .boshu{

background-position:0px -1970px;

}



.titCom01 > .koko{

background-position:0px -2005px;

}



.titCom01 > .oshigoto{

background-position:0px -2040px;

}



.titCom01 > .oubo{

background-position:0px -2075px;

}



.titCom01 > .company{

background-position:0px -2110px;

}



.titCom01 > .konokyujin{

background-position:0px -2145px;

}



.titCom01 > .konnajoken{

background-position:0px -2180px;

}



/* テキスト

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

.attention{

color:#ff5400;

}



.note{

font-size:11px !important;

margin-top: -5px !important;

color:#999999 !important;

}



section + .txtCom02,section .txtCom02:last-child,

section + .txtCom03,section .txtCom03:last-child{

margin-bottom: 15px;

}



.txtCom01{

padding: 15px 10px 0 10px;

font-size:11px;

}



.txtCom01 + .txtCom01{

padding: 5px 10px 0 10px;

}



.txtCom02{

padding: 10px 10px 0 10px;

font-size:11px;

}



.txtCom02 a{

color:#3366cc;

}



.txtCom02 .imp{

color:#ff9000;

}





.txtCom03{

margin:0 10px 0 10px;

padding:5px 10px 5px 10px;

font-size: 12px;

background-color:#fff7e3;

}



.txtCom04{

display:block;

margin:1px 10px 0 10px;

padding:3px 5px 3px 5px;

font-size: 10px;

background-color:#ffffff;

}

#footer{

	width:100%;

	overflow:hidden;

	background-color:#fff;

	bottom:0;

}

#footer section{

	width:100%;

	background-color:#fff;

	margin-bottom:0;

	border-top:2px solid #F60;

	padding:10px 0;

}

#footer section h4{

	text-align:center;

}

#footer section p{

	text-align:center;

	font-size:80%;

}
.page-top {
	width:40px;
	height:40px;
	background:url(../img/pagetop.png) no-repeat center center;
	background-size:100% 100%;
	text-indent:-9999px;
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
	z-index:9999;
}