@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Antic+Didone);
/* 
font color  #336633

 */
* 							{ margin:0; padding:0; }
body						{ font:62.5%/1.4 Helvetica, 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, 'ＭＳ Ｐゴシック', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; background-image:url("../images/bg.png");}
.nav-wrapper,.photo-wrapper,
.content-wrapper,#img-wrapper,.main-wrapper,
.end-wrapper				{ width:960px; margin:0 auto; overflow:hidden;}
a							{ text-decoration:none;}
p							{ font-size:1.4em; color:#4b4b4b;}
h3							{ color:#336633;}
h2,#news h3					{ font-size:2.3em; margin-left:30px; color:#336633;}



/* 便利 */
.font-big					{ font-size:2em;}
.margin30					{ margin:30px;}
.align-center				{ text-align:center;}
.align-right				{ text-align:right;}

.under-line-no-w			{ border-bottom:solid 1px #090; margin:10px;}
.under-line					{ border-top:solid 1px #060; border-bottom:solid 1px #090; width:300px; margin:0 10px 10px 10px;}
.under-line-big				{ border-top:solid 1px #060; border-bottom:solid 1px #090; width:600px; margin:0 10px 10px 10px;}

.margin-left90				{ margin-left:90px;}
.margin-left410				{ margin-left:410px;}
.margin-left40				{ margin-left:40px;}
.margin-left10				{ margin-left:10px;}
.margin-left60				{ margin-left:60px;}
.margin-top60				{ margin-top:60px;}
.margin-original			{ margin:20px 40px 10px 54px;}

.float-clear				{ clear:both;}
.float-left					{ float:left;}

/* header */
#header						{ overflow:hidden; width:100%; height:15px; border-bottom:solid 2px #00cc66; background-color:#336633;}
#header h1					{ width:500px; font-size:0.8em; color:#FFF; float:left;}
#header p					{ float:right; color:#FFF; font-weight:bold; margin-right:30px;}
#header-tel					{ width:960px; margin:0 auto;}

/* nav */
#nav						{ height:110px;}
#nav img					{ float:left;}
#nav ul						{ list-style-type:none; overflow:hidden; float:right; padding-right:20px; margin-top:0;}
#nav ul li					{ float:left; text-align:center; margin-left:5px; height:110px;}
#nav ul li a				{ height:100px; width:110px; display:block; line-height:100px; color:#000; font-size:1.7em; letter-spacing:0.15em; -webkit-transition:background-color 0.5s ease-out;}
							
#nav ul li:hover > ul		{display:block;}
#nav ul li:hover a		    { background-color:#ffcc33; box-shadow:3px 1px 5px rgba(0,0,0,0.4); }

#nav ul ul					{ display:none; position:absolute; z-index:9999; width:150px; margin:0;}
#nav ul ul li				{ display:block; height:50px; margin:0;}
#nav ul ul li a			    { display:block; width:160px; font-size:1.3em; letter-spacing:0.2em; font-weight:bold; height:50px; line-height:50px; background-color:rgba(33,71,133,1);  text-shadow:none;}
#nav ul ul li a:hover		{ background-color:#5f96ef; font-weight:bold; text-shadow:none; }

#home #nav ul li a.home,
#aboutus #nav ul li a.aboutus,
#service #nav ul li a.service,
#recruit #nav ul li a.recruit,
#contact #nav ul li a.contact { background-color:#FAE198; box-shadow:3px 1px 5px rgba(0,0,0,0.4);}


/* main photo */
#photo-wrapper				{ height:300px; background: url("../images/top7.png") no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom:solid 1px #4b4b4b;  box-shadow:3px 3px 5px rgba(0,0,0,0.4); overflow:hidden}
.fadein						{ width:960px; height:300px; overflow:hidden;}


/* main-box */
#mainbox					{ width:640px; margin-top:25px; float:left; margin-bottom:40px;}
#mainbox img				{ margin-left:20px; box-shadow:3px 3px 3px rgba(0,0,0,0.4); padding:3px; background-color:#CCC;}
#bottom-box img 			{ margin-left:0; box-shadow:none; padding:0;}
#mainbox p					{ margin:15px 40px;}
#mainbox p .read-more			{ background:url("../images/button-read.png"); width:156px; height:35px; display:block;}
#mainbox p a:hover.read-more	{ background-position:0 -35px;}


#left-box					{ width:320px; float:left;}
#right-box					{ width:320px; float:right;}
#bottom-box					{ width:640px; clear:both;}

/* side box */
#side-menu					{ width:320px; float:right;  margin-top:25px; overflow:hidden;}
#side-menu ul				{ margin:15px 30px 15px 35px;}
#side-menu ul li 			{ padding: 1px 0 2px 35px; background: transparent url("../images/button-list.png") no-repeat left top; list-style-type:none;}
#side-menu ul li h3			{ font-size:1.6em;}
#side-menu ul li p			{ margin-top:10px; margin-bottom:10px;}

#home #button-all			{ margin-left:40px;}
p .pdf						{ background:url("../images/button-pdf.png"); width:250px; height:73px; display:block;}
p a:hover.pdf 				{ background-position:0 -73px;}

p .mitumori					{ background:url("../images/button-mitumori.png"); width:250px; height:73px; display:block;}
p a:hover.mitumori  		{ background-position:0 -73px;}  

/* small button */
p .pdf-s						{ background:url("../images/button-pdf-s.png"); width:200px; height:58.5px; display:block;}
p a:hover.pdf-s 				{ background-position:0 -58.5px;}

p .mitumori-s				{ background:url("../images/button-mitumori-s.png"); width:200px; height:58.5px; display:block;}
p a:hover.mitumori-s  		{ background-position:0 -58.5px;}  

#news 						{ margin:30px 0;}
#news h4.day				{ font-weight:bold; font-size:1.5em; margin-left:45px;}
#news p						{ margin-left:65px;}

#side-menu ul li a:hover h3	{ text-decoration:underline; color:#0C0;}

/* footer */
#footer-wrapper				{ width:100%; background-color:#CCC; clear:both; margin-top:50px; overflow:hidden;}
.end-wrapper h4				{ font-size:1.5em; margin-top:20px; font-weight:bold;}
.end-wrapper ul				{ margin-left:45px;}
.end-wrapper li				{ line-height:2em;}
.end-wrapper li a			{ font-size:1.3em; color:#333;}
.end-wrapper li a:hover,
#copy p a:hover				{ text-decoration:underline;}

#add-footer					{ width:250px; float:right; text-align:right;}
#add-footer a				{ color:#4b4b4b;}
#add-footer a:hover			{ text-decoration:underline; }

#site-map					{ width:200px; float:left;}
#best-service				{ width:200px; float:left;}
#copy						{ clear:both; text-align:center;}
#copy p						{ margin-top:30px;}
#copy p a					{ color:#4b4b4b;}


/* sub title */
.title-img					{ width:155px; height:128px; background:url("../images/title-img.png") no-repeat; overflow:hidden; float:left;}	
.title-img-right		    { width:116px; height:128px; background:url("../images/title-img2.png") no-repeat; overflow:hidden; float:right;}		
#title-wrapper				{ background:url("../images/title-bg.png") repeat-x; overflow:hidden; width:100%; height:101px;}
#title-wrapper p			{ font-size:3.5em; margin:5px 0 0 50px; text-shadow:3px 3px 5px rgba(255,255,255,0.4);} 

#about-nav,#service-nav		{ width:250px; overflow:hidden; float:right; margin:80px 0 60px 0;}
#about-nav ul,
#service-nav ul				{ margin-bottom:50px; list-style-type:none;}
#service-nav li a			{ font-size:1.5em; color:#368b60; letter-spacing:0.15em; line-height:1.8em;}
#about-nav ul li a  		{ font-size:2em; color:#368b60; letter-spacing:0.15em; line-height:1.8em;}
#about-nav ul li:hover,
#service-nav ul li:hover	{ background-color:#ffcc33; -webkit-transition:background-color 0.5s ease-out;}


#sub-left-box				{ width:650px; float:left; overflow:hidden; margin:40px 0 20px 0;}
#sub-left-box .azuma		{ margin-top:30px; margin-right:70px; text-align:right;}
#sub-left-box .aisatu		{ margin:50px 50px 15px 10px;}

.rinen-box			{ text-align:center;}
.president					{ padding:5px; background-color:#CCC; box-shadow:3px 3px 3px rgba(0,0,0,0.4); margin:20px 30px 10px 0;}

.info-box					{ margin-left:120px; overflow:hidden;}

#sub-left-box h3.line		{ border-bottom:solid 1px #090; border-left:solid 10px #060; padding-left:10px; margin:20px 0 20px 0; width:500px; font-size:2em;}
#sub-left-box h3.line2		{ border-bottom:solid 1px #090; border-left:solid 10px #060; padding-left:10px; margin:20px 0 20px 0; width:200px; font-size:2em;}
#sub-left-box p.info-p		{ margin:20px 0 35px 180px; font-size:2em;}


#sub-left-box table			{ width:650px; margin-left:50px;}
#sub-left-box table th		{ width:325px; height:3em; font-size:2.5em; color:#060; text-align:left;}
#sub-left-box span.line2	{ border-bottom:solid 1px #090; border-left:solid 10px #060; width:250px; padding-left:20px; padding-right:100px;}
#sub-left-box table td		{ width:325px;}
#sub-left-box ul li			{ list-style-type:none; font-size:1.5em; color:#4b4b4b; line-height:2em;}

#sub-left-box .add h3		{ border-bottom:solid 1px #090; font-size:3em;}
#sub-left-box .add p		{ margin:20px 0 20px 50px;}

#sub-left-box ol			{ margin:20px 40px;}
#sub-left-box ol li			{ color:#4b4b4b;}
#sub-left-box .top-img		{ float:left; margin:0 20px 20px 20px; padding:5px; background-color:#CCC;}

.s-box-left p.box-p						{ margin:5px 50px; width:200px; border:solid 1px #CCC; line-height:2em; text-align:center; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.s-box-left					{ width:320px; float:left; overflow:hidden;}
.s-box-left img				{ margin-left:140px;}
.s-box-left h2				{ margin-top:15px; margin-bottom:20px;}
.s-box-left p				{ margin:10px 30px;}
.s-box-left h3				{ font-size:1.5em; border-bottom:double 5px #CCC; width:230px; margin-bottom:20px; margin-left:40px;}
.s-box-right					{ width:320px; float:right; overflow:hidden;}
.box_shadow					{ box-shadow:3px 1px 5px rgba(0,0,0,0.4);}



/* サービス一覧 */
#sub-left-box .s-h3			{ font-size:2em; margin-left:20px;}
.s-box						{ overflow:hidden; width:300px; margin-left:25px; float:left; margin-top:1px;}
.s-box div					{ height:180px; overflow:hidden;}
.s-box a.button-s			{ background:url("../images/button-s.png"); width:100px; height:34.5px; display:block; text-align:right; margin:1px 15px 15px 180px;}
.s-box a:hover.button-s		{ background-position:0 -34.5px;}
.s-box h4					{ font-size:1.7em; margin:20px 0 15px 1px; color:#336633;}
.s-box .s-img-right			{ float:right; margin:15px; padding:5px; background-color:#CCC;}