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




/* Reset CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

/* ======Reset CSS Document */



html{
background:url("../img/bg.gif");
}

body{
color:#666666;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
font-size:90%;
}

h1{
font-size:100%;
color:#ffffff;
}


h2{
background:#CCCCCC;
color:#666666;
padding:5px 0 5px 5px;
margin:0 0 0px 0;
border-left:#999999 5px solid;
font-size:140%;
}


h3{
margin:0 0 12px 0;
padding:0 0 0 25px;
color:#505a56;
border-bottom:thin dashed #333333;
font-size:130%;
} 

h4{
background:#CCCCCC;
color:#666666;
width:350px;
border-radius:8px 0 8px  0;
padding:0 0 0 5px;
font-size:130%;
}

a:link{color:#666666; text-decoration:underline;}
a:visited{color:#666666; text-decoration:none;}
a:hover{color:#666666; text-decoration:underline;}
a:active{color:#666666; text-decoration:none;}

p{
color:#666666;
margin:0 0 10px 0}

blockquote{
margin:5px;
font-style:italic;
font-size:80%;
}


#head{
width:100%;
background:rgba(0,0,0,0.5);
background:#505a56\9;
margin:0px;
}

.head_in{
width:950px;
margin:0 auto;
}


#main{
width:950px;
margin:0 auto;

}


.main_pic{
margin:20px auto;
box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}

#main_l{
width:190px;
float:left;
margin:0 10px 0 0;
}

.l_menu{
margin:0 0 30px 0;
border-bottom:groove 10px #999999;
}

.l_menu li{
background:rgba(255,255,255,0.5);
background:#d0d9d6\9;
border-bottom:dashed 1px #669966;
padding:3px;
font-size:80%;
height: 30px;
}




#main_r{
width:750px;
float:left;
}

.r_in{
margin:10px 0 20px 0px;
background:rgba(255,255,255,0.5);
background:#ccd6d3\9;
border-radius:10px;
padding:10px;
}


.r_in p{
color:#666666;
margin:10px 10px 0px 10px;
padding:10px 10px 0px 0px;
font-size:16px;
}



.img_pic1{
float:right;
margin:0 0 0 5px;
}

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

.pager{
text-align:right
}


#footer{
width:100%;
padding:10px 0 10px 0;
background:rgba(0,0,0,0.5);
background:#505a56\9;
margin:0px;
}


.footer_in{
color:#CCCCCC;
margin:10px;
width:950px;
margin:0 auto;
text-align:center
}

.footer_in a {
	color:#ffffff;
}

.footer_in a:hover {
	color:#ffffff;
}


.title{
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
font-size:32px;
font-weight: normal;
line-height: 180%;
text-align:left;
color:#ffffff;
}

.title a {
	display:block;
	width:15;
	padding:3px 3px 3px 3px; 
	color:#ffffff;
	text-decoration:none;
}

.title a:hover {
	background-color:#0000cc;
	color:#ffffff;
}