@charset "utf-8";
/* CSS Document */

/* -------------- Table of Contents --------------- */
/*
 1.    Imported Style
   1.  plane.css
   2.  uni-link.css
   3.  mainmenu-link.css
   4.  topstyle.css
   5.  commonstyle.css
   6.  cmsstyle.css

 2.    Browser Check
 Geckou,IE55 and IE6 display test.

 3.    Base Style
 BODY, Wrapper and hidden H2

 4.    Header Style
 Groval navigation Link and univercity link.(include file)

 5.    Contents Style
 one column layout and more.
 two column layout (toppage only) is include.

 6.    Menu Style
 Main menu style.
 Rollover action is include.

 7.    Footer Style
 Copyright and "to top" link style.

*/


/* ----------------------------- Inport Basic Style */
@import url("planestyle.css");
/* Inport univercity rollover action link */
/* @import url("uni-link.css"); */
/* Main menu rollover action link */
@import url("mainmenu-link.css");
@import url("topstyle.css");
@import url("commonstyle.css");
/* CMS Style */
@import url("cmsstyle.css");
/* LightBox Style */
@import url("../js/lightbox.css");

/* ----------------------------- Browser Check */
#bc {
  position:absolute;
  left: 100%;
  top: 0;
  width: 300px;
  margin: 0 0 0 -300px;
}

#bc-gecko,
#bc-ie,
#bc-ie60,
#bc-ie55 {
  display: none;
  background: red;
  color: #fff;
}

#bc-gecko {
  display: block;
}


/* ----------------------------- BaseStyle */
body {
  background: #fff;
  color: #333;
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h2 {
  visibility: hidden;
  margin: 0;
  font-size: 0px;
}

#wrapper {
  width: 800px;
}

/* ----------------------------- header */
/* Include style "uni-link.css" is rollover action */

#header {
  margin: 0 20px;
  padding: 0;
  background: url(../images/header-back.gif) left 42px no-repeat;
}

#header-nav {
  height: 42px;
  margin: 0;
  background:url(../images/header-nav-back.gif) no-repeat left top;
}

#header-nav .unilogo ,
#header-nav .contact ,
#header-nav .sitemap ,
#header-nav .feed {
  float: right;
  margin: 0 0 0 20px;
  padding: 0;
}

#header-nav .home {
  float: left;
  margin: 0;
  padding: 0;
}

#header-nav .unilogo a,
#header-nav .contact a,
#header-nav .sitemap a,
#header-nav .feed a,
#header-nav .home a{
  display: block;
  height: 42px;
}

#header-nav .unilogo a {
  width: 193px;
  background: url(../images/header-nav-logo.gif) left top no-repeat;
  text-indent: -9999px;
}
#header-nav .contact a{
  width: 62px;
  background: url(../images/header-nav-contact.gif) left top no-repeat;
  text-indent: -9999px;
}
#header-nav .sitemap a{
  width: 58px;
  background: url(../images/header-nav-sitemap.gif) left top no-repeat;
  text-indent: -9999px;
}
#header-nav .feed a{
  width: 41px;
  background: url(../images/header-nav-feed.gif) left top no-repeat;
  text-indent: -9999px;
}
#header-nav .home a{
  width: 67px;
  background: url(../images/header-nav-home.gif) left top no-repeat;
  text-indent: -9999px;
}

/*  del -- 060913 -- */
/*
#header-btm {
  clear:both;
  margin: 0 0 0 0;
  padding: 98px 0 0 0;
}

#header-btm p {
  margin: 0;
  padding: 0;
  float: left;
}

#header-btm ul {
  float: right;
  width: 580px;
  height: 16px;
  margin: 44px 0 0 0;
  padding: 0;
  background: url(../images/header-uni-back.gif) left top no-repeat;
}
*/

/* // del -- 060913 -- */


/* ----------------------------- contents */
/* Include style "topstyle.css" is TOPPAGE only two column layout style */

#contents {
  margin: 0 10px 0 0;
  float: right;
  width: 580px;
  background: url(../images/contents-head-back.gif) left top repeat-x;
}

/* not IE style hack */
html>body #contents {
  margin: 0 20px 0 0;
}

#contents {
}



#contmain {
  width: 580px;
}

#cont-sub {
  float: right;
  width: 170px;
}


#clumb p {
  font-size: 70%;
  padding : 13px 3px;
}

.more a {
  background:url(../images/allow-more.gif) left center no-repeat;
  padding: 0 0 0 18px;
}


/* ----------------------------- MovableType Entries */

.entryheader {
  border-top: solid 1px #3AA79A;
  border-bottom: solid 1px #3AA79A;
  padding: 3px 10px;
}

.entryheader h3 {
  font-size: 90%;
}

.entrybody {
  padding: 10px;
}

.entrybody p{
  font-size: 80%;
  clear: both;
}

.entrybody img {
  float: left;
  margin: 0 10px 10px 0;
}

.entrymore {
  clear: both;
  padding: 10px;
}

.entryfooter {
  border-top: solid 1px #3AA79A;
  clear: both;
}

/* ----------------------------- Non MovableType Content */

/*
.contentheader {
  border-top: solid 2px #0D6D5D;
  border-bottom: dashed 1px #0D6D5D;
  background: url(../images/content-head-back1.gif) right top no-repeat;
  padding: 4px 0px 4px 0px;
}
*/

.contentheader {
  border-top: solid 2px #0D6D5D;
  background: url(../images/content-head-back1.gif) right bottom no-repeat;
  padding: 3px 0 22px 5px;
}


.contentheader h3 {
  font-size: 90%;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#006600;
  padding: 0 0 4px 22px;
  letter-spacing: 0.3ex;
  background: url(../images/content-head-mark3.gif) left 0 no-repeat;
}


.contentbody {
  padding: 10px;
}

.contentbody h4 {
  font-size: 80%;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color:#006600;
  border-bottom: solid 1px #3AA79A;
  padding: 3px 10px 3px 20px;
  margin: 10px 0 5px 0;
  background: #D8EDEB url(../images/content-head-mark1.gif) 5px 5px no-repeat;
}

.contentbody p{
  font-size: 80%;
  clear: both;
}


.midashi {
  font-size: 140%;
  font-weight: bold;
  color:#006600;
  clear: both;
  padding: 3px 10px 3px 20px;
  margin: 10px 0 5px 0;
  background: url(../images/content-head-mark2.gif) 5px 10px no-repeat;
  border-bottom: solid 1px #3AA79A;
}
.midashi2 {
  font-size: 140%;
  color:#333;
  clear: both;
  padding: 3px 10px 3px 20px;
  margin: 10px 0 5px 0;
  background: #D8EDEB url(../images/midashi-back.gif) right top repeat-y;
}

.contentbody img {
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 1;
}

.contentmore {
  clear: both;
  padding: 10px;
}

.contentfooter {
  border-top: solid 1px #3AA79A;
  clear: both;
}




/* ----------------------------- menu */
/* Include style "mainmenu-link.css" is rollover action */

#menu {
  flota: left;
  width: 180px;
  background: url(../images/mainmenu-back.gif) left top no-repeat;
}

#mainmenu {
  background: url(../images/mainmenu_btm.gif) left bottom no-repeat;
  width :180px;
  margin: 0;
  padding: 17px 0 3px 0;
}

#mainmenu li {
  margin: 0 0 0px 0;
  padding: 0;
  list-style: none;
}


#ownerblog {
  background:url(../images/menu-blog.gif) left top no-repeat;
}
#ownerblog ul{
  background:url(../images/menu_dotline.gif) left bottom no-repeat;
  padding: 20px 0 10px 0;
}
#ownerblog li{
  font-size: 70%;
  margin: 5px 0 5px 20px;
  padding: 0 0 0 10px;
  background: url(../images/allow-ban.gif) left 2px no-repeat;
  list-style: none;
}

.menu-cont {
  padding: 10px 0 0 20px;
  background: #fff;
}


/* ----------------------------- footer */

#footer {
  margin: 20px 20px;
}

#footer .feed {
  float: left;
  font-size: 70%;
}

#footer .feed a.feed {
  background:url(../images/footer-feed.gif) left center no-repeat;
  padding: 0 0 0 16px;
  font-size: 100%;
}

.to-top {
  float: right;
  font-size: 70%;
}
.to-top a {
  background:url(../images/circle-gray.gif) left center no-repeat;
  padding: 0 0 0 12px;
}

.copyright {
  font-size: 70%;
  clear: both;
  text-align:center;
  border-top: solid 1px #3AA79A;
}