@charset "UTF-8";

/*------------------------------------------------------

			         vgrid elements
		
------------------------------------------------------*/
/* layout */
#leftColumn{float:left; width:190px; padding:0 0 0 20px;}
#rightColumn{width:auto; overflow:visible; height:100%; margin:0 20px 20px 220px;}
	
/* contents */
#rightColumn .cbox{background-color:#fff; width:200px; margin:0 30px 30px 0;
padding:0 0 10px 0; position:relative; border:10px solid #fff;}


#rightColumn .cbox section{margin:0;}

#rightColumn .cbox h2{font-size:1.2em; color:#333; font-weight:bold; margin:1em 1em 5px 1em;}
#rightColumn .cbox p{margin:0; font-size:1.2em; line-height:1.5; padding:0.2em 1em;}

#rightColumn .concept:hover{border:10px solid #f5c400;}
#rightColumn .service:hover{border:10px solid #78b71e;}
#rightColumn .production:hover{border:10px solid #00bfe8;}
#rightColumn .results:hover{border:10px solid #7646e2;}
#rightColumn .company:hover{border:10px solid #fc009a;}
#rightColumn .contact:hover{border:10px solid #fc4100;}
#rightColumn .concept:hover{border:10px solid #f5c400;}
#rightColumn .contents:hover{border:10px solid #C00;}

/* contents entry */
#rightColumn .category{position:absolute; top:0; left:0; padding:6px; font-size:1.2em; color:#fff;}
#rightColumn .information h1,#rightColumn .information2 h1{background-color:#666;}
#rightColumn .concept,#rightColumn .isms{width:430px;}
#rightColumn .concept h1{background-color:#f5c400; }
#rightColumn .service h1{background-color:#78b71e;}
#rightColumn .production h1{background-color:#00bfe8;}
#rightColumn .results h1{background-color:#7646e2;}
#rightColumn .company h1{background-color:#fc009a;}
#rightColumn .contact h1{background-color:#fc4100;}
#rightColumn .contents h1{background-color:#C00;}


#rightColumn .rightColumnInner{padding:30px;}

/* exception contents width */
.contentBox div{float:left; padding:0 20px 0 0; line-height:2em;}