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

*{
margin:0;
padding:0;
}

img{
border:none;
margin:0;
}

body{
background-image:url(../images/back-image.gif);
}

.age_wrap{
width:800px;
height:700px;
margin:0 auto -20px auto;
background-color:white;
font-size:small;
background-image:url(../images/back55.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

h1{
font-size:small;
font-weight:normal;
text-align:right;
padding:10px 0 0 0;
}

h3{
width:100%;
font-size:medium;
margin:0 0 0 150px;
/*text-align:center;*/
}

h3.title{
padding:65px 0 20px 0;
margin:0;
text-align:center;
background-image:url(../images/age_title.gif);
background-repeat:no-repeat;
}

.r_btn{

}

.btn{
width:250px;

float:left;
margin:15px -50px 0 120px;
}

.btn.l{
background-image:url(../images/ovr18_02.gif);
background-repeat:no-repeat;

}

.btn.r{
font-size:medium;
font-weight:bold;
padding:30px;
}

.btn a:hover img{
filter:alpha(opacity=0); /* IE */
opacity:0; /* FF Google other */
}

.backimage{
float:left;
margin:20px 0 0 0;
}

.comment{
width:300px;
margin:30px 30px 30px 50px;
padding:20px;
float:left;
border:1px dotted orange;
background-color:white;
}

/*
.act_img{
background-image:url(../images/TRND-010_s.gif);
background-position:bottom center;
background-repeat:no-repeat;
border:1px solid red;
width:300px;
height:300px;
float:left;
margin:30px;
padding:0px;
}*/

.mb_code{
background-color:pink;
padding:10px;
}

.mb_img{
float:left;
margin:0 5px 0 5px;
}

/************************/
/************************/
/*****↓IEのみ適用↓*****/
/************************/
/************************/

* html body{

text-align:center;
}

* html .age_wrap{
width:800px;
height:650px;
margin:0 auto -20px auto;
background-color:white;
font-size:x-small;
}

* html h1{
font-size:x-small;
font-weight:normal;
text-align:right;
padding:10px 0 0 0;
}

* html h3{
font-size:small;
margin:0 0 0 150px;
text-align:left;
/*padding:55px 0 20px 0;*/
}

* html h3.title{
text-align:center;
padding:65px 0 20px 0;
margin:0 0 0 0px;
background-image:url(../images/age_title.gif);
background-repeat:no-repeat;
}

/** html .box{
height:1%;
clear: both;}*/

* html .r_btn{
width:100%;
margin:0px 0 15px 0;
paddin:10px 0 10px 0;
text-align:center;
}

* html .btn{
display:inline-block;
width:200px;
margin:10px -50px 0 120px;
}

* html .btn.r{
font-size:medium;
font-weight:bold;
padding:30px;
}

* html .comment{
width:350px;
margin:10px 30px 0px 70px;
padding:10px 20px 20px 20px;
float:left;
border:1px dotted orange;
text-align:left;
}

* html .act_img{
border:1px solid red;
width:300px;
height:300px;
float:left;
margin:30px;
padding:0px;
}

.clearfix { display: inline-block; }
.clearfix:after {
     clear: both;
     content: " ";
     display: block;
     font-size: 0;
     height: 0;
     visibility: hidden;
     }
/* start commented backslash hack */
* html .clearfix { height: 1%;
     clear: both;}
.clearfix { display: block; }
/* close commented backslash hack */