@charset "UTF-8";
@import url(design.css);
@import url(font.css);
/* マージンをリセット */
body, div {
  margin: 0;
  padding: 0;
}
/* ---------------------------------------------------------------- *
	全体に関わる設定
 * ---------------------------------------------------------------- */
body {
  background:url(../images/bg.gif);
  margin-bottom:10px;
}
img {
	border:0;
	margin:0;
	padding:0;
}
a img {
  border: none;
}
p {
  line-height: 1.6;
}
ul, ol, dl {
  line-height: 1.6;
}
p {
  margin-top: 0;
  margin-bottom: 0.5em;
}
ul, ol, dl {
  margin: 0;
  padding:0;
}
/* 配置の基準の設定 */
#container, #main,#sidenavi {
  position: relative;
}
/* 配置の位置とサイズ*/
#container {
width: 830px;
margin: 0 auto;
margin-top:10px;
}
#header,#navi,#mainImage,#subImage,#footer{
width: 800px;
margin: 0 auto;
padding: 0;
}

#mainImage,#topContentsArea,#footer{
clear:both;
position:relative;
top:34px;
}

*:first-child+htmll #mainImage,*:first-child+htmll #topContentsArea,*:first-child+html #footer{
clear:both;
position:relative;
top:30px;
}
* html #mainImage,* html #topContentsArea,* html #footer{
clear:both;
position:relative;
top:28px;
}

#header h1{float: left;}
#header #header_navi{  float: right;margin:10px 0;}
#main{
width:485px;
}
#main02{
width:580px;
}
*html #topContentsArea{
padding-right:15px;
}
#contentArea{
background:url(../images/content_bg.gif) repeat-y;
padding-right:15px;
margin-top:15px;
}
#pickup {
margin-left: 15px;
}
#navi,#footer {
clear: both;
}
#globalnavi {
clear: both;
}
#sidenavi{
width:315px;
float:right;
margin-bottom:1em;
padding: 0;
}
html>body #sidenavi{
width:315px;
float:right;
margin-right:15px;
margin-bottom:1em;
padding: 0;
}
#sidemenu{
background:#ebebeb;
width:220px;
float:right;
margin-bottom:1em;
padding: 0;
}  
#footer{
clear:both;
border-top: 1px solid #ccc;
text-align:center;
padding-top:10px;
}
/* ナビゲーション，フッタの箇条書きは横並びリスト */
#navi ul, #sidenmenu ul,#footer ul {
  margin: 0;
  list-style: none;
}
#navi ul li{
  display: inline;
  padding: 0;
  background: left center no-repeat;
  height:33px;
}
#footer ul li {
  display: inline;
  padding-left: 20px;
  padding-right: 20px;
  background: left center no-repeat;
}
/* ナビゲーション，フッタでは折り返しを抑制 */
#navi,#globalnavi,#footer{  white-space: nowrap;}
/* マージンをリセット */
#navi ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#globalnavi ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
/* 階層-サービスページ */
#pro01,#pro02,pro03{
margin:0;
padding:0;}