@charset "utf-8";
/* CSS Document */

/* ===========================================================================
CSS Information

Update:2009/11/02

reset
link
Clear Fix Hack (Float Clear Hack)
Order Layout
Navi
Contents
	flow
	mainImg
	table
Footer
=========================================================================== */

/*----------------------------------------------------------------------------
	reset
----------------------------------------------------------------------------*/
*{
margin:0;
padding:0;
line-height:1.2;
font-size:100%;
}
html {
margin: 0;
padding: 0;
height:100%;
font-size:75%;
overflow-y:scroll;
}
body{
margin:0;
padding:0;
width:100%;
height:100%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#555;
text-align:left;
}
body > #container {
height: auto;
width:auto;
}

img{border:none;vertical-align:top;}
ul{list-style:none;}
p{line-height:140%;}
form{margin:0; padding:0;}
/* IE6 */ 
 
* html{ 
overflow-x:hidden;
} 

/*----------------------------------------------------------------------------
	link
----------------------------------------------------------------------------*/
a{color:#555;font-size:100%;
}
a:visited {color:#555;}
a:hover{color:#555;text-decoration:none;}
a:active{color:#555;}
*:focus{-moz-outline-style: none;}
a { outline: none;
}


/*----------------------------------------------------------------------------
	Clear Fix Hack (Float Clear Hack)
----------------------------------------------------------------------------*/
.clearfix:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix{
zoom: 1;
}

/*----------------------------------------------------------------------------
	Order Layout
----------------------------------------------------------------------------*/
#container{
margin:0 auto;
text-align:center;
background:#000;
}

#mainBox{
margin:0 auto;
width:982px;
text-align:left;
/*background:#000;*/
background:url(../../ordermade/images/bg_cont01.gif) 0 0 repeat;
}

/*----------------------------------------------------------------------------
	Navi
----------------------------------------------------------------------------*/
#gNavi{
float:left;
display: inline;
width:201px;
}

#logoId{
position:relative;
width:201px;
height:177px;
background:url(../../ordermade/images/bg_head.jpg) 0 0 no-repeat;
}

#gNavi h1{
position:absolute;
bottom:10px;
left:0px;
}

#gNavi ul{
margin:35px 0 0 0;
height:100%;
background:#000;
}

#gNavi li{
margin-bottom:5px;
}

ul#subBtn{
margin-top:30px;
/*margin-left:21px;*/
padding-top:20px;
width:201px;
height:100%;
}

#subBtn li{
margin-bottom:20px;
}

/*----------------------------------------------------------------------------
	Contents
----------------------------------------------------------------------------*/
#contentsBox{
position:relative;
width:781px;
height:100%;
float:right;
display:inline;
/*background: url(../../ordermade/images/bg_cont.gif) 0 0 repeat;*/
}

#contentsBox h2,
#contentsBox p{
margin:0 0 10px 20px;
}

#contentsBox #cap{
margin:10px 10px 20px;
}

#contentsInner{
margin:0px 15px;
padding:0 0 20px;
background:;
height:100%;
}

#contentsInner h3.icon{
margin-bottom:10px;
height:20px;
padding-top:2px;
padding-left:25px;
background:url(../../ordermade/images/icon_pen.gif) 0 0 no-repeat;
font-size:14px;
font-weight:bold;
}

h3{
margin:0 10px 10px;
}

#shadowBox{
height:4px;
margin:0px 15px 20px;
padding:0;
}

.innerEntry{
border-bottom:#777 dotted 1px;
margin:10px 10px 0;
}

.innerEntry p{
margin:0;
}

.fLeft{
float:left;
display:inline;
margin-right:10px;
}
.fRight{
float:right;
display:inline;
margin-right:10px;
}

.imgBox{
float:right;
display:inline;
margin:0 10px 10px;
padding:3px;
background:#FFF;
border:1px solid #CCC;
}

.orderBox{
margin:20px;
}

.orderInner{
width:105px;
float:left;
display:inline;
margin:0 5px 10px 0;
}

.orderInner p{
margin:0;
}

/*----------------------------------------------------------------------------
	flow
----------------------------------------------------------------------------*/
.flowBox{
margin:10px 20px 10px;
padding-bottom:0px;
}

.flowBox h3,
.orderBox h3{
font-size:13px;
color:#ac6a00;
}

.flowBox h4{
margin:10px 10px;
padding:0;
font-size:14px;
}

.flowBox .frowInner2 h4{
margin:15px 10px;
padding:0;
}

.flowBox h5{
margin:10px 20px;
padding:0;
font-size:14px;
}

#contentsInner .flowBox .frowInner h5{
margin:10px 20px 10px 10px;
}

#contentsInner .flowBox .frowInner p{
margin:10px 10px 10px 20px;
padding:0;
}

.frowInner{
width:42%;
float:left;
display:inline;
margin:0 30px 10px 0;
}

.frowInner2{
width:42%;
float:left;
display:inline;
margin:0 5px 20px 5px;
background:url(../../ordermade/images/bg_contabout01_bdy.gif) 0 0 repeat-y;
/*height:290px;*/
}

.frowInner3{
width:700px;
margin:0 5px;
background:url(../../ordermade/images/bg_contabout02_bdy.gif) 0 0 repeat-y;
}

.frowInner4{
margin:0 0 20px;
}

.frowInner5{
width:700px;
margin:0 5px;
background:url(../../ordermade/images/bg_contabout02_bdy.gif) 0 0 repeat-y;
}

#contentsInner .frowInner2 div p{
width:120px;
margin:0 10px 10px 20px;
padding:0;
float:left;
display:inline;
font-size:10px;
}
#contentsInner .frowInner2 div ul li,
#contentsInner .calendar div ul li{
margin:0 15px 5px 2px;
padding-left:10px;
font-size:10px;
background:url(../images/list_mark01.gif) 0 3px no-repeat;
}

#contentsInner .frowInner2 .nameImg{
text-align:right;
margin:0 20px 5px 15px;
}
#contentsInner .calendar .nameImg{
text-align:right;
margin:0 20px 5px 15px;
padding:20px 0 0;
_padding:15px 0 0;
}
#contentsInner .calendar{
width:42%;
float:left;
display:inline;
margin:0;
_margin:0 5px 0px 3px;
background:url(../../ordermade/images/bg_contabout01_bdy.gif) 0 0 repeat-y;
/*height:280px;*/
}
#contentsInner .frowInner3 div h5,
#contentsInner .frowInner3 div p{
width:370px;
margin:0 20px 10px;
padding:0;
float:left;
display:inline;
}

#contentsInner .frowInner4 p{
margin:0 20px 10px;
}

#contentsInner .frowInner5 div p{
margin:0 20px 10px;
padding:0;
}

.arrBox{
width:38px;
float:left;
display:inline;
margin:30px 10px 10px;
}

#contentsInner h3{
margin:0 0 20px 25px;
padding:0;
}

#contentsInner h3.customTtl{
margin:115px 0 25px 28px;
}

.flowBox ul{
margin:10px 10px 10px 20px;
font-size:12px;
}

.txtOrg{
color:#eb6100;
}

/*----------------------------------------------------------------------------
	mainImg
----------------------------------------------------------------------------*/
#mainImg{
margin:0 0 0px 19px;
padding:35px 0 0px;
}

#mainImg p{
margin-left:20px;
}

#mainImg2{
margin:0;
padding:0 0 15px;
}

#aboutName,
#aboutLami{
margin:0 0 0 24px;
}

#aboutOrigine{
margin:20px 0 10px 24px;
/*margin:25px 10px 10px;*/
}

#aboutName span,
#aboutLami span{
width:500px;
position:absolute;
left:50px;
top:80px;
}

#aboutOrigine span{
width:500px;
position:absolute;
left:50px;
top:45px;
}

#contactArea p{
display:inline;
float:left;
margin-left:42px;
padding-top:5px;
}

.lamiBox{
margin:0 3% 2%;
border-bottom:dotted 1px #777;
}

.lamiInner{
display:inline;
width:40%;
float:left;
text-align:center;
}

.lamiInner ul{
margin:30px 5px 0;
}

.lamiInner li{
margin-bottom:15px;
}

/*----------------------------------------------------------------------------
	table
----------------------------------------------------------------------------*/
.tableArea{
float:right;
display:inline;
margin-right:3%;
width:55%;
}

.tableArea table.spacTabel{
width:100%;
margin:30px 5px;
border:#777 solid 1px;
text-align:center;
color:#000;
background:none;
}

table.spacTabel th{
padding:10px 0;
background: url(../../products/images/img_th_bg.gif) 1px 0 repeat-x;
font-size:12px;
}

table.spacTabel td{
width:33%;
padding:10px;
font-size:18px;
font-weight:bold;
border-bottom:dotted 1px #777;
}

table.spacTabel td.otherSpac,
table.spacTabel span.otherSpac{
font-size:11px;
font-weight: normal;
border-bottom: none;
text-align:left;
}

.tableLayout3{
width:100%;
margin:10px 0;
font-size:11px;
text-align:center;
border-top:#CCC solid 1px;
border-left:#CCC solid 1px;
background:#FFF;
}

.tableLayout3 th{
background:#F1F1F1;
}

.tableLayout3 th,
.tableLayout3 td{
width:10%;
padding:5px;
border-right:#CCC solid 1px;
border-bottom:#CCC solid 1px;
}

#pageTop{
width:100%;
margin-bottom:15px;
text-align:right;
}

#pageTop img{
margin-right:15px;
margin-bottom:10px;
}

/*----------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------*/
#footBg{
background:#1a1a1a url(../images/bg_foot.gif) top repeat-x;
width:100%;
}

#footArea{
margin:0 auto;
padding-top:20px;
background:#1a1a1a url(../images/bg_foot.gif) top repeat-x;
width:982px;
height:100%;
}

#foot{
padding:10px 0 50px;
width:100%;
height:100%;
}

#copyRight{
margin:0 0px;
text-align:right;
padding-right:5px;
}

/*2009+1102*/
ul#subBtn .btnEnd{
margin-bottom:50px;
}

ul#subBtn .banaInner{
	margin-bottom: 0.3em;

}
ul#subBtn .banaInner a:hover{
	opacity: 0.8;
	filter: alpha(opacity:80);
	
	}