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

#wrapper{
width:640px;
margin:0 auto;
margin-top:120px;
padding:100px 80px;
background:#add8e6;
}

#clearfix{
clear:both;
}

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

#title{
margin-left:50px;
font-size:24px;
height:24px;
color:#fff;
float:left;
}

a{text-decoration:none;}

#title_2{
margin-left:48px;
font-size:24px;
height:24px;
color:#fff;
float:left;
font-family:meiryo;
}


#title_sub{
margin-top:8px;
margin-left:16px;
font-size:16px;
height:16px;
color:#fff;
float:left;
text-decoration:none;
}

#title_border{
margin-top:20px;
width:380px;
height:4px;
background:#fff;
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 #fff;
color:#fff;
}


.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 #fff;
color:#fff;
}

.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 #fff;
color:#fff;
}

.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 #fff;
color:#fff;
}


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

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

ul{
width:640px;
}

ul li a{
padding:0px 0px;
padding-left:72px;
width:248px;
font-size:14px;
color:#fff;
text-decoration:none;
float:left;
list-style:none;
height:14px;
font-family:meiryo;
}

#right{
padding-right:68px;
padding-left:0px;
width:252px;
float:right;
text-align:right;
}

#p{
width:640px;
height:12px;
text-align:center;
font-size:12px;
color:#fff;
font-family:"meiryo";
}

p#p:hover{
background:none;}

a:link{
color:#fff;
} 

a:visited{
color:#fff;
}

a:hover{
color:#fff;
}

p:hover{
color:#fff;
background:#41b5bb;
}

a{
	text-decoration:none;
}

/*　↓HTML5　新要素をブロック化する↓　*/
header, section, footer, aside, nav, article, figure{ 
	margin:0;
	padding:0;
	display: block;
}

/*　↓float解除用「clearfix」↓　*/
.clearfix:after{/*for modern browser*/
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {zoom:1;/*for IE 5.5-7*/}