/* CSS Document */

/* ベース */

* {
	margin:0;
	padding:0;
}


#container{
  width:900px;
}


body{
	font-size:70%;
	color:#3b3d3d;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 170%;
}

a{ 
    color:#3d3d3d; 
    text-decoration:underline;  
    font-size:100%; 
} 

a:hover{ 
    color:#c01920; 
    text-decoration:none;  
} 

img{
  border:none;
  margin:0;
  padding:0;
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

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

/*ヘッダー*/

#hedder{
  margin:7px 0
}


/*メインコンテンツ*/

.right_area{
  float:right;
  width:680px;
  margin:10px;
}

.right_box{
  float:left;
  margin-left:10px;
  width:200px;
}

p{
  margin:20px 30px;
}

.one{
  margin:70px 30px;
}

ul{
  list-style:none;
  margin:20px 30px;
}

h2{
  font-size:150%;
  margin-top:10px;
  margin-left:15px;
  padding-left:10px;
  padding-bottom:5px;
  border-bottom:dotted #CCCCCC 1px;
}


/*メニュー*/

.left_area{
  float:left;
  width:200px;
}


/*.clearfix*/

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}