@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-family:"メイリオ","Meiryo","ＭＳ ゴシック","MS PGOTHIC","ヒラギノ角ゴシック Pro",sans-serif;
	color: #000;	
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,p,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}

ul{list-style-type: none;}

img {border: none;}

input,textarea,select {font-size: 1em;}

form {margin: 0px;}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/**/
#container {width: 100%;}
#header{}
#main{}
#footer{}

/*clear*/
.c-both {clear: both;}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.c1 { color: #00F}
.c2 { color: #F00}
.c3 { color: #630}
.c4 { color: #060}
.c5 { color: #639}
.c6 { color: #666}
.c7 { color: #FFFFBF}
.c8 { color: #F0F}
.c9 { color: #CCC}

.t14 {font-size: 14px}
.t16 {font-size: 16px}
.t18 {font-size: 18px}
.t20 {font-size: 20px}
.t22 {font-size: 22px;line-height:1.6em;}

.l1{ background-color:#EEF;padding:5px;}
.l2{ background-color:#FCC;padding:5px;}
.l3{ background-color:#FFA;padding:5px;}
.l4{ background-color:#9CF;padding:5px;}
.l5{ background-color:#FCF;padding:5px;}
.l6{ background-color:#EEE;padding:5px;}
.l7{ background-color:#330066;padding:5px;}
.l8{ background-color:#FFC;color:#000;padding:5px;}

.b1{ border-bottom:#339 1px solid;padding:3px;}
.b2{ border-bottom:#F00 1px solid;padding:3px;}
.b3{ border-bottom:#ccc 1px solid;padding:3px;}
.b4{ border-bottom:#CCF 1px solid;padding:3px;}
.b5{ border-bottom:#666 1px solid}

.ind{text-indent:-1.0em;margin-left:1.0em;}
.inner {padding: 10px;}

a {color: #00F;}
a:hover {color: #09F;}
a:focus {outline: none;}
a img {border-style:none;}

a:hover.img{
	text-decoration:none;
	background-color:transparent;	
}

a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);	
}

.kadomaru { 
		border-radius: 10px;        
  -webkit-border-radius: 10px;     
  -moz-border-radius: 10px;    
}  

.shadow1{text-shadow: 2px 2px 4px #999;}
.shadow2{text-shadow: 2px 2px 1px #fff;}
.shadow3{text-shadow: 2px 2px 1px #000;}

.box-shadow1{
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
}

.frame {
	display: inline-block;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}

.valign img {
vertical-align: middle;
margin-right:10px;
}

/*pagetop JS */
.pagetop2 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
}
 
.pagetop2 a {
	padding:3px 10px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
		font-weight:bold;
  border-radius: 7px;
  background: #747DBC;
		text-decoration:none;
}

.pagetop {
	position: fixed;
  bottom: 15px;
  right: 15px;
  margin:0 auto;
  z-index: 200;
}
 
.pagetop a {
	padding:10px;
  display:block;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 13px;
		font-weight:bold;
  border-radius: 7px;
  background: #747DBC;
		text-decoration:none;
}			

.pagetop2 a:hover {
    background: #8A88CC;
				text-decoration:none;
}