@charset "Shift_JIS";


/* -----ベース----- */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#fff;

}

br {
   letter-spacing:normal;
}

a {
   color:#330099;
   text-decoration:none;
}

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

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

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

hr.dot {
height: 2px;
border: none;
border-top: 2px #00cccc dotted;
}

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* -----各ブロック----- */

/* -----上のちょこっとメニュー（メイン）----- */
#ber{
   background:transparent;
   width:1050px
   margin:0 auto;
   padding:0 5px;
}

#ber p{
   font-size:63%;
   text-align:center;
}

#ber ul {
   width:1050px;
   margin:0 auto;
   padding:0;
}

#ber li {
   float:left;
   font-size:75%;/* 12px相当 */
   color:#000000;
   text-align:center;
   list-style-type:none;
   background:url("../images/ti_back.gif");
}

#ber li a {
   display:block;
   width:120px;
   color:#000000;
   line-height:71px;/*横メニューの高さ調整-------*/
}

#ber li a.active {
   color:#3300cc;
}

#ber li a:hover {
   color:#006666;
   text-decoration:none;
   background:url("../images/ti_back.gif");
}


/* -----上のちょこっとメニュー（サブ）----- */
#ber2{
	background : #ffffff url(../images/main_back.jpg);
   width:1050px
   margin:0 auto;
   padding:0 5px;
}

#ber2 p{
   font-size:63%;
   text-align:center;
}

#ber2 ul {
   width:1050px;
   margin:0 auto;
   padding:0;
}

#ber2 li {
   float:left;
   font-size:75%;/* 12px相当 */
   color:#000000;
   text-align:center;
   list-style-type:none;
   background:url("../images/ti_2back.gif");
}

#ber2 li a {
   display:block;
   width:120px;
   color:#000000;
   line-height:71px;/*横メニューの高さ調整-------*/
}

#ber2 li a.active {
   color:#3300cc;
}

#ber2 li a:hover {
   color:#006666;
   text-decoration:none;
   background:url("../images/ti_2back2.gif");
}


/* -----ヘッダー画像----- */

#header {
	margin:0 auto;
	position:relative;
	padding:0 5px;
	text-align:center;
	background : #ffffff url(../images/main_back.jpg);
	background-repeat: repeat-x;
}


/* -----上部の横メニュー----- */

#menu {
   width:100%;
   float:left;
   margin-bottom:0px;
   background : #0099cc repeat-x 0px 100%;/*横メニューの背景----*/
}


#menu ul {
   width:1050px;
   margin:0 auto;
   padding:0;
}

#menu li {
   float:left;
   font-size:66%;/* 11px相当 */
   color:#000000;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:145px;
   color:#000000;
   line-height:50px;/*横メニューの高さ調整-------*/
   border-left:1px solid #66cc99;
}

#menu li.home a {
   border:none;
}

#menu li a.active {
   /*background:#00ff00;*/
   color:#FF6347;
}

#menu li a:hover {
   color:#ffffff;
   background:#339966;
   text-decoration:none;
}


/* -----コンテンツ(トップ)----- */
#contents_block{
	background : #fff url(../images/back2.jpg);
	background-repeat: repeat-x;
	width:100%;/*---横全画面-----------------*/
	margin: 0;
	padding: 0;
}

#contents {
   background-color:#ffffff;
   width:1090px;
   margin:0 auto;
}

#contents h1{
   width:500px;
   background:url("../images/ti_new.gif") 0 100%;
   background-position:20pt 1pt;
   background-repeat: no-repeat;
   font-size:100%;
   color:#666666;
   padding-top:15px;
   padding-left:35px;
}

/* -----コンテンツ(トップのNEWS)----- */

#news {
   width:750px;
   float:left;
   height:255px;
   overflow:scroll;
   margin:10px 30px 10px 40px;
   background-color:#e4e4e4;
   border:thin ridge;

}

#news ul{
	margin:0px 2px 0px 2px;
}

#news li{
	margin-bottom:2px;
	padding-bottom:7px;
	padding-left:4px;
	padding-top:7px;
	border-bottom:#999999 dotted 1px;/*---一行の下に点線---*/
}


#pickup {
   float:right;
   width:252px;
   margin-right:5px;/*右余白----*/
   margin-left:5px;/*右余白----*/
   margin-top:10px;
   background:transparent
}


/* -----左メニュー----- */

#allmenu {
   float:left;
   width:260px;
   margin-left:3px;/*左の余白------*/
}

#allmenu h2 {
   height:36px;
   padding-top:18px;
   padding-bottom:4px;
   font-size:88%;/* 14px相当 */
   font-weight:bold;
   color:#5A5132;
   background : #ffffff url(../images/ba_menu.jpg) no-repeat 0px 50%;
   border-bottom:1px solid #E7E7E7;
}

#allmenu ul {
   margin-left:60px;
   margin-top:0;
   margin-right:15px;
   padding:0;
}

#allmenu li {
   font-size:82%;/* 13px相当 */
   line-height:2.5;
   border-bottom:1px solid #ddd;
   list-style:url(../images/point_2G.png);
   padding-left:1px;
}

#allmenu li a {
   color:#333;
}

#allmenu li a:hover {
   color:#E79E00;
}

#allmenu img{
   width:192px;
   height:64px;
   margin-top:5px;
   margin-left:8px;
}

.migini{
   padding-left:25px;
}

.migini2{
   padding-left:150px;
}


/* -----コンテンツ(トップのピックアップ)----- */

#pickup .section {
   margin-bottom:10px;
}

#test{
   clear:both;  
   width:1100px;
}


#contents2 {
   clear:both;
   width:1100px;
   margin:0 auto;
   background-color:#ffffff;
}


/* -----コンテンツ(トップのトピックス)----- */

#topics {
  float:right;
  width:750px;
  text-align: left;  
  background-color:transparent;
  margin-top:10px;
}

.pic-box{
  float:left;
  padding-right:20px;
  width:280px;
}

.pic-box2{
  float:left;
  padding-right:20px;
  width:390px;
}

.pic-box3{
  float:left;
  padding-right:20px;
  width:335px;
}

.end{
  clear:both;
}

#topics img{
  width:100%;
  height:auto;
}


#topics h3{
   width:690px;
   background:url("../images/ti_topi.gif") 0 100%;
   background-position:1pt 1pt;
   background-repeat: no-repeat;
   font-size:100%;
   color:#666666;
   border-style: solid;
   border-width: 1px;
   border-color: #ccccff;  
   padding: 8px 25px 8px 20px;
   margin-top:10px; 
   margin-right:10px; 
   text-align:right;
}


/* -----コンテンツ(トップの安心)----- */

#ansin {
  width:750px;
  float:right;
  text-align: left;  
  background-color:transparent;
  margin-top:10px;
}

#ansin h3{
   width:690px;
   background:url("../images/ti_ansin.gif") 0 100%;
   background-position:1pt 1pt;
   background-repeat: no-repeat;
   font-size:100%;
   color:#666666;
   border-style: solid;
   border-width: 1px;
   border-color: #ccccff;  
   padding: 8px 25px 8px 20px;
   margin-top:10px; 
   margin-right:10px; 
   text-align:right;
}

#ansin h4{
   width:690px;
   background:url("../images/ti_gimon.gif") 0 100%;
   background-position:1pt 1pt;
   background-repeat: no-repeat;
   font-size:100%;
   color:#666666;
   border-style: solid;
   border-width: 1px;
   border-color: #ccccff;  
   padding: 8px 25px 8px 20px;
   margin-top:10px; 
   margin-right:10px; 
   text-align:right;
}

/* -----サブページのメイン----- */

#sub {
  width:750px;
  float:right;
  text-align: left;  
  background-color:transparent;
  margin-top:10px;
}

#sub h3{
   width:100%;
   height:108px;
}

#sub h4{
   background:url("../3mega/ber_b.gif");
   border-style: solid;
   border-width: 1px;
   border-color: #ccccff;  
   padding: 8px 0px 8px 25px;
   margin-top:10px; 
   margin-right:10px; 
}

#sub h5{
   background:url("../3mega/ber_b2.gif");
   border-style: solid;
   border-width: 1px;
   border-color: #ccccff;  
   padding: 8px 0px 8px 25px;
   margin-top:10px; 
   margin-right:10px; 
}

#sub ul {
   margin-top:0;
   padding:0;
}

#sub li {
   font-size:88%;
   padding-left:10px;
   margin-left:30px;
   width:680px;
   line-height:2.0;
   border-bottom:2px dotted #ddd;
   list-style:url(../images/bk_b.gif);
}

#sub td {
   padding-right:8px;
   padding-top:8px;
  vertical-align:top;
}

.center {
  text-align: center;  
}

.right {
  text-align: right;  
}

.small {
   font-size:75%;
   padding-left:5px;
}

.big {
   font-size:107%;
   font-weight:bold;
   color:#000066;
}


.ue {
   vertical-align: top;
}

.red {
   color:#ff3333;
   font-weight: bold;
}

#tokusitu {
   text-align: center; 
   font-size:75%;
}

#tokusitu table,#tokusitu td,#tokusitu th {
    border-collapse: collapse;
    border:1px solid #00cccc;
    }


#tokusitu td {
   width:200px;
}

/*商品一覧 */

div.imagebox {
   border: 1px dotted #0000cc; /* 1.枠線 */
   background-color: #eeeeff;  /* 2.背景色 */
   width: 230px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 8px; /* 周囲の余白 */
}

div.imagebox2 {
   border: 1px dotted #009999; /* 1.枠線 */
   background-color: #d5c2af;  /* 2.背景色 */
   width: 230px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 8px; /* 周囲の余白 */
}

div.imagebox3 {
   border: 1px dotted #0000cc; /* 1.枠線 */
   background-color: #eeeeff;  /* 2.背景色 */
   width: 350px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 8px; /* 周囲の余白 */
}

p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 10px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   color: darkblue; /* 6.文字色 */
}



/*フッター */

#footer {
   clear:both;
   width:100%;
   font-size:88%;
   text-align:center;
   background-color:#69bfe4;
   background-image : url(../images/foot_back2.gif);
   background-repeat: no-repeat;
   height: 120px;
   margin-left:auto;
   margin-right:auto;
   padding-top:10px;
}

/* 次ページへのボタン */

#next{
    clear:both;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    text-align: right;
    font-size:70%;
}



/* 先頭に戻るボタン */

#pagetop{
    clear:both;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    text-align: right;
    font-size:70%;
}

#pagetop a{
    /* 先頭に戻るボタンの左右設定 */
    display: block;
    width: 110px;
    height: 11px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    background-image : url(../images/b_return.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}