@charset "UTF-8";
/* =======================================
	 Atelier-Platz Default CSS
======================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
#container #content .iten {
	margin-top: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* [disabled]font-weight: 600; */
	font-size: 1.25em;
	text-align: center;
	text-shadow: 0px 0px #C65AA0;
	border-top: medium dotted #C65AA0;
	border-bottom: medium dotted #C65AA0;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #C65AA0;
	-webkit-animation: fadein 3s linear 0s 1;
}

@-webkit-keyframes fadein { 0%{ opacity:0; } 100% { opacity:1; } }


* {
	zoom: 1;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ============================================= */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.7;
	color: #000;
	background: #FFF;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #5AA0AE;
	text-decoration: none;
}
a img {
	border: none 0;
}
ul, li {
	list-style: none;
}
#container {
	width:900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden; /* IE6 */
}

/* ================================================
	HEADER	==================================== */

#header {
	height: 113px;
}
#top h1 {
	width: 900px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	border-bottom: #CCCCCC 1px solid;
}
#header #logo-l {
	width: 160px;
	height: 50px;
	float: left;
	margin-top: 12px;
}


/* ================================================
	GLOBAL NAVI	================================ */

#navi {
	float: left;
	margin-top: 26px;
	margin-left: 52px;
}
#global-navi {
	float: left;
	position: relative;
	width: 540px;
	height: 38px;
}
#global-navi li {
	position: absolute;
	float: left;
	top: 0;
	height: 38px;
}
#global-navi li a {
	font-size: 10px;
	text-align: center;
	text-indent: -9999px;
	display: block;
	height: 0;
	padding-top: 38px;
	overflow: hidden;
	background-image: url(../images/common/Global_Navi.png);
	background-repeat: no-repeat;
}

/* ===== ITEM ================================== */

/* ----- WORKS ----- */
#works {
	left: 0;
}
#works, #works a {
	width: 108px;
}
#works a {
	background-position: 0 0;
}
#works.current a, #works a:hover {
	background-position: 0 -38px;
}
/* ----- GALLERY ----- */
#gallery {
	left: 108px;
}
#gallery, #gallery a {
	width: 108px;
}
#gallery a {
	background-position: -108px 0;
}
#gallery.current a, #gallery a:hover {
	background-position: -108px -38px;
}
/* ----- COMPANY ----- */
#company {
	left: 216px;
}
#company, #company a {
	width: 108px;
}
#company a {
	background-position: -216px 0;
}
#company.current a, #company a:hover {
	background-position: -216px -38px;
}
/* ----- CONTACT ----- */
#contact {
	left: 324px;
}
#contact, #contact a {
	width: 108px;
}
#contact a {
	background-position: -324px 0;
}
#contact.current a, #contact a:hover {
	background-position: -324px -38px;
}
/* ----- RECRUIT ----- */
#recruit {
	left: 432px;
}
#recruit, #recruit a {
	width: 108px;
}
#recruit a {
	background-position: -432px 0;
}
#recruit.current a, #recruit a:hover {
	background-position: -432px -38px;
}
/*	end GLOBAL NAVI	===============================
================================================ */

#header #logo-r {
	width: 94px;
	height: 50px;
	float: right;
	margin-top: 12px;
}
/*	end HEADER	===================================
================================================ */


#page-title {
	clear: both;
	height: 28px;
	padding-top: 50px;
	padding-left: 50px;
}
#key-illust {
	float: right;
	width: 117px;
	height: 75px;
	margin-top: -53px;
	padding-right: 50px;
}


/*	BREAD CRUMB ================================ */

.breadcrumb {
	clear: left;
	margin-top: 5px;
	padding-bottom: 30px;
	padding-left: 50px;
}
.breadcrumb ul li {
	font-size: 11px;
	display: inline;
}
.h-place {
	color: #5AA0AE; /* #EF6183#5AA0AE */
}
/*	end BREAD CRUMB ============================ */


/* ================================================
	PREV NEXT	================================ */

/*	← PREV PAGE --------------------- */
#prev-page {
	float: left;
	width: 50px; /* 50px */
	height: 160px;
}
/* == Position fix ===== */
#prev-page #prev {
	position: fixed;
	top: 282px;
}

/* 	NEXT PAGE → --------------------- */
#next-page {
	float: right;
	width: 22px; /* 50px */
	height: 160px;
	text-align: right;
}
/* == Position fix ===== */
#next-page #next {
	position: fixed;
	top: 282px;
}
/*	end PREV NEXT	===============================
================================================ */


/* ================================================
	FOOTER NAVI	=================================*/

#footer {
	clear: both;
	_position: relative;
	padding-top: 50px;
	margin-bottom: 70px;
}
#footer-line {
	width: 900px;
	height: 20px;
	padding-bottom: 18px;
}
#footer-navi {
	float: left;
	font-size: 10px;
}
#footer-navi li {
	float: left;
	line-height: 18px;
	margin-right: 25px;
}
.place {
	color: #EF6183;
}
#copyright {
	float: right;
	line-height: 18px;
	font-size: 10px;
	margin-left: 0;
	text-align: right;
}
.content dl dd {
	padding-left: 7em;
}
.content dl dd span {
	padding-left: 7em;
	font-size: 0.85em;
	text-align: left;
}
.clearfix {
	clear: both;
}
.center-red {
	text-align: center;
	margin-top: 20px;
	color: #FF0004;
	font-size: 1.1em;
	margin-left: 20px;
}