BODY {
	color:#333333;
	margin:0;
	text-align:center;
	font-size:18px;
	overflow-x: hidden;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

A:link {
	color: #006666;
	font-weight: 500;
}
A:visited {
	color: #669999;
}
A:active {
	color: #003333;
}
A:hover {
	color: #003333;
	text-decoration: none;
}

hr{
	border: 1px solid #00b250;
}
.star {
	color:#ff9933;
}

/*--------------------------------------
  ULのデフォルト
--------------------------------------*/
ul, li{
	list-style-type:none;
	padding:0;
	margin:0;
}

/*--------------------------------------
　ヘッダー
--------------------------------------*/
header{
	background-color:#009900;
}
header h1{
	margin-top:0;
	color:#ffffff;
	font-size:30px;
}
header h1 a{
	text-decoration: none;
}
/*--------------------------------------
  メインカラム
--------------------------------------*/
#main{
	width:70%;
	float:left;
	line-height:150%;
}

#main div{
	width:90%;
	border: 2px #00b250 solid;
	text-align:left;
	margin:0 auto;
	margin-bottom:5px;
}
#main div h2{
	width: 100%;
	min-height:40px;
	margin:0;
	line-height:160%;
	padding:0 5px;
	background:#ccffcc;
	box-sizing:border-box;
	border-left: 10px #00b250 solid;
	border-bottom: 2px #00b250 solid;
}
#main div h2 a{
	color:#333333;
}
#main div p{
	padding:10px;
}

#main div ul{
	margin:10px 0 0 20px; 
}

#main div ul li{
	height:30px;
	padding:0 10px;
	box-sizing:border-box;
}
#main div ul li img{
	width:14px;
	height:12px;
}
#main div ul li span{
	color:#ff3333;
}

/*--------------------------------------
  サイドカラム
--------------------------------------*/
#side{
	width:25%;
	margin-right:5%;
	border: 2px #00b250 solid;
	box-sizing:border-box;
	float:left;
	text-align:left;
}
#side h2{
	width: 100%;
	font-size:20px;
	min-height:40px;
	margin:0px;
	line-height:160%;
	padding:0 5px;
	background:#ccffcc;
	box-sizing:border-box;
	border-left: 10px #00b250 solid;
	border-bottom: 2px #00b250 solid;
}
#side ul{
	margin-top:5px;
}
#side ul li{
	width:100%;
	height:30px;
	margin-top:5px;
	padding:0 10px;
	box-sizing:border-box;
}
#side ul li img{
	width:15px;
	height:15px;
	vertical-align:-2px;
	margin-right:5px;
}

@media screen and (max-width: 640px){
header h1{
	font-size:26px;
}

#main{
	width:100%;
	float:none;
}

#main div ul{
	margin: 0 auto;
	margin-top:10px;
}

#side{
	width:100%;
	margin:0 auto;
	border: none;
	float:none;
}
}