/* Unchanged */
@charset "utf-8";

/* =======================================

	CommonElements

======================================= */
body {
	font-size: 100%;
	line-height: 160%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;


background-image: url("../images/c2bg.jpg") ;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;

  
  
  

}

/* #container
--------------------------- */
#container {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic";
}





header{ position: relative; 
	top: 0px;
	width: 980px;
	z-index: 1000;
	margin:80px auto;}

#copyT{color:#ffffff; font-size:13px; margin:0px auto 0px auto; clear:both; text-align:center; }

/* ---------------------------------------------------------------------------
// Works
--------------------------------------------------------------------------- */


#Works{ width:100%; margin: 180px 0px 0px 0px; padding:0; height:auto;}



#Works #Title_{  width:95px; height:26px; color:#fff; padding:0px; text-align:left; font-size:100%; margin:0px auto 50px auto;}
#Works #Title_ h3{ background: url(../images/works_title1.png) center top no-repeat; width:95px; height:26px; color:#fff; padding:34px 0px 0px 0px; text-align:center; font-size:100%;}

#Works #Title_polytexture{  width:310px; height:33px; color:#fff; padding:0px; text-align:left; font-size:100%; margin:0px auto 50px auto;}
#Works #Title_polytexture h3{ background: url(../images/works_title2.png) center top no-repeat; width:310px; height:33px; color:#fff; padding:34px 0px 0px 0px; text-align:center; font-size:100%;}

#Works #Title_polyceracoat{  width:311px; height:33px; color:#fff; padding:0px; text-align:left; font-size:100%; margin:0px auto 50px auto;}
#Works #Title_polyceracoat h3{ background: url(../images/works_title3.png) center top no-repeat; width:311px; height:33px; color:#fff; padding:34px 0px 0px 0px; text-align:center; font-size:100%;}

#Works #Title_fx-2{  width:193px; height:33px; color:#fff; padding:0px; text-align:left; font-size:100%; margin:0px auto 50px auto;}
#Works #Title_fx-2 h3{ background: url(../images/works_title4.png) center top no-repeat; width:193px; height:33px; color:#fff; padding:34px 0px 0px 0px; text-align:center; font-size:100%;}

#Works #Title_pmx-5{  width:233px; height:33px; color:#fff; padding:0px; text-align:left; font-size:100%; margin:0px auto 50px auto;}
#Works #Title_pmx-5 h3{ background: url(../images/works_title5.png) center top no-repeat; width:233px; height:33px; color:#fff; padding:34px 0px 0px 0px; text-align:center; font-size:100%;}

#Works #Title_plus-4{  width:219px; height:33px; color:#fff; padding:0px; text-align:left; font-size:100%; margin:0px auto 50px auto;}
#Works #Title_plus-4 h3{ background: url(../images/works_title6.png) center top no-repeat; width:219px; height:33px; color:#fff; padding:34px 0px 0px 0px; text-align:center; font-size:100%;}

#Works #Title_other{  width:224px; height:33px; color:#fff; padding:0px; text-align:left; font-size:100%; margin:0px auto 50px auto;}
#Works #Title_other h3{ background: url(../images/works_title7.png) center top no-repeat; width:224px; height:33px; color:#fff; padding:34px 0px 0px 0px; text-align:center; font-size:100%;}


#ListA { margin:60px 0px 20px 0px; clear:both;}
#ListB { margin:0px 0px 0px 0px; clear:both;}
#Works dt{ margin:0px; padding:0;}

#Works #ListA dd ul li a{ float:left;
font-size:14px;
margin: 15px 10px 0px 0px;
font-weight:normal;
color:#fff;
font-family: 'Mplus 1p', sans-serif;
padding:15px 0px;
text-align:center;
border:1px solid rgba(0,0,0,0.3);

border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
background:rgba(0,0,0,0.1);
text-transform:uppercase;
}


#Works #ListA dd ul li:Nth-Child(1) a{width:170px;}
#Works #ListA dd ul li:Nth-Child(2) a{width:175px;}
#Works #ListA dd ul li:Nth-Child(3) a{width:135px;}
#Works #ListA dd ul li:Nth-Child(4) a{width:135px;}
#Works #ListA dd ul li:Nth-Child(5) a{width:150px;}
#Works #ListA dd ul li:Nth-Child(6) a{width:150px;}



#Works #ListA dd ul li.ac a{ float:left;
font-size:14px;
margin: 15px 10px 0px 0px;
font-weight:normal;
color:#fff;
font-family: 'Mplus 1p', sans-serif;
padding:15px 15px;
text-align:center;
border:1px solid rgba(255,255,255,0.3);
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
background:rgba(255,255,255,0.1);
text-transform:uppercase;
}



#Works #ListB dd ul li a{ float:left;
font-size:14px;
margin: 15px 10px 0px 0px;
font-weight:normal;
color:#fff;
font-family: 'Mplus 1p', sans-serif;
padding:15px 15px;
text-align:center;
border:1px solid rgba(0,0,0,0.3);
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
background:rgba(0,0,0,0.1);
text-transform:uppercase;
}

#Works #ListB dd ul li.ac a{ float:left;
font-size:14px;
margin: 15px 10px 0px 0px;
font-weight:normal;
color:#fff;
font-family: 'Mplus 1p', sans-serif;
padding:15px 15px;
text-align:center;
border:1px solid rgba(255,255,255,0.3);
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
background:rgba(255,255,255,0.1);
text-transform:uppercase;s
}



#Works #ListA ul li a:hover, #Works #ListB ul li a:hover{background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.2);}
#Works #ListA ul li a:last-child, #Works #ListB ul li a:last-child{ margin:15px 0px 0px 0px 0px;}
#Works dd ul li span::before { content: url(../images/cms_obj.png); width:15px; height:15px;  display: inline-block; margin-right:5px;}


#AllList{ margin:30px 0px 00px 0px; width:100%; float:left; text-align:left;}
#AllList li{ float:left; padding:0px; margin:15px 0px;}

#AllList li:Nth-Child(3n+2){ border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); height:315px; padding:0px 32px; margin:15px 32px; float:left;}


#AllList li div img{ margin-bottom:15px; width:280px;}
#AllList li dl { width:280px; color:#fff; float:}
#AllList li dl dt{ width:280px; border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:10px; margin-bottom:10px;}

#AllList li dl dd{ font-size:15px;}
#AllList li dl dd a{ margin-top:10px; display:block;}
#AllList li dl dd a:hover{ opacity:0.3;}

#AllList li dl dt{margin-bottom:10px; font-size:15px; }

#AllList li dl dt a{color:#fff; text-decoration:none; padding-top:-2px;}

#AllList li dl.polytexture dt{ background: url(../images/icon_polyTexture.png) left top no-repeat; padding:2px 0px 10px 95px; }
#AllList li dl.polyceracoat dt{ background: url(../images/icon_polyceracoat.png) left top no-repeat; padding:2px 0px 10px 98px; }
#AllList li dl.fx-2 dt{ background: url(../images/icon_Fx-2.png) left top no-repeat; padding:2px 0px 10px 52px; }
#AllList li dl.pmx-5 dt{ background: url(../images/icon_pmx-5.png) left top no-repeat; padding:2px 0px 10px 62px; }
#AllList li dl.plus-4 dt{ background: url(../images/icon_plus-4.png) left top no-repeat; padding:2px 0px 10px 63px; }
#AllList li dl.others dt{ background: url(../images/icon_other.png) left top no-repeat; padding:2px 0px 10px 66px; }



#AllList li dl.polytexture dd:before { content: '▌'; color:#b23b3b;}
#AllList li dl.polyceracoat dd:before { content: '▌'; color:#17227e;}
#AllList li dl.fx-2 dd:before { content: '▌'; color:#f19300;}
#AllList li dl.pmx-5 dd:before { content: '▌'; color:#90519d;}
#AllList li dl.plus-4 dd:before { content: '▌'; color:#336d10;}
#AllList li dl.others dd:before { content: '▌'; color:#333;}

#NoneArtt{ font-size:20px; color:#fff; text-align:center; margin:30px auto 500px auto; width:100%;  border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:15px; margin-bottom:15px; clear:both;}

/* ---------------------------------------------------------------------------
//works_single
--------------------------------------------------------------------------- */

#works_single{padding-top:40px; float:left; margin-bottom:80px; width:980px;}

#left { float:left; width:400px; text-align:left; list-style:none;}
#left li{ margin-top:15px; list-style:none;}
#left li:first-child{ margin-top:0;}

.fit{ max-width:370px;}


#Right{ float:right;  margin:0; padding:0;}


#Right dl{ border-top: solid 1px rgba(255,255,255,0.3);  padding-top:20px; background: url(../images/top_c2_line.png) left bottom repeat-x; margin-bottom:15px; padding-bottom:15px; float:left; width:100%;}


#Right dl dt{   border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
background:rgba(255,255,255,1);
padding:8px; text-align:center; float:left; margin-top:4px; color:#272786; font-family: 'Oswald', sans-serif;  font-size:15px;}

#Right dl dd{ width:470px; float:left;  margin:5px 5px 5px 30px; color:#fff; font-size:18px; text-align:left; line-height:1.4; padding:0;}
#single_main p{ margin:10px 0px 0px 0px; padding:0; line-height:1.5; display:block; clear:both; color:#fff; font-size:120%; text-align:left; width:570px;}

#works_singleNavi{ width:100%; border-top:1px solid rgba(255,255,255,0.3); margin-top:30px; padding-top:30px; display:block; float:left; clear:both; margin-bottom:150px;}
#works_singleNavi li{ float:right; margin-left:10px; text-align:left;}




/* .stageBase
--------------------------- */
.stageBase {
	width: 100%;
	position: relative;
	overflow: hidden;
	
}
.stageBase .fieldWrap {
	padding: 60px 0 0 0;
	text-align: center;
	
}

#cbgd { 
width:100%;

}