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

html{
background-color:transparent;
background-image:none;
}

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

body{
background:#699432;
background-image:url("yohane_15_s.JPG");
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;                   
background-position: center center;
}



#wrapper{
width:500px;
margin:0 auto;
background:#a4896f;
padding:0 100px;
padding-top:300px;
border:3px solid #fff;
}

.box_1{
width:500px;
}
.
.clearfix{
clear:both;
}

#box_title{
width:500px;
height:120px;
float:left;
font-family:"meiryo";
}

#title{
margin-left:26px;
font-size:28px;
height:28px;
float:left;
color:#71c2bb;
font-weight:bold;
}

#title_2{
margin-left:28px;
font-size:28px;
height:28px;
float:left;
color:#71c2bb;
font-weight:bold;
}


#title_sub{
margin-left:14px;
font-size:28px;
height:28px;
float:left;
color:#71c2bb;
font-weight:bold;
}

#sub{
margin-top:10px;
margin-left:14px;
font-size:18px;
color:#71c2bb;
float:left;
}

#title_border{
margin-left:14px;
margin-top:25px;
width:120px;
height:3px;
background:#71c2bb;
float:right;
}

.box_1{
width:500px;
}

.box_2{
width:500px;
}

.p_18{
padding:6px 26px;
padding-top:11px;
padding-bottom:3px;
width:448px;
height:18px;
font-size:18px;
border-bottom:3px dotted #71c2bb;
color:#71c2bb;
}

.p_18_right{
padding:6px 26px;
padding-top:11px;
padding-bottom:3px;;
width:448px;
height:18px;
font-size:18px;
border-bottom:3px dotted #71c2bb;
color:#71c2bb;
text-align:right;
}


.p_18_2{
padding:6px 26px;
padding-left:42px;
padding-top:11px;
padding-bottom:3px;
width:432px;
height:18px;
font-size:18px;
border-bottom:3px dotted #71c2bb;
color:#71c2bb;
}

.p_18_3{
padding:6px 26px;
padding-left:58px;
padding-top:11px;
padding-bottom:3px;
width:418px;
height:18px;
font-size:18px;
border-bottom:3px dotted #71c2bb;
color:#71c2bb;
}

.box_30{
width:500px;
height:30px;
}


ul{
width:500px;
}

ul li a{
font-size:14px;
color:#71c2bb;
float:left;
font-family:"meiryo";
}

#right{
float:right;
}

#p{
width:500px;
height:14px;
font-size:14px;
text-align:center;
color:#71c2bb;
font-family:"meiryo";
}

a:link{
color:#71c2bb;
} 

a:visited{
color:#71c2bb;
}

a:hover{
color:#71c2bb;
}

p:hover{
color:#f1e3cd;
border-bottom:3px dotted #71e3cd;
background:#71c2bb;
}

p#p:hover{
color:#71c2bb;
border-bottom:none;
background:none;
}

a{
text-decoration:none;
}