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

body {
	color: #000000;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 13px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #FFFFFF ;	
}
body#top {
	background: #FFFFFF	/*トップページの背景設定*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}








/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #00bfff; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #87cefa; /*マウスオーバー時の背景色*/
}




/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}











table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

nav li{
	display: block;
	width: 120px;
	float: right;
}

nav a{
	color: #fff;
	background: #333;
	display: block;
	line-height: 1.0;
	padding: 6px 0;
	border-left: 1px solid #fff;
	text-align: center;
	text-decoration: none;
	
}

nav a:hover{
	background:#999;
}



/*水素フレーム設定
---------------------------------------------------------------------------*/


#page {
	float: center;
	width: 960px;
	color: #000;
	background: #fff;
}

#main {
	float: left;
	width: 960px;
	color: #000;
	background: #fff;
}

#main2 {
	float: left;
	width: 480px;
	height: 100px;

	color: #000;
	background: #fff;
}
#main3 {
	float: left;
	width: 480px;
	height: 100px;
	color: #000;
	background: #fff;
}

#suiso2 {
	float: center;
	width: 960px;
	height: auto;
	color: #000;
	background: "image/suisobg.png";
	background: #fff;
}

#shokai {
	float: left;
	width: 550px;
	margin-right: auto;
	text-align: left;
	height: 360px;
	color: #000;
	background: #fff;
}


#gazou {
	float: left;
	width: 410px;
	height: 360px;
	color: #000;
	background: #fff;
}


header {
	float: center;
	width: 960px;
	height: auto;
	text-align: left;
	color: #000;
	background: #fff;
}

footer {
	float: center;
	text-align: left;
	color: #000;
	background: #fff;
}

#worksmain {
	float: right;
	width: 720px;	
	height: 500px;
	color: #000;
	background: #fff;
	
}

#workssub {
	float: left;
	width: 240px;
	height: 500px;	
	color: #000;
	background: #fff;
}


#worksmain2 {
	float: right;
	width: 320px;
	color: #000;
	background: #fff;
}

#workssub2 {
	float: left;
	width: 320px;
	color: #000;
	background: #fff;
}

#workssub3 {
	float: left;
	width: 320px;
	color: #000;
	background: #fff;
}

footer {
	clear: both;
}


worksmenu ul {
	float: left;
	margin-bottom: 25px;	/*メインメニューとコンテンツブロックとの距離*/
}

ul#works li {
	float: left;
	margin-bottom: 25px;	/*メインメニューとコンテンツブロックとの距離*/
}
ul#works img {
	vertical-align: bottom;
}




/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu li {
	float: left;
	margin-bottom: 25px;	/*メインメニューとコンテンツブロックとの距離*/
}
ul#menu img {
	vertical-align: bottom;
}