h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;}

img{border:none;}

html *{
	font-size:13px;}

a:link, a:visited{
	color:#000;
	text-decoration: none;
	font-size: 100%;}
	

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);}

/*Layout*/

body{
	margin:0;
	padding:0;
	background:#fff;
	text-align:center;
	font: 13px/1.4 "Meiryo UI", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}

#container{
	margin:0 auto;
	padding:0 auto;
	width:980px;
	text-align:left;}

#header{
	width: 100%;
	background:#fff;
	border-bottom: 4px solid #960;}

#content{
	padding-bottom:20px;}

.content-inner{
	_width : 770px;
	clear:both;
	overflow:hidden;
	margin: 20px 15px 0 0;}

#main{
	float:left;
	width:680px;
	background:#fff;}

#main .title1{
	margin-bottom: 10px;
	line-height: 55px;
	font-size: 154%;
	font-weight: 800;
	color: #252525;
	background: url(img/heading.png) no-repeat;
	padding: 0 10px 0 120px;
	margin: 15px 0 0;}

#main .title2{
	margin: 0 0 10px;
	line-height: 55px;
	font-size: 154%;
	font-weight: 800;
	color: #252525;
	padding: 0 10px 0 120px;
	background: url(img/rank2.png) no-repeat;}

#main .title3{
	margin: 0 0 10px;
	line-height: 55px;
	font-size: 154%;
	font-weight: 800;
	color: #252525;
	padding: 0 10px 0 120px;
	background: url(img/rank3.png) no-repeat;}

#main .title4{
	margin: 0 0 10px;
	line-height: 55px;
	font-size: 154%;
	font-weight: 800;
	color: #252525;
	padding: 0 10px 0 120px;
	background: url(img/rank4.png) no-repeat;}

#main .title5{
	margin: 0 0 10px;
	line-height: 55px;
	font-size: 154%;
	font-weight: 800;
	color: #252525;
	padding: 0 10px 0 120px;
	background: url(img/rank5.png) no-repeat;}

#main p.withImage{
	width: 650px;
	font-size: 108%;
	margin: 5px 0 0;
	padding: 5px 0 5px 20px;
	background: url(img/check.jpg) no-repeat left 5px;
	border-bottom: 1px dashed #ccc;
	line-height: 120%;}

#main .button {
	width:376px;
	height: 40px;
	margin: 15px auto 30px;}

.main-inner{
	background:#fff;
	padding:0 0 25px;}

.top_rank {
	font-size: 116%;
	font-weight: bold;
	text-align: center;
	margin: 10px auto;}

.top_rank a {
	color: #f00;
	text-decoration:underline;}

.top_rank a:hover { text-decoration: none;}

#sidebar{
	float:right;
	width:250px;
	background-color: #fff;}

.side-content{
	margin:0 20px;}

#footer{
	clear:both;
	text-align:left;}

/****header detail*************************/

#header h1{
	font-size:108%;
	color:#111;
	line-height:1.2;
	font-weight:bold;
	margin: 3px 0;}


/**CONTENT detail*/
/*#main******************************/
.path{
	margin:0px 0 10px 0px;
	padding:5px 1em 10px 20px;
	font-size:100%;
	color:#333;
	background: url(img/ico03.gif) no-repeat left 6px;}

.path a:link, .path a:visited{
	color:#333;}

.path span{
	padding:0 4px;}

#main h2{
	font-size: 154%;
	color:#333;
	padding:8px 0px 8px 30px;
	margin-top:10px;
	background:url(img/ico01.gif) no-repeat left 4px;
	border-bottom: 1px dashed #ccc;}

#main h3{
	margin:1em 0;
	color:#f90;
	font-size:108%;}

#main p{
	width: 670px;
	line-height:1.6;
	font-size: 116%;
	margin: 15px auto;}

#main .txt {
	font-size:100%;
	font-weight:bold;
	background-color: #ff0;}

strong, b, u { font-size: 100%;}

#main .mark {
	color: #c00;
	font-size: 100%;
	font-weight: bold;}

#main .bunner {
	width: 468px;
	height: 60px;
	margin: 20px auto 5px;}

/*sidebar detail */
#searchbox{
	margin:10px;
	padding:0;
	font-size:100%;}

.searchbutton{
	background:#006;
	color:#fff;
	padding:1px 4px;
	font-size: 100%;}

#sidebar h4{
	font-size: 116%;
	font-weight: bold;
	padding:8px 0 8px 25px;
	color:#333;
	background: url(img/ico02.gif) no-repeat 2px 50% #cc6;
	border-bottom: 1px dashed #666;}

.side-pr {
	text-align: center;
	margin: 10px auto 15px;}

#sidebar ul{
	margin: 10px 0;
	padding: 0;}

#sidebar li{
	list-style:none;
	padding: 4px 4px 4px 0;}

#sidebar li a:link,#sidebar li a:visited{
	font-size: 116%;
	text-decoration:none;
	color:#333;
	outline:none;}

#sidebar li a:hover{
	color:#000;
	text-decoration:underline;}

/*footer detail****************************/

#footer address{
	font-style:normal;
	font-size:108%;
	color:#333;
	text-align:center;
	padding:10px 0px;
	background-color: #ccc;}
	
#footer address a {
	color: #333;
	font-weight: bold;}

/**********clearfix*******************
子要素のfloatを解除するCSSクラス　
必要に応じて使用・削除してください。
**************************************/
.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;}


.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.to_top {
	font-size: 100%;
	text-align: right;}