@charset "utf-8";
/* CSS Document */
body{
margin:auto;
	width:1000px;
 background: url(../image/h1.jpg);	
}

h1{
	visibility: hidden;
	font-size:20%;
}

h3{
	width:200px;
	border-left:#5EB9FF solid 8px;
	padding-left:10px;
}

.intro h4{
	background: -moz-linear-gradient(left, #89b0f7 50%, #FFF);
    background: -webkit-linear-gradient(left, #89b0f7 50%, #FFF);
	background:linear-gradient(to right, #89b0f7 50%, #FFF);
	padding-left:7px;
	width:680px;
	opacity:0.9;
}

#maincontents{
	margin:auto;
	width:1000px;
}
.osirase{
		background: url(../image/k.jpg);	 
	/*background:#CBF4FB;*/
	color:blue;
	
}
.owabi{
	color:blue;
	letter-spacing:1px;
	/*background:#EE89FD;*/
	background:url(../image/t1.jpg);
		
}
.annai{
	color:blue;
	letter-spacing:3px;
	background: url(../image/d.jpg);
		
	
}

.container {
  margin: 0 auto;
  /*padding: 40px;*/
  width: 1000px;
  height:250px;
  color: #333;
/*  background: #419be0;*/
}





/*
.box25 {
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
	width:120px;
	height:25px;
	text-align:center;
	display:block;
	
}
*/

.topic3{
	    margin-top:-20px; 
    padding-top:-10px;
	line-height:200%;
	width:500px;
	clear:both;
	
}
a.box25 {
    position: relative;
    background:#fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
	width:180px;
	height:25px;
	text-align:center;
	display:block;
	text-decoration: none;
	
}


a:link.box25 {
    position: relative;
    background:#fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
	width:180px;
	height:25px;
	text-align:center;
	display:block;
	text-decoration: none;
}




a:hover.box25 {
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: red;
	width:180px;
	height:25px;
	text-align:center;
	display:block;
}


.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
	
    /*border-color: #ffdb88 #fff #ffdb88;
	border-color:#ffdb88  #fff #ffdb88;*/
	
	
	
	  /*1色パターン：border-rightだけに色指定*/
  
  border-right: 15px solid #fff0cd;
  border-bottom: 15px solid transparent;
 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
    /*box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);*/

}

a:hover.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    /*border-width: 0 15px 15px 0;*/
    border-style: solid;
	/*border-color:#ffdb88 #fff #EC8A35;*/
	
		  /*1色パターン：border-bottomだけに色指定*/
  border-right: 15px solid #fff0cd;
  border-bottom: 15px solid #EC8A35;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.85);

}


.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
	height:120px;
	width:660px;
background:url(../gunga/img/5c313437732770e641008c2bac185e96_l.jpg) repeat;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
	width:103px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #333333;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	
}
.box27 p {
    margin:0; 
    /*padding-top:10px;*/
	line-height:220%;
	width:500px;
	clear:both;
}


a.topics{
	margin:auto;
	padding:0;
	font-size:12pt;
	text-align: right;
	width:630px;
	display:block;
}

.clear{
	clear:both;
}

.mainwork{
float:left;
	width:710px
}
.work{
	width:235px;
	float:left;
	
	margin:auto;
	font-size:85%;
}

.work img{
	border:3px #E0F7C8 solid;
	width:220px;
}
.space{
	width:5px;
	
	float:left;
}
.det{
	width:225px;
	font-size:90%;
	
}



#side{
	width:200px;
	float:left;
	margin:auto;
	padding-left:10px;
}

#main{
	width:750px;
	float:left;
	margin:auto;
	/*background: url(../image/d.jpg);	
	height:650px;
	overflow: auto;*/
}

.contents{
	width:960px;
	margin:auto;
	margin-top:15px;
	
}

#calendar{
	width:180px;
	margin:auto;

}

#submenyu{
	font-size: 8pt;
	padding-left:15px;
	padding-bottom: 10px;
}


.intro{
	margin-left:10px;
	padding-bottom:55px;
	width:680px;
}

/*footer用*/
#footer{
	width:1000px;
	background:#f1da75;
	/*background:url(../image/footer.jpg);*/
	height:63px;
	font-size:10pt;

}


address{
	font-size:9pt;
	padding-left:10px;
}

.info{
	float:right;
	width:350px;
	padding-top:2px;
	line-height:150%;
	margin:auto;
}
/*footer要素終わり*/



.con{
	height:680px;
	
	padding-left:20px;
}

.form{
	margin:auto;
	padding-top:20px;
	height:600px;
	padding-left:20px;
}

#contents th{
	width:250px;
	background:#cccccc;
}

#contents td{
	width:400px;
	height:55px;
}


#topicsx{
	margin:20px auto 0;
	font-weight: bold;
	width:700px;
	padding-left:20px;
	padding-right:20px;
	
}

.topics_num{
	width:450px;
	margin:auto;
}
.topics_num2 img{
	margin-left:200px;
	
	
}


tr.memo{
	height:100px;
}

.topicinfo{
	line-height:200%;
}


.kyousyosi{
	width:220px;
	float:left;
	text-align:center;
	margin:auto;
}

.kyousyosi2{
	width:230px;
	float:left;
	text-align:center;
	margin:auto;
}

.pos2{
	width:400px;
	float:left;
	text-align:center;
	margin:auto;
}


/*blog関連*/
#blog{
	border-left:#F4CD5B 3px dotted;
	border-right:#F4CD5B 3px dotted;
	width:500px;
	padding:10px 0 0 10px;
	
	
}

#blog_honbun{
	font-size: 120%;
	padding-left:10px;
	width:500px;
}

.blog_title{
	background:#044393;
	color:white;
	
	padding-left: 10px;
	
}

.blog_time,.blog_con{
	text-align: right;
	font-size:70%;
	padding-right:10px;
}


#blogx{
	margin:20px auto 0;
	font-weight: bold;
	width:700px;
	padding-left:20px;
	padding-right:20px;
	overflow: auto;
	height:700px;
}

/*製作実績の詳細ページ*/



#show_detail table{
	margin:15px auto;
	
}

#show_detail th{
	width:100px;
}

#show_detail td{
	width:400px;
	font-weight: 400;
}

#show_detail {
	margin: 30px auto 0;
    width:600px;
	
}



/*制作実績の中のカードのページ*/