@charset "Shift_JIS";

/* body html
----------------------------------------------------------*/
* {margin:0px; padding:0px;}
html {overflow-y: scroll;}

body {
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align: center;
	margin: 0px;
	font-size: 100%;
	}

img{border:none;}

a {
	color: #0099CC;
	text-decoration: none;
}
a:hover {
	color: #0099CC;
	text-decoration: underline;
}
#pagetop { position: fixed; bottom:20px; right:20px; z-index:100; }
.clearfix{zoom:1}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
/* base
----------------------------------------------------*/
.clear {
	clear: both;
}
h2 {
	margin: 0px;
}
h3 {
	margin: 0px;
}
h4 {
	margin: 0px;
}
.mr6 {
	margin-right: 6px;
}
.mr6or {
	margin-right: 6px;
	color: #e58513;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.ml40 {
	margin-left: 40px;
}
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}
.mt50 {
	margin-top: 50px;
}

.blou {
	color: #0066FF;
}
.sml {
	font-size: 11px;
}
.red {
	color: #FF3300;
}
.green {
	color: #27C038;
}
.pink {
	color: #FF0066;
	font-weight: bold;
}
.orange {
	color: #e58513;
	font-weight: bold;
}
.blog-txt {
	margin-top: 20px;
	margin-bottom: 15px;
}
#contents .blog-txt > p {
	padding: 0;
}
.blog-detail {
	margin-bottom: 40px;
}
#contents .blog-detail > p {padding: 0;}
/* botton
-------------------------------------------*/
.btn_m {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.btn_m a{
	font-size: 12px;
	color: #FFFFFF;
	background-color: #66CC00;
	line-height: 120%;
	display: block;
	text-decoration: none;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	font-weight: normal;
}
.btn_m a:hover{
	background-color: #008000;
	text-decoration: none;
	color: #FFFFFF;

}
.btn_m1 {
	margin-top: 50px;
	margin-right: 0.5px;
	float: right;

}
.btn_m1 a{
	font-size: 16px;
	color: #13b1e5;
	background-color: #FFFFFF;
	line-height: 120%;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-top: 25px;
	margin-top: 0px;
	margin-right: 0.5px;
	font-weight: normal;
	width: 210px;
	float: right;
	padding-bottom: 20px;
}
.btn_m1 a:hover{
	background-color: #135BB3;
	text-decoration: none;
	color: #FFFFFF;

}
.btn_m2 {
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.btn_m2 a{
	font-size: 16px;
	color: #FFFFFF;
	background-color: #e58513;
	line-height: 120%;
	display: block;
	text-decoration: none;
	margin-left: auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	font-weight: normal;
	width: 230px;

}
.btn_m2 a:hover{
	background-color: #F3B76D;
	text-decoration: none;
	color: #FFFFFF;
}
.btn {
	display: inline-block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	color: white;
	background: #13bae5;
}
.btn:hover {
	color: white;
	background: #4bd1f4;
	text-decoration: none;
}
/* header
----------------------------------------------------*/

header {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 0px;
	text-align: center;
	width: 100%;
}

header .header_in {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 0px;
}

header .hright {
	float: right;
	width: 471px;
	margin-top: 0px;
	margin-right: 0px;
	text-align: center;
	line-height: 0px;
}
/*
header .hctr {
	float: left;
	width: 165px;
	margin-top: 0px;
	text-align: center;
	line-height: 0px;
	margin-left: 0px;
	padding-top: 30px;
}
*/

header .logo {
	width:390px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
	float: left;
}

h1 {
	margin: 0px auto;
	text-align: center;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	height: 77px;
	width: 390px;
}

h1 a {
	display:block;
	height: 77px;
	width: 390px;
}


/* footer
------------------------------------------*/
footer {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	line-height: 0px;
	text-align: center;
	background-color: #13b1e5;
}

footer ul {
	text-align: center;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	list-style-type: none;
}
footer li {
	font-size: 14px;
	line-height: 120%;
	color: #FFFFFF;
	display: inline;
	margin: 0px;
	padding: 5px;
	list-style-type: none;
}
footer li a {
	color: #FFFFFF;
	text-decoration: none;
}
footer li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

#copy {
	background-color: #4abbe1;
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#copy p {
	font-size: 12px;
	line-height: 120%;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px;
}
.copy {
	font-size: 12px;
	line-height: 160%;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* contents
------------------------------------------------------*/
#wrapper {
	background-image: url(../images/mainimage.jpg);
	line-height: 0px;
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
#wrapper2 {
	background-image: url(../images/mainimage2.jpg);
	line-height: 0px;
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

#contents {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 40px;
	padding-top: 20px;
}

#contents p {
	font-size: 90%;
	line-height: 200%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 5px;
}
#subtitle1 {
	text-align: center;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 0px;
	background-image: url(../images/subimg2.png);
	background-repeat: no-repeat;
	background-position: center top;

}

/* mainimg
----------------------------------------------------------*/

#main{
	position: relative;
	height:800px;
	z-index:1;
	line-height: 0px;

}
.main_text {
	width:1040px;
	top:0px;	
	position: absolute;
	z-index:10;
	left:50%;
	margin-left:-520px;
}
#mainimage_txt{
	width:1000px;
	margin:0px auto;
	line-height: 0px;


}
#mainimage{
	height:750px;
	width:100%;
	background:url(images/mainimage.jpg) no-repeat top;
	background-size:cover;
}

/* company
-------------------------------------------*/

.tbl-com {
	margin-top: 0px;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-right: auto;
	margin-bottom: 0px;



}
.tbl-com th {
	background-color: #f9f9f9;
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 230px;
	font-weight: normal;



}
.tbl-com td {
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 40px;
	border-bottom: 1px solid #CCCCCC;

}
.tbl-com ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
}
.tbl-com li {
	font-size: 100%;
	line-height: 120%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 3px 5px 3px 15px;
	display: inline;
	background-image: url(../images/ten.png);
	background-repeat: no-repeat;
	background-position: left center;
}


/* form
-----------------------------------------*/

input, select {
	vertical-align:middle;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
}

.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}
.form100{width:99%;}
.form-h{height:80px;}

input[type="checkbox"],input[type="radio"]{vertical-align:middle;}

input[type="text"],select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c;}

input {
	padding-top: 5px;
	padding-bottom: 5px;
}
textarea {
	width: 80%;
}
.needinput{background-color:#fee;border:1px solid #ccc}

.form70 {
	width: 70%;
}

.form80 {
	width: 80%;
}

.form60 {
	width: 60%;
}
.tbl-con {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.tbl-con th {
	font-size: 90%;
	line-height: 150%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 240px;
	background-color: #DCF2FA;
	vertical-align: top;
	border: 1px solid #13b1e5;
}
.tbl-con td {
	font-size: 90%;
	line-height: 150%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	background-color: #FFFFFF;
}
.his {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #FF0033;
	font-weight: normal;
	padding: 1px;
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}
.h4pp {
	font-size: 120%;
	line-height: 100%;
	color: #333333;
	text-align: left;
	padding: 0px 5px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #4abbe1;
}

#contents .std  {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#contents .std ol {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
	list-style-type: decimal;
}

#contents .std ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	list-style-type: none;
}

#contents .std li {
	font-size: 90%;
	line-height: 160%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	list-style-type: disc;

}



/* navi
-----------------------------------------*/

nav {
	line-height: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#navi {
	width: 1040px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
nav li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

/* catch
--------------------------------------------------*/

#catch_bg {
	background-image: url(../images/catch_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 30px;
}
#catch {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;

}
#catch p {
	font-size: 14px;
	color: #333333;
	line-height: 200%;
	text-align: center;
	margin: 0px;
	padding: 5px;
}

/* whatsnew
-----------------------------------------------------*/

#wn_bg {
	background-color: #FFFFFF;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
#wn {
	width: 1040px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wn .wn_left {
	float: left;
	width: 624px;
	margin-top: 0px;
	margin-left: 0px;
}
#wn .wn_right {
	float: right;
	width: 390px;
	margin-top: 0px;
	margin-right: 0px;
	background-image: url(../images/rh_clm_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tbl-wn {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tbl-wn th {
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 5px;
	white-space: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.tbl-wn td {
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 5px 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.txt20 {
	font-size: 20px;
	line-height: 180%;
}
#contents .map {
	float: left;
	width: 680px;
	margin-top: 10px;
	margin-left: 0px;
}
#access{
	width:100%;
	line-height: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
.h4access {
	color: #222222;
	text-align: left;
	margin: 20px 0px 0px;
	padding: 0px 5px;
	font-size: 100%;
	line-height: 160%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* datail
--------------------------------------*/

#detail {
	width: 1040px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.h2detail {
	line-height: 140%;
	color: #FFFFFF;
	margin: 0px 0px 20px;
	padding: 5px;
	text-align: center;
	font-size: 16px;
	background-color: #00613a;
}
#detail .dphoto {
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 35px;
	background-color: #CCCCCC;
	vertical-align: middle;
	text-align:center;
	height: 200px;
	line-height: 0px;
}

#detail .dphoto img {
	max-width: 300px;
	max-height: 200px;
    vertical-align:middle;
}

.h3pdf {
	font-size: 100%;
	line-height: 120%;
	color: #333333;
	text-align: center;
	margin: 20px 0px 0px;
	padding: 5px;
}
#detail .detailbox {
	width: 1040px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	line-height: 160%;
	color: #333333;
	text-align: left;

}
#recruit_bg {
	line-height: 0px;
	background-image: url(../images/bg_recruit.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#recruit {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#recruit .rec_lf {
	float: left;
	width: 500px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 85px;
}
#point {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 50px;
	margin-bottom: 0px;
}
#point p {
	font-size: 14px;
	color: #333333;
	line-height: 200%;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
#point .pt_lf {
	float: left;
	width: 490px;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 0px;
	text-align: right;
	padding-top: 40px;

}
#point .pt_rh {
	float: right;
	width: 490px;
	margin-top: 0px;
	line-height: 0px;
	text-align: left;
	margin-right: 0px;
	padding-top: 40px;


}
#top_company {
	line-height: 0px;
	background-image: url(../images/bg_company.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	text-align: center;
	width: 100%;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 10px;

}
#company {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 30px;

}
.h4p16 {
	font-size: 16px;
	line-height: 160%;
	color: #333333;
	text-align: center;
	margin: 30px 0px 0px;
	padding: 5px;
	font-weight: normal;
}
#contents .biz_lf {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 0px;
}
.h4biz {
	font-size: 18px;
	line-height: 200%;
	color: #333333;
	text-align: left;
	margin: 40px 0px 0px;
	padding: 5px;
}
.h3midashi {
	font-size: 26px;
	line-height: 140%;
	color: #333333;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	margin: 20px 0px 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #13b1e5;
}
#contents .biz_bg {
	background-image: url(../images/biz_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 40px;
}
.h3biztxt {
	font-size: 26px;
	line-height: 160%;
	color: #FF471A;
	text-align: center;
	margin: 0px;
	padding: 5px;
	text-shadow: 0px 2px 2px #bbbbbb;
}
.h4biz2 {

	font-size: 18px;
	line-height: 200%;
	color: #333333;
	text-align: center;
	margin: 20px 0px 0px;
	padding: 5px;
}
.h4midashi {
	font-size: 20px;
	line-height: 120%;
	color: #333333;
	text-align: left;
	padding: 5px 5px 2px 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-position: left center;

}
#contents .p_240 {
	float: left;
	width: 240px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #f9f9f9;
	line-height: 0px;
}
#contents .p_240 img {
	height: auto;
	width: 240px;
}
#contents .p_240 p {
	font-size: 80%;
	line-height: 120%;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 5px;
	background-color: #FFFFFF;
}
.h3midashi_sp {

	font-size: 26px;
	line-height: 140%;
	color: #333333;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	margin: 80px 0px 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #13b1e5;
}
#contents .flow {
	width: 1000px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}
#contents .flow_lf {
	float: left;
	width: 430px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: right;

}
#contents .flow_rh {
	float: right;
	width: 430px;
	margin-top: 0px;
	margin-right: 0px;
	text-align: left;
}
#contents .flow_ctr {
	width: 120px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	background-image: url(../images/flow_bg2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 200px;
	float: left;
}
#contents .flow_ctr2 {
	width: 120px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
	height: 200px;
	float: left;
}
.h3f_01 {
	font-size: 22px;
	line-height: 120%;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 5px 10px 2px 5px;
	background-color: #13B1E5;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
.tbl-rec {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;


}
.tbl-rec th {
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	background-color: #f0f0f0;
	text-align: center;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	vertical-align: top;
	white-space: nowrap;

}
.tbl-rec td {
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 7px;
	border: 1px solid #CCCCCC;

}
.tbl-rec ol {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.tbl-rec li {
	line-height: 140%;
	color: #333333;
	text-align: left;
	list-style-type: decimal;
	margin: 0px;
	padding: 5px 5px 5px 0px;
}
#contents .rec_lf {
	float: left;
	width: 490px;
	margin-top: 10px;
	margin-left: 0px;
	border: 1px solid #13b1e5;
	height: 90px;
}
#contents .rec_rh {
	float: right;
	width: 490px;
	margin-top: 10px;
	margin-right: 0px;
	border: 1px solid #13b1e5;
	height: 90px;
}
.h4tel {
	font-size: 24px;
	line-height: 140%;
	color: #333333;
	text-align: center;
	margin: 10px 0px 0px;
	padding: 5px;
}
.h4tel2 {
	font-size: 24px;
	line-height: 140%;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
.h4mail {
	font-size: 20px;
	line-height: 140%;
	color: #333333;
	text-align: center;
	margin: 10px 0px 0px;
	padding: 5px;
}
.h3rec_con {
	font-size: 20px;
	line-height: 120%;
	color: #FFFFFF;
	background-color: #13b1e5;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
#contents .con_lf {
	float: left;
	width: 490px;
	margin-top: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 2px dotted #CCCCCC;
	background-color: #E1F7FD;


}
#contents .con_rh {
	float: right;
	width: 490px;
	margin-top: 10px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 2px dotted #CCCCCC;
	background-color: #E1F7FD;


}
/* blog
--------------------------------------*/
.blog-ttl {
	font-size: 26px;
	line-height: 140%;
	color: #333333;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	margin-top: 40px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #13b1e5;
}
.blog-ttl__mt {margin-top: 20px;}
.blog-ttl > span {
	font-weight: normal;
	font-size: 0.5em;
	float: right;
}
.w250 {width: 250px;}
.w700 {width: 700px;}
.floot-l {float: left;}
.floot-r {float: right;}
.blog-img {
	width: 280px;
	float: left;
	margin-right: 15px;
}
.imgSpace {
	list-style-type: none;
}
.imgSpace > li {
	width: 226px;
	
	float: left;
	margin-top: 20px;
}
.imgSpace > li:not(:nth-child(3n)) {
	margin-right: 11px;
}
/*  BOX  */
.fa {margin-right: 0.5em;}
.box {
	margin-bottom: 20px;
	border: 1px solid #13bae5;
}
.box__color1 {border-color: #1445e5}
.box__color2 {border-color: #1cd419}
.box__color3 {border-color: #a31ac1}
.box__color4 {border-color: #ff8a00}
.box--ttl {
	font-size: 0.95em;
	color: white;
	text-align: center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	background: #13b1e5;
}
.box--ttl__color1 {background: #1445e5}
.box--ttl__color2 {background: #1cd419}
.box--ttl__color3 {background: #a31ac1}
.box--ttl__color4 {background: #ff8a00}
.box--ul {
	text-align: left;
	list-style-type: none;
}
.box--ul > li {padding: 0.8em;font-size: 0.8em;}
.box--ul > li:not(:last-child) {border-bottom: dotted 1px #ddd;}

/* calender */

.box--calendar {
	margin: 15px auto;
	border-collapse: collapse;
}
.box--calender--ttl {
	letter-spacing: 1px;
	padding-bottom: 0.7em;
}
.box--calendar th {
	font-size: 14px;
}
.box--calendar td {
	padding: 0.6em;
	font-size: 12px;
	border: solid 1px #ddd;
}
.box--calendar td > a {font-weight: bold}

/* serchbox */

.box--serch {
	position: relative;
	text-align: left;
	margin: 15px auto;
	width: 217px;
}
.box--serch > input {
	box-sizing: border-box;
	width: 78%;
	padding: 8px;
}
.box--serch > span > button {
	border: none;
	color: white;
	background: #d3d3d3;
	box-sizing: border-box;
	float: right;
	display: inline-block;
	left: 200px;
	width: 20%;
	height: 38px;
	line-height: 38px;
	cursor: pointer;
}
.box--serch > span > button > i {margin: 0;}

/* paging */

div.paging {
  margin-top: 50px;
}

div.paging span .current,
div.paging span:not(.current)
{
  margin: 0px 2px;
  color: #333;
  border: 1px solid #ccc;
/*  display: inline;*/
  zoom: 1;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
}

/*div.paging span .paging-text,*/
div.paging span:not(.current) {
  padding: 3px 8px;
  display: inline-block;
}
/*
div.paging span {
  display: inline-block;
}
*/
div.paging span.current {
  background: #C00;
  border: 1px solid #636;
  color: #fff;
/*  display: inline;*/
  zoom: 1;
  padding: 3px 8px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  
  vertical-align: top;
}

div.paging span .paging-text:hover {
  background: #CCC;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.movie_area {
	max-width: 100%;
    width: 1000px;
    margin: 100px auto 0px;
}

.company_area {
	text-align: center;
}

.company_area img {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 20px;
}