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

ul{
list-style:none;
}

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


/*==================================================
	#head
==================================================*/
#head{
margin:0 auto;
padding:16px 0 28px;
width:900px;
}
#logo{
float:left;
}
#head .icon-01{
float:right;
text-align:right;
}
#head .icon-01 li{
display:inline-block;
float:left;
padding-left:6px;
}


/*==================================================
	#content
==================================================*/
#content{
position:relative;
margin:0 auto;
width:900px;
height:930px;
}

#content p{
position:absolute;
}
#content .txt_01{
left:81px;
top:0;
}
#content .txt_02{
left:196px;
top:6px;
}


#content .mini{
position:absolute;
left:0;
top:93px;
background:url(/sp/iscamil_type/images/mini_btn_01_o.jpg) left top no-repeat;
width:450px;
height:787px;
cursor:pointer;
}
#content .iscamil{
position:absolute;
width:450px;
height:787px;
background:url(/sp/iscamil_type/images/iscamil_btn_01_o.jpg) left top no-repeat;
left:450px;
top:93px;
cursor:pointer;
}
#content .txt{
text-indent:-9999px;
font-size:0;
}
#content .mini_hover{
background-image:url(/sp/iscamil_type/images/mini_btn_01_h.jpg);
}
#content .iscamil_hover{
background-image:url(/sp/iscamil_type/images/iscamil_btn_01_h.jpg);
}

#content .mini .btn{
left:83px;
bottom:29px;
max-height:1;
}
#content .iscamil .btn{
left:83px;
bottom:29px;
}



#content p.pagetop{
right:0;
bottom:0;
}


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

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


/*==================================================
	ClearFix
==================================================*/
#head,
#head .icon-01{
zoom:1;
}

#head:after,
#head .icon-01:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}