/* fukuyaku.or.jp format.css */



/* default format */
* {
  margin:0;
  padding:0;
  text-decoration:none;
}

html {
  width:100%;
  height:100%;
}

body {
  position:relative;
  z-index:0;
  width:100%;
  height:100%;
  text-align:center;
  line-height:1.6em;
  font-size:14px;
  font-family:Osaka,'MS UI Gothic',sans-serif;
  color:#333;
  background:url(/img/format/bg_body.gif) center top fixed;
}

hr {
  display:none;
}

a,
a:link,
a:visited,
a:active {
  color:#06f;
}
a:hover {
  color:#e30;
}

img {
  border:0;
}

select option {
  padding-right:5px;
}

label {
  cursor:pointer;
}

pre,
input,
textarea {
  font-size:12px;
  font-family:Osaka,'MS UI Gothic',sans-serif;
}





/* basic icons (Please fix the size of the parent element) */
.cha_cap {   /* character capsule */
  position:absolute;
  width:50px;
  height:60px;
  line-height:300px;
  background:url(/img/format/cha_cap.gif) no-repeat left top;
  overflow:hidden;
}
.cha_bag {   /* character bag */
  position:absolute;
  width:60px;
  height:60px;
  line-height:300px;
  background:url(/img/format/cha_bag.gif) no-repeat left top;
  overflow:hidden;
}





/* title */
h1#title {
  display:none;
}

/* description */
h2#description {
  display:none;
}





/* container */
#container {
  display:inline-block;
}
#container {
  position:relative;
  z-index:1;
  display:block;
  width:770px;
  height:100%;
  min-height:100%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:-30px;
  padding:0 5px;
  text-align:left;
  background:url(/img/format/bg_container.jpg) repeat-y left top;
}
html>body #container {
  width:760px;
  height:auto;
}
#container:after {
  clear:both;
  content:'.';
  display:block;
  visibility:hidden;
  width:100%;
  height:30px;
}
* html>body #container {
  display:inline-block;
}





/* header */
#header {
  position:relative;
  z-index:1;
  width:770px;
  height:200px;
  margin-left:-5px;
  margin-right:-5px;
  padding:0 5px;
  text-align:left;
  line-height:1.1em;
  background:url(/img/format/bg_header.jpg) no-repeat left top;
}
html>body #header {
  width:760px;
}

#header ul {   /* top menu */
  position:absolute;
  top:30px;
  right:15px;
  width:740px;
  height:90px;
  line-height:25px;
  text-align:right;
  list-style-type:none;
  white-space:nowrap;
}
#header ul li {
}
#header ul li a {
  color:#393;
}
#header ul li.topicpath {
  position:relative;
  top:80px;
  float:left;
  display:inline;
  padding-left:10px;
}
#header ul li.sitemap {
  position:relative;
  top:80px;
  display:inline;
  margin:0 1em 0 0;
}
#header ul li.inquiry {
  position:relative;
  top:80px;
  display:inline;
  margin:0 95px 0 0;
}
#header ul li.member {
  position:absolute;
  top:80px;
  right:0;
  width:80px;
  height:25px;
  margin:0;
}
#header ul li.member a {
  display:block;
  width:80px;
  height:23px;
  margin:1px 0;
  line-height:5em;
  background:url(/img/format/btn_member.png) no-repeat left top;
  overflow:hidden;
  cursor:pointer;
}
#header ul li.search {
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:200px;
  text-align:right;
  line-height:0;
}
#header ul li.search input.kw {
  width:116px;
  height:19px;
  margin:0;
  padding:1px 0 1px 3px;
  line-height:18px;
  background:#fff;
  border:solid 1px #999;
  vertical-align:middle;
}
html>body #header ul li.search input.kw {
  width:113px;
  height:15px;
}
#header ul li.search input.btn {
  width:35px;
  height:21px;
  margin:0;
  padding:0;
  vertical-align:middle;
}
#header ul li#fontTool {   /* font-size tool */
  position:absolute;
  top:38px;
  right:0;
  display:block;
  width:71px;
  height:25px;
  padding:0;
}
#header ul li#fontTool span {
  float:left;
  line-height:5em;
  text-indent:-9999px;
  cursor:pointer;
  overflow:hidden;
}
#header ul li#fontTool span#small0 {
  width:15px;
  height:15px;
  margin-top:5px;
  margin-right:5px;
  background:url(/img/format/font_small_off.png) no-repeat left top;
}
#header ul li#fontTool span#small1 {
  width:15px;
  height:15px;
  margin-top:5px;
  margin-right:5px;
  background:url(/img/format/font_small_on.png) no-repeat left top;
}
#header ul li#fontTool span#middle0 {
  width:17px;
  height:17px;
  margin-top:4px;
  margin-right:5px;
  background:url(/img/format/font_middle_off.png) no-repeat left top;
}
#header ul li#fontTool span#middle1 {
  width:17px;
  height:17px;
  margin-top:4px;
  margin-right:5px;
  background:url(/img/format/font_middle_on.png) no-repeat left top;
}
#header ul li#fontTool span#large0 {
  width:19px;
  height:19px;
  margin-top:3px;
  background:url(/img/format/font_large_off.png) no-repeat left top;
}
#header ul li#fontTool span#large1 {
  width:19px;
  height:19px;
  margin-top:3px;
  background:url(/img/format/font_large_on.png) no-repeat left top;
}





/* main column */
#mainColumn {
  float:right;
  position:relative;
  z-index:2;
  width:560px;
  margin:-56px 0 0 0;
  padding:0 10px 35px 0;
}
html>body #mainColumn {
  width:550px;
}
html>/**/body #mainColumn {   /* for !IE */
  padding:0 10px 5px 0;
}

#mainColumn .field {
  position:relative;
  width:550px;
  margin:0 0 20px 0;
  background:url(/img/format/bg_column_main.gif) no-repeat left top;
}
#mainColumn .field h2.sub {
  position:relative;
  top:3px;
  width:544px;
  margin:0 -10px 0 3px;
  padding:4px 0 4px 5px;
  line-height:22px;
  text-align:left;
  text-indent:23px;
  font-size:1.2em;
  color:#fff;
  background:url(/img/format/bg_sub_main.gif) no-repeat left top;
  border-bottom:solid 5px #d0ffc0;
}
html>body #mainColumn .field h2.sub {
  width:539px;
}
#mainColumn .field h2.sub a {
  color:#fff;
}

#mainColumn .field .article {
  display:inline-block;
}
#mainColumn .field .article {
  position:relative;
  bottom:-10px;
  height:10px;
  display:block;
  padding:0 10px 10px 10px;
  background:url(/img/format/bg_column_main.gif) no-repeat left bottom;
}
html>body #mainColumn .field .article {
  height:auto;
}
#mainColumn .field .article:after {
  clear:both;
  content:'.';
  display:block;
  visibility:hidden;
  width:100%;
  height:0;
}
* html>body #mainColumn .field .article {
  display:inline-block;
}

#mainColumn .field .flower {   /* with '.article' */
  display:block;
  height:80px;
  background:url(/img/format/bg_column_main_flower.gif) no-repeat left bottom;
}

#mainColumn .field .article * {
  margin-bottom:10px;
}
#mainColumn .field .article * * {
  margin-bottom:0;
}

#mainColumn .field .article h3.sub {
  position:relative;
  height:1.5em;
  line-height:1.5em;
  text-align:left;
  text-indent:18px;
  font-size:1.2em;
  color:#393;
  background:url(/img/format/icon_capsule.gif) no-repeat 0 0.3em;
  border-bottom:dashed 1px #9c9;
}
html>body #mainColumn .field .article h3.sub {
  height:auto;
}
#mainColumn .field .article h3.sub a {
  color:#393;
}

#mainColumn .field .article .more {
  margin-top:5px;
  margin-bottom:0;
  padding-top:5px;
  line-height:1.2em;
  text-align:right;
}
#mainColumn .field .article .more a {
  height:1.2em;
  margin-left:20px;
  padding-left:10px;
  background:url(/img/format/icon_go.gif) no-repeat left center;
}

/* paragraph */
#mainColumn .field .article p.center {
  text-align:center;
}
#mainColumn .field .article p.indent {
  text-indent:1em;
}

/* list (ol, ul, dl) */
#mainColumn .field .article ol,
#mainColumn .field .article ul,
#mainColumn .field .article dl {
  display:inline-block;
}
#mainColumn .field .article ol,
#mainColumn .field .article ul,
#mainColumn .field .article dl {
  display:block;
}
#mainColumn .field .article ol {
  padding:0 0 0 30px;
}
#mainColumn .field .article ul {
  padding:0 0 0 20px;
}
#mainColumn .field .article ol,
#mainColumn .field .article ul {
  line-height:1.2em;
}
#mainColumn .field .article ol li,
#mainColumn .field .article ul li {
  margin-top:8px;
}
#mainColumn .field .article dl {
}
#mainColumn .field .article dl dt {
}
#mainColumn .field .article dl dd {
  padding-left:30px;
}
#mainColumn .field .article ol:after,
#mainColumn .field .article ul:after,
#mainColumn .field .article dl:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* #mainColumn .field .article html>body ol,
* #mainColumn .field .article html>body ul,
* #mainColumn .field .article html>body dl {
  display:inline-block;
}

/* table */
#mainColumn .field .article table {
  width:100%;
  background:#5ad956;
  border:0;
  border-spacing:1px;
  caption-side:top;
  empty-cells:show;
}
#mainColumn .field .article table caption {
  text-align:left;
}
#mainColumn .field .article table th,
#mainColumn .field .article table td {
  padding:2px 4px;
  line-height:1.2em;
  vertical-align:top;
  background:#fff;
  border:0;
}
#mainColumn .field .article table th {
  text-align:center;
}
#mainColumn .field .article table td {
  text-align:left;
}

/* tab field */
#mainColumn .field .article .tab_field {
  position:relative;
  width:530px;
  padding-bottom:8px;
  background:url(/img/format/tab_frame.gif) no-repeat left bottom;
}
#mainColumn .field .article .tab_field ul.tab {
  margin:0 0 -1px 0;
  padding-right:10px;
  line-height:1.2em;
  list-style-type:none;
  background:#fff;
}
#mainColumn .field .article .tab_field ul.tab li {
  float:right;
  width:60px;
  height:25px;
  margin-left:5px;
  padding:0;
}
#mainColumn .field .article .tab_field ul.tab li a {
  position:relative;
  z-index:1;
  float:right;
  width:60px;
  height:25px;
  line-height:25px;
  text-align:center;
  color:#000;
  background:url(/img/format/tab_btn.gif) no-repeat right top;
  white-space:nowrap;
}
#mainColumn .field .article .tab_field ul.tab li a.here,
#mainColumn .field .article .tab_field ul.tab li a.here:link,
#mainColumn .field .article .tab_field ul.tab li a.here:visited,
#mainColumn .field .article .tab_field ul.tab li a.here:active,
#mainColumn .field .article .tab_field ul.tab li a.here:hover {
  z-index:3;
  color:#090;
  background:url(/img/format/tab_btn.gif) no-repeat left top;
}
#mainColumn .field .article .tab_field ul.list {
  position:relative;
  z-index:2;
  margin:0;
  padding:5px 0 5px 10px;
  line-height:1.1em;
  list-style-type:none;
  background:url(/img/format/tab_frame.gif) no-repeat right top;
}
#mainColumn .field .article .tab_field ul.list li {
  float:left;
  margin-right:20px;
}
#mainColumn .field .article .tab_field ul.list li a {
  position:relative;
  float:left;
  display:block;
  padding-left:10px;
  background:url(/img/format/icon_go.gif) no-repeat left center;
  vertical-align:middle;
  white-space:nowrap;
}
#mainColumn .field .article .tab_field ul.list li a.here,
#mainColumn .field .article .tab_field ul.list li a.here:link,
#mainColumn .field .article .tab_field ul.list li a.here:visited,
#mainColumn .field .article .tab_field ul.list li a.here:active,
#mainColumn .field .article .tab_field ul.list li a.here:hover {
  color:#999;
}

/* em */
#mainColumn .field .article em {
  font-weight:bold;
  font-style:normal;
}

/* img */
#mainColumn .field .article img.left {
  position:relative;
  z-index:1;
  float:left;
  margin-right:20px;
  background:#fff;
}
#mainColumn .field .article img.right {
  position:relative;
  z-index:1;
  float:right;
  margin-left:20px;
  background:#fff;
}
#mainColumn .field .article img.file {
  margin-right:2px;
}



/* side column */
#sideColumn {
  float:left;
  position:relative;
  z-index:2;
  width:200px;
  margin:-56px 0 0 0;
  padding:0 0 35px 10px;
  line-height:1.4em;
}
html>body #sideColumn {
  width:190px;
}
html>/**/body #sideColumn {   /* for !IE */
  padding:0 0 5px 10px;
}
#sideColumn * {
  margin:0;
  padding:0;
}

#sideColumn ul#sideMenu {
  margin-bottom:15px;
  list-style-type:none;
}
#sideColumn ul#sideMenu li {
  position:relative;
  width:180px;
  margin:0 10px 10px 0;
  background:url(/img/format/bg_sidesub_top.gif) no-repeat left top;
}
#sideColumn ul#sideMenu li em {
  position:relative;
  display:block;
  width:180px;
  height:1.9em;
  padding:0.3em 4px 0.3em 8px;
  line-height:1.3em;
  font-size:1em;
  font-style:normal;
  font-weight:bold;
  color:#393;
  background:url(/img/format/bg_sidesub_bottom.gif) no-repeat left bottom;
  cursor:pointer;
}
html>body #sideColumn ul#sideMenu li em {
  width:168px;
  height:auto;
  min-height:1.32em;   /* 1.3em to 1.31em for NN bug */
}
#sideColumn ul#sideMenu li em img {
  display:none;
  position:absolute;
  right:8px;
  width:9px;
  height:9px;
  margin-top:0.3em;
}
#sideColumn ul#sideMenu li em img.open {
  background:url(/img/format/icon_tree.gif) no-repeat left top;
}
#sideColumn ul#sideMenu li em img.close {
  background:url(/img/format/icon_tree.gif) no-repeat left bottom;
}
#sideColumn ul#sideMenu li ul {
  position:relative;
  height:1em;
  margin:0 0 -1px 0;   /* 1.3em to 1.31em for NN bug */
  padding:10px 0 0 10px;
  list-style-type:none;
  background:#fff;
}
html>body #sideColumn ul#sideMenu li ul {
  height:auto;
  min-height:16px;
}
#sideColumn ul#sideMenu li ul li {
  width:auto;
  margin:0;
  background:#fff;
}
#sideColumn ul#sideMenu li ul li a {
  display:block;
  width:170px;
  margin-bottom:1px;
  padding:1px 0 1px 10px;
  line-height:1.2em;
  background:url(/img/format/icon_go.gif) no-repeat 0 0.3em;
}
html>body #sideColumn ul#sideMenu li ul li a {
  width:160px;
}
#sideColumn ul#sideMenu li ul li a.here,
#sideColumn ul#sideMenu li ul li a.here:link,
#sideColumn ul#sideMenu li ul li a.here:visited,
#sideColumn ul#sideMenu li ul li a.here:active,
#sideColumn ul#sideMenu li ul li a.here:hover {
  color:#999;
}

#sideColumn ul#sideMenu li.notebook {   /* banner notebook */
  width:180px;
  height:40px;
  margin:0 0 1px 0;
}
#sideColumn ul#sideMenu li.notebook a {
  position:absolute;
  width:180px;
  height:40px;
  line-height:200px;
  background:url(/img/format/bnr_notebook.gif) no-repeat left top;
  overflow:hidden;
  cursor:pointer;
}
#sideColumn ul#sideMenu li.calendar {   /* banner calender */
  width:180px;
  height:40px;
  margin:0 0 1px 0;
}
#sideColumn ul#sideMenu li.calendar a {
  position:absolute;
  width:180px;
  height:40px;
  line-height:200px;
  background:url(/img/format/bnr_calendar.gif) no-repeat left top;
  overflow:hidden;
  cursor:pointer;
}

#sideColumn p#standardStore {   /* standard store */
  margin-bottom:15px;
  text-align:center;
  font-size:12px;
}
#sideColumn p#standardStore em {
  font-style:normal;
}
#sideColumn p#standardStore img {
  margin:2px 0;
}

#sideColumn p#RSSfeed {   /* RSS feed */
  margin-bottom:10px;
}
#sideColumn p#RSSfeed a {
}
#sideColumn p#RSSfeed a img {
}

#sideColumn p.time {   /* time */
  position:relative;
  color:#ccc;
}



/* footer */
#footer {
  position:relative;
  z-index:2;
  clear:both;
  height:30px;
  text-align:center;
  font-size:12px;
  color:#3c3;
}
#footer p {
  position:relative;
  width:758px;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  line-height:30px;
  background:#d0ffc0;
  overflow:hidden;
}


#sideColumn p.hokushin {   /* hokushinetu taikai */
  width:180px;
  height:90px;
  margin-bottom:15px;
  background:url(/hokushin/img/bn_hokushin.gif) no-repeat right top;
}

#sideColumn p.hokushin a {
  display:block;
  position:absolute;
  width:180px;
  height:90px;
  line-height:200px;
  overflow:hidden;
  cursor:pointer;
}

#sideColumn p.gakuyaku {   /* gakuyaku */
  width:180px;
  height:90px;
  margin-bottom:15px;
  background:url(/gakuyaku/img/bannar.gif) no-repeat right top;
}

#sideColumn p.gakuyaku a {
  display:block;
  position:absolute;
  width:180px;
  height:62px;
  line-height:200px;
  overflow:hidden;
  cursor:pointer;
}