@charset "utf-8";

@media screen and (min-width: 769px){
body { background:#F2B024 url("../images/pc/bg.png") center 120px no-repeat; font-size:1.5rem; font-size:1.5em; }
h2 { font-size:1.8rem; font-size:1.8em; letter-spacing:0.05em; }
h4,h5 { font-size:1em; }

/* skip */
.skip { display:block; width:0; height:0; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px; }

/* clear */
.clear { height:0; font-size:0; line-height:0px; clear:both; }

/* page link */
#T01,#T02 { padding-top:122px; margin-top:-122px; }
#T03 { padding-top:124px; margin-top:-124px; }
#T04 { padding-top:126px; margin-top:-126px; }

/* header */
header { width:100%; height:120px; position:fixed; left:0; top:0; z-index:9999; background-color:#F2B024; opacity:0.95; }
#headerbody { margin:0 auto; width:940px; position:relative; }
#headerbody h1 { position:absolute; left:0; top:25px; }
#headerbody h2#h-title { position:absolute; left:82px; top:34px; }
#headerbody ul { list-style:none; position:absolute; left:565px; top:25px; }
#headerbody ul li { margin-left:5px; float:left; }

/* contents area */
#contentsbody { margin:0 auto; width:940px; }

/* contents(top) area */
#contentsTop { padding-top:120px; float:left; height:1060px; }
#catchbody { margin:130px 40px 110px; width:860px; float:left; }
#catch-img { width:460px; float:left; }
#catch-text { width:400px; float:right; }
#catch-text h2 { margin:40px 0 30px; color:#FFF; }
#catch-text p { color:#FFF; }
#newsbody { margin:0 40px; width:860px; float:none; clear:both; }
#newsbody h3 { margin-bottom:10px; color:#FFD700; text-align:center; background-color:#A41F1F; }
#newsbody dt { margin-bottom:3px; color:#FFF; text-align:center; font-weight:bold; }
#newsbody dd { margin-bottom:5px; color:#FFF; text-align:center; }

/* contents(Service) area */
#contentsService { float:left; width:940px; height:940px; }
#contentsService h2 { margin:25px 0 15px; color:#036; text-align:center; }
.Servicebody { margin:0 50px 2px; width:840px; float:left; }
.Service-img { width:160px; float:left; }
.Service-text { width:680px; float:right; }
.Service-text h3 { margin:10px 0 15px; color:#FC0; border-bottom:2px #FC0 solid; }
.Service-text p { color:#FFF; }

/* contents(Works) area */
#contentsWorks { float:left; width:940px; height:940px; }
#contentsWorks h2 { margin:25px 0 15px; color:#030; text-align:center; }
#contentsWorks p { margin-bottom:15px; color:#FFF; text-align:center; }
#contentsWorks ul { list-style-type:none; margin:0 50px; width:840px; font-size:0; }
.li-works { margin-bottom:15px; width:168px; display:inline-block; color:#FFF; text-align:center; vertical-align:top; font-size:12px; line-height:1.2em; }
_::-webkit-:not(:root:root), .li-works { width:163px !important; }
_::-webkit-full-page-media, _:future, :root .li-works { width:163px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	.li-works { (; width:163px;) }
}

/* contents(About) area */
#contentsAbout { float:left; width:940px; height:940px; }
#contentsAbout h2 { margin:25px 0 15px; color:#930; text-align:center; }
#contentsAbout p { margin-bottom:15px; color:#FFF; text-align:center; }
#contentsAbout table { margin:0 auto 100px; border-collapse:collapse; color:#FFF; }
#contentsAbout th { padding:5px 7px; line-height:1.3em; vertical-align:top; font-weight:normal; text-align:left; }
#contentsAbout td { padding:5px 7px; line-height:1.3em; }
#contentsAbout p#b-mail a { margin:0 auto; display:block; width:114px; height:114px; background:url("../images/b_mail.png") 0 0 no-repeat; }
#contentsAbout p#b-mail a:hover { width:114px; height:114px; background:url("../images/b_mail_on.png") 0 0 no-repeat; }

/* page top */
.b-pagetop { margin:0; padding:0; display:none; position:fixed; right:20px; bottom:20px; }
.b-pagetop a { display:block; }
.b-pagetop a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
.bm-pagetop { display:none !important; }
}