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

/*レイアウト*/

html, body{
  margin:0px; padding:0px;
  height:auto;
}

body{
	width:auto;
}

#container{
	height:auto;
}

#header{
	width:1000px;
	height:100px;
	margin:10px auto 0 auto;
	background:rgba(255,255,255,0.95);
}

#logo{
	width:300px;
	height:100px;
	float:left;
}

#navi{
	width:700px;
	height:100px;
	float:right;
}

#footer{
	width:auto;
	height:40px;
}

/*navi部分*/

#navi ul{
	margin-left:300px;
}

#navi ul li{
	float:left;
}

/*footer部分*/

#footer_inner{
	width:1000px;
	height:40px;
	margin:0px auto;
	background-image:url(../images/footerbkgd.gif);
}

#footerlogo{
	width:150px;
	height:40px;
	float:left;
}

#address{
	width:480px;
	height:40px;
	float:left;
	font-size:11px;
	line-height:1.2em;
	color:#EFE7DD;
	}

#copy{
	width:350px;
	height:40px;
	float:left;
}

#copy p{
	text-align:right;
	font-size:11px;
	color:#EFE7DD;
	margin-top:15px;
}


/*-----------------コンテンツ部分--------------------*/

/*-----------------事業内容ページ--------------------*/

/*------事業メニュー-------*/

#shigotowrap{
	background:rgba(252,245,235,0.8);
	width:100%;
	height:380px;
	margin-top:20px;
}

#shigoto{
	width:1000px;
	height:380px;
	margin:0 auto;
}

#shigoto1{
	width:300px;
	height:380px;
	float:left;
}

h2{
	text-align:center;
	margin-top:70px;
	color:#300B0A;
	font-size:24px;
	font-weight:normal;
}

#shigototxt{
	margin:50px 30px auto 30px;
	line-height:1.5em;
	font-size:14px;
	color:#3D1918;
}

#shigoto2{
	width:700px;
	height:380px;
	float:right;
}

#shigoto2 ul{
	margin:70px auto 0px 50px;
}

#shigoto2 ul li{
	float:left;
	margin:1px;
}

.jigyomenu {
  transition: 0.7s;
}
.jigyomenu:hover {
  opacity: 0.7;
  transition: 0.5s;
}

#linktoworks{
	margin:10px auto auto 250px;
}


/*------事業コンテンツ1-------*/

#jigyo1wrap{
	background:rgba(255,255,255,0.5);
	width:100%;
	height:400px;
}

#jigyo1{
	width:1000px;
	height:400px;
	margin:0px auto;
}

#jigyo1_1{
	width:500px;
	margin-right:50px;
	height:400px;
	float:left;
}

#jigyo1_2{
	width:450px;
	height:400px;
	float:right;
}

h3{
	margin-top:50px;
}

.jigyo1txt{
	margin:30px 0px auto 0px;
	line-height:1.8em;
}

.link1{
	margin-top:15px;
	text-align:right;
	margin-right:0px;
	display:none;
}

#jigyo1_2 img{
	margin-top:50px;
}


/*------事業コンテンツ2-------*/

#jigyo2wrap{
	background:rgba(252,245,235,0.5);
	width:100%;
	height:400px;
}

#jigyo2{
	width:1000px;
	height:400px;
	margin:0 auto;
}

#jigyo2_1{
	width:450px;
	height:400px;
	float:left
}

#jigyo2_1 img{
	margin-top:50px;
}

#jigyo2_2{
	width:500px;
	margin-left:50px;
	height:400px;
	float:right;
}

.jigyo2txt{
	margin:30px 0px auto 0px;
	line-height:1.7em;
}

.link2{
	margin-top:10px;
	text-align:right;
	display:none;
}

/*------事業コンテンツ3-------*/

#jigyo3wrap{
	background:rgba(255,255,255,0.5);
	width:100%;
	height:400px;
	page-break-before:always;
}

#jigyo3{
	width:1000px;
	height:400px;
	margin:0 auto;
}

h3{
	margin-top:50px;
}

#jigyo3_1{
	width:500px;
	padding-right:50px;
	height:400px;
	float:left;
}

.jigyo3txt{
	margin:30px 0px auto 0px;
	line-height:2.0em;
}

#jigyo3_2{
	width:450px;
	height:400px;
	float:right;
}

#jigyo3_2 img{
	margin-top:50px;
}


/*------事業コンテンツ4-------*/

#jigyo4wrap{
	background:rgba(252,245,235,0.5);
	width:100%;
	height:430px;
}

#jigyo4{
	width:1000px;
	height:400px;
	margin:0 auto;
}

#jigyo4_1{
	width:450px;
	height:400px;
	float:left
}

#jigyo4_1 img{
	margin-top:50px;
}

#jigyo4_2{
	width:500px;
	margin-left:50px;
	height:400px;
	float:right;
}

.jigyo4txt{
	margin:30px 0px auto 0px;
	line-height:1.6em;
}

.jigyo4txt2{
	margin:0px 0px auto 0px;
	line-height:1.6em;
}

#nayami{
	margin:10px auto 10px 40px;
	list-style:circle;
	line-height:1.8em;
	font-weight:bold;
}


/*------実績紹介-------*/

#workswrap{
	background:rgba(255,255,255,0.5);
	width:100%;
	height:750px;
}

#works{
	width:1000px;
	height:750px;
	margin:0 auto;
	padding-top:0px;
}

.link3{
	clear:both;
	display:none;
}

/*-----------------会社情報ページ--------------------*/


#profilewrap{
	background:rgba(252,245,235,0.8);
	width:100%;
	height:750px;
	margin-top:20px;
}

#profile{
	width:1000px;
	height:750px;
	margin:0 auto;
}

#profile1{
	width:240px;
	height:750px;
	float:left;
	padding:0px 30px;
	background:url(../images/bkgdlogo.gif) no-repeat;
	color:#300B0A;
}


#profile2{
	width:450px;
	height:750px;
	float:left;
	color:#300B0A;
}

#profile3{
	width:220px;
	height:600px;
	padding:90px 15px 0 15px;
	float:left;
	background:url(../images/picbkgd.gif) no-repeat;
	margin-top:20px;
}



/*------プロフィール-------*/

#musubuinfo{
	margin-bottom:80px;
}

#map{
	margin-top:50px;
}

#coffee{
	margin:35px 0 0 0;
}

#profile3 img{
	padding-bottom:23px;
}


#profiletable{
	width:450px;
	margin:90px auto 0 auto;
}

#profiletable td{
	padding:7px;
	line-height:1.4em;
}

#access{
	margin:50px auto 10px 0px;
}




/*-----------------企業理念--------------------*/

/*------社長挨拶-------*/

#policywrap{
	background:rgba(252,245,235,0.8);
	width:100%;
	height:450px;
	margin-top:20px;
}

#policy{
	width:1000px;
	height:450px;
	margin:0 auto;
}

#policy1{
	width:600px;
	height:450px;
	float:left;
}

#aisatsu{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	font-weight:bold;
	margin-left:30px;
	margin-top:30px;
}

#comment{
	margin:10px 30px auto 30px;
	line-height:1.6em;
	font-size:14px;
	font-weight:normal;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#face{
	margin-left:20px;
}

#signature{
	text-align:right;
	margin-right:30px;
	margin-top:20px;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size:14px;
}

#policy2{
	width:400px;
	height:450px;
	float:right;
}

#policy2 img{
	margin:50px 100px 00px 80px;
}

#policytxt{
	margin:30px 40px auto 40px;
	line-height:1.6em;
	text-align:center;
	font-size:12px;
	color:#300B0A;
}

/*------むすぶの魅力-------*/

#strongwrap{
	background:rgba(255,255,255,0.5);
	width:100%;
	height:620px;
}

#strongpoint{
	width:1000px;
	height:620px;
	margin:0 auto;
}

.point{
	width:250px;
	height:500px;
	float:left;
	margin-top:40px;
}

.pointtxt{
	margin:10px 15px auto 15px;
	line-height:1.4em;
	padding:20px;
	background:rgba(252,245,235,0.8);
	border-radius:5px;
	text-align:center;
	border:1px #D7C0A5 dotted;
	box-shadow:1px 1px 3px #ccc;
}

/*------問い合わせページ-------*/
#contactwrap{
	background:rgba(252,245,235,0.8);
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
}

#contact{
	width:700px;
	height:auto;
	margin:0 auto;
	padding-bottom:50px;
}

#contact1{
	width:700px;
	height:auto;
}

#contact2{
	width:700px;
	height:auto;
}

#toiawase{
	padding-bottom:40px;
}


/*------メールフォーム部分-------*/

#contactform{
	width:600px;
	margin:0 auto 20px auto;
	font-size:14px;
	font-weight:normal;
}

#contactform th{
	font-weight:normal;
	text-align:right;
	width:150px;
}

#contactform td{
	padding:8px;
}

#miss{
	width:600px;
	margin:0 auto;
}

#miss{
	padding:30px;
	background:rgba(255,255,255,0.5);
}

#miss{
	color:#3D1918;
	text-align:center;
	line-height:1.4em;
	font-size:14px;
}

#miss img{
	vertical-align:bottom;
}

#contacttxt{
	font-size:12px;
	line-height:1.4em;
	margin-top:40px;
}

/*------プライバシーポリシー-------*/
#ppwrap{
	background:rgba(252,245,235,0.8);
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:100px;
}

#pp{
	width:700px;
	height:auto;
	margin:0 auto;
}

#privacypolicy{
	padding-bottom:40px;
}

#privacytxt{
	font-size:14px;
	line-height:1.6em;
	text-align:center;
	margin-bottom:20px;
}

#pp dt{
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	margin-top:30px;
}

#pp dd{
	line-height:1.6em;
	margin:10px auto 10px 30px;
}

/*実績部分*/
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 600px;
}
	
div.slideshow-container {
	position: relative;
	clear: both;
	height: 452px; /* This should be set to be at least the height of the largest image in the slideshow */
	background:rgba(218,202,174,0.3);
	display:none;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	height: 452px; /* This should be set to be at least the height of the largest image in the slideshow */
	display:none;
}

div.caption-container {
	position: relative;
	clear: left;
	height: 65px;
	background:rgba(58,4,6,0.8);
	display:none;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	width:800px;
	margin-top:20px;
}