@charset "Shift_JIS";

/*一括で全ての要素の余白をゼロに指定*/
* {
  padding: 0;
  margin: 0;
}

a:link {
  color: #ff00aa;
  text-decoration: underline;
}

a:visited {
  color: #dd0077;
  text-decoration: underline;
}

a:hover {
  color: #ff00aa;
  text-decoration: underline;
}

/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
  font-size: 0.85em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
}

/* ---------------------------------------- レイアウトに関する指定*/

/* -- ヘッダーの外枠 -- */
#header {
  text-align: left;
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
  background-image:url(../img/header_back.jpg);
  background-repeat:no-repeat;
  background-position:right;
  color: #000000;
}
/* -- ヘッダーブロックの幅はここで指定-- */
#header-inner {
  width: auto;
  margin: 0 auto;
  padding: 20px 0 10px;
}
/* -- グローバルナビ-- */
#globalnavi {
  width: 100%;
  position: relative;
}
/* ---------------------------------------- #globalnaviの指定 */
#globalnavi ul {
	width: 1200px;
	list-style-type: none;
	position: absolute;
	top:-17px;
	display:block;
	margin-left:auto;
}

#globalnavi ul.menu>li{  display:block;  float:left;  overflow:hidden;}
#globalnavi ul.menu li a{  float:none;}
#globalnavi ul.submenu{  margin:0;  padding:0;}
#globalnavi ul.submenu li{  display:block;  margin:0;  padding:0;  overflow:hidden;}

#globalnavi li {
  width: auto;
  float: right;
  font-size:small;
}
#globalnavi li a {
  text-decoration: none;
  display: block;
  width: auto;
  margin: 0.5em 1em;
  color: #000000;
}
#globalnavi li a:hover {
  color: #000000;
  border-bottom: 1px solid #ff00aa;
}



/* -- パンクズリスト配置用-- */
#pankuzu {
  width: 900px;
  margin: 0 auto;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color:#ffffff;
}
#pankuzu-inner {
padding:10px;
text-align:left;
}


/* -- コンテンツ左右の色付け-- */
#background-line {
  border-top: 1px solid #cccccc;
  background-image:url(../img/background_img.jpg);
}
/* -- コンテンツ サイドバーブロックの幅はここで指定-- */
#container {
  text-align: left;
  width: 900px;
  margin: 0 auto;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color:#ffffff;
}

/* -- サイドバーの幅分マイナス -- */
#container-inner {
  float: right;
  width: 100%;
  margin-left: -200px;
}

/* -- サイドバーの幅分余白 -- */
#contents {
  margin-left: 200px;
  padding: 0px 30px 4em 29px;
}

/* -- サイドバーの幅指定-- */
#sidebar {
  float: left;
  width: 180px;
  padding: 5px 10px 100px;
  background-image:url(../img/side_back.jpg);
  background-repeat:repeat-x;
}

#undernavi {
  clear: both;
  padding: 0.5em 0 1em;
}

/* -- フッターの外枠 -- */
#footer {
  width: 100%;
  margin: 0 auto;
  padding: 1em 0 2em;
  background: #ffffff;
  color: #000000;
  border-top: 1px solid #cccccc;
}

/* -- フッターブロックの幅はここで指定-- */
#footer-inner {
  width: 800px;
  margin: 0 auto;
}

/* ---------------------------------------- #header内の指定*/

/* -- 見出しレベル1 -- */
h1 {
  text-align: right;
  font-size: 1em;
  font-weight: normal;
}

/* -- 企業名 ショップ名 サイト名 -- */
.logo {
width:50%;
  font-size: 1.8em;
  margin-bottom: 0.5em;
  position:relative;
  top:-10px;
  left:10px;

}



/* --概要-- */
.description { }

/* ---------------------------------------- #contents内の指定*/

/* --見出し-- */
h2 {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  padding: 10px 0 10px 10px;
  background-image:url(../img/h2_back.jpg);
}

h3 {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  padding: 5px 0 5px 5px;
  border-left: 5px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

h4,h5 {
  font-size: 1em;
  margin-bottom: 1.5em;
  padding: 5px 0 5px 5px;
}

h3,h4,h5 { margin-top: 2.5em; }

h6 {
  font-size: small;
  padding: 2px 0px 2px 2px;
  font-weight:normal;

}

/* --文字-- */
#contents p {
font-size:small;
  line-height: 1.6em;
  margin:0 0 0.5em 1em;
}

/* --パン屑リスト-- */
#contents .topic-path {
  line-height: 1em;
  margin-bottom: 2em;
}

/* --以下 リスト関係-- */
#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#contents dd { margin-bottom: 2em; }

#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }

#contents table {
font-size:small;
padding:10px;
border:1px #aaaaaa solid;
border-collapse: collapse; 
}

#contents th {
background-color:#ccccdd;
padding:10px;
border:1px #aaaaaa solid;
border-collapse: collapse; 
}

#contents td {
padding:10px;
border:1px #aaaaaa solid;
border-collapse: collapse; 
}

#contents table.noborder {
font-size:small;
padding:10px;
border:0px #aaaaaa solid;
border-collapse: collapse; 
}

#contents th .noborder {
background-color:#ccccdd;
padding:10px;
border:0px #aaaaaa solid;
border-collapse: collapse; 
}

#contents .noborder td  {
padding:10px;
border:0px #aaaaaa solid;
border-collapse: collapse; 
}

#img_center {
text-align:center;
}

#red { color:red;}
#bule { color:blue;}


#linebox {
border:1px solid #777777;
padding:10px;
margin-bottom:1em;
}

#linebox p {
  line-height: 1em;
}

#linebox-half {
width:50%;
border:1px solid #777777;
padding:10px;
margin-bottom:1em;
}

.icon-pdf {
border:none;
}

/* ---------------------------------------- #sidebar内の指定*/

/* --カテゴリタイトル-- */
.sidetitle {
  padding: 0.5em 0;
  font-size:16px;
}

/* --リスト-- */
.localnavi {
list-style-image:url("../img/side_icon_sub.png");
  margin-bottom: 2em;
  margin-left:1.2em;
}

.localnavi li { display: inline; }

.localnavi a {
  text-decoration: none;
  display: list-item;
  width: 170px;
  padding: 0.5em 0.1em;
  color: #000000;
}

.localnavi a:hover {
  text-decoration: none;
  color: #000000;
  background-color:#999999;
}

/* ---------------------------------------- #undernavi内の指定*/
#undernavi p { 
	text-align: right;
	padding:0px 30px 0px 0px;
	color:#aaaaaa;
}

/* ---------------------------------------- #footer内の指定*/
#footer p { 
text-align: center;
font-size:small;
color:#777777;
 }

/* ---------------------------------------- #グローバルナビ内の指定*/
#right_test {position:relative;top:-15px;width:900px;margin-left:230px;}

#navi ul {
	margin:0px;
	padding:0;
	list-style-type:none;
        behavior: url("csshover.htc");/* IE6 */
}

#navi ul a {
        color: #000;
        text-decoration: none;
}

#navi ul a {

}

#navi ul a:hover {

		border-bottom:1px #ff00aa solid;
}

#navi ul li {
        width: 100px;
        line-height: 1.6em;
        float: left;
}

#navi ul li a {
        display: block;
        height: 100%;
        font-size:small;
        text-align: center;
}

#navi ul li ul li a {
	border:1px solid #cccccc;
	background:#fff;
    width: 150px;
}

#navi ul li ul li {
        margin: 0;
        font-weight: normal;
        border-left:1px solid #fff;
        border-bottom:none;
        position:relative;
        left:-1px;
        float: none;
}

/* OFF */
#navi ul li ul {
        display: none;
}

/* ON */
#navi ul li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

 #navi #now {
  color: #000000;
  border-bottom: 1px solid #ff00aa;
}