@charset "UTF-8";



/*
	1 : header
	2 : layout
	3 : navigation
	4 : contents
*/



/* **********************************************************************
1 : header
********************************************************************** */
#header {
height: 66px;
background: url(../img/bg_header.jpg) no-repeat;
padding: 5px 0 30px 0;
margin-bottom: 10px;
}

h1 {
float: left;
margin: 25px 0 0 10px;
}

ul#topNavi {
float: right;
position: relative;
top: 0;
background: url(../index_img/bg_topnavi.gif) right repeat-y;
}

ul#topNavi li {
float: left;
padding: 1px 15px;
background: url(../index_img/bg_topnavi.gif) left repeat-y;
}


/* **********************************************************************
2 : layout
********************************************************************** */
#container {
clear: both;
}

#sideBar {
float: left;
width: 160px;
margin-right: 10px;
}

#contents {
float: left;
width: 630px;
}

#footer {
padding: 10px 0;
border-top: #CCCCCC 1px solid;
margin-top: 20px;
}

/* **********************************************************************
3 : navigation
********************************************************************** */
ul#navigation {
border-top: #CCCCCC 1px solid;
padding-top: 4px;
margin-bottom: 20px;
}

ul#navigation li {
padding-bottom: 4px;
border-bottom: #CCCCCC 1px solid;
margin-bottom: 4px;
}

ul#navigation li a {
display: block;
text-indent: -9999px;
background-position: 0 0;
}

ul#navigation li.project a {
height: 57px;
background: url(../img/nv_project.gif) no-repeat;
}
ul#navigation li.taidan a {
height: 57px;
background: url(../img/nv_taidan.gif) no-repeat;
}
ul#navigation li.hito a {
height: 57px;
background: url(../img/nv_hito.gif) no-repeat;
}
ul#navigation li.factory a {
height: 57px;
background: url(../img/nv_factory.gif) no-repeat;
}
ul#navigation li.blog a {
height: 57px;
background: url(../img/nv_blog.gif) no-repeat;
}
ul#navigation li.about a {
height: 18px;
background: url(../img/nv_about.gif) no-repeat;
}
ul#navigation li.contact a {
height: 18px;
background: url(../img/nv_contact.gif) no-repeat;
}
ul#navigation li.privacy a {
height: 18px;
background: url(../img/nv_privacy.gif) no-repeat;
}

/* ----------------------------------------
now
---------------------------------------- */
body.project ul#navigation li.project a,
body.taidan ul#navigation li.taidan a,
body.hito ul#navigation li.hito a,
body.factory ul#navigation li.factory a,
body.blog ul#navigation li.blog a,
body.about ul#navigation li.about a,
body.contact ul#navigation li.contact a,
body.privacy ul#navigation li.privacy a {
background-position: -160px 0;
}

/* ----------------------------------------
hover
---------------------------------------- */
ul#navigation li.project a:hover,
ul#navigation li.taidan a:hover,
ul#navigation li.hito a:hover,
ul#navigation li.factory a:hover,
ul#navigation li.blog a:hover,
ul#navigation li.about a:hover,
ul#navigation li.contact a:hover,
ul#navigation li.privacy a:hover {
background-position: -160px 0;
}



/* **********************************************************************
4 : contents
********************************************************************** */
/* ----------------------------------------
ページタイトル
---------------------------------------- */
#contents h2 {
padding: 5px;
margin-bottom: 5px;
}
body.project div#contents h2 { background-color: #EBF5E7; }
body.taidan div#contents h2 { background-color: #F2F5FC; }
body.hito div#contents h2 { background-color: #F8F9E5; }
body.factory div#contents h2 { background-color: #FEF5E5; }
body.blog div#contents h2 { background-color: #FAEBF3; }
body.about div#contents h2 { background-color: #F5E0CC; }
body.contact div#contents h2 { background-color: #F5E0CC; }
body.privacy div#contents h2 { background-color: #F5E0CC; }


/* ----------------------------------------
パンくずリスト
---------------------------------------- */
#contents p.topicPath {
margin-bottom: 20px;
}

#contents p.topicPath a,
#contents p.topicPath a:link,
#contents p.topicPath a:visited,
#contents p.topicPath a:active {
text-decoration: none;
color: #333333;
}
#contents p.topicPath a:hover {
text-decoration: underline;
}



#contentsBody {
margin-bottom: 50px;
}

p.pageUp {
text-align: right;
}