body {
	min-width:1200px;
	color:#4f4f4f;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	background-color:#ffffff;
	background-image:url(../images/background.png);
	padding:0;
	margin:0;
	/*半角対応追記*/
	word-wrap: break-word;
	overflow-wrap:break-word;	 }
#wrapper {
	margin:0 auto; }
a {
	text-decoration:none; }
a:hover {
	opacity:0.5; }
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0; }
ul {
	list-style:none;
	padding:0;
	margin:0; }
ul li {
	padding:0;
	margin:0; }

#header-area {
	height:220px;
	background-position:center 0px;
	background-repeat:no-repeat;
	marghin:0; }

#header-area .container { height:220px; }

#header-area .container #grid {
	position:absolute;
	top:0;
	left:-120px;
	width:1200px;
	height:220px;
	background-image:url(../images/page-grid.png);
	background-position:center top;
	background-repeat:no-repeat; }

.container {
	position:relative;
	margin:0;
	width:960px;
	margin:0 auto; }
#base .container {
	padding:10px 0 15px; }
.base .container {
	padding:10px 0 15px; }
#header {
	z-index:1000;
	position:relative;
	margin:0 auto;
	width:948px;
	height:75px;
	background-image:url(../images/header.png);
	background-position:center top;
	background-repeat:no-repeat; }

#header h1 {
	position:absolute;
	top:13px;
	width:174px;
	height:45px; }

#header ul#navi-1 {
	position:absolute;
	top:0px; }

#header ul#navi-1 li {
	float:left;
	line-heigh:12px;
	margin:0 12px; }

#header ul#navi-1 li a {
	display:block;
	line-heigh:32px;
	padding:5px 0 3px 26px;
	background-position:left center;
	background-repeat:no-repeat;
	font-family:Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px; }

#header ul#navi-1 li a.news {
	background-image:url(../images/header-news.png); }
#header ul#navi-1 li a.blog {
	background-image:url(../images/header-blog.png); }
#header ul#navi-1 li a.contact {
	background-image:url(../images/header-contact.png); }


#header ul#navi-1 li a:hover {
	border-bottom:1px dotted #363c46; }

#header ul#navi-2 {
	height:24px;
	position:absolute;
	bottom:20px; }

#header ul#navi-2 li {
	float:left;
	margin:0 12px; }
#header ul#navi-2 li a {
	display:block;
	padding:4px 0 4px;
	font-family:Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
	color:#363c46;
	font-size:14px;
	font-weight:bold; }
#header ul#navi-2 li a:hover {
	border-bottom:1px dotted #363c46; }

#header ul#navi-home {
	height:24px;
	position:absolute;
	left:260px;
	bottom:22px; }

#header-area #header {
	background-image:url(../images/page-header.png); }


#header-area #header ul#navi-1 {
	right:8px; }


#header-area #header ul#navi-2 {
	left:300px; }

#header-area #header h1 {
	left:52px; }

#aside {
	padding:10px 0;
	margin:0 auto 0;
	width:920px;
	height:350px; }

#header-area #page-content {
	color:#acacac;
	width:560px;
	text-align:center;
	line-height:24px;
	height:24px;
	position:absolute;
	left:200px;
	bottom:5px;
	font-size:14px; }

.conternt-foot {
	margin:0 0 -10px;
	z-index:1000;
	position:relative;
	height:10px;
	background-image:url(../images/content-bottom.png);
	background-position:center top;
	background-repeat:repeat; }

.footer-top {
	margin:-15px 0 0;
	z-index:1000;
	position:relative;
	height:25px;
	background-image:url(../images/footer-top.png);
	background-position:center top;
	background-repeat:repeat; }

#copyright {
	background-color:#a2a2a2; }
#footer .outline {
	position:relative;
	background-image:url(../images/line.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding:30px 0 40px 200px;
	height:60px; }

#footer .outline strong {
	font-size:1.2em;
	line-height:1.4em;
	display:block; }

#footer .outline img {
	position:absolute;
	top:25px;
	left:0; }

#footer #pagetop {
	cursor:pointer;
	width:47px;
	height:36px;
	padding:10px 0;
	margin:0 0 0 auto; }
#copyright {
	font-size:13px;
	color:#d8d8d8;
	padding:10px 0;
	margin:0 0 20px; }
#copyright .container:before,
#copyright .container:after {
	content:"";
	display:table; }
#copyright .container:after {
	clear:both; }
#copyright .container {
	zoom:1; }
#copyright .container .right {
	font-family:Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif; }

.left {
	float:left; }
.right {
	float:right; }


#footer #footer-navi:before,
#footer #footer-navi:after {
	content:"";
	display:table; }
#footer #footer-navi:after {
	clear:both; }
#footer #footer-navi {
	margin:30px 0;
	zoom:1; }

#footer ul.navi {
	width:240px;
	float:left; }

#footer ul.navi li {
	margin:0 0 20px; }
#footer ul.navi li a:hover {
	padding:4px 0 3px;
	border-bottom:1px dotted #363c46; }
#footer ul.navi li a {
	display:inline-block;
	padding:4px 0 4px;
	font-family:Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	text-decoration:none;
	color:#4f4f4f;
	font-size:14px;
	font-weight:bold; }
#footer ul.navi li a.footer-contact {
	background-repeat:no-repeat;
	background-position:bottom right;
	background-image:url(../images/footer-contact.png);
	display:inline-block;
	width:170px;
	height:192px; }
#footer ul.navi li a.footer-contact:hover {
	padding:4px 0 4px;
	border-bottom:none; }
#footer ul.navi li ul.sub li {
	margin:0 10px 0; }
#footer ul.navi li ul.sub li a {
	display:inline-block;
	padding:4px 0 4px;
	text-decoration:none;
	color:#4f4f4f;
	font-size:12px;
	font-weight:normal; }
#footer-facebook {
	width:330px;
	float:right; }

#breadcrumb {
	padding:10px 0;
	text-align:right; }
#breadcrumb a {
	color:#4f4f4f; }
/* -------------HOME-------------*/
#home #header-area {
	height:530px;
	background-image:url(../images/block-home.png);
	background-position:center 0px;
	background-repeat:no-repeat;
	marghin:0; }
#home #header-area .container { height:530px; }

#home #header-area .container #grid {
	position:absolute;
	top:0;
	left:-120px;
	width:1200px;
	height:580px;
	background-image:url(../images/home-grid.png);
	background-position:center top;
	background-repeat:no-repeat; }

#home #header-area #header {
	background-image:url(../images/home-header.png); }

#home #header-area #header ul#navi-1 {
	right:70px; }

#home #header-area #header ul#navi-2 {
	left:300px; }
#home #header-area #header h1 {
	left:102px; }
#home #footer ul.navi {
	width:200px;
	float:left; }

/* -------------COLOR-------------*/

#works #header-area { background-image:url(../images/block-works.png); }
#history #header-area { background-image:url(../images/block-history.png); }
#blog #header-area { background-image:url(../images/block-blog.png); }
#member #header-area { background-image:url(../images/block-member.png); }
#news #header-area { background-image:url(../images/block-news.png); }
#after-care #header-area { background-image:url(../images/block-after-care.png); }
#movie #header-area { background-image:url(../images/block-movie.png); }
#about-us #header-area { background-image:url(../images/block-about-us.png); }
#process #header-area { background-image:url(../images/block-process.png); }
#contact #header-area { background-image:url(../images/block-contact.png); }

#home #base { background-color:#ffffff; }
#works #base { background-color:#a7719f; }
#works .base { background-color:#a7719f; }
#member #base { background-color:#c88843; }
#process #base { background-color:#6a9745; }
#about-us #base { background-color:#5881aa; }
#after-care #base { background-color:#5dabad; }
#movie #base { background-color:#5dabad; }
#history #base { background-color:#864a4a; }
#blog #base { background-color:#db769e; }
#contact #base { background-color:#444c60; }
#news #base { background-color:#d3a73e; }

#works #header ul#navi-2 li a.works { color:#b771ab; }
#process #header ul#navi-2 li a.process { color:#658649; }
#after-care #header ul#navi-2 li a.after-care { color:#388d90; }
#about-us #header ul#navi-2 li a.about-us { color:#4581be; }
#history #header ul#navi-2 li a.history { color:#7f4c4c; }
#member #header ul#navi-2 li a.member { color:#d26c1a; }

#works #header ul#navi-2 li a.works:hover,
#works #header ul#navi-2 li a.works:hover,
#process #header ul#navi-2 li a.process:hover,
#after-care #header ul#navi-2 li a.after-care:hover,
#about-us #header ul#navi-2 li a.about-us:hover,
#history #header ul#navi-2 li a.history:hover,
#member #header ul#navi-2 li a.member:hover {
	opacity:1;
	padding:4px 0 4px;
	border-bottom:none; }

/*2015/06/30*/
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}