@charset "utf-8";
/* CSS Document */

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #F3F0F7;
	margin: 0;
	padding: 0;
	color: #000;
	}

#top{
	background-color: #302833;
	border-style:solid 5px ;
	padding: 20px 5px 1px 50px;
	color: #FFFFFF; 
	height: 65px;
	position: relative;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
}

h2,h3{
  border-style: solid;
  border-width: 0 0 0 10px;
  border-color: #180614;
  margin: 30px 15px 20px;	
}

h2 {
	font-size:22px;
}

p {
	margin-top: 0;
	padding-right: 2px;
	padding-left: 2px; 
	line-height: 150%;
}


.container {
	width: 970px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}

.content {
	padding: 10px 0 0 10px;
}

.content p{
	padding: 0px 20px;
}

.cont{
	padding: 20px 0;
}


.item {
    float: left;
    margin: 10px 10px 30px  5px ;
	padding: 25px 25px;
    border: 1px solid #8E8E8E;
	box-shadow:3px 3px 3px 3px rgba(0, 0, 0, 0.2);
	
}


div.area:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}



/*ヘッダー*/
 header {
	background-color: #FFFFFF;
}

.rogo { 
  position: relative;
  top: -60px;
  left:660px;
  box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}



/*フッター */
.footer1 {
    margin:30px 50px;
}

 .footer1 li {
	 list-style-type: none;
	 display: table-cell;
	 vertical-align: middle;
	 padding: 80px 32px  30px  32px;
 }
 
.footer2 {
    background-color: #302833;
	position: relative;
	clear: both; 
	list-style-type: none;
	color: #FFFFFF;
	font-size:13px;
    text-align:center;
	padding: 25px;
}

.btn {
	width:100px;
	padding: 10px 40px;
	text-align: center;
	text-decoration: none;
	color: #000;
	background: #FAFBFF;
	border: 2px solid #302833;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}



header, section, footer, aside, article, figure {
	display: block;
}