@charset "UTF-8";

/* ------------------------- TOC
index
news
naviActive
 ------------------------- */


/* index
---------------------------*/

/* header*/
#index #header {
margin: 60px 0px 0px 15px;
height: 90px;
}

/* logo */
#index #logo {
float: left;
width: 520px;
}

#index #logo a {
display: block;
width: 520px;
height: 90px;
background: url(/img/logo.gif) no-repeat 0 0;
}

/* nav */

#index #contents {
margin: 30px 0px 0px 15px;
width: 970px;
}

#index #nav {
float: right;
width: 970px;
}

/* navUpper */

#index #nav ul {
clear: both;
}

#index #nav01 {
float: left;
width: 227px;
margin: 0px 16px 15px 0px;
}

#index #nav01 a {
display: block;
width: 227px;
height: 185px;
}

#index #nav01 a, #index #nav01 a:link, #index #nav01 a:visited {
background: url(/img/nav_01.jpg) no-repeat 0 0;
}

#index #nav01 a:hover, #index #nav01 a:active, #index #nav01 a:focus {
background-position: 0 -185px;
}

#index #nav02 {
float: left;
width: 227px;
margin: 0px 15px 15px 0px;
}

#index #nav02 a {
display: block;
width: 227px;
height: 185px;
}

#index #nav02 a, #index #nav02 a:link, #index #nav02 a:visited {
background: url(/img/nav_02.jpg) no-repeat 0 0;
}

#index #nav02 a:hover, #index #nav02 a:active, #index #nav02 a:focus {
background-position: 0 -185px;
}

#index #nav03 {
float: left;
width: 227px;
margin: 0px 16px 15px 0px;
}

#index #nav03 a {
display: block;
width: 227px;
height: 185px;
}

#index #nav03 a, #index #nav03 a:link, #index #nav03 a:visited {
background: url(/img/nav_03.jpg) no-repeat 0 0;
}

#index #nav03 a:hover, #index #nav03 a:active, #index #nav03 a:focus {
background-position: 0 -185px;
}

#index #nav04 {
float: left;
width: 227px;
margin: 0px 15px 15px 0px;
}

#index #nav04 a {
display: block;
width: 227px;
height: 185px;
}

#index #nav04 a, #index #nav04 a:link, #index #nav04 a:visited {
background: url(/img/nav_04.jpg) no-repeat 0 0;
}

#index #nav04 a:hover, #index #nav04 a:active, #index #nav04 a:focus {
background-position: 0 -185px;
}

#index #nav05 {
float: left;
width: 227px;
margin: 0px 16px 15px 0px;
}

#index #nav05 a {
display: block;
width: 227px;
height: 185px;
}

#index #nav05 a, #index #nav05 a:link, #index #nav05 a:visited {
background: url(/img/nav_05.jpg) no-repeat 0 0;
}

#index #nav05 a:hover, #index #nav05 a:active, #index #nav05 a:focus {
background-position: 0 -185px;
}

#index #navAdvertising {
float: left;
width: 227px;
margin: 0px 15px 15px 0px;
}

#index #navAdvertising a {
display: block;
width: 227px;
height: 185px;
}

#index #navAdvertising a, #index #navAdvertising a:link, #index #navAdvertising a:visited {
background: url(/img/nav_advertising.gif) no-repeat 0 0;
}

#index #navAdvertising a:hover, #index #navAdvertising a:active, #index #navAdvertising a:focus {
background-position: 0 -185px;
}

#index #navWorks {
float: left;
width: 227px;
margin: 0px 16px 15px 0px;
}

#index #navWorks a {
display: block;
width: 227px;
height: 185px;
}

#index #navWorks a, #index #navWorks a:link, #index #navWorks a:visited {
background: url(/img/nav_works.gif) no-repeat 0 0;
}

#index #navWorks a:hover, #index #navWorks a:active, #index #navWorks a:focus {
background-position: 0 -185px;
}

/* news
---------------------------*/
#newsIndex #leftContents {
float:left;
margin: 60px 0px 75px 0px;
width:390px;
}
#newsIndex #rightContents {
float:right;
margin: 60px 0px 75px 0px;
width:495px;
}

#newsIndex #leftContents img {
margin: 0px 0px 0px 75px;
}

#newsIndex #contents h1 {
width: 168px;
height: 24px;
background: url(../../news/img/tit_nannokenai.gif) no-repeat 0 0;
}

#newsIndex #contents p {
width:430px;
margin: 15px 0px 0px 0px;
}

#newsIndex #contents p.data {
font-size: x-small;
margin: 30px 0px 0px 0px;
}

/* naviActive
---------------------------*/

body.cat01 #nav01 a {
background-position: 0 -26px;
}

body.cat02 #nav02 a {
background-position: 0 -26px;
}

body.cat03 #nav03 a {
background-position: 0 -26px;
}

body.cat04 #nav04 a {
background-position: 0 -26px;
}

body.cat05 #nav05 a {
background-position: 0 -26px;
}

body.advertising #navAdvertising a {
background-position: 0 -14px;
}

body.works #navWorks a {
background-position: 0 -14px;
}

body.news #navNews a {
background-position: 0 -10px;
}