@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:#fff;
}

ul{
list-style:none;
}

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


/*==================================================
	#main
==================================================*/
#main{
background:url("/sp/iscamil_mini/images/main_bg_01.gif") repeat-x left top;
}

#main .inner{
margin:0 auto;
padding:0;
background:url("/sp/iscamil_mini/images/main_bg_02.jpg") no-repeat left top;
position:relative;
padding:0 117px;
width:900px;
height:620px;
}

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

#main .inner h1{left:142px;top:447px;}
#main .inner p#logo{left:117px;top:16px;}
#main .inner p.txt-01{left:117px;top:85px;}
#main .inner p.txt-02{left:490px;top:206px;}
#main .inner p.txt-03{left:142px; top:547px;}
#main .inner p.txt-04{left:117px; top:268px; color:#e40000;}
#main .inner p.txt-note{left:142px; top:417px;}
#main .inner p.txt-note strong{color:#e40000;}
#main .inner ul.txt-03{left:117px;top:202px; font-size:0;}
#main .inner ul.txt-03 li{margin-bottom:5px;}
#main .inner p.btn-01{left:117px;top:292px;}
#main .inner p.btn-02{left:117px;top:339px;}
#main .inner p.btn-03{left:254px;top:292px;}
#main .inner ul.icon-01{left:117px;top:580px;}
#main .inner ul.icon-01 li{
padding-right:6px;
float:left;
}


/*==================================================
	#content
==================================================*/
#content{
background:url("/sp/iscamil_mini/images/main_bg_03.jpg") no-repeat left top;
margin:0 auto;
padding:0 117px;
width:900px;
}

/*	.lay-01
--------------------------------------------------*/
#content .lay-01{
margin-bottom:27px;
}
#content .lay-01 .col-01{
position:relative;
float:left;
background:url(/sp/iscamil_mini/images/cont_bg_02.gif) left bottom no-repeat;
width:532px;
height:568px;
}
#content .lay-01 .col-01 .img-03{
position:absolute;
top:44px;
left:307px;
}
#content .lay-01 .col-01 .txt-03{
position:absolute;
top:482px;
left:42px;
}
#content .lay-01 .col-01 .txt-04{
color: #e40000;
font-weight: bold;
position: absolute;
left: 42px;
top: 447px;
}
#content .lay-01 .col-01 .btn-01{
position:absolute;
top:490px;
left:296px;
}
#content .lay-01 .col-01 .btn-02{
position:absolute;
top:490px;
left:401px;
}

#content .lay-01 .col-02{
position:relative;
float:right;
width:348px;
height:528px;
}



/*	.lay-02
--------------------------------------------------*/
#content .lay-02{
margin-bottom:56px;
}

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

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

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

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

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

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

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

#content .lay-02 table th.th-01{
background-color:#f0f0f0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#content .lay-02 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-01,
#content .lay-02,
#content .lay-02 ul.list-02{
zoom:1;
}

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