@charset "utf-8";
/* 
Theme Name: mora step seo
Theme URI: http://www.point-map.com/
Description: WEBmora
Author: Tatsya　Nishino
*/

/* ------------------
riset
--------------------- */
body, div, table, caption, th, tr, td, ul, ol, li, dl, dt, dd, form, input, textarea, p {
	font-weight: normal;
	font-style: normal;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
img,table {
	border: none;
}
img {
	vertical-align: bottom;
}
h1,h2,h3,h4,h5,h6,p,form,ul,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
ul {
	list-style: none;
}
a{
	text-decoration:none;
}
/*html {   
    overflow-y:scroll;  
}*/
/*-------------------
clear   
--------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* ------------------
all
--------------------- */
body{
	margin:0 auto;
}
#wrapper{
	margin:0 auto;
	width:940px;
	background:url(img/bg2.png);
	background-repeat:repeat-y;
}
a{
	color:#0099CC;
}
/*-------------------
iepngfix 
--------------------- */
* html #wrapper{
	behavior: expression(IEPNGFIX.fix(this));
} 
#continar{
	width:900px;
	margin:0 auto;
}
/* ------------------
header
--------------------- */

#header h1 a{
	font-size:25px;
	font-weight:bold;
	color:#000000;
}
#logo{
	width:570px;
	height:90px;
	float:left;
}
.logo{
	background:url(img/header.gif) no-repeat top right;
	width:426px;
	height:90px;
	text-indent:-99999px;
	overflow:hidden;
	display:block;
}
#tel{
	float:left;
	width:300px;
	padding-right:30px;
	padding-top:20px;
}
#menu {
	clear:both;
	
}
#menu li{
	width:150px;
	height:30px;
	float:left;
	text-align:center;
	list-style:none;
}
#menu a{
	display:block;
	width:150px;
	height:20px;
	text-align:center;
	background:url(img/bt.gif) no-repeat top;
	padding-top:10px;
	color:#000000;
}
#menu a:hover{
	display:block;
	width:150px;
	height:20px;
	text-align:center;
	background:url(img/bt1.gif) no-repeat top;
	padding-top:10px;
	color:#000000;
}
.main{
	background:url(img/header01.jpg) no-repeat top;
	width:900px;
	height:180px;
	text-indent:-99999px;
	overflow:hidden;
	display:block;
}
/* ------------------
content
--------------------- */
#content{
	width:470px;
	float:left;
	border: 1px double #999999;
	padding-bottom:3px;
}
.new{
	width:472px;
	height:30px;
	float:left;
	margin-top:10px;
	background:url(img/bar-1.gif) no-repeat left top;
}
.new h2{
	padding-left:30px;
	padding-top:10px;
	font-size:12px;
	font-weight: bolder;
	color:#FFFFFF;
}
.title {
	padding-left:10px;
	line-height:1.3em;
}
.post{
	padding-top:5px;
}
.maintitle {
	padding-left:10px;
	float:left;
	width:350px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	line-height:1.3;
}
.date{
	padding-left:5px;
	float:left;
	width:70px;
}
/* ------------------
contents
--------------------- */
#contents{
	width:405px;
	float:left;
	height:125px;
	background:url(img/back.gif) no-repeat top;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
}
.title1{
	width:370px;
	height:30px;
}
.title1 h2{
	padding-left:30px;
	padding-top:10px;
	font-size:12px;
	font-weight: bolder;
	float:left;
}
#simula{
	width:360px;
	padding-left:40px;
}
#simula dl{
	padding-top:10px;
}
#simula dt{
	float:left;
	width:125px;
	line-height:1.7;
}
.no{
	font-size:10px;
	padding-top:11px;
	font-weight:normal;
}
.sp{
	text-align:right;
	margin-right:30px;
	margin-top:-17px;
}
/* ------------------
sidebar
--------------------- */
#sidebar{
	clear:both;
	width:180px;
	float:left;
	margin-top:10px;
	padding-left:20px;
}
#sidebar h2{
	font-size:14px;
	font-weight:normal;
	line-height:1.5;
}
.side_bar{
	padding-top:10px;
	padding-bottom:10px;
}
.pro{
	padding-top:20px;
}
.pro li{
	font-size:12px;
	line-height:1.5;
}
.children{
	padding-left:10px;
}
/* ------------------
content2
--------------------- */
#content2{
	width:690px;
	float:left;
	margin-top:10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	margin-bottom:10px;
}
.red{
	font-weight:bold;
	color:#990000;
}
.red1{
	font-weight:bold;
	color:#FF0000;
}
.cont1{
	padding-left:10px;
	line-height:1.8;
	padding-bottom:10px;
}
.cont1 h3{
	font-size:14px;
	line-height:2.5em;
}
.cont1 p{
	padding-left:30px;
}
.h2back{
	background:url(img/bar2.gif) no-repeat left;
	width:680px;
	height:30px;
}
.h2back h2{
	font-size:14px;
	padding-left:35px;
	padding-top:6px;
	font-weight:bold;
}
.box{
	width:220px;
	float:left;
	padding:5px;
}
.boxin{
	border: 1px solid #CCCCCC;	
}
.box dl{
	padding:5px;
}
.box dt{
	padding-left:10px;
	line-height:1.4;
}
.box dd{
	padding:5px;
}
.box_float{
	width:80px;
	height:165px;
	float:left;
}
.box p{
	clear:both;
	padding-left:10px;
}
.cont2{
	width:690px;
	clear:both;
	padding-top:10px;
}
.banar{
	width:300px;
	height:70px;
	float:left;
	padding-left:30px;
}
.link{
	width:690px;
	clear:both;
	padding-top:10px;
}
.link ul{
	padding-left:40px;
}
.link li{
	width:100px;
	float:left;
	text-align:center;
	font-size:10px;
}
/* ------------------
footer
--------------------- */
#footer{
	width:900px;
	clear:both;
	color:#000000;
	background:url(img/footer.gif) no-repeat left;
	height:30px;
}
#footer p{
	text-align:right;
	font-size:12px;
	padding-top:10px;
	padding-right:10px;
}
#footer a{
	color:#000000;
}