@charset"UTF-8";

/* 初期設定 */

* { 
  margin: 0;
  padding: 0;
  font-style: normal;
  font-family: Verdana, Arial, "ヒラギノ角ゴPro W3","Osaka","MS Pゴシック",sans-serif;
  }
  
body {
  background-color: #ffffff;
  font-size: 12px;
  line-height: 1.4;
  }

img {
  border: 0;
  vertical-align: top;
  }

a:link {color: #666666; text-decoration: none;}

a:visited {color: #999999; text-decoration: none;}
  
a:hover {color: #009900; text-decoration: underline;}
  
a:active {color: #000000;}

p {margin-bottom: 5px;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  }

.clearfix {
  min-height: 1px;
  clear: both;
  margin:0;
  padding:0;
  }

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
  }

.clearBox {
  clear: both;
  margin: 0;
  padding: 0;
  }

.m10 {
  margin:10px 0;
  line-height: 1.4;
  }

.m5 {
  margin:5px 0;
  line-height: 1.4;
  }

.mu5 {
  margin-bottom: 5px;
}

.mu15 {
  margin-bottom: 15px;
}

.mu30 {
  margin-bottom: 30px;
}

.span5 {
  height: 5px;
  }

.span7 {
  height: 7px;
  }

.span10 {
  height: 10px;
  }

.span15 {
  height: 15px;
  }

.red {
  color: #ff0000;
  }

form {
  margin: 0;
  padding: 0;
  }
	
.button {
  background-color:#EAEAEA;
  border-color: #EAEAEA;
  border:1px outset #cccccc;
  }
	
textarea,input,select {
  background-color:#E8EFF7;
  border-top:1px n #999999;
  border-bottom:1px n #cccccc;
  border-left:1px n #999999;
  border-right:1px n #cccccc;
  /* gloove または insetで一括でも可 */
  }
  
h2 {
  font-size:12px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  }

h3 {
  font-size:14px;
  margin: 0;
  }

dl {
  margin:15px 0;
  }

/*　BODY　*/


#Wrapper {
  width: 900px;
  margin: 0 auto;
  }

#Header {
  width: 100%;
  }

#Header h1 {
  width: 900px;
  background-image: url(images/headerh1_bg.jpg);
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0 0 15px;
  margin: 5px 0 0 0;
  }

#headerBox {
  width: 100%;
  }
  
.headerLeft {
  width: 435px;
  height: 81px;
  padding-right: 10px;
  background-image: url(images/header_bg.jpg);
  background-repeat: repeat-x;
  float: left;
  }
  
.headerLeft h2 {
  color: #8DC53E;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  }
  
.headerLeft img {
  float: left;
  margin-right: 10px;
  }

.headerRight {
  width: 455px;
  height: 81px;
  background-image: url(images/header_bg.jpg);
  float: left;
  }

.headerRight img {
  padding-top: 3px;
  }


/* グローバルナビ */

div#Globalnav {
  width: 900px;
  margin: 5px auto;
  }
  
div#Globalnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
  
div#Globalnav ul li {
  width: 122px;
  height: 35px;
  padding: 0;
  float: left;
  }
  
div#Globalnav ul li a {
  display: block;
  height: 35px;
  }

div#Globalnav ul li.cart {
  width: 170px;
  height: 35px;
  padding: 0;
  float: left;
  }
  
div#Globalnav ul li.cart a {
  display: block;
  height: 35px;
  }

a.btnCart {
  /* background-image: url(images/btn_cart.jpg);
  background-repeat: no-repeat;
  overflow: hidden; */
  width: 170px;
  }
  
/*
a.btnCart:hover {
  background-position: 0 -35px;
  }
*/

a.btnTop {
  background-image: url(images/menu01.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 122px;
  }

a.btnTop:hover {
  background-position: 0 -35px;
  }

a.btnGuide {
  background-image: url(images/menu02.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 122px;
  }

a.btnGuide:hover {
  background-position: 0 -35px;
  }

a.btnHosyo {
  background-image: url(images/menu03.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 122px;
  }

a.btnHosyo:hover {
  background-position: 0 -35px;
  }

a.btnFaq {
  background-image: url(images/menu04.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 122px;
  }

a.btnFaq:hover {
  background-position: 0 -35px;
  }

a.btnCompany {
  background-image: url(images/menu05.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 122px;
  }

a.btnCompany:hover {
  background-position: 0 -35px;
  }

div#Globalnav ul li.contact {
  width: 120px;
  height: 35px;
  padding: 0;
  float: left;
  }
  
div#Globalnav ul li.contact a {
  display: block;
  height: 35px;
  }

a.btnContact{
  background-image: url(images/menu06.jpg);
  background-repeat: no-repeat;
  overflow: hidden;
  width: 120px;
  }

a.btnContact:hover {
  background-position: 0 -35px;
  }

a:hover {
cursor: pointer;
  }

/* コンテンツ　*/

#Contents {
  margin: 10px auto;
  }

/*　サイドバー左　*/

#SideBarLeft {
  width: 185px;
  float: left;
  }

#MenuBox {
  width: 170px;
  margin-bottom: 7px;
  }

.menuTitle {
  width: 170px;
  }
  
.menuArea {
  width: 170px;
  background-image: url(images/cate_bg.gif);
  }

.menuTextWrapA {
  background: url(images/leftwaku-bggrn.gif);
  }

.menuTextWrapB {
  background: url(images/leftwaku-bgblue.gif);
  }

.menuImg {
  width: 166px;
  margin: 0 auto;
  padding-top: 2px;
  }

.menuText {
  width: 140px;
  margin: 0 0 0 8px;
  height: 20px;
  background: url(images/arrow_gray.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-bottom: 1px dotted #cccccc;
  padding: 5px 0 0 15px;
  }

.menuFooter {
  width: 170px;
  height: 5px;
  }

/*　メイン　*/

#Main {
  width: 550px;
  float: left;
  margin: 0;
  }

.mainBnr {
  width: 550px;
  margin: 0 auto 10px;
  }

.infoArea {
  width: 550px;
  margin: 0 auto;
  }

.infoLeft {
  width: 160px;
  float: left;
  }

.naviBnr {
  width: 160px;
  margin-bottom: 5px;
  }

.infoRight {
  width: 390px;
  margin-top: 5px;
  float: left;
  }

.news {
  width: 390px;
  height: 175px;
  background: url(images/news_bg2.gif);
  }

.newsTitle {
  width: 390px;
  }

.newsBox {
  width: 380px;
  padding: 30px 0 0 10px;
  }

#newsTextBox {
  width: 370px;
  margin-bottom: 5px;
  }
  
.newsTextLeft {
  width: 105px;
  float: left;
  }

.newsTextRight {
  width: 250px;
  float: left;
  line-height: 1.4;
  }

.newsTextRight a {
  text-decoration: underline;
  }


.ichioshiArea {
  width: 390px;
  height: 150px;
  margin-top: 4px;
  background-image: url(images/ichioshi_bg2.gif);
  background-repeat: no-repeat;
  }

.ichioshi {
  width: 290px;
  height: 140px;
  padding: 15px 0 0 92px;
  }
  
.bnrArea {
  margin: 5px auto;
  }
  
.textArea {
  padding: 5px 0;
  text-align: center;
  }

.textAreaS {
  width: 140px;
  /* height: 60px; */
  font-size: 10px;
  padding: 5px 0;
  text-align: center;
  margin: 0 auto;
  }
  
.btnArea {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  }

.backTop {
  margin: 10px 0;
  padding-right: 10px;
  text-align: right;
  height: 20px;
  }

/*　サイドバー右　*/

#SideBarRight {
  width: 150px;
  float: right;
  }

#MenuBoxR {
  width: 150px;
  margin-bottom: 7px;
  }

.menuTitleR {
  width: 150px;
  }
  
.menuAreaR {
  width: 150px;
  background-image: url(images/titbar_maker2.gif);
  }

.menuTextWrapAR {
  background: url(images/rightwaku-bggrn.gif);
  margin: 0;
  padding: 0;
  }

.menuTextWrapBR {
  background: url(images/rightwaku-bg.gif);
  }

.menuTextR {
  width: 140px;
  margin: 0 0 0 8px;
  height: 20px;
  background: url(images/arrow_gray.gif);
  background-repeat: no-repeat;
  background-position: left center;
  border-bottom: 1px dotted #cccccc;
  padding: 5px 0 0 15px;
  }

.menuFooterR {
  width: 150px;
  height: 10px;
  margin: 0;
  padding: 0;
  }



/* フッター　*/

#Footer {
  background: url(images/footer_bg.jpg);
  background-repeat: no-repeat;
  color: #fff;
  clear: both;
  width: 900px;
  font-size: 12px;
  padding: 10px 0;
  margin: 10px 0;
  text-align: center;
  }