h1 {
	color: #00cc00;
	font-size: 1.5em;
	text-align:left;
}

h2 {
	border-left:7px solid #48832C;
	padding:3px 15px 5px;
	font-size: 1.5em;
	border-bottom:solid 2px #000000;
	
}

h3 {
	border-left:7px solid #48832C;
	padding:3px 15px 5px;
	font-size: 1.3em;
}

h4 {
	padding:3px 15px 5px;
	font-size: 1.1em;
	border-bottom:solid 2px #000000;
}

p {
	display:block;
}


div.mybox {
    border: 4px double #ddd;
    margin: 2em 0;
    padding: 2em;
}

p.link {
	font-size: 1.4em;
}

p.center {text-align: center; }


p.code {color: #0000aa; }

div.res_table { display:table; width:100%; border-spacing : 3px 20px;}
.res_table div.res_row { display:table-row;  }
.res_table div.left_res { display:table-cell; width:15%; vertical-align:middle;}
.res_table div.right_res { display:table-cell; width:85%; vertical-align:top;}
span.font1 { font-size: 0.6em; color: #666666; }

.snsb { 
	margin:20px auto;
	padding:0;
	overflow: hidden;
	list-style: none;
}
.snsb li {
	float: left;
	margin:0 10px 0 0;
	overflow: hidden;
}

.

@media only screen and (max-width:420px){
#main {
	width: 90%;
	margin: 0 auto;
}
.pcnone { 
	display: none;
}
.mainWrap { 
	width:100%;
	display: block;
}  
.sideWrap { 
	width:100%;
	display: block;
}
}
@media only screen and (min-width:421px){
#main {
	width: 90%;
	margin: 0 auto;
}
.mainWrap { width:70%; float:left;}  
.sideWrap { width:30%; float:right; background-color:rgb(240,240,240); } 
.ads {
width: 696px;
margin-bottom: 20px;
}
.ads .adright {
margin-left: 12px;
display: inline;
float: left;
}
.ads .adleft {
margin-left: 12px;
display: inline;
float: left;
}

.clear {
clear: both;
}
}