@charset "Shift_JIS";
*{
  margin:0;
  padding:0;
}
html{
  background:#fff;
}
body{

    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;

  font : normal normal normal 13px;
  line-height : 1.5;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color : black;
  background : rgb(255, 255, 255) url(images/header.png) repeat-x scroll 0% 0%;
  font-size : 13px;
}
body#under {
  background: url(images/header_under.png) repeat-x top;
}
a{
  color : rgb(92, 92, 148);
}
a:hover{
  color : rgb(153, 153, 153);
  text-decoration:none;
}
a:active, a:focus {
  outline:0;
}
img{
  border:0;
}
.clear{
  clear:both;
}
p{
  padding-bottom:10px;
}
.center{
  text-align:center;
}
.right{
  text-align:right;
}

/*******************************
全体幅
*******************************/
#header , container, #wrapper, .inner{
  margin:0 auto;
  width:960px;
}
/*******************************
/* ヘッダー
*******************************/
#header{
  position:relative;
  height:120px;
}
#header h1,#header h2, #header h3, #header ul, #header .banners{
	position: absolute;
	top: 2px;
	color:#333;
	font-size: 10px;
	font-weight: normal;
	line-height: 28px;
}
#header h2{
  right:0;
}
/* ロゴの位置 */
#header h3{
  top:35px;
font-size: 12px;
}
/******************
/* ヘッダーナビゲーション
******************/
#header ul{
  top:35px;
  right:0;
  width:305px;
  height:15px;
  background : transparent;
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : 0px 0px;
  line-height:15px;
}
#header ul li{
  float:left;
  list-style:none;
}
#header ul a{
  text-indent:-9999px;
  text-decoration:none;
  display:block;
  height:15px;
  background : transparent url(images/topnav.png) no-repeat scroll 0% 0%;
}
#header ul a#sitemap{
  background-position : -110px 0px;
  width : 91px;
}
#header ul a#access{
  background-position : -214px 0px;
  width:91px;
}
#header ul a:hover#sitemap, #header ul li.active a#sitemap{
  background-position:-110px -15px;
}
#header ul a:hover#access, #header ul li.active a#access{
  background-position : -214px -15px;
}
/******************
/* ヘッダー　バナー
******************/
#header .banners{
  right:-10px;
  top:60px;
}
#header .banners img{
  margin-right:10px;
}
/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
  margin:0 auto;
  width:960px;
  height:45px;
  background:url(images/mainnav.png) no-repeat 0 0;
}
ul#mainnav li{
  float:left;
  list-style:none;
  width:192px;
}
ul#mainnav a{
  text-indent:-9999px;
  text-decoration:none;
  display:block;
  width:192px;
  height:45px;
  background:url(images/mainnav.png) no-repeat 0 0;
}
ul#mainnav a#home{
  background-position:0 0;
}
ul#mainnav a#menu1{
  background-position:-192px 0;
}
ul#mainnav a#menu2{
  background-position:-384px 0;
}
ul#mainnav a#menu3{
  background-position:-576px 0;
}
ul#mainnav a#menu4{
  background-position:-768px 0;
}
ul#mainnav a:hover#home, ul#mainnav li.active a#home{
  background-position:0 -45px;
}
ul#mainnav a:hover#menu1, ul#mainnav li.active a#menu1{
  background-position:-192px -45px;
}
ul#mainnav a:hover#menu2, ul#mainnav li.active a#menu2{
  background-position:-384px -45px;
}
ul#mainnav a:hover#menu3, ul#mainnav li.active a#menu3{
  background-position:-576px -45px;
}
ul#mainnav a:hover#menu4, ul#mainnav li.active a#menu4{
  background-position:-768px -45px;
}
/*******************************
メイン画像
*******************************/
#mainImage{
  width:960px;
  margin:30px auto 0 auto;
}
/* トップページ　メインカラムの写真 */
.photoB{
  margin-bottom:5px;
}
/*******************************
コンテンツ位置
*******************************/

/* メイン+ サイドバー右 */
#container{
  float:right;
  width:745px;
  margin-right : 0px;
  margin-bottom : 30px;
  margin-left : 0px;
  margin-top : 10px;
}
#container1{
  float : none;
  width:960px;
  margin : 0px 0px 30px;
}

#main{
  float:left;
  width:530px;
  padding:20px 0 0;
}
#main2{
  
  width:745px;
  padding-right : 0px;padding-bottom : 0px;padding-left : 0px;
  float : right;
  margin-top : 10px;
}
#sidebarR{
  float:right;
  width:200px;
  padding:24px 0 0;
  margin : 0px 0px 30px;
}
#sidebarR p{
  padding:0 0 15px;
}
/* サイドバー左 */
#sidebarL{
  float:left;
  width:200px;
  padding:24px 0 0;
  margin-right : 0px;
  margin-bottom : 30px;
  margin-left : 0px;
  margin-top : 10px;
  
}
#sidebarL p{
  padding:0 0 15px;
}
/* トップページのサイドバーの上部スペースの調節 */
body.toppage #sidebarR,body.toppage #sidebarL{
  padding-top:20px;
}
#date {
  text-align: right;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight:bold;
  color : rgb(133, 133, 133);
}
#next {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}
img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.box_img_border{
  border: 1px solid #cccccc;
  padding: 1px;
  margin: 1px;
}
/*************************
/* ボックスの囲み
/* .boxContainer
/* 背景画像でボックスの高さを調整
/* 
/* 各ボックス
/* .box1 1番目の2つのbox
/* .box2 2番目の3つのbox（画像）
/* .box3 3番目の2つのbox
/* .box4 4,5番目の1つのbox
/* .boxS サイドバーのbox
*************************/
.boxContainer{
  width:530px;
  margin:0 auto 15px;
  background:url(images/box1.png) 0 100%;
}
.box1,.box4{
  float:left;
  width:231px;
  margin:0 20px 0 0;
  padding:15px 12px;
}
.box1{
  background:url(images/boxTop.png) 0 0 no-repeat;
}
.box2{
  width: 200px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom : 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom : 6px;
  padding-left: 0px;
  background-color: transparent;
  background-image : url(images/sidebarBox.png);
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0px 100%;
  top : 0px;
  
  
  

  left : 0px;
  height : 0px;
}
.box3{
  width:200px;
  margin-right : 0px;
  margin-bottom : 15px;
  margin-left : 0px;
  padding-right : 0px;
  padding-bottom : 10px;
  padding-left : 0px;
  background : transparent url(images/sidebarBox2.png) repeat scroll 0px 100%;
  top : 0px;
  padding-top : 0px;
  margin-top : 0px;
}
.box4{
  margin : 0px 0px 15px;
  padding : 0px 0px 8px;
  width:530px;
  border : 0px none;
  background : transparent url(images/senterberbox.gif) repeat scroll 0px 100%;
  color : rgb(51, 51, 51);
  text-align : center;
}
.box5{
  width:200px;
  margin : 10px 0px 15px;
  padding:0 0 10px;
  background : transparent url(images/sidebarBox.png) repeat scroll 0px 100%;
  
  line-height : 30px;
}
.box6{
  margin : 0px 0px 15px;
  padding:0 0 10px;
  width:530px;
  border : 0px none;
  background:url(images/senterbarbox.png) 0 100%;
  text-align : center;
}
.box7{
  margin : 0px 0px 15px;
  padding : 0px 0px 10px;
  width : 530px;
  border : 0px none;
  background : transparent url(images/senterberbox.gif) repeat scroll 0px 100%;
  color : rgb(51, 51, 51);
  text-align : center;
}

.box8{
position: relative;
bottom:18px;
left:65px;
}

.boxs{
  width: 200px;
  margin : 0px 0 15px;
  padding : 0px 0px 7px;
  background:url(images/sidebarBox.png) 0 100%;
}
.box10{
  width: 200px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left : 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom : 8px;
  padding-left: 0px;
  font-size: 13px;
  background-color: transparent;
  background-image : url(images/sidebarBox.png);
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0px 100%;
  
  vertical-align : 25px;
}
.boxS0{
  width:200px;
  margin:0px 0 15px;
  padding:0 0 10px;
  font-size:13px;
  background:url(images/sidebarBox2.png) 0 100%;
}
/* 最後のbox */
.last{
  margin-right:0;
}
/* 画像を中央表示 */
.box1 .center{
  padding-bottom:10px;
}
.box2 h3{
  font-weight: normal;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-bottom : 0px;
  line-height: 45px;
  font-size: 13px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  color: white;
}
.box2 p{
  padding-top: 0px;
  padding-right: 11px;
  padding-bottom: 10px;
  padding-left: 12px;
}
.box4 p{
  padding-top: 0px;
  padding-right: 11px;
  padding-bottom: 10px;
  padding-left: 12px;
}
/*************
/* 見出し
*************/
.box3 h4{
  margin-bottom:10px;
}
.box5 h4{
  margin-bottom:10px;
}
#main h3{
  font-weight: normal;
  margin-top: 0px;
  margin-right: 1px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 12px;
  color : rgb(119, 119, 119);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
}
#main .boxT p{
  padding:0 10px 25px 10px;
}
#wrapper h2{
  padding : 0px 5px 20px;
  line-height : 47px;
  font-size : 16px;
  font-weight : 400;
  color : rgb(51, 51, 51);
  background : transparent url(images/title1.png) no-repeat scroll 0px 0%;
  text-indent : 30px;
  margin-top : 30px;
}
#wrapper .box4 h3{
  font-weight:normal;
  padding:7px 5px;
}
.box10 h3{
  margin-bottom: 7px;
  font-size: 13px;
  background-color: transparent;
  background-attachment: scroll;
  background-position: 0px 0px;
  color: white;
  line-height : 40px;
}
.box11 h3{
  font-weight: normal;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 24px;
  line-height: 38px;
  font-size: 13px;
  color: white;
  background-color: white;
  background-repeat: no-repeat;
}
.box3 h3{
  font-weight: normal;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-bottom: 7px;
  line-height : 45px;
  font-size: 13px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  color: white;
  vertical-align : 0px;
  text-indent : 0em;
}
.box5 h3{
  font-weight: normal;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-bottom: 7px;
  line-height: 45px;
  font-size: 13px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0px;
  color: white;
  vertical-align : 0px;
  text-indent : 0em;
}
/*************
/* リスト
*************/
#wrapper ul{
  margin:0 6px;
}
#wrapper ul li, #footerUpper ul li{
  list-style-type: none;
  padding-top: 0px;
  padding-right : 5px;
  padding-bottom: 0px;
  padding-left : 17px;
  margin-top : 0px;
  background-repeat : no-repeat;
  background-position : 5px 5px;
  position : relative;
  left : 0px;
background-image : url(images/ya.gif);
  margin-bottom : 8px;
}
#footerUpper ul li{
  background-position: 0 3px;
}
#wrapper .box3 ul{
  padding:0 5px;
}
#wrapper .boxS ul{
  margin-left:0x;
}
.box10 p{
  margin : -4px 6px 0px 1px;
  padding-bottom : 10px;
  padding-left : 0px;
}
/*******************************
/* バナー
*******************************/
#banners{
  clear:both;
  padding: 20px 0 20px;
  text-align : center;
  background:#e8e8e8;
  border-bottom : 1px solid rgb(122, 122, 122);
  text-indent : 15px;
}
#banners img{
  margin-right : 10px;
}
#banners img.last{
  margin:0;
}
/*******************************
/* フッター
*******************************/
#footerUpper{
  clear:both;
  padding:20px 0;
  border-top : 1px solid rgb(232, 232, 232);
  border-bottom : 1px solid rgb(96, 96, 96);
  overflow:hidden;
  background : rgb(140, 140, 182) none repeat scroll 0% 0%;
}
#footerUpper .inner{
  background:url(images/footerBorder.gif) repeat-y;
}
#footerUpper .inner .box{
  float:left;
  width:210px;
  padding-left:10px;
  margin:0 20px 10px 0;
  line-height : 2;
}
#footerUpper .inner .last{
  width:230px;
  margin-right:0;
}
#footerUpper a{
  color:#ffffff;
}
#footerUpper a:hover{
  color:#e6e6e6;
  text-decoration:none;
}
#footerLower{
  clear:both;
  padding:7px;
  text-align:center;
  border-top:1px solid #959595;
  background : rgb(92, 92, 152) url(images/under.png) repeat scroll 0% 0%;
}
address{
  font-style:normal;
  font-size:13px;
  color:#ffffff;
}
.image1{
  background-image : url("images/what's new.jpg");
  background-position : 0px 0px;
  height : 58px;
}
.image2{
  background-image : url(images/new_goods.jpg);
  background-position : 0px 0px;
  height : 62px;
}
.cart1{
  font-weight : 400;
  line-height : 60px;
  color :  rgb(84,86,151);
  background-color : transparent;
  background-image : url(images/title5.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  text-indent : 50px;
  padding-left : 20px;
  padding-right : 5px;
  font-size : 18px;
  font-weight : bold;

  height : 58px;
  margin-top : 16px;
  margin-bottom : 10px;
  padding-bottom : 5px;
  top : 0px;
}
.bar01{
  font-weight : 400;
  line-height : 38px;
  color : rgb(84,86,151);
  background-color : transparent;
  background-image : url(images/title3.png);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  text-indent : 0px;
  padding-left : 5px;
  padding-right : 5px;
  font-size : 16px;
  height : 38px;
  margin-top : 14px;
  padding-bottom : 5px;
  margin-bottom : 4px;
  text-align : left;
}
.bar02{
  
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
  font-size: 18px;
  font-weight : bold;

  color: rgb(84,86,151);
  background-color: transparent;
  background-image : url(images/title4_1.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0%;
  text-indent : 50px;
  margin-top : 25px;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height : 60px;
  padding-top : 0px;
}
.bar03{
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
  line-height : 60px;
  font-size: 18px;
  font-weight : bold;

  color: rgb(84,86,151);
  background-color: transparent;
  background-image : url(images/title4_2.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0%;
  text-indent : 50px;
  margin-top : 25px;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bar04{
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
  line-height : 60px;
  font-size: 18px;
  font-weight : bold;
  color: rgb(84,86,151);
  background-color: transparent;
  background-image : url(images/title4.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0%;
  text-indent : 50px;
  margin-top : 25px;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bar05{
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
  line-height : 60px;
  font-size: 18px;
  font-weight : bold;
 color: rgb(84,86,151);
  background-color: transparent;
  background-image : url(images/title4.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0%;
  text-indent : 50px;
  margin-top : 25px;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.bar06{
  
  
  font-size : 13px;
  font-weight : normal;
  color: white;
  background-color: transparent;
  background-image : url(images/title6.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position : 0px 0%;
  
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  
  
  
  
  position : relative;
  
  padding-right : 20px;
}
.bar061{
  padding-top: 0px;
  line-height : 38px;
  font-size : 13px;
  font-weight : normal;
  color: rgb(51, 51, 51);
  background-color: transparent;
  background-image : url(images/title6.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0%;
  text-indent : 35px;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  left : 400px;
  position : relative;
  bottom : 38px;
}
.bar07{
  
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
  font-size: 18px;
  font-weight : bold;

  color: rgb(84,86,151);
  background-color: transparent;
  background-image : url(images/title4_4.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0%;
  text-indent : 35px;
  margin-top : 25px;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height : 60px;
  padding-top : 0px;
}
.bar08{
  
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px;
  font-size: 20px;
  
  color: rgb(51, 51, 51);
  background-color: transparent;
  background-image : url(images/title4_5.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0px 0%;
  text-indent : 35px;
  margin-top : 25px;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height : 60px;
  padding-top : 0px;
}


h6{
  font-size : 10px;
  font-weight : normal;
  font-family : "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

{
  font-weight : bold;
  color : red;
}

h2{
  font-size : 18px;
}


.search_container{
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #545697;
  display: block;
  padding: 3px 10px;
  border-radius: 3px;
  height: 2.3em;
  width: 320px;
  overflow: hidden;
 left:632px;
  top: 25px;
}
.search_container input[type="text"]{
  border: none;
  height: 1.7em;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background: #545697;
  color: #fff;
  position: absolute;
  width: 3.5em;
  height: 2.7em;
  right:0px;
  top: -5px;
  outline : none;
}