@charset "utf-8";

/*==================================================
	Base
==================================================*/
html,body,div,p,h1,h2,h3,h4,h5,h6,address,blockquote,pre,ul,ol,li,dl,dt,dd,table,caption,col,colgroup,thead,tbody,tfoot,tr,th,td,form,fieldset,legend,label,img,iframe,object,span,a,em,strong,sub,sup,del,ins{
margin:0;
padding:0;
}

div,ul,ol,dl,dt,dd{
zoom:1;
}

body{
color:#5c594d;
line-height:1.5;
font-size:80%;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
background-color:#f6f5f1;
}

ul{
list-style:none;
}

img{
border:0 none;
vertical-align:bottom;
}


/*==================================================
	#main
==================================================*/
#main{
background:#fff url("/sp/iscamil/images/main_bg_01.gif") repeat-x left bottom;
width:100%;
}

#main .inner{
margin:0 auto;
padding:0;
background:url("/sp/iscamil/images/main_bg_02.jpg") no-repeat left bottom;
position:relative;
width:900px;
min-height:640px;
_height:640px;
}

#main .inner h1,
#main .inner p,
#main .inner ul{
position:absolute;
left:0;
}

#main .inner h1{top:91px;}
#main .inner p#logo{top:16px;}
#main .inner p.txt-01{top:223px;}
#main .inner p.txt-02{top:253px;}
#main .inner p.txt-note{top:65px;color:#e40000;}
#main .inner p.btn-01{top:437px;}
#main .inner ul.txt-03{top:361px; font-size:0;}
#main .inner ul.txt-03 li{margin-bottom:5px;}
#main .inner ul.icon-01{top:568px;}
#main .inner ul.icon-01 li{
padding-right:6px;
float:left;
}
#main .inner p.txt-04{top:244px;}

/*==================================================
	#content
==================================================*/
#content{
margin:0 auto;
width:900px;
}

#content .lead-01{
margin-bottom:13px;
}

#content .lay-01{
margin-bottom:15px;
background:url("/sp/iscamil/images/cont_bg_01.jpg") no-repeat left bottom;
position:relative;
height:392px;
}

#content .lay-01 h2,
#content .lay-01 p,
#content .lay-01 ul{
position:absolute;
}

#content .lay-01 h2{left:0; top:0;}
#content .lay-01 p.txt-01{left:191px; top:90px;}
#content .lay-01 p.txt-02{left:191px; top:246px;}
#content .lay-01 p.img-01{left:630px; top:21px;}
#content .lay-01 strong.txt-note{color:#e40000;}
#content .lay-01 ul.btn-01{left:36px; top:63px; width:131px;}
#content .lay-01 ul.btn-01 li{
margin-bottom:10px;
text-align:center;
}

#content .lay-02{
margin-bottom:25px;
}

#content .lay-02 .col-01{
float:left;
width:440px;
}

#content .lay-02 .col-02{
float:right;
width:440px;
}

#content .lay-03{
margin-bottom:56px;
}

#content .lay-03 .col-01{
float:left;
width:532px;
}

#content .lay-03 .col-02{
padding-top:65px;
float:right;
width:349px;
}

#content .lay-03 h2{
margin-bottom:10px;
}

#content .lay-03 h3{
margin-bottom:10px;
padding-top:20px;
}

#content .lay-03 table{
margin-bottom:12px;
border:0;
border-top:#bdbab1 1px solid;
width:100%;
border-collapse:collapse;
border-spacing:0;
}

#content .lay-03 table th,
#content .lay-03 table td{
padding:7px 10px;
border-style:solid;
border-color:#bdbab1;
vertical-align:top;
color:#333;
}

#content .lay-03 table th{
background-color:#d8d7d4;
border-width:0 1px 1px 0;
font-weight:normal;
text-align:left;
}

#content .lay-03 table th.th-01{
background-color:#e8e7e3;
}

#content .lay-03 table td{
border-width:0 0 1px 0;
}

#content .lay-03 table td sup{
font-size:80%;
}

#content .lay-03 .img{
margin-bottom:4px;
}

#content .lay-03 .box-01{
margin-bottom:10px;
padding:1px;
background-color:#fff;
border:#333 solid 2px;
}

#content .lay-03 .box-01 .inner{
padding:8px 8px 6px;
border:#333 solid 1px;
}

#content .lay-03 ul.list-01,
#content .lay-03 ul.list-02,
#content .lay-03 ul.list-03{
font-size:84%;
}

#content .lay-03 ul.list-01,
#content .lay-03 ul.list-02{
margin-bottom:8px;
}

#content .lay-03 ul.list-01 li,
#content .lay-03 ul.list-02 li,
#content .lay-03 ul.list-03 li{
margin-bottom:2px;
padding-left:14px;
}

#content .lay-03 ul.list-01 li,
#content .lay-03 ul.list-02 li{
background:url("/sp/iscamil/images/cont_circle_01.gif") no-repeat 3px 0.48em;
}

#content .lay-03 ul.list-02 li{
padding-right:18px;
float:left;
display:block;
white-space:nowrap;
}

#content .lay-03 ul.list-03 li{
background:url("/sp/iscamil/images/cont_circle_02.gif") no-repeat 3px 0.48em;
color:#000;
}

#content .lay-03 ul.notice-01{
font-size:84%;
color:#808080;
}

#content .lay-03 ul.notice-01 li{
margin-bottom:2px;
padding-left:2em;
position:relative;
zoom:1;
}

#content .lay-03 ul.notice-01 li span{
position:absolute;
left:0;
top:0;
}

#content p.pagetop{
text-align:right;
}


/*==================================================
	#footer
==================================================*/
#footer{
background-color:#5c594d;
width:100%;
}

#footer p{
margin:0 auto;
padding:7px 0;
width:900px;
text-align:center;
color:#fff;
}


/*==================================================
	ClearFix
==================================================*/
#main .inner ul.icon-01,
#content .lay-02,
#content .lay-03,
#content .lay-03 ul.list-02{
zoom:1;
}

#main .inner ul.icon-01:after,
#content .lay-02:after,
#content .lay-03:after,
#content .lay-03 ul.list-02:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}