@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
  margin:0;
  padding:0;
}

body {
    background:url(../parts1/bg02.gif);
    text-align:center;
　　margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
    font-size: 75%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8;
    color: #333333;
    /*\*/
    letter-spacing:0.1em;
    /**/
}

/*文字のサイズ*/
.big  { font-size: 16px; line-height: 1.3;}
.bigs { font-size: 14px; line-height: 1.8;}
.main { font-size: 13px; line-height: 1.8;}
.mmm  { font-size: 12px;}
.mini { font-size: 11px;}
.sss  { font-size: 8px;}

/*Information, Topics*/
.scro {
 BORDER-RIGHT: #FFFFFF 1px solid;
 BORDER-TOP: #FFFFFF 1px solid;
 WIDTH: 95%;
 BORDER-LEFT: #FFFFFF 1px solid;
 BORDER-BOTTOM: #FFFFFF 1px solid;
 text-align:left;
 OVERFLOW:auto;
 /*スクロール*/
 scrollbar-3dlight-color : #E3D9D7;
 scrollbar-arrow-color : #C6A69F;
 scrollbar-base-color : #FFFFFF;
 scrollbar-darkshadow-color : #FFFFFF;
 scrollbar-face-color : #FFFFFF;
 scrollbar-highlight-color : #FFFFFF;
 scrollbar-shadow-color : #E3D9D7;
}

/*枠の種類*/
.c1 { border-style: solid;  border-width: 1px;}
.c2 { border-style: double; border-width: 1px;}
.c3 { border-style: dotted; border-width: 1px;}

h1 {
    font-size:180%;
    margin:0 32px;
    padding-left:16px;
}

p {
  margin:10px 0 10px 10px;
}

.section {
    margin:30px 10px;
}

#table1 {
    font-size:100%;
    line-height:1.8;
}

#holder {
  width:100%;
  margin-top:40px
}

#yousi {
  background:url(../parts1/kage02.gif) repeat-y;
  min-width:100px;
  max-width:814px;
  width: expression(document.body.clientWidth < 101? "100px" :document.body.clientWidth > 815? "814px" : "100%");
  overflow: hidden;
  position:relative;
  margin:0 auto 0 auto;
}

#banners {
  min-width:100px;
  max-width:236px;
  width: expression(document.body.clientWidth < 101? "100px" :document.body.clientWidth > 237? "236px" : "33%");
  position:relative;
}

#infotopic {
  min-width:100px;
  max-width:500px;
  width: expression(document.body.clientWidth < 101? "100px" :document.body.clientWidth > 501? "500px" : "64%");
  position:relative;
}

#mark {
  float:right;
  min-width:50px;
  max-width:250px;
  width: expression(document.body.clientWidth < 51? "50px" :document.body.clientWidth > 91? "90px" : "100%");
  position:relative;
}

/* ヘッダー
---------------------------------------------*/
#header {
    top:18px;
    width:100%;
    height:90px;
    cursor:hand;
    background:transparent;
    border-bottom: 3px solid #CCCCCC;
}

#orangeline {
    position:absolute;
    top:0px;
    left:7px;
}

#head-title {
    position:absolute;
    top:20px;
    left:10px;
}

/* ヘッダー
---------------------------------------------*/
#headnavi {
  position:absolute;
  top:80px;
  z-index: 100;
  left:8px;
  width:100%;
}

#headnavi a {
    display:block;
    text-decoration:none;
}


/* ナビゲーション
---------------------------------------------*/
#navigation {
  left:0px;
  top:0px;
  width: 100%;
}
#navigation ul {
  list-style: none;
  margin: 0px;
  padding: 0;
}

#navigation li {
  float: left;
  width: 15%;
  margin: 0;
  background-color:transparent;
  border-bottom: 4px solid #FF5A08;
  border-right: 3px inset #AAAAAA;
  overflow:hidden;
}
#navigation li a {
  display: block;
  width: 100%;
  height:20px;
  padding: 5px 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: expression(document.body.clientWidth/70 < 7? "7" :document.body.clientWidth/70 > 20? "20" : document.body.clientWidth/70);
  color: #666666;
  text-decoration: none;
  background-image:url(../parts1/button_new.gif);
  background-position:left top;
}

#navigation li a:hover {
  background-position: 0 -113px;
  border-right: 1px inset #FF5A08;
}
	
	/* サブメニュー
	---------------------------------------------*/
	#navigation ul ul {
	}
	#navigation ul ul li {
	   float: none;
           width: 100%;
           border-bottom: 1px solid transparent;
	}

	#navigation ul ul li a {
	   border-top: 1px solid #FFFFFF;
	   font-size: 80%;
	   font-weight: bolder;
	   padding: 3px 0;
           color:#000000;
	}
	#navigation ul ul li a:hover {
           background-position: 0 -42px;
           border-bottom: 1px solid red;
	}
	#navigation ul li.mmnu ul {
           display: none;
	}
        #navigation ul li.mmnuOn ul {
	   display: block;
	}

/* 2段組
---------------------------------------------*/
#primary {
    float:left;
    width:72%;
    margin: 0px 0px;
}

#secondary {
    float:left;
    text-align:left;
    width:22%;
    background:#FFFFFF url() left top repeat-y;
}

/* 本文
---------------------------------------------*/
#primary .section {
    margin: 20px 0px 26px 20px;
}

#primary  a:hover {
    color: orangered;
}

#secondary .section {
	margin: 20px 0px 26px 20px;
}

#secondary .list {
   width:100%;
}

#secondary .list ul {
    list-style:none;
    margin:0 0 10px 20px;
    padding:0;
    border-top: 1px solid #CCCCCC;
}

#secondary .list li {
    border-bottom: 1px solid #CCCCCC;
}

#secondary .list a {
    padding: 0px 0px 0 30px;
    background:#FFFFFF url(../parts1/list1.gif) left center no-repeat;
    display:block;
    text-decoration:none;
}

#secondary .list a:visited {
    background:#FFFFFF url(../parts1/list-chk.gif) left center no-repeat;
}

#secondary .list a:hover {
    color: orangered;
}

#primary h2 {
    font-size:117%;
    width:100%;
    color:#0850B2;
    background-color:#EFEFEF;
    border-left:5px solid #0850B2;
    border-bottom:1px solid #CCCCCC;
    margin:0;
    padding:5px;
}

#secondary h3 {
    font-size:117%;
    width 100%;
    margin:0 0 10px 20px;
    padding:3px 15px;
    color:#FFFFFF;
    background-color:#2D78BF;
}

#news {
  margin:-10px 0 0 20px;
  width: 95%;
}

#primary p {
    margin: 10px 10px;
    line-height: 2.5;
}

#content {
   background-color:transparent;
   text-align:left;
}

/* 補足情報
---------------------------------------------*/
#secondary p {
	margin: 10px;
	line-height: 1.8;
}


#productlist {
    margin-top:45px;
}

#album {
   position:relative;
   width:100%;
}

#album li {
    float:left;
    width:181px;
    margin:10px 10px 0 0;
    text-align:center;
}

#album h3 span {
    display:block;
    padding:3px 0;
    color:#FFFFFF;
    font-weight:normal;
    background:#222222;
}

#album dl {
    margin:1px 0;
    font-size:90%;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

#album dt {
    padding:2px 0;
    text-align:center;
    background:#E5DACA;
    border-top:1px solid #DABF9A;
}

#album dd {
    padding:2px 0;
    text-align:left;
}

.date {
    text-align:right;
    font-size:90%;
    color:#444444;
}

#footer {
    clear:both;
    align:left;
    width:93%;
    background:#DDDDDD url(../parts1/btitle.gif) right top no-repeat;
    padding:0 0 10px 40px;
}

#copyright {
    clear:both;
}

#footer a:hover {
    color: orangered;
}

/*カソルが画像の上にある場合、右下に下げる*/
img.banner {
  left: 0px;
  top: 0px;
}

img.bannerOn {
  margin-left: 5px;
}

#footborder {
   color:#DBCCCA;
   clear:both;
}