@charset "UTF-8";


#header {
	width:100%;
	background:#fff;
}
#header #topimg_area {
	position:relative;
	width:100%;
	margin:0 auto;
	
}
#header #topimg_area #topimg_base img {
	width:100%;
}
#header #menu_area {
	width:134px;
	height:295px;
	position:absolute;
	top:0;
	left:40px;
}
#header #slogan {
	width:395px;
	height:37px;
	position:absolute;
	top:40px;
	right:0;
	left:0;
	margin:auto;

}


#menu > ul li {
	width:100%;
	text-align:center;
}
#menu > ul li img {
	width:87px;
}



#wrapper {
	width:100%;
	margin:0 auto;
}

#message_block {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	padding-top:50px;
	padding-bottom:70px;
}

#main_msg {
	padding-top:50px;
	padding-bottom:50px;
}
#main_msg p {
	font-size:19pt;
	text-align:center;
	letter-spacing:4px;
	/* font-weight:bold; */
}
#sub_msg p {
	font-size:13pt;
	text-align:center;
	letter-spacing:1px;
	line-height:3em;
	/* font-weight:bold; */
}


.block_title {
	text-align:center;
	padding-bottom:14px;
}
.block_txt {
	padding-bottom:16px;
}
.block_txt p {
	text-align:center;
	font-size:13pt;
	font-weight:700;
	letter-spacing:1px;
}

#business_block {
	padding-bottom:25px;
}
#business_block .block_cont {
	width:1050px;
	margin:0 auto;
}
#business_block .block_cont ul li {
	float:left;
	margin-right:40px;
	margin-bottom:20px;
}
#business_block .block_cont ul li:nth-child(3n) {
	margin-right:0;
}


#business_block .block_cont ul li {
	width:320px;
}
#business_block .block_cont .one_block_title {
	height:42px;
	background:#a38b77;
}
#business_block .block_cont .one_block_title p {
	color:#fff;
	font-weight:700;
	font-size:12pt;
	padding-left:17px;
	padding-top:5px;
	letter-spacing:1px;
}

#business_block .block_cont .one_block_cont {
	height:146px;
	background:#dcdcdd;
}
#business_block .block_cont .one_block_cont p {
	font-weight:700;
	line-height:1.7em;
	margin-right:0;
	margin-bottom:0;
	letter-spacing:1px;
	padding-top:10px;
	padding-left:14px;
	padding-right:14px;
}
/*
#business_block .block_cont ul.second li.spl .one_block_cont p {
	font-size:10pt;
}
*/




#profile_block {
	padding-bottom:35px;
}
#profile_block .block_cont {
	width:640px;
	margin:0 auto;
}

#prof_table table {
	font-size:12pt;
	letter-spacing:0;
}
#prof_table table tr th {
	text-align:left;
	vertical-align:top;
	letter-spacing:1px;
	font-weight:700;
}
#prof_table table tr td {
	font-weight:700;
	padding-left:50px;
	letter-spacing:1px;
}






#footer {
	width:100%;
	background:#000;
	height:42px;
}
#ft_wrapper {
	width:100%;
	margin:0 auto;
}
#ft_wrapper #ft_menu {
	float:left;
	margin-top:5px;
	padding-left:14px;
}
#ft_wrapper #ft_menu ul li {
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	float:left;
	font-size:9pt;
}
#ft_wrapper #ft_menu ul li a {
	color:#fff;
	letter-spacing:2px;
	border-right:1px solid #fff;
	padding:0 12px;
}
#ft_wrapper #copyright {
	float:right;
	width:auto;
	padding-right:23px;
	padding-top:6px;
}
#ft_wrapper #copyright p {
	color:#fff;
	font-size:7.5pt;
	letter-spacing:0;
	font-weight:bold;
}


.block_title img {
	width:104px;
}




#main_msg {
	opacity:0;
	padding-top:66px;
}
#sub_msg {
	opacity:0;
	padding-top:16px;
}




/* エフェクト effect ============================================================================*/

#topimg_base {
opacity:0;

}


#header #slogan {
	opacity:0;
	top:50px;
}




#business_block .block_title {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#business_block .block_title.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:0.5s;
	transition-timing-function:ease-out;
}

#business_block .block_txt {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#business_block .block_txt.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:0.6s;
	transition-timing-function:ease-out;
}




#box1 {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#box1.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:1s;
	transition-timing-function:ease-out;
}


#box2 {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#box2.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:1.1s;
	transition-timing-function:ease-out;
}


#box3 {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#box3.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:1.2s;
	transition-timing-function:ease-out;
}



#box4 {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#box4.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:1.3s;
	transition-timing-function:ease-out;
}


#box5 {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#box5.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:1.4s;
	transition-timing-function:ease-out;
}


#box6 {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#box6.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:1.5s;
	transition-timing-function:ease-out;
}




#profile_block .block_title {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#profile_block .block_title.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:0.6s;
	transition-timing-function:ease-out;
}




#prof_table {
	opacity:0;
	transition-duration:0.2s;
	transform:translateY(16px);
}
#prof_table.effect {
	transform:translateY(0);
	opacity:1;
	transition-delay:0.7s;
	transition-timing-function:ease-out;
}







/* メニューの固定 ============================================================================*/

/* .scrollon */
#header #menu_area.scrollon {
	/* background:red; */
	position:fixed;
	top:0px;
	left:40;
	width:87px;
	height:223px;
	transition-duration:0.4s;
	margin-top:25px;
}
#header #menu_area {
	width:134px;
	margin-top:25px;
	height:295px;
	transition-duration:0.4s;
}


/* .scrollhide */
#header #menu_area.scrollhide {
	position:static;
}
#header #menu_area.scrollhide {
	/* background:green; */
	position:absolute;
	bottom:0;
	left:40px;
	top:auto;
	width:87px;
	height:223px;
}


/* スローガンの固定 ============================================================================*/
#header #slogan.scrollon {
	/* background:red; */
	position:fixed;
}

#header #slogan.scrollhide {
	position:static;
}
#header #slogan.scrollhide {
	/* background:green; */
	position:absolute;
	top:200px !important;
}