@charset "UTF-8";

/******************************
* レイアウト
******************************/
.contArea{
	width:980px;
	margin:0 auto;
}

/* フォントサイズ切り替えボタンのスタイル。自由にカスタマイズしてください。 */
#font-size div.small,
#font-size div.medium,
#font-size div.large {
	font-size:100%;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:6px;
	border:1px solid #ccc;
	cursor:pointer;
	margin-left:3px;
}
#font-size div.active {
	color:#fff; background-color:#15428B;
}
#font-size div.small span,
#font-size div.medium span,
#font-size div.large span { /* display:none; テキストを削除して画像ボタン化することも可能　*/ }


/******************************
* ヘッダー
******************************/
#headArea{
	margin:0 auto;
	padding:35px 0 30px 0;
}

#headArea #logoArea{
	height:61px; width:980px;
	margin-bottom:50px;
	vertical-align:middle;
	background:url(../img/tel.png) top right no-repeat;
}

#headArea #fontArea{
	height:40px;
	vertical-align:middle;
	margin-left:200px;
}

#headArea #fontArea div{
	vertical-align:middle;
}

#headArea #fontArea span{
	float:right;
}

#headArea #logoArea ul{
	width:100%;
	letter-spacing:-.40em;
}

#headArea #logoArea li{
	letter-spacing:normal;
	display:inline-block;	
	
}

#headArea h1{
	width:301px;	height:61px;
	background:url(../img/logo_head.png) top left no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}

#headArea #menuArea ul{
	width:600px;
	margin:0 auto;
	letter-spacing:-.40em;
}

#headArea #menuArea li{
	width:145px;
	letter-spacing:normal;
	list-style:none;
	border-left:dotted 1px #ccc;
	display:inline-block;
	text-align:center;
}

#headArea nav li a{
	color:#202020;
	text-decoration:none;
}

#headArea nav li a:hover{
	color:#3B8F35;
	text-decoration:underline;
	font-weight:bold;
}

.menuEnd{
	border-right:dotted 1px #ccc;
}

/******************************
* フッター
******************************/
#footArea{
	padding-top:25px;
	border-top:solid 3px #000;
	
}

#footArea footer{
	width:980px;
	margin:0 auto;
	display:table;
}

#footArea .companyInfo{
	display:table;
}

#footArea .logo{
	float:left;
	width:300px;	height:36px;
	background:url(../img/logo_foot.png) top left no-repeat;
	text-indent:-9999px;	
}

#footArea .address{
	width:680px;	height:36px;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	font-size:80%;
}

#footArea #copyright{
	padding:25px 0 25px;
	clear:both;
	text-align:center;
	font-size:80%;
}

/******************************
* コンテンツ
******************************/
.contTitle{
	width:280px;
	margin:0 auto 50px auto;
	border-bottom:dotted 1px #202020;	
}

.contTitle h2{
	text-align:center;
	font-size:230%;
}

.contHeadline{
	text-align:center;
	font-size:130%;

}

.img01Area{
	text-align:center;
	line-height:0px;
	background:url(../img/img_sky_back.png) top center repeat-x;	
}

.img01Area img{
	width:100%;	max-height:360px;
}

.img02Area{
	height:347px;
	text-align:center;
	line-height:0px;
	background:url(../img/img_office_back.png) top center repeat-x;
}

.pagetop {
    display:none;
    position:fixed;
    bottom:30px;
    right:30px;
}
.pagetop a {
    display:block;
    background-color:#B8D200;
    text-align:center;
    color: #ffffff;
    font-size:12px;
    text-decoration: none;
    padding: 20px 10px;
	border-radius: 10px;        	/* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   	/* Firefox用 */  
}
 
.pagetop a:hover {
    display: block;
    background-color:#1A9D2E;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}

.scrEvent {
    display: none;
}
/******************************
* cont01
******************************/
#cont01 .contArea{
	line-height:0px;
}

#cont01{
	background:url(../img/img_company_back.png) top center repeat-x;
}

/******************************
* cont02:事業内容
******************************/
#cont02{
	background:#F4EFE5;
}

#cont02 .contArea{
	background:#F4EFE5;
	padding:50px 0 100px 0;
}

#cont02 .procTitle{
	color:#D70B2A;
	font-size:120%;
	margin-bottom:20px;
	font-weight:bold;
}

#cont02 .proc{
	width:810px;
	clear:both;
	margin:60px auto 0 auto;
}

#cont02 .picArea,
#cont02 .infoArea{
	display:inline-block;
	vertical-align:text-top;
}

#cont02 .picArea{
	width:370px;
}

#cont02 .picArea img{
	border:solid 1px #ccc;
	padding:5px;
	background:#fff;
}

#cont02 .infoArea{
	width:430px;
}


/******************************
* cont02_02:沿革
******************************/
#cont02_02{
	background:#FFFFFF;
}

#cont02_02{
	clear:both;
}

#cont02_02 .contArea{
	padding:50px 0 100px 0;
}

#cont02_02 .list{
	width:930px;
	margin:0 auto;
}

#cont02_02 .list th,
#cont02_02 .list td{
	border:solid 1px #ccc;
	font-weight:normal;
	text-align:left;
	padding:15px 20px;
}

#cont02_02 .list th{
	width:180px;
	background:#F3F3F6;
}

/******************************
* cont03
******************************/
#cont03{
	clear:both;
}

#cont03 .contArea{
	padding:50px 0 100px 0;
}

#cont03 .list{
	width:930px;
	margin:0 auto;
}

#cont03 .list th,
#cont03 .list td{
	border:solid 1px #ccc;
	font-weight:normal;
	text-align:left;
	padding:15px 20px;
}

#cont03 .list th{
	width:180px;
	background:#F3F3F6;
}

/******************************
* cont04:アクセス
******************************/
#cont04{
	padding:50px 0 100px 0;
}

#cont04 article{
	width:930px;
	margin:0 auto;
}

#cont04 h3{
	font-size:150%;
	color:#D70B2A;
}

/******************************
* cont05
******************************/
#cont05{
	background:#F4EFE5;
}

#cont05 .contArea{
	background:#F4EFE5;
	padding:50px 0 100px 0;
}

#cont05 h3{
	color:#D70B2A;
	text-align:center;
	font-size:150%;
	margin-bottom:30px;
}

#cont05 article{
	width:820px;
	margin:0 auto;
}

#cont05 #write{
	text-align:right;	
}

/******************************
* cont06
******************************/
#cont06{
	padding:50px 0 100px 0;
}

#cont06 .cont06title{
	width:280px;
	margin:0 auto 50px auto;
	border-bottom:dotted 1px #202020;	
}

#cont06 .newsArea{
	width:800px;
	margin:0 auto;
	border-top:dotted 1px #202020;	
}

#cont06 .newsArea dl{
	letter-spacing:-.40em;
}

#cont06 .newsArea dt,
#cont06 .newsArea dd{
	display:inline-block;
	letter-spacing: normal;
	padding:15px 10px;
	border-bottom:dotted 1px #202020;

}

#cont06 .newsArea dt{
	width:100px;
}

#cont06 .newsArea dd{
	width:660px;
}

/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
	/* フォント */
	*{
		font-size:20px;	
	}
	
	/* 画像設定 */	
	img{
		max-width:100%;
		height: auto;
		width /***/:auto;　
	}
	
	.img01Area{
		height:auto;
	}

	.img02Area{
		height:auto;
		background:#F4EFE5;
	}
	
	#fontArea div,
	#font-size{
		display:none;
	}
	
	#box{
		display:none;	
	}
	
	#msg{
		display:none;
	}
	
	/* スマホ設定 */
	.contArea{
		max-width:100%;
	}
	
	/* ヘッダー */
	#headArea #logoArea{
		background:none;
		width:100%;
	}
	#headArea .contArea{
		width:90%;
		background:url(../img/tel.png) top right no-repeat;
	}

	#headArea h1{
		margin:0;
		margin-bottom:30px;
	}

	#headArea #menuArea ul{
		width:100%;
	}

	#headArea #menuArea li{
		width:25%;
		border:none;
		text-align:center;
	}

	#headArea #menuArea li a{
		display:block;
		border-left:dotted 1px #ccc;
	}
	
	#headArea .menuEnd a{
		border-right:dotted 1px #ccc;	
	}

	/* フッター */
	#footArea .contArea{
		width:90%;
	}
	
	#footArea footer{
		padding:0;
		width:90%;
		text-align:center;
	}

	#footArea .companyInfo{
		display:block;
	}

	#footArea .logo{
		float:none;
		width:100%;	height:61px;
		background:url(../img/logo_foot.png) top center no-repeat;
	}

	#footArea .address{
		margin-top:20px;
		width:100%;	height:61px;
		display:block;
		vertical-align:middle;
		text-align:center;
		font-size:80%;
	}
	
	#footArea #copyright{
		font-size:60%;
	}

	/* cont01 */
	#cont01 .contArea{
		width:100%;	height:auto;
		position: relative;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		   background-size: 100% auto;
	}
	
	#cont01 .contArea h2{
		height:auto;	
	}

	/* cont02 */
	#cont02 .contArea{
		width:90%;
		background:#F4EFE5;
		padding:50px 0 100px 0;
	}

	#cont02 .contHeadline{
		text-align:left;	
	}

	#cont02 .contHeadline span{
		display:none;
	}

	#cont02 .proc{
		width:90%;
	}

	#cont02 .picArea{
		width:100%;
		text-align:center;
	}

	#cont02 .infoArea{
		width:100%;
	}
	
	#cont02 .infoArea .procTitle{
		text-align:center;	
	}
	
	
		/* cont02_02 */
	#cont02_02 .list{
		width:90%;
		margin:0 auto;
	}

	#cont02_02 .list th,
	#cont02_02 .list td{
		width:90%;
		display:block;
	}
	
	
	/* cont03 */
	#cont03 .list{
		width:90%;
		margin:0 auto;
	}

	#cont03 .list th,
	#cont03 .list td{
		width:90%;
		display:block;
	}
	
	/* cont04 アクセス */
	#cont04 article{
		width:90%;
	}

	#cont04 iframe{
		width:100%;
	}

	/* cont05 */
	#cont05 article{
		width:90%;
		margin:0 auto;
	}

	/* cont06 */
	#cont06 .newsArea{
		width:90%;
		border:none;
	}

	#cont06 .newsArea dt,
	#cont06 .newsArea dd{
		display:block;
		border-bottom:none;
		text-align:center;
	}

	#cont06 .newsArea dt{
		width:100%;
		padding:10px;
	}

	#cont06 .newsArea dd{
		width:100%;
		padding:0 0 20px 0;
	}

}