﻿/*============================*/
/*=== UNDER PAGES Styles ===*/
/*============================*/






/*
===== #UnderMiddleArea ==========================================
*/

div#UnderMiddleArea{

    width: 922px;
    text-align: left;
    margin: 0 auto; /* center on everything else */
}



div#UnderMiddleAreaWorks{
 width:854px;
 text-align: left;
 margin-left:68px;
}

div#UnderMiddleAreaWorksL{

 float:left;
 width:651px;
	margin-right:39px;
}

div#UnderMiddleAreaWorksL p{

	font-size:14px;
	letter-spacing:0.1em;

}

div#UnderMiddleAreaWorksL p img{

vertical-align:middle;

	padding-right:5px;

}

div#UnderMiddleAreaWorksR{

 float:left;
 width:164px;

}

table.worksTable{

 margin-top:10px;


}

table.worksTable tr th{

	font-size:12px;
	letter-spacing:0.1em;
	padding-top:15px;

}




/*
===== #NaviWorks ==========================================
*/

div#NaviWorks{
 width: 164px;	
	height:262px;
	overflow: hidden;
}



div#NaviWorks ul li	{
list-style-type:none;
	float: left;
}
div#NaviWorks ul li a	{
	display: block;
	text-indent: -9999px;
}



div#NaviWorks ul li#Worksmenu01	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) 0px 0px no-repeat;	}
div#NaviWorks ul li#Worksmenu02	a{	width:164px; height:43px; background: #FFF url(./img/works_menu.png) 0px -44px no-repeat;}
div#NaviWorks ul li#Worksmenu03	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) 0px -87px no-repeat;}
div#NaviWorks ul li#Worksmenu04	a{	width:164px; height:43px; background: #FFF url(./img/works_menu.png) 0px -131px no-repeat;}
div#NaviWorks ul li#Worksmenu05	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) 0px -174px no-repeat;}
div#NaviWorks ul li#Worksmenu06	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) 0px -218px no-repeat;}

div#NaviWorks ul li#Worksmenu01	a:hover{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px 0px no-repeat;	}
div#NaviWorks ul li#Worksmenu02	a:hover{	width:164px; height:43px; background: #FFF url(./img/works_menu.png) -164px -44px no-repeat;}
div#NaviWorks ul li#Worksmenu03	a:hover{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px -87px no-repeat;}
div#NaviWorks ul li#Worksmenu04	a:hover{	width:164px; height:43px; background: #FFF url(./img/works_menu.png) -164px -131px no-repeat;}
div#NaviWorks ul li#Worksmenu05	a:hover{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px -174px no-repeat;}
div#NaviWorks ul li#Worksmenu06	a:hover{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px -218px no-repeat;}


div#NaviWorks ul li#Worksmenu01open	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px 0px no-repeat;	}
div#NaviWorks ul li#Worksmenu02open	a{	width:164px; height:43px; background: #FFF url(./img/works_menu.png) -164px -44px no-repeat;}
div#NaviWorks ul li#Worksmenu03open	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px -87px no-repeat;}
div#NaviWorks ul li#Worksmenu04open	a{	width:164px; height:43px; background: #FFF url(./img/works_menu.png) -164px -131px no-repeat;}
div#NaviWorks ul li#Worksmenu05open	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px -174px no-repeat;}
div#NaviWorks ul li#Worksmenu06open	a{	width:164px; height:44px; background: #FFF url(./img/works_menu.png) -164px -218px no-repeat;}


/*
===== #nderMiddleAreaCont ==========================================
*/


div.UnderMiddleAreaContH2 p{
    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 878px;
   padding-top:8px;
   padding-bottom:8px;
			
}

div.UnderMiddleAreaContH2 h3{
    text-align: right;
   padding-top:8px;
   padding-bottom:8px;
			
}


div.UnderMiddleAreaContH2 h3{

   padding-top:20px;

			
}



div.UnderMiddleAreaContH3{

    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 878px;
			
}

div.UnderMiddleAreaContH3 h3{



			
}

div.UnderMiddleAreaContH3 p{

    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 802px;
   padding-top:8px;
   padding-bottom:8px;
		
}

div.UnderMiddleAreaContH3 h4{

    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 802px;
				margin-top:10px;
					border-bottom:1px solid #3A994C;		
	padding-left:25px;		
	padding-bottom:5px;						
	font-size:18px;
	letter-spacing:0.1em;
	background: url(../share_img/dot.png) no-repeat;			
}


div.UnderMiddleAreaContH3 div.H3image{

    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 878px;
   padding-top:15px;
   padding-bottom:23px;

			
}


div#UnderMiddleAreaContPageMenu{

    text-align: left;
    margin: 0 auto; /* center on everything else */
    width: 878px;
				padding-top:5px;
   margin-bottom:20px;

}

div#UnderMiddleAreaContPageMenu ul{
 list-style:none;
    margin: 0 auto; /* center on everything else */
    width: 878px;
}

div#UnderMiddleAreaContPageMenu ul li{
 width:425px;
	height:190px;
 float:left;	
	border:1px solid #cccccc;
}

div#UnderMiddleAreaContPageMenu ul li#pagemenu01{ width:425px;	height:190px; margin-right:20px; margin-bottom:20px;}
div#UnderMiddleAreaContPageMenu ul li#pagemenu02{ width:425px;	height:190px; margin-bottom:20px;}
div#UnderMiddleAreaContPageMenu ul li#pagemenu03{ width:425px;	height:190px; margin-right:20px; margin-bottom:20px;}
div#UnderMiddleAreaContPageMenu ul li#pagemenu04{ width:425px;	height:190px;	}
div#UnderMiddleAreaContPageMenu ul li#pagemenu05{ width:425px;	height:190px; margin-right:20px; margin-bottom:20px;}
div#UnderMiddleAreaContPageMenu ul li#pagemenu06{ width:425px;	height:190px; margin-bottom:20px;}



div.pagemenuLIBox{

width:160px;
height:190px;
 float:left;	
}

div.pagemenuLIimage{
 float:right;	
  padding-top:6px;
  padding-right:7px;	
}



div.pagemenuLItitle{
		width:200px;
				height:20px;		
		font-weight:bold;		
  font-size:14px;
  padding-top:11px;
  padding-left:10px;
line-height:1.2em;
		
}

div.pagemenuLItitle img{

  padding-right:10px;
float:left;
vertical-align:middle;
		
}

div.pagemenuLItext{
 position:relative;
  padding-top:21px;
  padding-left:52px;
  font-size:12px;
		width:160px;
		height:108px;
}

div.pagemenuLIbtn{

		width:160px;
  padding-left:9px;

}
