@charset "UTF-8";


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;		
	background-color:FFFFFF;
	
}



h1{
	font-size: 1.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	color:#555555;
}

h2{
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	color:#555555;
}

h3{
	font-size:1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	color:#555555;	
}

h4{
	font-size:1em;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	color:#555555;	
}


p {
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: 160%;
	color: #555555;
 }
 

.color1{
	color: #07a4be;
}

.color2{
	color: #cc5897;
}

.color_white{
	color: #ffffff;
}


 a img {
	border: none;
}


.imageright{
	float:right;
}

.imageleft{
	
	float:left;
}



.sidebar1 {
	float: left;
	width: 150px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
background-color:#f7f7f7;

}


.content {
	
	padding: 0px,;
	width: 700px;
	float: right;
	background-color: #FFFFFF;
}


#navi { 
    font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 200%;
    color:#555555;	
}

#navi,a {

    color:#666666;
	text-decoration:underline;
}

#navi,a:visited {
    color:#555555;
}

#navi,a:hover {
	color: #07a4de;	
}

li{
font-size:0.8em;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
    color:#555555;
}


.undarline,a {
	text-decoration:underline;
}

.container {
	width: 900px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}

.header {
	
	background-color:#FFFFFF;
	height:90px;
	widht:100%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}


.header img{
	float:left;
}

.header img-right{
	float:right;
}

.kakomi {
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	border: none;
	background-color:#f2f0c7;
}

.kakomi_c {
	margin:0 0 0 0;
	padding: 3 3 3 3;
	border:2px dotted #f0b5f0;
	border-radius:8px;
	width:100%;
}


.footer {
	font-size:0.7em;
	text-decoration:none;
	font-weight: normal;
    color: #555555;
    text-align:center;
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}




.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	font-weight: normal;
	line-height: 0px;
}