/* 上文字 */
.catch {
  color: #444444;
  font-size: 11px;
  text-align: left;
  line-height: 120%;
  padding: 2px 0px 10px 0px;
}


/* 背景 */  
body { background-color: #ffffff;
       background-image: url();
       background-repeat: repeat-x;
	   font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	   }

/* リンク */  
a { outline: none; }
a.non { text-decoration:none; border-bottom:none;  }
a:link { color:#000089; }
a:visited { color:#9E3985; }
a:active { color:#EA0000; }
a:hover { color:#EA0000; }


/* 行間 */
.lh110 { font-size:100%; line-height: 110%; color: #222222;}
.lh120 { font-size:100%; line-height: 120%; color: #222222;}
.lh130 { font-size:100%; line-height: 130%; color: #222222;}
.lh140 { font-size:100%; line-height: 140%; color: #222222;}
.lh150 { font-size:100%; line-height: 150%; color: #222222;}
.lh160 { font-size:100%; line-height: 160%; color: #222222;}
.lh170 { font-size:100%; line-height: 170%; color: #222222;}
.lh180 { font-size:100%; line-height: 180%; color: #222222;}

/* 段落一字下げの本文 */
.lh120_em { font-size:100%; line-height: 120%; margin-left: 1em; color: #222222; }
.lh130_em { font-size:100%; line-height: 130%; margin-left: 1em; color: #222222; }  
.lh140_em { font-size:100%; line-height: 140%; margin-left: 1em; color: #222222; }  
.lh150_em { font-size:100%; line-height: 150%; margin-left: 1em; color: #222222; }  
.lh160_em { font-size:100%; line-height: 160%; margin-left: 1em; color: #222222; }  
.lh170_em { font-size:100%; line-height: 170%; margin-left: 1em; color: #222222; }  
.lh180_em { font-size:100%; line-height: 180%; margin-left: 1em; color: #222222; } 
.footer { font-size:75%; line-height: 110%; color: #222222;}
.hist { font-size:80%; line-height: 130%; color: #222222;}
.lh120ms { font-size: 90%; line-height: 120%; color: #222222; }
.lh130ms { font-size: 90%; line-height: 130%; color: #222222; }
.lh140ms { font-size: 90%; line-height: 140%; color: #222222; }
.lh150ms { font-size: 90%; line-height: 150%; color: #222222; }
.lh160ms { font-size: 90%; line-height: 160%; color: #222222; }
.lh170ms { font-size: 90%; line-height: 170%; color: #222222; }
.lh180ms { font-size: 90%; line-height: 180%; color: #222222; }

.lh120s { font-size: 80%; line-height: 120%; color: #222222; }
.lh130s { font-size: 80%; line-height: 130%; color: #222222; }
.lh140s { font-size: 80%; line-height: 140%; color: #222222; }
.lh150s { font-size: 80%; line-height: 150%; color: #222222; }
.lh160s { font-size: 80%; line-height: 160%; color: #222222; }
.lh170s { font-size: 80%; line-height: 170%; color: #222222; }
.lh180s { font-size: 80%; line-height: 180%; color: #222222; }

/* パンくずリスト セル */
.pan {
  font-size: 13px;
  color: #222222;
  text-align: right;
  padding: 5px 25px 5px 25px;
}

/* フォーム */
input.spe { 
border: 1px #c59b35 solid; background-color: #fffeee;
} 
select.spe { 
border: 1px #c59b35 solid; background-color: #fffeee;
} 
textarea.spe { 
border: 1px #c59b35 solid; background-color: #fffeee;
} 

/* 新着情報 セル */
.news {
  font-size: small;
  color: #222222;
  border-leftt: 1px dotted #222222;
}
.newsdate {
  font-size: small;
  color: #222222;
}

* { margin: 0; padding: 0; }
#portfolio {
	width: 840px;
	position:absolute;
	left:0%;
	_margin-right:420px;
	visibility: hidden;
}
ul { width: 840px; margin: 0 auto; }
li { list-style: none; }

.front{
	border-collapse: collapse;
	margin-bottom:10px;
	}
	
.front th{
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #D7F1FF;
	border: 1px solid #6d6d6d;
	}
	
.front td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #6d6d6d;
	}
	
.sa_01{
width: 100%;
border-collapse: collapse;
}
.sa_01 th{
padding: 3px 5px 3px 5px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sa_01 td{
padding: 3px 5px 3px 5px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

a.noline:link {
text-decoration : none; 
}

a.wihte:link { color:#FFF;text-decoration:none; }
a.wihte:visited { color:#FFF;text-decoration:none; }
a.wihte:active { color:#FFF;text-decoration:none; }
a.wihte:hover { color:#fffeaf;text-decoration:underline; }

.button {
	display: inline-block;
	width: 286px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	padding-top:1px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #fff;
	border: 2px solid #2ac468;
	color: #333;
	line-height: 50px;
}
.button:hover {
	border-style: dashed;
}



.qa {
	color:#FFF;
	font-weight:100;
	font-size:140%;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	background:#5379e4;
	padding: 13px 0 9px 16px;
	margin:14px 0 20px 0;
	text-align:left;
	}
	
.social_icon{position:fixed;right:0;top:150px;color:#fff;z-index:9999;width:26px;}

.table_03 {
border-collapse:collapse;
border:none;
}

.table_03 td {
padding:4px 4px 4px 4px;
font-size: 100%; line-height: 120%; 
text-align:left;vertical-align:top;
background-color:#F3F3F3;
border-top:1px dotted #bbbbbb;
border-bottom:1px dotted #bbbbbb;
border-right:none;
border-left:none;
}

.table_04 {
border-collapse:collapse;
border:none;
}
.table_04 th {
width:25%;padding:6px 6px 6px 6px;
font-size: 80%; line-height: 140%; color: #bbbbbb;
text-align:left;vertical-align:top;color:#bbbbbb;
background-color:#ffffff;
border-top:1px dotted #bbbbbb;
border-bottom:1px dotted #bbbbbb;
border-right:none;
border-left:none;
}
.table_04 td {
padding:6px 6px 6px 6px;
font-size: 100%; line-height: 140%; 
text-align:left;vertical-align:top;
background-color:#ffffff;
border-top:1px solid #bbbbbb;
border-bottom:1px solid #bbbbbb;
border-right:none;
border-left:none;
}

.sa_01{
border-collapse: collapse;
}
.sa_01 th{
padding: 3px 5px 3px 5px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sa_01 td{
padding: 3px 5px 3px 5px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/* cssボタン */

.btnbox {
	text-align:center;
	font-size:16px;
	color:#FFF;
	border:#194e9c 1px solid;
	border-radius:4px;
	padding:10px; 
	background-color:#194e9c;
	margin-bottom:6px;
	white-space: nowrap;
	}

#btnbox {
	display:none;
	}
	
.btnbox2 {
	text-align:center;
	font-size:16px;
	color:#FFF;
	border:#de6800 1px solid;
	border-radius:6px;
	padding:10px; 
	background-color:#de6800;
	margin-bottom:6px;
	white-space: nowrap;
	}

#btnbox2 {
	display:none;
	}
	
a:link.non {
	color:#fff;
	text-decoration: none ;
	}	
a:hover.non {
	color:#fff;
	text-decoration: none ;
	}

/* マウスオーバー半透明 */

#fade {
	display:none;
}

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
} 

.fade:hover {  
	opacity: 0.7;  
	filter: alpha(opacity=70);
	}