/* body ボディ
-----------------------------------------------------*/

body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅";
font-size:80%;
line-height: 140%;
letter-spacing:1px;
color: #333333;
background-image:url(images/beijing2.jpg);
background-repeat:repeat-x;
background-color:#f0f8ff;
text-align: center;
margin: 0px auto;
padding: 0px;
}

a:hover {
text-decoration: none;
}


/* container コンテナ
-----------------------------------------------------*/

#container {
width:900px;
margin: 0px auto;
background-color:#FFFFFF;
text-align: left;
}

/* header ヘッダー
-----------------------------------------------------*/

#header {
height:110px;
color:#000000; /*社名*/
font-style: normal;
background-image:url(images/header_back.jpg);
background-repeat:no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:900px;
}

#header_left {  /*--------LOGO位置---------*/
float:left;
margin: 20px 0px 0px 35px;
}

#header_left2 {    /*--------社名---------*/
float:left;
font-family: "麗流隷書", "Verdana", "ＭＳ 明朝", "Osaka‐等幅";
font-size:30px;
line-height: 140%;
font-weight:bold;
margin: 30px 0px 0px 20px;     /*--------上ー下ー右ー左---------*/
overflow: hidden;
display: inline;
}

#header_right {
font-size:10px;
float:right;
text-align:right;
margin: 87px 10px 0px 0px;
}

#header_right ul {
list-style:none;
display:block;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#header_right li {
float:left;
padding: 0px 0px 0px 30px;
background: url(images/header_li.gif) no-repeat 20px 0.7em;
}

#header_right li a, #header_right li a:link, #header_right li a:visited {
color: #FFFFFF;
text-decoration: none;
}

#header_right li a:hover {
text-decoration:underline;
}

h1 {
font-size:12px;
font-weight:normal;
background:#006600; /* top 横線20b2aa*/
color:#FFFFFF;
height:20px;
width:890px;
margin: 0px;
padding: 0px 0px 5px 10px;
}

/* ****ヘッダーメニュー
-----------------------------------------------------*/
.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 149px;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 40px;
  background:#ffffff;/*親メニューの背景色*/
  color: #4D4D4D;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
  border-right: 1px solid #ccc;	/*右側の線の幅、線種、色*/
}
.menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#20b2aa;/*ホバー時の親メニューの背景色*/
  color:#4D4D4D;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 149px;
  z-index: 100;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 149px;/*サブメニューの幅*/
  height: 0;
  background:#e6e6fa;/*サブメニューの背景色*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#afeeee;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


/* pan パンくずリスト
-----------------------------------------------------*/

.pan {
font-size:10px;
padding: 10px 20px 0px 20px;
}

/* main メイン
-----------------------------------------------------*/

#main {
float:right;
width:700px;
background: #FFFFFF;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}

#main .category {
width:700px;
margin: 0px 0px 15px 0px;
}

#main h2 {
background-image:url(images/h2.gif);
background-repeat:no-repeat;
height:17px;
font-size:110%;
color:#FFFFFF;
font-weight:bold;
margin: 10px 10px 10px 10px;
padding: 11px 10px 10px 20px;
}

#main h3 {
font-size:105%;
border-left:#006600 solid 6px;    /*見出し*/
border-bottom:#cccccc solid 1px;
padding: 5px 10px 5px 5px;
margin: 0px;
}

#main .entry_body {
margin: 15px 24px 15px 24px;
padding: 0px 0px 0px 0px;
}

#main p {
margin: 10px 10px 20px 10px;
padding: 0px 0px 0px 0px;
}

#main blockquote {
margin: 20px 10px 20px 10px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
background: #FFFFFF;
}

#main ul {
margin: 0px 30px 0px 28px;
padding: 0px 0px 10px 0px;
}

#main ol {
margin: 0px 30px 0px 35px;
padding: 0px 0px 10px 0px;
}

#main li {
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

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

.modoru {
font-size:10px;
text-align:right;
padding: 5px 5px 5px 5px;
margin: 0px 34px 0px 0px;
}

/* main table メインのテーブル
-----------------------------------------------------*/

#main table ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}

#main table {
margin: 10px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width:660px;
border:solid #cccccc 1px;
border-collapse:collapse;
}

#main caption {
margin: 0px 0px 10px 0px;
font-size:110%;
font-weight:bold;
}

#main th {
padding: 10px 10px 10px 10px;
border:solid #cccccc 1px;
background-color:#f8f8f8;
text-align:center;
}

#main td {
padding: 10px 10px 10px 10px;
border:solid #cccccc 1px;
}


#main .clear {
clear:both;
visibility:hidden;
height: 0;
padding: 0;
margin: 0;
}

/* new 更新情報
-----------------------------------------------------*/

#main .new {
height: 150px;
overflow: auto;
margin-right: auto;
margin-left: auto;
}

#main .new li {
border-bottom:#CCCCCC dotted 2px;
margin: 5px 0px 5px 0px;
padding: 5px 0px 10px 0px;
}


/*
サイドメニュー
-------------------------------------------------------------------*/
.section {
   width:180px;
}


.sub_menu {
   padding:1px;
   border:1px solid #D1D1D1;
}

.sub_menu h2{
   margin:0;
   padding:10px 5px;
   font-size:13px;
   border-bottom:3px solid #099;
   background:#fff url(images/bg_h2.gif) 0 100% repeat-x;
}

.sub_menu ul{
   margin:0;
   padding:0;
   list-style: none;
   border-top:1px solid #ddd;
}

.sub_menu li {
   padding:0;
   font-size:13px;
   line-height:2.0;
   border-bottom: 1px dotted #999;
}

.sub_menu a {
   display:block;
   padding:10px 0 10px 20px;
   color:#333;
   text-decoration:none;
   background:url(images/bg_list.gif) 10px 50% no-repeat;
}

.sub_menu a.current {
   color:#099;
   background:#c7e9e9 url(images/bg_list.gif) 10px 50% no-repeat;
}

.sub_menu a:hover {
   color:#099;
   background:#b9e3e3 url(images/bg_list.gif) 10px 50% no-repeat;
}



/* footer フッター
-----------------------------------------------------*/

#footer {
text-align:center;
font-size:12px;
background: #FFFFFF;
border-top:#006600 solid 10px;   /* フッター横線*/
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
clear:both;
}

#footer p {
margin: 5px 25px 5px 25px;
padding: 0px 0px 0px 0px;
}

/*
topページ４box
-------------------------------------------------------------------*/
#contents .box2 {
	float: left;
	height: 130px;
	width: 200px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px; 
	background-image: url(images/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
}

#contents .box2 {
    width:200px;
    height:130px;
    position:relative;
    overflow:hidden;
}
#contents .box2 .slideup{
    width:200px;
    height:130px;
    background:rgba(32,178,170,0.9);    /*rgbaカラーモード　括弧内4番目の少数は色の透明度設定、値は0.1〜１まで）*/
    position:absolute;
    top:110px;
    left:5;
    color:#fff;
    -webkit-transition: 0.2s;
   -moz-transition:  0.2s;
   -ms-transition: 0.2s;
   -o-transition: 0.2s;
   transition: 0.2s;
}
#contents .box2 .slideup:hover {
   top:0;
   background:rgba(32,178,170,0.8);
}
#contents .box2 .slideup span {
   margin:5px;
   padding:5px;
   text-align:center;
   font-weight:bold;
   display:block;
}
#contents .box2 .slideup:hover span {
   display:none;
}
#contents .slideup_content p a {
    color:#fff;
    padding: 60px 30px;

}



#overImg{position: relative;}
#overImg a .tiisai{width: 50px;}/*原画像表示サイズ*/
#overImg a .ookii{display: none;}
#overImg a:hover .ookii{
	display: block;
	position: absolute;
	left: 60px;top:0;/*マウスを乗せると画像表示位置*/
	z-index:999;
        width: 350px;/*マウスを乗せると画像拡大サイズ*/
}

/*------------------------------------------------------------------*/
/* main-senter メイン　センタリング追加分
-----------------------------------------------------*/

#main-senter {
float:center;
width:900px;
background: #FFFFFF;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}

#main-senter .category {
width:900px;
margin: 0px 0px 15px 0px;
}

#main-senter h2 {
background-image:url(images/h2.gif);
background-repeat:no-repeat;
height:17px;
font-size:110%;
color:#FFFFFF;
font-weight:bold;
margin: 10px 10px 10px 10px;
padding: 11px 10px 10px 20px;
}

#main-senter h3 {
font-size:105%;
border-left:#006600 solid 6px;    /*見出し*/
border-bottom:#cccccc solid 1px;
padding: 5px 10px 5px 5px;
margin: 0px;
}

#main-senter .entry_body {
margin: 15px 24px 15px 24px;
padding: 0px 0px 0px 0px;
}

#main-senter p {
margin: 10px 10px 20px 10px;
padding: 0px 0px 0px 0px;
}

#main-senter blockquote {
margin: 20px 10px 20px 10px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
background: #FFFFFF;
}

#main-senter ul {
margin: 0px 30px 0px 28px;
padding: 0px 0px 10px 0px;
}

#main-senter ol {
margin: 0px 30px 0px 35px;
padding: 0px 0px 10px 0px;
}

#main-senter li {
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

#main-senter .red {
color:#CC0000;
font-weight:bold;
}

.modoru {
font-size:10px;
text-align:right;
padding: 5px 5px 5px 5px;
margin: 0px 34px 0px 0px;
}

/* main-senter table メインのテーブル
-----------------------------------------------------*/

#main-senter table ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}

#main-senter table {
margin: 10px 0px 20px 0px;
padding: 0px 0px 0px 0px;
/*---width:660px;
border:solid #cccccc 2px;----*/
border-collapse:collapse;
}

#main-senter caption {
margin: 0px 0px 10px 0px;
font-size:110%;
font-weight:bold;
}

#main-senter th {
padding: 10px 10px 10px 10px;
border:solid #cccccc 1px;
background-color:#f8f8f8;
text-align:center;
}

#main-senter td {
padding: 10px 10px 10px 10px;
/*---border:solid #cccccc 1px;--*/
}


#main-senter .clear {
clear:both;
visibility:hidden;
height: 0;
padding: 0;
margin: 0;
}

/*------------商品ページ画像とテキストを左右分ける設定---開始--------*/

.box1{
    width:800px;
    margin: 0px auto;
	overflow:hidden;
}

/*------------商品ページ画像とテキストを左右分ける設定---終了--------*/