@charset "utf-8";
/* CSS Document */


/*---------
Navigaton customize
---------*/

div.works_column{
float:left;
width:700px;
border-style:solid;  
border-width:1px;  
padding-left:20px;
padding-bottom:30px;
margin-bottom:20px;
}

div.works_column h2{
border-left-style:solid;  
border-left-width:5px;  
border-left-color:#000;
float:left;
width:650px;
padding-left:5px;
margin-top:30px;
margin-bottom:20px;
}

div.mainpic{
float:left;
}

div.subpics{
float:left;
margin-left:20px;
width:300px;
}

div.subpics img{
float:left;
padding:10px;
border-style:solid;  
border-width:1px;  
margin-right:10px;
margin-bottom:10px;
}

div.works_comment{
float:left;
margin-left:20px;
margin-top:10px;
}

div.subpics img,div.works_column{
border-color:#bbb;
}





ul li#menuhome , ul li#menuhome a, ul li#menuhome a:link, ul li#menuhome a:visited, ul li#menuhomee a:active {
background-image:url(images/navi_11.gif);
background-position:left top;
background-repeat:no-repeat;
width:109px;
}

ul li#menuhome a:hover {
background-image:url(images/navi_21.gif);
background-position:left top;
background-repeat:no-repeat;
width:109px;
}




ul li#menusenmon , ul li#menusenmon a, ul li#menusenmon a:link, ul li#menusenmon a:visited, ul li#menusenmone a:active {
background-image:url(images/navi_12.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}

ul li#menusenmon a:hover {
background-image:url(images/navi_22.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}


ul li#menusekou , ul li#menusekou a, ul li#menusekou a:link, ul li#menusekou a:visited, ul li#menusekoue a:active {
background-image:url(images/navi_23.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}

ul li#menusekou a:hover {
background-image:url(images/navi_23.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}


ul li#menukaisya , ul li#menukaisya a, ul li#menukaisya a:link, ul li#menukaisya a:visited, ul li#menukaisyae a:active {
background-image:url(images/navi_14.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}

ul li#menukaisya a:hover {
background-image:url(images/navi_24.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}


ul li#menuotoiawase , ul li#menuotoiawase a, ul li#menuotoiawase a:link, ul li#menuotoiawase a:visited, ul li#menuotoiawasee a:active {
background-image:url(images/navi_15.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}

ul li#menuotoiawase a:hover {
background-image:url(images/navi_25.gif);
background-position:left top;
background-repeat:no-repeat;
width:107px;
}



#contents-main{
margin:0px;
padding:0px;
}

p.article{
margin:10px;

}

#contents-main > h1{
background-repeat:no-repeat;
float:left;
width:720px;
height:300px;
background:transparent url(images/works_h1.jpg) no-repeat scroll 0 0;
display:block;
overflow:hidden;
text-indent:-9999em;
margin-bottom:50px;
}

#contents-main > h2{
background-repeat:no-repeat;
float:left;
width:720px;
height:40px;
margin-bottom:10px;
margin-top:10px;
background:transparent url(images/taiyoukou_h2.gif) no-repeat scroll 0 0;
display:block;
overflow:hidden;
text-indent:-9999em;
}

/* 

*/

.taiyoukou h2{
background-repeat:no-repeat;
float:left;
width:720px;
height:31px;
margin-bottom:auto;
margin-top:auto;
display:block;
overflow:hidden;
text-indent:-9999em;
}


#merit h2{
background:transparent url(images/taiyoukou_h3_01.gif) no-repeat scroll 0 0;
}

#about h2{
background:transparent url(images/taiyoukou_h3_02.gif) no-repeat scroll 0 0;
}