﻿@charset "utf-8";
/*css document*/

html{
background-color:transparent;

background-image:none;
}

p,ul,ol,il{
padding:0;
margin:0;
}

body{
	
background:#edd4ac;

}


.wrapper{

width:380px;
	
margin:0 auto;
}


.clearfix{

clear:both;

}

.box_title{
	
margin-top:100px;
width:380px;

font-size:30px;

}

.title{

font-size:28px;

height:28px;
color:darkred;
text-align:center;
}


.sub_speace{
width:380px;
height:10px;
font-size:10px;

color:transparent;
}
.sub_2{

width:380px;
margin-top:10px;
font-size:24px;

color:darkred;

text-align:center;
}

.coment{

margin:30px 0px;
width:380px;
line-height:22px;
font-size:14px;

color:darkred;
text-align:center;
}



.box_1{

width:380px;

}


.box_2{

width:380px;
height:90px;

background-image:url(kame_1.png);
background-position:50% 50%;
background-repeat:no-repeat;
}




.p_18{

padding:0px 10px;

padding-bottom:3px;

padding-top:6px;
width:360px;

height:18px;

font-size:18px;

border-bottom:3px dotted darkred;


color:#edd4ac;
}




.p_16{

padding:0px 10px;

padding-bottom:3px;

padding-top:6px;
width:360px;

height:18px;

font-size:16px;

border-bottom:3px dotted darkred;


color:#edd4ac;
}



.p_14{

padding:0px 10px;

padding-bottom:2px;

padding-top:7px;
width:360px;

height:18px;

font-size:14px;

border-bottom:3px dotted darkred;


color:#edd4ac;
}






.box_3{

width:380px;

height:10px;
}

ul li a{

padding:0px 10px;

font-size:14px;
color:darkred;

float:left;}



.p{

width:380px;
text-align:center;
font-size:10px;
color:darkred;

}



a:link{

color:darkred;
} 

a:visited{

color:darkred;
}

a:hover{

color:darkred;

}



p:hover{

background:#edd4ac;
color:darkred;
}




div.box_2:hover{
width:380px;
height:90px;

background-image:url(kame_2.png);
background-position:50% 50%;
background-repeat:no-repeat;
}