body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#ffffff;
	}

/* ##### メイン ##### */
.mainMenu, .mainVino {
	width:800px;
	background-color:#ffffff;
	margin-left:0;
	margin-right:auto;
	text-align:left
	}
/* ヘッダ
---------------------------------------------------- */
#header {
  width: 800px;
  height: 101px;
  color: #333333;
  background: url(http://ict-sys.jp/menusys/images/top01.gif) no-repeat;
}
h1 {
  margin: 0;
  position: absolute;
  left: 790px;
  top: 0px;
}

/* グローバル・ナビゲーション
---------------------------------------------------- */
#header ul {
  margin: 0;
  list-style: none;
}
#header li {
  margin: 0;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
}
#header li#Tind      {top: 0px; left: 0px; width: 91px; height: 100px;}
#header li#Tmenu    {top: 54px; left: 91px; width: 158px; height: 46px;}
#header li#Tvino  {top: 69px; left: 249px; width: 51px; height: 31px;}
#header li#Tloca {top: 69px; left: 316px; width: 89px; height: 31px;}
#header li#Tinfo      {top :69px; left: 419px; width: 152px; height: 31px;}
#header li a.Tind {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 100px;
}
#header li a.Tmenu {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 46px;
}
#header li a.Tvino {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 31px;
}
#header li a.Tloca {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 31px;
}
#header li a.Tinfo {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 31px;
}



/* ヘッダ vino
---------------------------------------------------- */
.mainVino #header {
  width: 800px;
  height: 101px;
  color: #333333;
  background: url(http://ict-sys.jp/menusys/images/top02.gif) no-repeat;
}
h1 {
  margin: 0;
  position: absolute;
  left: 790px;
  top: 0px;
}

/* グローバル・ナビゲーション vino
---------------------------------------------------- */
.mainVino #header ul {
  margin: 0;
  list-style: none;
}
.mainVino #header li {
  margin: 0;
  padding: 0;
  position: absolute;
  text-indent: -9999px;
}
.mainVino #header li#Tind      {top: 0px; left: 0px; width: 91px; height: 100px;}
.mainVino #header li#Tmenu    {top: 69px; left: 221px; width: 65px; height: 31px;}
.mainVino #header li#Tvino  {top: 54px; left: 92px; width: 130px; height: 46px;}
.mainVino #header li#Tloca {top: 69px; left: 302px; width: 89px; height: 31px;}
.mainVino #header li#Tinfo      {top :69px; left: 405px; width: 152px; height: 31px;}
.mainVino #header li a.Tind {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 100px;
}
.mainVino #header li a.Tmenu {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 46px;
}
.mainVino #header li a.Tvino {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 31px;
}
.mainVino #header li a.Tloca {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 31px;
}
.mainVino #header li a.Tinfo {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
   height: 31px;
}


/* ページ本体
---------------------------------------------------- */
#pagebody {
  width: 800px;			/* ■IE用バグ対策 */
  padding-top: 12px;
  /* border: solid 1px #FF0000; */
}




/* ナビゲーション コンテナ
---------------------------------------------------- */
#navigation {
  float: left;
  width: 190px;
 margin-left: 10px;
 /* border: solid 1px #0000FF; */
}

.photo {
  width: 190px;
  height: 190px;
  background: url(http://ict-sys.jp/menusys/images/face01.jpg) no-repeat;
} 

.mainVino #pagebody #navigation  .photo {
  width: 190px;
  height: 190px;
  background: url(http://ict-sys.jp/menusys/images/face02.jpg) no-repeat;
} 


 .mainMenu #pagebody #navigation .pro1{
  width: 190px;
  background-color: #EBEBD0;
}


 .mainMenu #pagebody #navigation .pro2 {
  width: 190px;
  height: 10px;
  background-color: #EBEBD0;
}

 .mainMenu #pagebody #navigation .pro1 .protex1{
  width: auto;
  padding: 10px 10px 0px 10px;
  font-size: 10px;
  line-height: 1.2em;
}
.mainMenu #pagebody #navigation .pro2 .protex2 {
  font-size: 2px; 
  line-height: 1em;
 color:  #EBEBD0;
  display: none;
} 




.mainVino #pagebody #navigation .pro1{
  width: 190px;
  height: 10px;
  background-color: #EBEBD0;
}

.mainVino #pagebody #navigation .pro2 {
 width: 190px;
  background-color: #EBEBD0;
}

.mainVino #pagebody #navigation .pro1 .protex1{
  font-size: 2px; 
  line-height: 1em;
 color:  #ebebd0;
  display: none;
}
.mainVino #pagebody #navigation .pro2 .protex2 {
  width: auto;
  padding: 0px 10px  10px 10px;
  font-size: 10px;
  line-height: 1.2em;
}

.prostart {
  width: 190px;
  height: 15px;
  background: url(http://ict-sys.jp/menusys/images/upp01.gif) no-repeat;
  background-color: #EBEBD0;
} 
.proend {
  width: 190px;
  height: 25px;
  background: url(http://ict-sys.jp/menusys/images/und01.gif) no-repeat;
} 

.menuP {
  width: 190px;
  background-color: #EBEBD0;
}
.menuBox {
  width: auto;
  background-color: #EBEBD0;
  font-size: 12px; 
  line-height: 1.3em;
  color:  #000000;
  padding: 1px 0px;
  font-style: italic;
  font-weight: bold;
}
.menuP ul {
  list-style: none;
}

a.side:link {
  text-decoration: none;
  color: #000000;
}
a.side:visited {
  text-decoration: none;
  color: #000000;
}
a.side:hover {
  text-decoration: none;
  color: #B1AF43;
}
a.side:active {
  text-decoration: none;
  color: #000000;
}


/* コンテンツ コンテナ
---------------------------------------------------- */
#cont {
  float: right;
  width: 580px;
}





/* コンテンツ */
#cont .contents {
	margin:0px 0px 20px;
	/* border-top:dotted 1px #000000 */
         /* border: solid 1px #00FF00; */
	}

#cont .contents h2 {
	font-size:14px;
	margin:0px;
	padding:2px;
         border-bottom:solid 2px #D0CF8E;
         border-left:solid 10px #D0CF8E;
	}



#cont .contents .blogbody {
         margin:10px 0px 0px 20px;
	font-size:12px;
	line-height:1.3em;
	color:#333333;
         /* border: solid 1px #000000; */
	}


/* スペーサー */
#spacer {
  clear: both;
  width: 800px;
  height: 12px;
}
/* フッター */
#footer {
  width: 800px;			/* ■IE用バグ対策 */
  border-top: solid 1px #000000;
}

#footer p {
	color:#000000; 
	text-align:right;
	margin:0;
	padding-top:2px;
	font-size:10px;
         font-style:italic;
	}

#footer p.sitefoot a {
	color:#2170aa
	}
	
	

/*使用クラス*/
/*ここにエントリーで使用するクラスを記入すること*/

.prozmain {
	width: 100%;
	
}
.proztex {
	float: left;
	width:80%;
}

.proztex2 {
	float: left;
	width:80%;
}


.przprice {
	float: right;
	width:19%;
	text-align: right;
}

.ptextit {
	font-weight: bold;
	font-size: 110%;
	/* border: solid 1px #ff0000; */
}

.ptexcom01 {
	/* margin-left: 15px; */
	/* border: solid 1px #00ff00; */
	padding:0px 0px 0px 35px;
	text-indent: -1.5em;
}

.ptexcom02 {
	margin-left: 25px;
	/* border: solid 1px #0000ff; */
}

.pname {
	font-size: 90%;
}

.line {
	clear: both;
	margin: 0px 0px 10px 0px;
	height: 7px;
	width: 100%;
	border-bottom: solid 1px #D0CF8E;
}

.petc {
	width:100%;
	font-size: 80%;
	text-align: right;
}

.petc2 {
	width:100%;
	/* padding:10px; */
	background-color: #F3F3E3;
}

.pend {
	clear: both;
	margin: 0px 0px 10px 0px;
	height: 7px;
	width: 100%;
	/* border: solid 1px #000000; */
}


.vinomain {
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.vinotex {
	float: left;
	width:79%;
	margin: 0px 0px 0px 0px;
}

.vinotexL {
	float: left;
	width:69%;
}
.vinotexR {
	float: right;
	width:30%;
}

.vname01 {
	font-size: 110%;
	font-weight: bold;
}

.vname02 {
	width:100%;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
}

.vtexcom01 {
	margin-left: 5px;
}
.vtexcom02 {
	font-size: 85%;
	margin-left: 10px;
}
.vtexcom03e {
	clear: both;
	margin-left: 15px;
	font-size: 85%;
}
.vinoprice {
	float: right;
	width:20%;
	text-align: right;
}

.vinopriceL {
	float: left;
	width: 20%;
	text-align: right;
}
.vinopriceR {
	float: right;
	width: 79%;
	text-align: right;
	font-weight: bold;
}

.vetc {
	width:100%;
	/* margin-left: 15px; */
	font-size: 85%;
}


.texsmall {
	font-size: 83%;
}

.texsmall90 {
	font-size: 90%;
}

.texLit {
	font-family: serif;
	font-style: italic;
}


.line2 {
	clear: both;
	/* margin: 0px 0px 0px 0px; */
	height: 1px;
	width: 100%;
	/* border: solid 1px #000000; */
	border-top: solid 2px #D0CF8E;
}



