@charset "UTF-8";

#container a:link img {
}
#container a:visited img {
}
#container a:hover img {
opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;
}
#container a:active img {
opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;
}


/* Clearfix */  
.clearfix:after {  
    content: " ";   
    display: block;   
    height: 0;   
    clear: both;   
    visibility: hidden;  
}  
.clearfix {  
    display: inline-block;  
    min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
    height: 1%;  
}  
.clearfix {  
    display: block;  
}  
/* End hide from IE-Mac */


body{
margin:0;
padding:0;
text-align:center;
background-image:url("/kanshoku-file/image/back01.gif");
background-position-x:center;
background-repeat:repeat;
}

body{
background-image:none;
background-color:#fbfce9;
}


ol{
margin:auto 0em 0em 1em;
padding:0em 0em 0em 1em;
overflow:visible;   
}

ul{ 
list-style-image:url(/dot.gif); 
font-size:14px;
}

a {
outline:none;
cursor:pointer;
}

.moji1{
color:#2A2A2A;
margin-left:4px;
}

.moji2{
font-size:18px;
color:#2A2A2A;
padding:0px 0px 0px 5px;
margin:0px 0px 0px 0px;
font-weight:bold;
line-height:110%;
}

.number{
background-image:url("/kanshoku/line2.gif");
background-repeat:no-repeat;
background-position:center middle;
font-size:15px;
color:#2A2A2A;
padding:10px 0px 10px 0px;
margin:10px 0px 10px 0px;
line-height:100%;
text-align:center;
}

.moji3{
font-size:10pt;
color:#2A2A2A;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:130%;
}

.moji4{
font-size:10pt;
color:#2A2A2A;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
line-height:100%;
}

.moji5{
background-color:#f0f0f0;
color:#2A2A2A;
font-size:16px;
padding:5px 5px 5px 5px;
margin:0px 0px 0px 0px;
font-weight:bold;
line-height:100%;
}

.mt{
font-size:9pt;
line-height:140%;
color:#2a2a2a;
}

h1 {
margin:0;
padding:0;
}


.title{
background-color:#ffcccc;
padding:0px 5px 0px 5px;
margin:0px 0px 8px 0px;
}

.title2{
font-size:100%;
background-color:#fcd7ce;
padding:4px;
line-height:140%;
}

.title3{
background-image:url("/calendar/line.gif");
background-repeat:no-repeat;
background-position:left middle;
font-size:110%;
color:#2A2A2A;
padding:0px 0px 10px 12px;
margin:25px 0px 5px 0px;
font-weight:bold;
line-height:120%;
}

.title4{
background-image:url("/calendar/line.gif");
background-repeat:no-repeat;
background-position:left middle;
font-size:110%;
color:#2A2A2A;
padding:0px 0px 10px 12px;
margin:0px 0px 0px 0px;
font-weight:bold;
line-height:120%;
}

.info{
background-color:#f0f0f0;
padding:10px 10px 10px 10px;
margin:0px -30px 0px 10px;
}

.info2{
background-color:#f0f0f0;
padding:2px 2px 2px 2px;
margin:10px 0px 5px 0px;
}

.column{
width:370px;
color:#2A2A2A;
padding:0px 0px 0px 5px;
margin:20px 0px 0px 0px;
font-size:14px;
line-height:130%;
}

.column_news{
width:360px;
color:#2A2A2A;
padding:0px 0px 0px 5px;
margin:20px 0px 0px 0px;
font-size:14px;
line-height:130%;
}

.column_rensai{
width:360px;
color:#2A2A2A;
padding:5px 0px 0px 25px;
margin:20px 0px 0px 0px;
font-size:14px;
line-height:130%;
}

.yaji1{
background-image:url("/kanshoku-file/image/yaji1.gif");
background-repeat:no-repeat;
background-position:left middle;
padding:0px 0px 0px 20px;
margin:20px 0px 0px 300px;
font-size:13px;
line-height:130%
}

.yaji2{
background-image:url("/calendar/yaji2.gif");
background-repeat:no-repeat;
background-position:left middle;
padding:0px 0px 0px 15px;
margin:10px 0px 10px 10px;
font-size:14px;
line-height:140%
}

.yaji1data{
background-image:url("/kanshoku-file/image/yaji1.gif");
background-repeat:no-repeat;
background-position:left middle;
padding:0px 0px 0px 20px;
margin:5px 0px 0px 300px;
font-size:13px;
line-height:130%
}

.pdf{
background-image:url("/event/adobereader.gif");
background-repeat:no-repeat;
background-position:left middle;
padding: 0px 0px 0px 24px;
margin: 10px 0px 10px 20px;
color:#2A2A2A;
line-height:140%;
} 

.dot{
border:dotted #f4a3b3 medium;
padding:20px 20px 0px 20px;
margin:0px 0px 0px 20px;
text-align:left;
} 

.indent1{
text-indent:-2.5em;
margin:1em 1em 1em 2.5em;
}

.indent2{
text-indent:0em;
margin:1em 1em 1em 2.5em;
}

.side{
padding:5px 5px 5px 5px;
margin:5px 0px 5px 0px;
border-left:2px solid #ffcccc;
border-right:2px solid #ffcccc;
border-top:2px solid #ffcccc;
border-bottom:2px solid #ffcccc;
font-size:14px;
line-height:140%;
}

.img{
float:right;
padding:10px 5px 0px 10px;
margin:0px 0px 0px 0px;
}

.img_01{
float:center;
padding:10px 10px 10px 10px;
margin:0px 0px 0px 0px;
}

.img_02{
float:left;
padding:10px 10px 10px 0px;
margin:0px 0px 0px 0px;
}

.img_c{
background-color:#f0f0f0;
float:right;
padding:10px 10px 10px 10px;
margin:2px 0px 0px 10px;
font-size:13px;
line-height:140%;
text-align:center;
}

p{ 
margin:10px 0px 0px 0px;
} 

a:hover{color:FF0099;}

#container{
width:850px;
margin:0;
padding:0;
background-color:#FCF3E8;
text-align:left;
}

#header1{
width:850px;
padding:0px;
padding-top:1px;
background-color:#ffcccc;
line-height:140%;
text-align:left;
}

#header2{
width:850px;
background-color:#ffffff;
border-bottom:2px solid #ffcccc;
text-align:left;
}

#main{
width:553px;
padding:5px 5px 5px 10px;
margin:0px 0px 20px 0px;
background-color:#ffffff;
text-align:left;
font-size:15px;
line-height:150%;
}

#side{
padding:0px 0px 5px 5px;
margin:0px;
background-color:#ffffff;
text-align:left;
font-size:14px;
line-height:140%;
}

#footer{clear:both;
width:850px;
padding:0px;
margin:0px;
font-size:13px;
text-align:left;
line-height:110%;
background-color:#FCF3E8;
}

/* enquete
---------------*/

#enq_tobira img, #enq_kaitou img {
vertical-align:bottom;
}

#enq_tobira div.lead, #enq_kaitou div.lead  {
margin:0 2em;
padding:1em 2em;
background-color:#f6dbbb;
font-size:110%;
color:#704236;
font-weight:bold;
}

#enq_tobira h2, #enq_kaitou h2 {
margin:1em 0 0 0 ;
padding:0;
}

#enq_kaitou h2.float {
float:left;
width:50%;
}

#enq_tobira ul.gaiyo {
background-color:#fff;
padding:1em 1em 1em 2.5em;
margin:0;
}

#enq_tobira ul.zokusei {
background-color:#fff;
padding:1em 1em 1em 2.5em;
margin:0 5px  0 0;
}

#enq_tobira ul.kaitou {
background-color:#fff;
padding:1em 1em 1em 2.5em;
margin:0;
}

#enq_tobira ul.kaitou li {
margin:0 0 5px 0;
}

#enq_kaitou ul.kaitou {
margin:0;
padding:1em 1em 0 2.5em;
line-height:140%;
font-size:110%;
}

#enq_kaitou ul.kaitou li {
margin:0 0 5px 0;
}

.naka_enq_wrap {
margin-left:-70px;
margin-right:-70px;
}

naka_enq_width100 {
width:100%;
}


.back{
margin:0;
padding:0;
background-image:url("/kanshoku-file/image/back02.gif");
background-position-x:center;
background-repeat:repeat-y;
}

.left{
width:190px;
float:left;
background-color:#f4d4a3;
padding:0.5em 0.5em 0.5em 0.5em;
margin:0em 0.5em 0.5em 0em;
font-size:14px;
line-height:140%;
text-align:left;
}

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

#instruction-list {
font:15px/1.3 'メイリオ','Lucida Grande',Helvetica,osaka,Arial,sans-serif,Verdana,"Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
width:700px;
margin:0 auto;
letter-spacing:0.3px;
line-height:170%;
}

	/* for IE7 */
	*+html #instruction-list {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:90%;
	}
	
	/* for IE6 */
	* html #instruction-list {
	font-family:'ＭＳ Ｐゴシック';
	font-size:90%;
	}

#instruction-list a {
height:83px;
margin:0;
padding:10px;
display:block;
background-image:url(/kanshoku-file/images/pdf-icon2.gif);
background-position:98% 50%;
background-repeat:no-repeat;
border-bottom:solid 3px #E85382;
color:#333333;
}

#instruction-list a p.instruction-list-t1, #instruction-list a p.instruction-list-t2, #instruction-list a p.instruction-list-lead {
margin:0;
padding:0;
}

#instruction-list a p.instruction-list-t1, #instruction-list a p.instruction-list-t2 {
font-weight:bold;
}

#instruction-list a p.instruction-list-t1 {
width:160px;
margin:0 0 5px 0;
text-align:center;
background-color:#4169e1;
color:#ffffff;
}




#instruction-list a p.instruction-list-t2 {
font-size:150%;
}


#instruction-list a:link    {
text-decoration:none;
}
#instruction-list a:visited {
text-decoration:none;
}
#instruction-list a:hover {
background-color:#ffffff;
text-decoration:none;
color:#FF0099;
} 
#instruction-list a:active {
text-decoration:none;
}

.kanshoku_hrg_banner {
width:669px;
margin:-30px auto 0 auto;
padding:0 0 20px;
text-align:center;
}

.kanshoku_hrg_banner_list {
float: left;
margin-right:50px;
padding-top:50px;
list-image:none;
list-style:none;
}

.kanshoku_hrg_banner_img {
float: left;
}

/* 20170301
------------------------------------------------ */

.textL {
text-align: left;
}

.textR {
text-align: right;
}

img {
   vertical-align:bottom
}



.dosuru {
width:360px;
color:#2A2A2A;
padding:60px 0px 0px 25px;
margin:0px 0px 0px 0px;
font-size:14px;
line-height:130%;
text-align: left;
}

.dosuru .titleArea {
position:relative;
}


.dosuru .toList{
position:absolute;
top:30px;
right:15px;
}


.dosuru ul,
.dosuru li {
margin: 0;
padding: 0;
list-style: none;
}

.dosuru li {
padding-left: 2em;
text-indent: -2em;
}

/* 20170517 panel
------------------------------------------------ */
.panel {
  color: #333333;
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0.2px;
-webkit-text-size-adjust: 100%;
}

.panel ul,
.panel ul li,
.panel h1,
.panel h2,
.panel h3 {

font-weight: normal;
margin:0;
padding:0;
list-style: none;
line-height: 1.7;
}
.panel h2 {
	position: relative;
	padding: 1em 0 1em 3em;
	border-bottom: 1px solid #FF6699;
margin-bottom: 20px;
}
.panel h2::before,
.panel h2::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.panel h2::before {
	top: .6em;
	left: .6em;
	z-index: 2;
	width: 40px;
	height: 40px;
	background: rgba(255,0,85,0.5);
}
.panel h2::after {
	top: 1.4em;
	left: 1.4em;
	width: 30px;
	height: 30px;
	background: #FF6699;
}
.panel h3 {
margin-top: 20px;
font-size: 150%;
background: #FF6699;
color: #fff;
padding: 10px 20px;
margin-bottom: 20px;
}

.panel h4 {
margin-top: 20px;
font-size: 110%;
background: #CCEFFE;
color: #333;
padding: 5px 20px;
margin-bottom: 10px;
}
.panel {
padding: 20px 65px;
}

.panel .image {
text-align: center;
margin-bottom: 1em;
}

.panel .box {
margin: 0 40px 1em 40px;
padding: 20px;
border:1px solid #E84189;
padding: 20px;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.panel .button {
margin: 20px 0;
text-align: center;
}
.panel .button a {

display:block;
padding: 10px 0px;
color: #fff;
background: #2E98F4;
border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;
text-decoration: none;
}

.panel .button a:link,
.panel .button a:visited,
.panel .button a:active {
color: #fff;
}

.panel .button a:hover {
color: #fff;
text-decoration: none;
background: #F4BC2E; 
}