@charset "utf-8";
/*CSSの新要素用の「display:block」指定*/
html, div, map, dt, isindex, form, header, hgroup,aside, section, section, article, footer {  
    display: block;  
}
body,a, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	text-transform: none;
}
html, body {
margin: 0;
padding: 0;
color:#181818;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#373737;
font-size: 12px;
line-height:22px;
}

img { border: 0px;}



/*単発等の指定*/

.clear {
clear: both;
}


a:link, a:visited {color: #181818;text-decoration: underline;}
a:hover {text-decoration: none;}

strong { font-weight:bold;}

img.Leftimg{ float:left; margin:0 10px 5px 0;}
img.Rightimg{ float:right; margin:0 0 10px 10px;}

.Font10{ font-size:10px;}
.Font16{ font-size:16px;}
.LeftBox{ float:left;}
.RightBox{ float:right;}
.redText{color:#D3595C;}
.White{	color:#FFF;}


/* backgrand */
div#backgrandLine {width:100%; margin: 0; padding:0; background: url(../images/common/head_line.png) repeat-x 0 0; display:block;}
div#backgrandImg {width:100%; margin:0; background: #FFFFFF url(../images/common/head_image.jpg) no-repeat center top; display:block;}


/* wrapper */
div#wrapper {width:980px;margin: 0 auto 0 auto; padding:0; display:block;}


/* Header */
header {width:230px;margin:30px 0 0 0; padding:0; display:block;}
header span {display:none;}
header h1.Hlogo {width:208px; height:114px; margin:0 0 0 12px; display:block; padding:0; background:url(../images/common/logo01.png) no-repeat 0 0;}



/* Navi */
nav.mainnavi {width:95px;display:block;margin:50px 0 0 0;}
nav.mainnavi ul {width:95px;display:block;padding:0; list-style:none;}
nav.mainnavi ul {zoom: 100%;}
nav.mainnavi ul::after {clear:both; content:""; display:block; }
nav.mainnavi ul li {display:inline; margin:0; padding:0;}
nav.mainnavi ul li a {background:url(../images/common/grandnavi.png); display:block;}
nav.mainnavi span {display:none;}
nav.mainnavi ul li a.home {width:95px; height:33px;}
nav.mainnavi ul li a.home:hover {background-position:-95px top;}
nav.mainnavi ul li a.news {background-position:left -33px;width:95px; height:33px;}
nav.mainnavi ul li a.news:hover {background-position:-95px -33px;}
nav.mainnavi ul li a.works {background-position:left -66px;width:95px; height:33px;}
nav.mainnavi ul li a.works:hover {background-position:-95px -66px;}
nav.mainnavi ul li a.consept {background-position:left -99px;width:95px; height:33px;}
nav.mainnavi ul li a.consept:hover {background-position:-95px -99px;}
nav.mainnavi ul li a.aboutus {background-position:left -132px;width:95px; height:33px;}
nav.mainnavi ul li a.aboutus:hover {background-position:-95px -132px;}
nav.mainnavi ul li a.contact {background-position:left -165px;width:95px; height:33px;}
nav.mainnavi ul li a.contact:hover {background-position:-95px -165px;}

#Home nav.mainnavi ul li a.home {background-position:-95px top;}
#News nav.mainnavi ul li a.news {background-position:-95px -33px;}
#Works nav.mainnavi ul li a.works {background-position:-95px -66px;}
#Consept nav.mainnavi ul li a.consept {background-position:-95px -99px;}
#Aboutus nav.mainnavi ul li a.aboutus {background-position:-95px -132px;}
#Contact nav.mainnavi ul li a.contact {background-position:-95px -165px;}


nav.blognavi {width:100px;display:block;margin:50px 0 0 0;}
nav.blognavi ul {width:100px;display:block;padding:0; list-style:none;}
nav.blognavi ul {zoom: 100%;}
nav.blognavi ul::after {clear:both; content:""; display:block; }
nav.blognavi ul li {display:inline; margin:0; padding:0;}
nav.blognavi ul li a {background:url(../images/common/foot_navi.gif); display:block;}
nav.blognavi span {display:none;}
nav.blognavi ul li a.un_blog {width:100px; height:120px;}
nav.blognavi ul li a.un_blog:hover {background-position:-100px top;}
nav.blognavi ul li a.un_facebook {width:100px; height:25px; background-position:0 -125px; margin:5px 0 0 0;}
nav.blognavi ul li a.un_facebook:hover {background-position:-100px -125px; margin:5px 0 0 0;}



/* article */
article {width:735px; margin:30px 0 0 0; }
/* articleコンテンツ用 */
article.nakamen {width:735px; margin:30px 0 0 0; background:#FFF; }
article.nakamen #contMainBox {width:700px; margin:20px 17px 20px 18px;}


/* トップビックメニューボックス */
section.bigBut{display:block; width:487px; margin:0;}
section.bigBut span{display:none;}
section.bigBut ul {width:100%;display:block;padding:0; list-style:none;}
section.bigBut ul {zoom: 100%;}
section.bigBut ul::after {clear:both; content:""; display:block; }
section.bigBut ul li{display:inline; margin:0; padding:0;float:left;}
section.bigBut ul li a.butConsept{display:block; background:url(../images/top/b_consept.png) no-repeat 0 0; width:240px; height:280px; margin:0 7px 7px 0;}
section.bigBut ul li a.butConsept:hover{display:block; background:url(../images/top/b_consept.png) no-repeat 0 -280px; width:240px; height:280px; margin:0 7px 7px 0;}
section.bigBut ul li a.butAboutus{display:block; background:url(../images/top/b_about.png) no-repeat 0 0; width:240px; height:280px; margin:0 0 7px 0;}
section.bigBut ul li a.butAboutus:hover{display:block; background:url(../images/top/b_about.png) no-repeat 0 -280px; width:240px; height:280px; margin:0 0 7px 0;}
section.bigBut ul li a.butWorks{display:block; background:url(../images/top/b_works.png) no-repeat 0 0; width:487px; height:280px; margin:0;}
section.bigBut ul li a.butWorks:hover{display:block; background:url(../images/top/b_works.png) no-repeat 0 -280px; width:487px; height:280px; margin:0;}



/* トップニュースボックス */
section.newsBox{display:block; width:240px; margin:0 0 0 8px; background:#ededed; height:570px;}
section.newsBox span{display:none;}
section.newsBox h1.ntTitle{display:block; width:240px; background:url(../images/top/b_news.jpg) no-repeat 0 0; height:115px;}

section.newsBox p.topNewsText01{display:block; width:210px; border-bottom:1px dotted #181818; padding:15px;}
section.newsBox p.topNewsText02{display:block; width:210px; padding:15px;}




/* トップ実績ボックス */
section.topWorksBox{display:block; width:735px; margin:40px 0 0 0;}

section.topWorksBox #wTitleAria{display:block; width:735px; border-bottom:solid 1px #181818; padding:0 0 5px 0; margin:0 0 10px 0;}
section.topWorksBox h1.topWorksTitle{display:block; width:267px; height:20px; background:url(../images/top/works_titile.gif) no-repeat 0 0;}
section.topWorksBox h1.topWorksTitle span{display:none;}
section.topWorksBox nav.butWorks{display:block; width:123px;}

section.topWorksBox nav.butWorks ul {width:100%;display:block;padding:0; list-style:none;}
section.topWorksBox nav.butWorks ul {zoom: 100%;}
section.topWorksBox nav.butWorks ul::after {clear:both; content:""; display:block; }
section.topWorksBox nav.butWorks ul li{display:inline; margin:0; padding:0;}
section.topWorksBox nav.butWorks ul li a.butbbW{display:block; width:117px; height:21px; background:url(../images/common/more_but.gif) no-repeat 0 0; padding:1px 3px 0 3px; color:#fff;}
section.topWorksBox nav.butWorks ul li a.butbbW:hover{display:block; width:117px; height:21px; background:url(../images/common/more_but.gif) no-repeat 0 -21px; padding:1px 3px 0 3px; color:#fff;}


section.topWorksBox #jisekiBox{display:block; width:360px; margin:0;}
section.topWorksBox #jisekiBox .imgAria{display:block; width:180px; margin:0; padding:5px; background:url(../images/top/works_back.gif) no-repeat 0 0; height:142px;}
section.topWorksBox #jisekiBox .textAria{display:block; width:160px; margin:0; padding:0px; }





/******** footer */
#fBack{width:100%; margin:20px auto 0 auto; background:#FFF;}
#FooterIn {width:100%; height:195px; clear:both;padding:0 0 0 0;margin:0 0 0 0;display:block;background:url(../images/common/footer.jpg) repeat-x 0 0;}
footer {width:980px;padding:60px 0 0 0;margin:0 auto;display:block;}
footer::after {clear:both; content:""; display:block; height:10px; }
footer span { display:none;}
footer h1.rogo a {width:196px;height:59px;background: url(../images/common/logo02.png) no-repeat 0 0;margin:0;display:block;float:left;}
footer #FBox { float:right; text-align:right;}
footer #FBox a {color:#FFFFFF; text-decoration:none;}
footer #FBox a:hover {color:#FFFFFF; text-decoration:underline;}
address {display:block;margin:77px 0 0 0;padding:0;font-style: normal;font-weight: normal; color:#FFFFFF;}