@charset "UTF-8";
@import url("reset.css");


/* --------------------------------------------------
	Common
-------------------------------------------------- */

	html {
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
	body {
		min-width: 1024px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		z-index: 0;/*
		background: url("../images/base/bg_body.png") repeat-x scroll 0 -110px transparent;
		_background: url("");*/
		color: #666;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-size: 11px;
		line-height: 1.3;
		text-align: center;
		white-space: normal;
		word-break: break-all;
	}
	
	/* iPad */
	html body { -webkit-text-size-adjust: 90%; }
	/* iPhone */
	@media screen and (max-width: 960px) {
		html body {
			-webkit-text-size-adjust: 80%;
		}
	}
	
	/* IE7 */
	*:first-child+html body {
		font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
		font-size:0.8em;
	}
	/* IE4-6 */
	*html body {
		font-size: 80%;
	}
	/* Firefox */
	body, x:-moz-read-only { font-size: 12px; }
	body, x:-moz-broken { font-size: 12px; }
	
	a { color: #fb438d; }
	a:hover {
		color: #fdd0e2;
		text-decoration: underline;
	}

/* --------------------------------------------------
	uhd & wrapper
-------------------------------------------------- */
	#uhd {
		background: none repeat scroll 0 0 #e62080;
		border-bottom: 1px solid #b9075d;
		color: #fdd0e2;
		height: 30px;
		line-height: 30px;
		opacity: 0.8;
		width: 100%;
		min-width: 1024px;
		_width: 100%;
		margin: 0;
		padding: 0;
		font-weight: bold\9;
	}
	#uhd a {
		color: #fdd0e2;
	}
	#uhd a:hover {
		color: #fff;
	}
	#uhd p {
		float: left;
		padding: 0 0 0 20px;
	}
	#uhd ul {
		float: right;
		padding: 0 20px 0 0;
	}
	#uhd ul li {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		padding: 0 5px;
	}
	
	#wrapper {
		width: 1000px;
		margin: 0 auto;
		padding: 0 12px ;
		text-align: center;
	}

/* --------------------------------------------------
	header
-------------------------------------------------- */
	#header {
		height: 245px;
	}
	#header #headerInner {
		height: 170px;
		padding: 0 15px;
		background: url("../images/base/bg_header1.png") no-repeat;
		/*_background: url("../images/base/bg_header.jpg") no-repeat;*/
	}
	#headerMenu {
		clear: both;
    
  }



	#headerMenu ul li {
		list-style: none outside;
		display: block;
		float: left;
		width: 200px;
		height: 75px;
		line-height: 0;
	}
	#headerLink {
		float: right;
		width: 118px;
		padding: 8px 0 0 0;
	}
	#headerLink li {
		width: 118px;
		height: 22px;
		margin: 0 0 5px 0;
		cursor: pointer;
	}

/* --------------------------------------------------
	contents
-------------------------------------------------- */
	#contents {
		width: 1000px;
		/font-size: 83%;
		/line-height: 1.5;
	}
	#contents #contentsInner {
		width: 970px;
		padding: 0 15px;
		background: url("../images/base/bg_contents.png") repeat-y scroll 0 0 transparent;
	}
	#contents .contentsFooter{
		width: 1000px;
		height: 15px;
		background: url("../images/base/bg_contents_foot.png") no-repeat scroll 0 0 transparent;
	}
	#contents .contentsMain {
		float: left;
		width: 970px;
	}
	#contents .contentsMain p {
		padding: 0 0 5px;
		text-align: left;
	}
	
	.contentsMain h2 {
		margin: 0 0 8px;
		padding: 2px 0 0 30px;
		width: 720px;
		height: 31px;
		background: url("../images/base/h2.png") no-repeat scroll 0 0 transparent;
		color: #fff;
		text-align: left;
		line-height: 31px;
		font-size: 19px;
		font-weight: bolder;
	}
	.contentsMain h2, x:-moz-read-only { font-size: 17px; }
	.contentsMain h2, x:-moz-broken { font-size: 17px; }
	
	.contentsMain h3,
	h4,
	h5,
	.youtube,
	.goTo {
		height: 17px;
		margin: 0 0 5px;
		padding: 0 0 2px 20px;
		color: #fb438d;
		text-align: left;
		line-height: 17px !important;
		font-size: 13px;
		font-weight: bolder;
	}
	.contentsMain h3 {
		width: 730px;
		background: url("../images/base/h3.png") no-repeat left bottom transparent;
		_background: url("../images/base/h3.jpg") no-repeat left bottom transparent;
	}
	.contentsMain h4 {
		width: 520px;
		background: url("../images/base/h4.png") no-repeat left bottom transparent;
		_background: url("../images/base/h4.jpg") no-repeat left bottom transparent;
	}
	h5 {
		background: url("../images/base/h5.png") no-repeat left bottom transparent;
		_background: url("../images/base/h5.jpg") no-repeat left bottom transparent;
	}
	
	.youtube {
		padding: 5px 0 1px 40px;
		background: url("../images/base/h5_youtube.jpg") no-repeat left bottom transparent;
	}
	
	.goTo {
		clear: both;
		width: 730px;
		background: url("../images/base/go_to.png") no-repeat left bottom transparent;
		_background: url("../images/base/go_to.jpg") no-repeat left bottom transparent;
		text-align: right;
		font-size: 12px;
	}
	
	.arrow {
		margin: 0 0 0 3px;
	}
	.arrow img {
		vertical-align: text-bottom;
		vertical-align: middle\9;
		vertical-align: /middle;
	}
	
	/* リード文 */
	.lead {
		padding: 10px;
		text-align: left;
	}
	
	/* セクション */
	.section {
		clear: both;
		margin: 0 0 5px;
	}
	.section:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		overflow: auto;
		visibility: hidden;
	}
	.section {
		min-height: 1px;
	}
	*html .section {
		height: 1px;
		/*¥*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
	
	/* イメージシェルフ */
	.imgShelf {
		clear: both;
		margin: 0 -5px 5px 0;
		padding: 0;
	}
	.imgShelf dl {
		float: left;
		overflow: hidden;
		width: 224px;
		height: 145px !important;
		margin: 0 5px 5px 0;
		padding: 10px 10px 5px;
		border: 1px solid #ccc;
		border-radius: 10px;
		background: #fff;
		-moz-box-shadow: 1px 1px 5px #ccc;
		-webkit-box-shadow: 1px 1px 5px #ccc;
		box-shadow: 1px 1px 5px #ccc;
	}
	.imgShelf dt {
		overflow: hidden;
		width: 210px !important;
		height: 120px !important;
		margin: 0 auto;
	}
	.imgShelf dt img,
	.imgShelf dt iframe {
		width: auto;
		max-width: 200px;
		/zoom: 1;
		height: 110px !important;
		border: 5px solid #fff;
	}
	.imgShelf dd {
		color: #fb438d;
		font-weight: bold;
		text-align: center;
	}
	
	/* バナーシェルフ */
	.bnrShelf {
		clear: both;
		height: auto;
		margin: 0;
		padding: 5px 15px;
		color: #666;
	}
	.bnrShelf dl {
		display: block;
		float: left;
		overflow: hidden;
		padding: 0 20px 10px;
		width: 200px;
		color: #666;
	}
	.bnrShelf dt {
		display: block;
		clear: right;
		width: 200px;
		height: 40px;
		margin: 0 0 5px;
	}
	.bnrShelf dd {
		display: block;
		clear: left;
		width: 200px;
		_height: 14px;
		text-align: left;
	}
	
/* --------------------------------------------------
	sidebar
-------------------------------------------------- */
	.sidebar {
		float: right;
		width:  200px;
	}
	.sidebar ul {
		margin: 0 0 6px;
		padding: 0 0 10px;
		background: url("../images/base/bg_dot.jpg") left bottom repeat-x transparent;
	}
	.sidebar ul li {
		float: left;
		margin: 0 0 5px;
	}

/* --------------------------------------------------
	home
-------------------------------------------------- */
	
	/* メインスライド */
	#home .contentsMainImg {
		position: relative;
		width: 750px;
		height: auto;
		min-height: 350px;
		_height: 350px;
		margin: 0 0 8px;
		text-align: left;
	}
	#home .contentsMainImg ul li {
		position: absolute;
	}
	#home .contentsMainImg img {
		width: 750px !important;
		height: 350px;
	}
	
	/* センターカラム */
	#home .centerSide {
		float: right;
		width: 540px;
		margin: 0;
		padding: 0;
	}
	#home .centerSide p {
		text-align: right;
	}
	#home .centerSide .info {
		margin: 0 0 5px;
	}
	#home .centerSide .info dt {
		margin: 0 0 5px;
	}
	#home .centerSide .info dt img {
		width: 540px;
		height: auto;
	}
	#home .centerSide .info dd {
		margin: 0 0 5px;
		text-align: right;
	}
	#home .centerSide .imgShelf dl {
		width: 245px;
	}
	
	/* レフトカラム */
	#home .contentsMain .leftSide {
		float: left;
		width: 200px;
	}
	#home .contentsMain .leftSide dl {
		margin: 0 0 3px;
		padding: 0 5px 0 0;
		font-size: 85%;
		font-size: 90%\9;
	}
	#home .contentsMain .leftSide dt {
		float: left;
		width: 190px;
		text-align: left;
		background: url("../images/base/bg_dot.jpg") left 0 no-repeat transparent;
		padding: 0 0 0 12px;
	}
	#home .contentsMain .leftSide dd {
		float: left;
		width: 188px;
		margin: 0 0 3px;
		padding: 0 0 0 12px;
		text-align: left;
	}
	#home .contentsMain .leftSide li {
		float: left;
		margin: 0 0 5px;
		width: 200px;
	}

/* --------------------------------------------------
	top
--------------------------------------------------------- */
	#top {
		background: #ffe4ef;
	}
	#top #cover {
		position: relative;
		width: 1000px;
		height: 100%;
		min-height: 1000px;
		background: url("../../common/images/base/bg_top.jpg") no-repeat scroll 0 0 transparent;
	}
	#top #topEnter {
		position: absolute;
		left: 445px;
		top: 460px;
		width: 500px;
		text-align: center;
		color: #fb438d;
		font-size: 25px;
	}
	#top #topEnter a {
		color: #fb438d;
	}
	#top #topEnter a:hover {
		color: #fff;
	}


/* --------------------------------------------------
	under construction
--------------------------------------------------------- */
	#uc {
		background: #ffe4ef;
	}
	#uc #cover {
		position: relative;
		width: 1000px;
		height: 100%;
		min-height: 1000px;
		margin: 30px 0 0 0;
		background: url("../../common/images/base/bg_uc.jpg") no-repeat scroll 0 0 transparent;
	}

/* --------------------------------------------------
	about
--------------------------------------------------------- */
	.about {
		min-height: 220px;
		_height: 220px;
		margin: 0 0 8px;
		padding: 20px 10px 15px 10px;
		background:url("../images/base/bg_about.png") no-repeat right bottom transparent;
		border: 1px solid #fb438d;
		border-radius: 10px;
		line-height: 1.6;
	}
	.about .aboutTxt {
		float: left;
		width: 480px;
		padding: 0 !important;
		font-size: 13px;
		font-weight: bold;
	}
	
	#about .about {
		padding: 10px;
		border-color: #fff;
	}
	#about .aboutTxt {
		font-size: 100%;
		font-weight: normal;
	}
	
	#about .imgShelf dl {
		float: left;
		overflow: hidden;
		width: 224px;
		height: 145px !important;
		margin: 0 5px 5px 0;
		padding: 10px 10px 5px;
		border-color: #fff;
		border-radius: 10px;
		background: #fff;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	#about .madeIn {
		min-height: 130px;
		_height: 130px;
		margin: 0 0 8px;
		padding: 0 0 20px;
		background:url("../images/base/bg_map.png") no-repeat right top transparent;
	}
	
	#about .detail {
		min-height: 235px;
		_height: 235px;
		margin: 0 0 8px;
		padding: 0 0 20px;
		background:url("../images/base/bg_detail.png") no-repeat right bottom transparent;
	}
	#about .madeIn .aboutTxt,
	#about .detail .aboutTxt,
	#about .manyKind .aboutTxt {
		float: left;
		width: 500px;
		padding: 10px;
		line-height: 1.6;
	}

/* --------------------------------------------------
	gallery
--------------------------------------------------------- */
	#gallery .imgShelf dl {
		border-ccolor: #f995bd;
	}

/* --------------------------------------------------
	order
--------------------------------------------------------- */
	#order .contentsMain {
		text-align: left;
	}
	#order .orderArea {
		padding: 0 10px 10px;
	}
	#order .contact {
		padding: 0 10px 10px;
		text-align: center;
	}
	

/* --------------------------------------------------
	workflow
--------------------------------------------------------- */
	#workflow .contentsMain {
		text-align: left;
	}
	#workflow .workImg {
		padding: 0 10px;
		width: 635px;
		margin: 0 auto;
	}
	#workflow .workImg img {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		margin: 0 3px 3px 0;
		border: 3px solid #ffe4ef;
	}
	#workflow .workTxt {
		padding: 0 10px;
		width: 625px;
		margin: 0 auto;
	}
	#workflow .workflowFoot {
		padding: 10px;
		color: #fb438d;
		font-size: 13px;
	}


/* --------------------------------------------------
	corporate
--------------------------------------------------------- */
	#corporate .corporateOutline {
		margin-bottom: 40px;
	}
	#corporate .corporateOutline dl {
		background: #fdecec;
		border: 1px solid #fff;
		border-top: none;
		width: 748px;
	}
	#corporate .corporateOutline dt {
		float: left;
		width: 180px;
		padding: 10px;
		border-top: 2px solid #fff;
		background: transparent;
		text-align: left;
	}
	#corporate .corporateOutline dd {
		background-color: white;
		margin-left: 0;
		padding: 10px;
		border-top:  2px solid #fff;
		border-left: 1px solid #fff;
		text-align: left;
		width: 527px;
		float: left;
		clear: right;
	}

/* --------------------------------------------------
	footer
-------------------------------------------------- */
	.footerMenu {
		float: left;
		width: 1000px;
		height: 63px;
		background: url("../images/base/footer_menu.png") no-repeat scroll 0 0 transparent;
		color: #fdd0e2;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 63px;
	}
	.footerMenu li {
		display: inline;
		margin: 0;
		padding: 0 4px;
	}
	.footerMenu li:nth-child(even) {
		font-weight: normal;
	}
	.footerMenu li a {
		color: #fe8183;
	}
	.footerMenu li a:hover {
		color: #fdd0e2;
	}
	#footer  {
		clear: both;
		height: 94px;
	}
	#footer .toTop {
		clear: both;
		text-align: right;
		padding-right: 34px;
	}
	#footer #footerInner {
		clear: both;
		width: 1000px;
		height: 71px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}