@charset "utf-8";

/* default Style
----------------------------------------------------------- */
@import url("common/css/format.css");


/* float hack
--------------------------------------------------------------------------------*/
.clearfix{
zoom:1;
}
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


/* base
--------------------------------------------------------------------------------*/
html{
background:#f5f1ed url(images/ayase_l/bg_body.jpg);
}

body{
background:#f5f1ed url(images/ayase_l/bg_body.jpg);
width:100%;
margin: 0;
font-size:14px;
line-height:1.5;
color:#666666;
}

.fS{
font-size:85%;
}

div#catch	{
width:100%;
background:#C50935;
color:#ffffff;
padding:2px 0;
margin-bottom:41px;
}
div#catch p	{
width:860px;
margin:0 auto;
text-align:left;
font-size:10px;
line-height:1.1;
}
* html div#catch p	{/* IE 6 */
font-size:75%;
}
*:first-child+html div#catch p	{/* IE 7 */
font-size:75%;
}

#container{
min-width:1040px;
background: url(images/ayase_l/bg_doc.jpg) no-repeat center top;
}


#header{
width: 860px;
margin:0 auto;
padding:0;
text-align:left;
height:auto !important;
}
#header h1{
width:1040px;
margin:0 -90px;
padding:0;
zoom:1;
position:relative;
}

#content{
width:860px;
margin:0 auto;
text-align:left;
}


.section{
margin:0 20px;
padding-bottom:25px;
zoom:1;
}
.section:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


#zero h2{
margin:0 -20px;
padding-bottom:20px;
}
#zero .text{
float:left;
width:560px;
}
#zero .image{
float:right;
padding-right:20px;
}

#about{
width:882px;
margin:0 -22px 0 0;
position:relative;
zoom:1;
}

#system h3{
margin-bottom:10px;
}
#system dl.trouble{
background-image: url(images/ayase_l/box01_ctr.gif);
background-repeat: repeat-y;
color:#987653;
margin-top:10px;
}
#system dl.trouble dt{
background: url(images/ayase_l/box01_top.gif) no-repeat center top;
padding:20px 20px 0;
font-weight:bold;
}
#system dl.trouble dd{
background: url(images/ayase_l/box01_btm.gif) no-repeat center bottom;
padding:0 20px 20px;
}

#staff div{
width:515px;
float:left;
}
#staff div h3{
margin-bottom:10px;
}
#staff div p{
margin-bottom:1.5em;
}
#staff div p em{
color:#987653;
}
#staff p.image{
float:right;
margin-top:-7px;
position:relative;
zoom:1;
}

#message dl{
background: url(images/ayase_l/mes_btm.gif) no-repeat center bottom;
padding-bottom:16px;
color:#987653;
}
#message dt{
border-left:1px solid #987653;
border-right:1px solid #987653;
padding:19px 19px 0;
}
#message dd{
border-left:1px solid #987653;
border-right:1px solid #987653;
padding:0 19px 0;
}
#message dd p{
padding-top:10px;
}

#joy h3{
margin-bottom:10px;
}
#joy .text{
float:right;
width:503px;
}
#joy .text p{
margin-bottom:1.5em;
}
#joy .image{
float:left;
}

#inquiry{
background: url(images/ayase_l/inquiry_box_btm.gif) no-repeat center bottom;
text-align:center;
padding:0 0 6px 0;
}
#inquiry div{
background: url(images/ayase_l/inquiry_box_ctr.gif) repeat-y center top;
padding:0;
}
#inquiry h2{
background: url(images/ayase_l/inquiry_box_top.gif) no-repeat center top;
margin:0 0 14px 0;
padding:18px 0 0 0;
}
#inquiry p{
margin-bottom:15px;
}
#inquiry ul{
list-style:none;
margin:0 -12px 0 0;
padding:0 0 0 20px;
zoom:1;
}
#inquiry ul:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#inquiry ul li{
margin:0 12px 0 0;
padding:0;
float:left;
}

#footer{
width:860px;
margin:0 auto;
padding:20px 0;
text-align:center;
}
#footer .text{
font-weight:bold;
margin-bottom:14px;
}
#footer .link{
margin-bottom:14px;
}
#footer .link a{
color:#b2132d;
background: url(common/images/icon_arw01.gif) no-repeat left center;
padding-left:15px;
text-decoration:underline;
}