@charset "utf-8";  

/* -----------------------------------------------------------
CSS Information

 File name:      ordermade.css
 Style Info:     �オーダーメイド
----------------------------------------------------------- */

.none {
	display: none;
}

.PageTop {
	clear: both;
}

.mgn5 {
	margin: 0 0 5px 0;
}

.mgnL10 {
	margin: 0 0 0 10px;/*2010.01追加*/
}

.mgnL15 {
	margin: 0 0 0 15px;
}

.mgnL20 {
	margin: 0 0 0 20px;
}

.mgnT12 {
	margin: 12px 0 0 0;/*2010.01追加*/
}

.mgnT20 {
	margin: 20px 0 0 0;/*2010.01追加*/
}

.mgnT30 {
	margin: 30px 0 0 0;/*2010.01追加*/
}


.valign {
	vertical-align: top;
}

/*----------------------------------------------------
	�上部メニュー
----------------------------------------------------*/

.om-series01 {
	float: left;
	width: 400px;
}
.om-series02 {
	float: right;
}
	.om-area01 li {
		float: left;
	}

/*----------------------------------------------------
	オーダーメイドの流れ
----------------------------------------------------*/

.SubTtl {
	margin: 0 0 20px 0;
}
.om-flow {
	background: url(../ordermade/img/flow_bg.gif) repeat-y;
	padding: 5px 5px 0 5px;
	overflow: hidden;
}

.om-flow:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*¥*/
* html .om-flow {
    height: 1em;
    overflow: visible;
}
/**/

.om-flow-bg {
	background: url(../ordermade/img/flow_bg_bottom.gif) no-repeat 0 0;
}
.om-arrow {
	clear: both;
	padding: 5px 0 0 80px;
}
.om-arrow02 {
	margin: 0 auto;
	padding: 0 0 0 50px;
	float: left;
}
	.flow-left {
		background: #F6E6E8;
		width: 190px;
		float: left;
		overflow: hidden;
	}
		.flow01 img ,
		.flow02 img ,
		.flow04 img ,
		.flow05 img {
			padding: 20px;
			}
		.flow03 .flow-left img {
			padding: 20px;
		}
		.flow03 .flow-right img {
			padding: 20px 0 0 0;
		}
			.flow02-right {
				float: right;
				text-align: right;
				padding: 5px 20px 0 0;
				width: 308px;
			}
		.flow03 {
			height: 55px;
			overflow: hidden;
			background: url(../ordermade/img/flow03_bg.gif) no-repeat;
		}
		.flow03 .flow-left {
			background: transparent;
		}
		.flow03-box {
			margin: 20px 0 0 200px;
			width: 487px;
			background: url(../ordermade/img/flow03_box_bg.gif) no-repeat;
			color: #8A6C62;
			font-size: 11px;
		}
		.flow03-box-in {
			padding: 20px;
			background: url(../ordermade/img/flow03_box_bottom.gif) no-repeat 0 100%;
		}
		.flow03-box .left {
			float: left;
			width: 190px;
		}
		.flow03-box .right {
			margin: 0 0 0 205px;
		}
	.flow-right {
		width: 550px;
		float: right;
		padding: 15px 0 10px 0;
	}
	.flow03 .flow-right {
		padding: 0;
	}
	.flow-sttl {
		padding: 0 0 2px 0;
	}

.om-tel {
	background: url(../ordermade/img/tel_ttl_bg.gif) no-repeat;
	min-height: 65px;
}

.om-tel-bg {
	background: url(../ordermade/img/tel_foot.gif) no-repeat 0 100%;
	padding: 15px 15px 10px 15px;
}
.om-tel-left {
	float: left;
	width: 254px;
}
.om-tel-right {
}

.clear {
	clear: both;
}

/*----------------------------------------------------
	2010.01 追加
----------------------------------------------------*/
.FonInfo {
	width:265px;
	border-left:#CCCCCC 1px solid;
	margin-left:25px;
	padding-left:15px;
	min-height:61px;
	float:left;
}

.omMain {
	width:770px;
	height:253px;
	background:url(../ordermade/img/mainimage.jpg) no-repeat;
	position:relative;
}
	.omMain img#MImz { display:none;}

.omMain .Fbtn {
	width:198px;
	top:201px;
	left:66px;
	height:31px;
	overflow:hidden;
	position:relative;
}
	.omMain .Fbtn a:hover { top:-31px; position:relative;}

.omMain ul {
	width:100px;
	list-style:none;
	top: 87px;
	left: 606px;
	position:absolute;
}

.omMain ul li { 
	height:16px; 
	/* ¥*/position:relative;
	overflow:hidden;
	/*¥*//*/
	display:inline-table;
	/**/
}
.omMain ul li a { display:block;}
.omMain ul li a:hover { top:-16px;  position:relative;}
.omMain ul li.sifore { margin-top:71px;}


.FFMain {
	width:770px;
	margin-top:20px;
	height:279px;
	background:url("../ordermade/img/fluffy_mainimage.jpg") no-repeat;
	position:relative;
}
	.FFMain img#FFMImz { display:none;}
	.FFMain ul { 
		width:730px; 
		list-style:none; 
		padding-top:232px;
		padding-left:20px;
		/*margin:0 auto;*/
		position:absolute;
	}
	.FFMain ul li { 
		height:44px; 
		/* ¥*/position:relative;
		overflow:hidden;
		/*¥*//*/
		display:inline-table;
		/**/
		float:left;
	}
		.FFMain ul li a { display:block;}
		.FFMain ul li a:hover { top:-44px;  position:relative;}

.FFPBox {
	width:730px;
	margin-top:30px;
	padding:0 20px 50px 20px;
	background:url("../ordermade/img/fluffy_bg01.jpg") no-repeat 0% 100% ;
}
	ul.keep { list-style:none; width:709px; margin:0 auto; padding-top:30px;}
	ul.keep li { font-size:0; line-height:0; float:left;}
	ul.keep li.mgnL27 { padding:0 0 0 27px;}

.FFStyle40 {
	padding-top:30px;
	background:url("../ordermade/img/fluffy_40s.gif") no-repeat right bottom;
	height:141px;
}

.FFStyle50 {
	padding-top:30px;
	background:url("../ordermade/img/fluffy_50s.gif") no-repeat right bottom;
	height:141px;
}

.FFStyle60 {
	padding-top:30px;
	background:url("../ordermade/img/fluffy_60s.gif") no-repeat right bottom;
	height:141px;
}

.FFStyleTxt {
	padding:0 0 0 20px;
	float:left;
}

div.mgnT30 div ,div.mgnT12 div {
	display:table-cell;
	margin-bottom:1px;
	vertical-align:middle;
}
	* html div.mgnT30 div {/* IE 6 */
		display:inline;
		zoom:1;
	}

	* html div.mgnT12 div {/* IE 6 */
		display:inline;
		zoom:1;
	}

	*:first-child+html div.mgnT30 div{/* IE 7 */
		display:inline;
		zoom:1;
	}

	*:first-child+html div.mgnT12 div{/* IE 7 */
		display:inline;
		zoom:1;
	}
.FFNatural {
	width:495px; 
	padding-left:15px;
}

ul.raise {
	width:220px;
	float:left;
	list-style:none;
}
	.FFarrow {
		padding-top:65px;
		font-size:0;
		line-height:0;
		float:left;
	}
	
.GoFlow {
	margin-top:20px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	text-indent: -9999px;
}
	.GoFlow a {
		margin:0 auto;
		display:block;
		width:220px;
		height: 30px;
		background: url("../ordermade/img/btn_flow.gif") no-repeat center top;
		outline:none;
}
	.GoFlow a:hover {	background-position: center bottom;}

p.FFPagetop  {
	width:770px;
	margin-top:-5px;
	text-align:right;
	font-size:10px;
}
	p.FFPagetop a:link, p.FFPagetop a:visited { color:#890D71; text-decoration:none; }
	p.FFPagetop a:hover  {	color:#890D71; font-weight:bold; text-decoration:underline;  }