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

html{
background-color:transparent;
background-image:none;
}
p,ul,ol,li{
padding:0;
margin:0;
list-style:none;
}

body{
//background-attachment:fixed;
//background-size:cover;
//background-repeat:no-repeat;
background:#D4ECEA;
}


#wrapper{
width:640px;
margin:0 auto;
background:#D2CCE6;
padding:100px 100px;
border:3px solid #8CBBB8;
}

#box_title{
padding-top:200px;
width:640px;
height:90px;
}

#title_1{
margin-left:50px;
font-size:28px;
height:28px;
color:#8CBBB8;
float:left;
font-family:meiryo;
font-weight:bold;
}

a{text-decoration:none;}

#title_2{
margin-left:30px;
font-size:28px;
height:28px;
color:#8CBBB8;
float:left;
font-family:meiryo;
font-weight:bold;
}


#title_sub{
margin-top:8px;
margin-left:16px;
font-size:18px;
height:18px;
color:#8CBBB8;
float:left;
text-decoration:none;
font-family:meiryo;
font-weight:bold;
}

#title_border{
margin-top:19px;
width:350px;
height:4px;
background:#8CBBB8;
float:right;
}


.box_1{
width:640px;
}

.box_2{
width:640px;
height:0px;
}

.p_18{
padding:0px 50px;
padding-bottom:4px;
padding-top:10px;
width:540px;
height:18px;
font-size:18px;
border-bottom:3px dotted #8CBBB8;
color:#8CBBB8;
}


.p_18_2{
padding:0px 50px;
padding-bottom:4px;
padding-top:10px;
padding-left:68px;
width:522px;
height:18px;
font-size:18px;
border-bottom:3px dotted #8CBBB8;
color:#8CBBB8;
}

.p_18_3{
padding:0px 50px;
padding-bottom:4px;
padding-top:10px;
padding-left:86px;
width:504px;
height:18px;
font-size:18px;
border-bottom:3px dotted #8CBBB8;
color:#8CBBB8;
}

.p_18_4{
padding:0px 50px;
padding-bottom:4px;
padding-top:10px;
padding-left:104px;
width:486px;
height:18px;
font-size:18px;
border-bottom:3px dotted #8CBBB8;
color:#8CBBB8;
}


.p_18_right{
padding:0px 50px;
padding-bottom:4px;
padding-top:10px;
width:540px;
height:18px;
font-size:18px;
border-bottom:3px dotted #8CBBB8;
color:#8CBBB8;
text-align:right;
}

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

ul{
width:640px;
}

ul li a{
padding:0px 10px;
margin-left:68px;
font-size:14px;
color:#8CBBB8;
text-decoration:none;
float:left;
height:14px;
font-family:meiryo;
float:left;
border-right:1px solid #8CBBB8;
border-left:1px solid #8CBBB8;
}

#right{
margin-right:58px;;
float:right;
text-align:right;
}

#p{
margin-top:10px;
width:640px;
height:14px;
text-align:center;
font-size:14px;
color:#8CBBB8;
font-family:"meiryo";
}

p#p:hover{
background:none;
}

a:link{
color:#8CBBB8;
} 

a:visited{
color:#8CBBB8;
}

a:hover{
color:#8CBBB8;
}

p:hover{
color:#D4ECEA;
background:#8CBBB8;
}

a{
text-decoration:none;
}

