@charset "UTF-8";

h1{margin-top:10px;
}

#headerbg {
background-color:#fff ;
width:100%;
min-width:1000px;
position: fixed;
  top: 0;
  right:0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
/* ヘッダー*/
#header {
width: 940px;
margin-right: auto;
margin-left: auto;
padding-top:1px;
}

.menu ul{
    padding: 0 0 10px 0; 	
    margin: 0px;
	text-align:right
} 


.menu ul li {
    display: inline; 
	margin-left:4em;
} 


.menu ul li a {
	font-family: 'Handlee', cursive;
	font-size: 12px;
	text-decoration: none;
	color: #000;
} 


.menu ul li a:hover{ 
    border-bottom: dotted 2px #0CF;	 
}


/* メインボックス*/
#container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Handlee', cursive;
	font-size: 13px;
	margin-top:120px;
	padding-top:10px;
}

body{
margin:0;
}
 .box {
	padding: 20px 20px;
	border: 1px solid #2F1B03;
	border-radius: 10px;
	overflow: hidden;
	font-family: Handlee, cursive;
}

#top,#about,#works,#contact{
	margin: 10px 0 100px;
	padding-top: 5px;
}

h2{
   position:relative;
   margin:1px 800px 20px 0;
   padding:10px 20px;
   font-family: 'Handlee', cursive;
   color:#FFF;
   border-radius:30px;
   background:#000;
   text-align:center;
}
h2:before{
   content:" ";
   position:absolute;
   top:100%;
   left:27px;
   width:0;
   height:0;
   border-width:8px;
   border-style:solid;
   border-color:transparent;
   border-top-color:#000;
}




/* form 1 */

#content {
	width: 560px; margin: 10px auto; padding: 40px 0 0 0;
	background: url("../jpg/line.png"); position: relative;
	border-radius: 10px;
}
	#content:before {
		content: ""; width: 19px; height: 365px; position: absolute; left: -19px; top: 0;
		 
	}

h4 {
	font-size: 30px;
	text-align: center; letter-spacing: 5px;
	margin: 0 0 44px 0;
	font-family: 'Handlee', cursive;
}

label {
	width: 150px; display: block;
	text-align: right; float: left;
	font-size: 12px; letter-spacing: 3px;
	margin: 40px 10px 0 0; clear: left;
	font-family: 'Handlee', cursive;
}

input {
	width: 300px; height: 40px; float: left; margin: 40px 0 0 0;
	background: url("../jpg/dots.png"); 
	font-family: 'Handlee', cursive;
	font-size: 20px; color: #18326d; letter-spacing: 3px;
}

textarea {
	width: 300px; height: 200px; float: left; margin: 41px 0 40px 0;
	background: url("../jpg/dots.png"); 
	font-family: 'Handlee', cursive;
	font-size: 24px; color: #18326d; letter-spacing: 3px;
}

input#send {
	width: 202px; height: 84px; float: right;
	margin: 0 70px 36px 0; padding: 0 0 0 77px;
	background: url("../jpg/post-mark.png");
	font: bold 20px 'Handlee', cursive; text-transform: uppercase; color: #64B1D2;
	cursor: pointer;;
	
}

.box1 {
	width: 265px;
	height:290px;
	padding: 10px;
	float: left;
	margin-right: 20px;
	margin-bottom:20px;
	background: #fff;
	text-align:center;
	border-radius: 10px;
}

.boxContainer{
	width:950px;
	overflow:hidden;
	margin-top: 20px;
}

 .box3 {
	padding: 10px 20px;
	border: 1px solid #2F1B03;
	border-radius: 10px;
	overflow: hidden;
	font-family: 'Handlee', cursive;
	color: #64B1D2;
	line-height: 40px;
	text-transform: uppercase;
}

box3, form, fieldset, input, textarea{
	margin: ; padding: 0; border: 0; outline: none;
}
/* about */

h3.ttl {
    border-bottom: 6px solid #242930;
    display: inline-block;
    font-family: 'Handlee', cursive;
    font-weight: 500;
    font-size: 175%;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 184%;
    margin-top: 30px
}

p.subtitle {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 8px;
    line-height: 160%;
    margin-top: 20px;
	font-family: 'Handlee', cursive;
}

p.text {
    color: #000;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 40px 0;
    font-weight: 500;
    line-height: 183%;
	font-family: 'Handlee', cursive;
}

#table{
	font-family: 'Handlee', cursive;
	font-weight: normal;
	width:100%;
	border-collapse:collapse
}

#table tr{
	border-bottom:1px solid #999
}

#table th{
	font-size:14px;
	padding:20px 20px 20px 0;
	text-align:left;
	width:20%;
	font-weight:800
}

#table td{
	font-size:14px;
	padding:20px 20px 20px 0;
	text-align:left;
	width:80%;
	font-weight:500;
	line-height:150%
}

#map_canvas{
	margin:30px 0
}

/* work */

.box1 dt {
	font-size:13px;
	padding-bottom:5px;
	border-bottom:1px dotted #000;
	font-family: 'Handlee', cursive;
}

.box1 dd{
	margin-top:15px
}

.left-box-1{
      float : left ;
      width : 434px ;
      height : 500px ;
      background : #FFF ;
	  border-radius: 10px;
	  text-align:center;
	  padding-top:20px;
	  }
	  
.left-box-1 dt,.left-box-2 dt{
	  font-family:'Handlee', cursive;
	  font-weight:600;
	  font-size:15px;
	  margin:10px;
      }
	
.left-box-1 dd,.left-box-2 dd{
	  font-size:14px; 
      font-family:'Handlee', cursive;
	  text-align: justify;
      text-justify: inter-ideograph;
	  margin:0 20px;
      }

	  
.left-box-2{
      float : right ;
      width : 434px ;
      height : 500px ;
      background : #FFF ;
	  border-radius: 10px;
	  text-align:center;
	  padding-top:20px;
      }
	  
.clr-block{
      clear : both ;