/* ==============サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}



body {
	margin: 0;
	font: 9px ; 
	font-size: 90%;
	font-family:'ヒラギノ明朝 Pro','MS P明朝',serif;
	color: #fff;
	text-align: center;
	background-color: #494949;
}

p, /* 文章の行間を指定 */
#main ul,
#main ol,
#menuL ul,
#menuL ol,
dl
{
	line-height: 160%;
}

a img { 
border: none; 
}

a:link { 
color: #fff 
}

a:visited { 
color: gray 
} 

a:hover { 
color: gray 
} 

input[type="text"] { 
width: 200px; 
height: 15px; 
}
textarea { 
width: 300px; 
height: 100px; 
}

/* ===============  #page ページ外枠 */
#page {
	width: 980px;
	height: auto;
	margin:  auto;
	text-align: left;
}

/* ============== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
	padding: 15px 0px 0px;
	margin: 0px;
	background-color: #000;
}


/* ==============  #main ページの本文 */
#main {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-color: #000;
}

#maintop {
	float: right;
	width: 670px;
	height: 612px;
	padding: 0;
	margin: -620px 30px 0 0 ;
	background-color: #F5F5F5;
	background-image:url(/images/back1.jpg);
	background-repeat: no-repeat;
	z-index: 1 ;
}

#mainsf {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/shopbk2.jpg);
	background-repeat: no-repeat;
}


#mainsf2 { 
width: 240px; 
margin: 20px 0 0 10px ; 
}

#mainsf5 {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/shopbk5.jpg);
	background-repeat: no-repeat;
}

#mainsf6 {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/shopbk6.jpg);
	background-repeat: no-repeat;
}

#mainsf7 {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/shopbk7.jpg);
	background-repeat: no-repeat;
}

#mainsf8 {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/shopbk8.jpg);
	background-repeat: no-repeat;
}

#mainsf9 {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/shopbk9.jpg);
	background-repeat: no-repeat;
}

#mainacc {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/acc.jpg);
	background-repeat: no-repeat;
}

#mainnew {
	float: right;
	width: 670px;
	height: 582px; 
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/newsbk.jpg);
	background-repeat: no-repeat;
}

#mainbk {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/bk.jpg);
	background-repeat: no-repeat;
}

#mainbk table{ 
width: 220px ; 

}

#mainbk2 {
	float: right;
	width: 670px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/bk.jpg);
	background-repeat: no-repeat;
}

#mainbk2 table{ 
width: 500px ; 

}

#mainbk2 th{ 
width: 200px ; 
height: 40px
}

#mainbk2 td{ 
width: 300px ; 
}


#bk{ 
margin: 20px 0 0 20px ; 
}

#mainbk3 {
	float: right;
	width: 670px;
	height: 582px;
	padding: 0;
	margin: 10px 30px 0 0;
	background-image:url(/images/bk.jpg);
	background-repeat: no-repeat;
}

#mainbk3 li{ 
list-style-type: none; 
}

.contentswrap { /* #main中の間隔調整 */
	margin:0 10px 15px;
	padding:0;
}


#breadNavi {
	margin:5px 0 20px;
	padding:15px 0 0 2px;
	height: 50px;
}

#main h1 { /* 本文の見出し */
	background-repeat:no-repeat;
	clear:left;
	color:#FFF;
	font-size:18px;
	height:50px;
	margin:0;
	padding:16px 0 0 20px;
}


#main h2 { /* 本文の見出し2 */
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	clear:left;
	color:#fff;
	font-size:16px;
	margin:10px 0 1.5em;
	padding:12px 0 0px 30px;
	height: 27px;
}

#mainacc2 h2 { /* 本文の見出し2 */
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px solid #999999;
	clear:left;
	color:#fff;
	font-size:16px;
	margin:10px 0 1.5em;
	padding:12px 0 0px 30px;
	height: 27px;
}


#main p { /* 本文の段落 */
	margin:0 2px 1.5em 5px;
}

#mainacc p { /* 本文の段落 */
	margin:0 2px 1.5em 5px;
}

#main ul , #main ol{ /* リスト表示 */
	margin:1em 20px 2em 40px;
	padding-left:25px;
}


#main dl { /* 定義リスト表示 */
	margin:1em 0 1em 30px;
	padding:0 0 10px;
}


#main dt {
	float: left;
	clear: left;
	margin: 0 20px 0px 0;
	font-weight: 700;
}


#main dd {
	padding: 0 0 0 10px;
	margin: 0;
}


#main dd.link {
	margin: 0 0 0 100px;
	border-left: 1px solid #CCCCCC;
}


#main #subnavi {
	clear: both;
	padding: 10px 0;
	margin: 20px 0 10px;
	border-top: 1px dashed #999;
	text-align: right;
}


.toInfo {
	clear: left;
	margin: 0px !important;
	text-align: right;
	list-style-type: none;
}

.toInfo a {
	background-repeat: no-repeat;
	background-image: url(img/iconYa04.png);
	padding: 0px 0px 0px 20px;
}

#mainacc2 {
	float: left;
	width: 500px;
	background-color:#2d2d2d;

filter:alpha(opacity=80) ;

opacity:0.80; 

-moz-opacity:0.80; 

}



#maininfo {
	float: left; 
	width: 230px; 
	height: 210px; 
	background-color:#2d2d2d;

filter:alpha(opacity=90) ;

opacity:0.90; 

-moz-opacity:0.90; 

margin-bottom: 10px ;

}

#maininfo img {
text-align: center; 
margin: 5px ; 
}


#google { 
text-align: right; 
}

/* =================== menuL 左サイドメニュー */
#menuL {
	float: left;
	clear: left;
	width: 220px;
	height:600px;
	padding: 0;
	margin: 10px 0 0 30px;
	background-image:url(/images/lsb.png);
}

#menuL h2 {
color:#fff;
font-size:16px;
margin-left:10px;
}

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

.menuInfo { /* サイドボックス内のメッセージボックス */
	color:#fff;
	font-size:12px;
	margin:10px 10px 0;
	padding:1px 0;
}

.ad { 
margin:15px 0 0; 
	color:#fff;
	font-size:9px;
}

.add { 
margin: 15px 0 0; 
	color:#fff;
	font-size:9px;
}

img.ad {
 float: left; 
margin:20px 10px; 
}

img.add {
 float: left; 
margin:20px 10px; 
}


.menuInfo p {
	padding: 0 0 0 10px;
	margin: 0 10px 0 5px;
}

.subinfo {　/* サイドボックのメニュー */
	margin:0 0 10px;
	background-image: url(img/submenuback001.png);
	margin: 0px 0px 5px;
}


.subinfo .label { /* サイドボックのメニュー:ラベル */
	padding:3px 0px 0px 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(img/m1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 28px;
}

.subinfo ul{ /* サイドボックのメニュー:リスト */
	margin: 0px;
}

.subinfo li {
	padding: 0px;
	margin: 1px 0px 0px;
	font-size: 86%;
	color: #666666;
	list-style-type: none;
}

.subinfo li a{
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 7px solid #CCCCCC;
	text-decoration: none;
	display: block;
}

.subinfo li a:hover{
	border-left: 7px solid #FF6666;
	color: #6699CC;
	background-color: #F3F3F3;
}


.banner { /* サブメニュー内のバナー画像スペース */
	margin: 0px 0px 5px;
	width: 220px;
}
/* ===================  #underNavi 画面下部サブナビゲーション */
#underNavi{
	clear: both;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
}

/* ===================  #footer 画面下部 */
#footer {
	clear: both;
	margin: 0px;
	height: 160px;
	text-align: left;
	background-image: url(img/foot.png);
}


#footer p {
 color: #fff; 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

#footer img {
  vertical-align:top; 
}

iframe.fri {
clear: both;
text-align:right; 
 width:200px; 
 height:120px;
 margin-right: 10px;
  }

.f1 { 
float: left;
margin: 10px 0 0 40px; 
	font-size: 70% ;
}

.fr { 
float: right;
text-align:right; 
margin: 10px 30px 10px 0; 

 }


/* ====================  そのほか個別設定 */
.calheader {
color: #494949 ; 
}
}


#newsbox {
	border: 1px solid #999999;
	height: 150px;
	overflow: auto;
	margin: 0px 0px 10px;
	background-image: url(img/backS001.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.table, /* 表の整形・配色 */
.table2 {
	width: 530px;
}

#topt {
  width:200px; height:75px;
  overflow-y:scroll; 
  overflow-x:hidden; 
 border: 1px solid #696969; 
scrollbar-arrow-color:#fff; 
scrollbar-face-color:#494949; 
scrollbar-3dlight-color:#b5b5b5; 
scrollbar-darkshadow-color:#b5b5b5; 
scrollbar-highlight-color:#494949; 
scrollbar-shadow-color:#494949; 
scrollbar-track-color:#b5b5b5; 

}

#topt::-webkit-scrollbar {/* スクロールバー幅 */
    width: 10px;
    height: 10px;
}


#topt::-webkit-scrollbar-track {/* 背景 */
    background: #dcdcdc;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}


#topt::-webkit-scrollbar-thumb {/* 表面 */
    background:#494949;
    border-radius: 10px;
}

table {
	color:#fff; 
	text-align:left; 
    overflow-y: scroll; 
    overflow-x: hidden; 
    width: 200px; 
    height: 75px;  
}

td {
	border-collapse: collapse;  
	
}

.table td {
}


.table td.tb {
	width: 200px;
	background-color: #F8F5EF;
}


.table2 td {
	padding: 10px;
}


.table2 td.tb {
	width: 100px;
	text-align: right;
	background-color: #EBEBEB;
}


.itemList { /* .itemList #main内の段組用外枠 */
	clear:left;
	margin:0 0 1em;
}


.box { /* .itemList #main内の段組用内枠 */

	margin:0 0px 5px 0;
	width:260px;
}


.box h2 {
	margin: 0 0 10px;
}


.box ul {
	float: left;
	width: 140px;
	margin: 0 0 30px !important;
	list-style-position: outside;
}

.eyeCaImg { /* .itemList #main内の段組用：アイキャッチ画像 */
	float:left;
	margin:0 0 10px 2px;
}


strong {
	font-weight: bold;
	font-size: 112% ;
}

hr { /* 水平線 flotクリア用 */
	clear:both;
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	
}

b { 
	font-weight: bold;
	font-size: 130% ;
}

select { 
margin-right: 10px ;
}


/** 左・右カラムの囲い */
#container {
height:100%;
overflow:hidden;
background-image:url(/images/menubk.jpg);
	background-repeat: no-repeat;
}
/** 左カラム */
#menu1 {
float:left;
margin-right:30px;
height:100%;
overflow:auto;
width:160px;
}

#menu1 li {
margin: 10px 0 0 15px; 
list-style-type: none ; 
}

#menu1 h3 { 
text-align: left;  
margin: 0 0 0 15px; 
}

#menu1 p { 
margin: 10px 0 0 15px;
}

/** 右カラム */
#main1

{
height: 500px ;
margin-right:20px;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-arrow-color:#fff; 
scrollbar-face-color:#494949; 
scrollbar-3dlight-color:#b5b5b5; 
scrollbar-darkshadow-color:#b5b5b5; 
scrollbar-highlight-color:#494949; 
scrollbar-shadow-color:#494949; 
scrollbar-track-color:#b5b5b5; 

}

#main1::-webkit-scrollbar {/* スクロールバー幅 */
    width: 10px;
    height: 10px;
}


#main1::-webkit-scrollbar-track {/* 背景 */
    background: #dcdcdc;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}


#main1::-webkit-scrollbar-thumb {/* 表面 */
    background:#494949;
    border-radius: 10px;
}


.st { 
  position: relative; 
  top: 30px; 
  left: 270px;   
}

span#pr {
 float: right; 
 margin-right: 20px ; 
 }