@charset "utf-8";
/* CSS Document */

body {
	color: #434343;
	/*background-color: #FFFFFF;*/
}

#wrapper {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	height: 67px;
	/*background-image: url(../../common/images/header_bg.gif);*/
}


/*    entryShare
----------------------------------------------*/

.entryShare {
	height: 15px;
	width: auto;
	/*	float: left;
	padding-top: 10px;*/
	padding-top: 0px;
	padding-left: 0px;
	position: absolute;
	right: 0px;
	z-index: 10;
	top: 0px;
}

iframe.twitter-share-button {
	width: 105px !important;
}

.entryShare ul {
	width: 330px;
	list-style: none;
}

.entryShare li {
	float: left;
	padding: 5px 0;
}

.entryShare li#snsFb {
	width: 120px;
}

.entryShare li#snsTw {
	width: 110px;
}

.entryShare li#snsGo {
	width: 100px;
}

/* topHeader グレイ箇所　英字会社名 sitemap privacy
----------------------------------------------*/
#topHeader {
	position: relative;
	width: 100%;
	height: 15px;
	top: 0;

	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	font-size: 0.8em;
}

#topHeader .topHeaderInner {
	position: fixed;
	top: 0px;
	width: 100%;
	/*height: 15px;
	background-color:#434343;*/
	background-color: #ff9d00;
	z-index: 10;
}

#topHeader ul {
	position: relative;
	width: 1245px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
}

#topHeader .btn_link {
	position: absolute;
	left: 0px;
	top: 0px;
}

#topHeader .btn_alltime {
	position: absolute;
	left: 18px;
	top: 1px;
	font-size: 0.8em;
	color: #fff;
}

#topHeader .btn_link {
	position: absolute;
	left: 170px;
	top: 0px;
}

#topHeader .btn_contact {
	position: absolute;
	right: 70px;
	top: 0px;
}

#topHeader .btn_contact a {
	color: #ffffff;
	text-decoration: none;
}

#topHeader .btn_contact a:hover {
	color: #FFD2DA;
	text-decoration: none;
}


#topHeader .btn_data {
	position: absolute;
	right: 0;
	top: 0;
}

#topHeader .btn_data a {
	color: #ffffff;
	text-decoration: none;
}

#topHeader .btn_data a:hover {
	color: #FFD2DA;
	text-decoration: none;
}




/*    logoArea 
----------------------------------------------*/
#logoArea {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 54px;
}

#logoArea h1 {
	position: absolute;
	left: 19px;
	top: 0px;
}

#page #logoArea h1 {
	position: relative;
	left: inherit;
	top: 0;
	width: 336px;
	margin: 0 auto;
}

#logoArea .font_edit {
	position: absolute;
	right: 14px;
	top: 28px;
}

#page #logoArea .font_edit {
	position: absolute;
	right: 9px;
	top: 23px;
}

#logoArea .left_box {
	float: left;
}

#logoArea .right_box {
	float: right;
}

#logoArea .right_box li {
	float: left;
}

/*    mainContents
----------------------------------------------*/
#mainSlideArea {
	/*	background-image: url(../../common/images/main_img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
*/
	width: 100%;
	top: 100px;
	height: 480px;
}




/*    mainContents
----------------------------------------------*/
#mainContents {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}


/*    breadcrumb
----------------------------------------------*/
#breadcrumb {
	margin-top: 52px;
}

#breadcrumb .inner {
	width: 1000px;
	margin: 0 auto;
	margin-top: 52px;
	text-align: right;
	padding-right: 20px;
	font-size: 93%;
}


/*    topArea　背景にグラデーション画像を設定
----------------------------------------------*/
#topArea {
	background-image: url(../../images/contents_bg.png);
	background-repeat: repeat-x;
	background: #fef8ed;
	width: 100%;
	height: 700px;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	margin-top: 0px;
	/* 	position:relative;*/
}




/*    titleArea1 背景に画像設定 新着情報 お問合せ
----------------------------------------------*/
#titleArea1 {
	background-image: url(../../images/haikei.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 94px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
}



.fsizeTop01 {
	margin-top: 30px;
	font-size: 1.3rem;
	margin-bottom: -20px;
}


#titleArea1 .btn_net_consultation {
	position: absolute;
	left: 192px;
	top: 190px;
	vertical-align: middle;
}

#titleArea1 .btn_topics {
	position: absolute;
	right: 140px;
	top: 15px;
	vertical-align: middle;
	/*background-image: url(../../images/btn_topics_1.png);*/
}

#titleArea1 .btn_topics a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;

}


#titleArea1 .btn_contact {
	position: absolute;
	right: 0px;
	top: 15px;
	vertical-align: middle;
	/*background-image: url(../../images/btn_contact_1.png);*/
	width: 126px;
}

#titleArea1 .btn_contact a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;

}

#mosaicArea {
	width: 1050px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;

}

/*    section_00 ﾀｲﾄﾙ1 "ｸﾞﾛｰﾊﾞﾙに～"
----------------------------------------------*/
#section_00 {
	background-image: url(../../images/top_titel_1.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 94px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;

}

#section_00 .btn_net_consultation {
	width: 968px;
	font-size: 0.8em;
	position: absolute;
	left: 28px;
	top: 20px;
}

/*    section_01 ﾀｲﾄﾙ2 "ｼﾞｬﾊﾟﾝﾃｸﾉの仲間たち"
----------------------------------------------*/
#section_01 {
	background-image: url(../../images/top_titel_2.png);
	background-repeat: no-repeat;
	width: 800px;
	height: 40px;
	margin: 5px auto;
	position: relative;
	botttom: 10px;

}

#section_01 .btn_net_consultation {
	width: 800px;
	font-size: 1.1em;

	top: -20px;
	margin: 10px auto;
}

#section_01 .btn_net_consultation h1 {
	text-align: center;

}

#section_01 .textAreaR {
	width: 200px;
	font-size: 1em;
	position: absolute;
	right: 5px;
	top: 45px;
	text-align: right;
}







/*    section_02
----------------------------------------------*/
#section_02 {
	background-image: url(../../images/img_top_section_02.jpg);
	background-repeat: repeat;
	width: 1000px;
	height: 415px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 84px;
	position: relative;
}

#section_02 .btn_net_consultation {
	position: absolute;
	left: 192px;
	top: 59px;
}





#topicsArea {
	width: 100%;
	background-image: url(../../images/topics_area_bg.gif);
	background-repeat: x-repeat;
	height: 554px;
	margin-top: 130px;
}

#topicsArea .Inner {
	width: 1050px;
	padding-top: 50px;
	height: 300px;
	/*background-image:url(../../images/topics_inner_bg.png);*/
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	/*padding: 54px 0px 63px;*/
	position: relative;
}

#topicsArea .leftArea {
	float: left;
	position: relative;
	/*padding-left: 20px;*/
	color: #000000;
	height: 360px;
	padding-left: 10px;

}

#topics_block {
	width: 586;
	height: 520;
	background-color: #F3F0EA;
	/*padding: 5px 10px;*/
	margin-left: 5px;
	color: #000000;
	border-radius: 8px;
	/* CSS3草案 */
	3. -webkit-border-radius: 8px;
	/* Safari,Google Chrome用 */
	4. -moz-border-radius: 8px;
	/* Firefox用 */

}

#topics_block.title {
	width: 600px;
	height: 34px;
	padding-bottom: 8px;
}



#topicsArea .rightArea {
	float: left;
	width: 400px;
	position: relative;
	padding-left: 33px;
}

#rightBlock1 {
	width: 200px;
	padding: 3px;
	float: left;
	margin: 3px;
	height: 350px;
}

#rightBlock1 a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*    consultation_contact
----------------------------------------------*/
#consultation_contact {
	margin-bottom: 90px;
}

#consultation_contact h3 {
	text-align: center;
}

#consultation_contact .text {
	text-align: center;
	font-size: 116%;
	line-height: 127px;
	margin-top: 30px;
}

#consultation_contact ul {
	margin-top: 24px;
}

#consultation_contact ul li {
	float: left;
}

#consultation_contact ul li.btn_tel {
	margin-left: 60px;
}

#consultation_contact ul li.btn_contact {
	margin-left: 66px;
	margin-top: 19px;
}

#consultation_contact ul li.btn_plan_list {
	margin-left: 20px;
	margin-top: 20px;
}


/*    footerMainContents
----------------------------------------------*/
#footerMainContents {
	/*background-color: #F3F0EA;*/
	background-image: url(../../images/footer_contents_bg.gif);
	background-repeat: x-repeat;
	margin-top: 10px;
}

#footerMainContents .footerMainContentsInner {
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 54px 0px 0px;
	position: relative;


}

#footerMainContents .contents {
	position: relative;
	margin-top: 10px;
	padding-top: 5px;
	/*border-top: 2px solid #000000;*/
}

#footerMainContents .socialBlock {
	position: absolute;
	right: 0px;
	top: 60px;
}

#footerMainContents .left_block {
	width: 415px;
	float: left;
	margin: 40px;
}

#footerMainContents .left_block dt {
	font-size: 1em;
	line-height: 25px;
	font-weight: normal;
	color: #000000;
	border-bottom: 3px solid #000000;
}

#footerMainContents .left_block dd {
	font-size: 0.9em;
	line-height: 25px;
	margin-top: 10px;
}

#footerMainContents .center_block {
	float: left;
	width: 320px;
	margin-left: 20px;
	width: 333px;
}

#footerMainContents .center_block .title {
	font-size: 123.1%;
	font-weight: bold;
}

#footerMainContents .center_block dl {
	float: left;
	margin-right: 20px;
}

#footerMainContents .center_block dt {
	font-size: 108%;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

#footerMainContents .center_block dd {
	font-size: 108%;
	line-height: 27px;
}

#footerMainContents .right_block {
	position: absolute;
	width: 320px;
	top: 30px;
	right: 0px;
}

#footerMainContents .right_block li {
	margin-top: 10px;
}


#footerMainContents .group_block {
	width: 540px;
	float: right;
	margin-right: 15px;
}

#footerMainContents .group_block dt {
	font-size: 1em;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	/*	border-bottom: 2px solid #000000;*/
}

#footerMainContents .group_block dd {
	font-size: 0.9em;
	line-height: 18px;
	margin-top: 3px;
	margin-left: 10px;
}

#footerMainContents a {
	/*color: #626262;*/
	color: #C30D22;
	/*text-decoration: none;*/
}

#footerMainContents a:hover {
	/*color: #A7A7A7;*/
	color: #BF4E4D;
	text-decoration: none;
}



/*    globalFooter
----------------------------------------------*/
#globalFooter {
	background-color: #ff9d00;
}

#globalFooter .globalFooterInner {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	position: relative;
	color: #FFFFFF;
	font-size: 93%;
}

#globalFooter .copyright {
	position: absolute;
	left: 0px;
	top: 30px;
}

#globalFooter ul {
	position: absolute;
	right: 0px;
	top: 30px;
}

#globalFooter li {
	float: left;
	background-image: url(../images/footer_sep.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 20px;
	padding-left: 20px;
}

#globalFooter li:first-child {
	background: none;
	margin-left: 0px;
	padding-left: 0px;
}

#globalFooter a {
	color: #FFFFFF;
	text-decoration: none;
}

#globalFooter a:hover {
	color: #C95050;
	/*	color: #BFBFBF;*/
	text-decoration: none;
}



/*    subNavigation
----------------------------------------------*/
#subArea {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 15px;
	z-index: 1;
	background-image: url(../../common/images/subarea_bg.png);
	background-repeat: repeat-x;
}

#subAreaInner {
	width: 1245px;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	position: relative;
	text-align: center;

}

#subAreaInner .logo {
	position: absolute;
	left: 0;
	top: 0;
}

#subAreaInner .font_edit {
	position: absolute;
	right: 14px;
	top: 20px;
}

subAreaInner .font_edit {
	position: absolute;
	right: 9px;
	top: 23px;
}

#subAreaInner .left_box {
	float: left;
}

#subAreaInner .right_box {
	float: right;
}

#subAreaInner .right_box li {
	display: inline;
}



/*    subNavigation
----------------------------------------------*/

#subNavigation {
	margin-left: 165px;
}

#subNavigation li {
	float: left;
}

#subNavigation li a {
	display: block;
}

#subNavigation li.navi01 a {
	width: 173px;
	height: 60px;
	background-image: url(../../common/images/navi_01_sub.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subNavigation li.navi01:hover a {
	background-position: left -60px;
}

#subNavigation li.navi01 .sub a {
	background: none;
	text-indent: 0px;
	height: auto;
}

#subNavigation li.navi02 a {
	width: 173px;
	height: 60px;
	/* 120 →　60に変更 */
	background-image: url(../../common/images/navi_02_sub.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subNavigation li.navi02:hover a {
	background-position: left -60px;
}

#subNavigation li.navi03 a {
	width: 173px;
	height: 60px;
	/* 120 →　60に変更 */
	background-image: url(../../common/images/navi_03_sub.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subNavigation li.navi03:hover a {
	background-position: left -60px;
}

#subNavigation li.navi04 a {
	width: 172px;
	height: 60px;
	/* 120 →　60に変更 */
	background-image: url(../../common/images/navi_04_sub.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subNavigation li.navi04:hover a {
	background-position: left -60px;
}

#subNavigation li.navi05 a {
	width: 173px;
	height: 60px;
	/* 120 →　60に変更 */
	background-image: url(../../common/images/navi_05_sub.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subNavigation li.navi05:hover a {
	background-position: left -60px;
}

#subNavigation li.navi06 {
	width: 211px;
	height: 60px;
	/* 120 →　60に変更 */
	background-image: url(../../common/images/navi_06_sub.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#subNavigation li.navi06:hover a {
	background-position: left -60px;
}


/*--��������v���_�E��--*/

#subNavigation li {
	position: relative;
}

#subNavigation li a {
	position: relative;
	height: 40px;

}



#mainSlideArea .circleNavi {
	text-align: center;
	margin-top: 46px;
}

#mainSlideArea .circleNavi li {
	display: inline-block;
	margin: 0px 2px;
}

#mainSlideArea {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1100px;
}

div#detailCoverL2 {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 400px;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 52px;
	z-index: 2;
	cursor: pointer;
}

div#detailCoverR2 {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 400px;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 0;
	width: 52px;
	z-index: 2;
	cursor: pointer;
}

a:hover img {
	opacity: 0.5;
}

a img {
	transition: opacity 0.3s ease-out;
}

.box,
.rightArea .box {
	margin: 20px auto;
	border: solid 2px #207143;
	padding: 10px;
	max-width: 380px;
	width: 100%;
}

.box p {
	font-size: 1.1em;
	color: #000;
}

.box h3 {
	font-size: 1.2rem;
	font-weight: 600;
}

.box span.title {
	font-size: 1.4em;
	font-weight: 500;
	color: #d90000;
}

@media screen and (max-width: 768px) {
	.box span.title {
		font-size: 1.2em;
	}

	.box p {
		font-size: 1em;
	}
}


.greeting {
	max-width: 1000px;
	margin: 50px auto;
	padding: 10px;
	border: 1px solid #eee;
}


.greeting h2 {
	font-size: 20px;
	margin-bottom: 30px;
}

.greeting p {
	font-size: 20px;
}

.greeting .wrap {
	display: flex;
	gap: 2em;
}

.greeting .wrap .txt_set {
	width: 60%
}

.greeting .wrap .txt_set p {
	font-size: 16px;
	color: #000;
}



.greeting .wrap .img_set {
	width: 40%
}


.greeting .wrap .img_set img {
	width: 90%;
}