@charset "UTF-8";

/*========================================================
全体幅 1000px
========================================================*/

/*========================================================
default
---------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}

html{
	overflow-y: scroll;
}

body{
	margin: 0px;
	padding: 0px;
	text-align: left;
	/*font-size           : 10pt;*/
	font-size           : 81%;/*10.5px相当のフォントサイズ*/
	line-height         : 130%;
	background :url(../images/BG.gif) #F3F3F3 top left repeat;
}

body,
table,th,td,
form,input,select,textarea,pre{
	color               : #555555;
	vertical-align      : middle;
	font-family         : "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Lucida Grande", "Hiragino Kaku Gothic Pro", Geneva, Arial, Verdana, sans-serif;
}

table,th,td,
pre{
	empty-cells         : show;
	word-break          : break-all;
}

form,input,select,textarea,pre{
	font-weight         : normal;
	margin              : 0px 3px 0px 0px;
	vertical-align      : middle;
}
textarea{
	ime-mode            : active;
	word-break		: break-all;
}

option{/*for firefox*/
	margin-right : 5px;
}

br{
	line-height         : normal;
}
hr{
	border-style        : none;
	height              : 1px;
	color               : #E4E4E4;
	background          : #E4E4E4;
}
img{
	border              : 0px #FFFFFF none ;
	/*background-color    : #FFFFFF;*/
	vertical-align      : bottom;
}

h1,h2,h3,h4,h5,h6{
	font-weight : lighter;
	font-size           : 100%;
}

p{
	font-weight : bold;
}

em{
	font-style: normal;
}

label{
	cursor              : pointer;
}
label:hover{
	color               : #006699;
}

a:link,
a:visited{
	color           : #6699CC;
	text-decoration : none;
}
a:active,
a:hover{
	color           : #CC6666;
	text-decoration : none;
}

.L{
	/*font-size           : 11pt;*/
	font-size           : 114%;
	font-weight         : bold;
}
.S{
	/*font-size           : 8pt;*/
	font-size           : 85%;
	font-weight         : normal;
	text-decoration     : none;
	line-height         : 128%;
}
.opnTop{
	margin-top : 10px;
}
.opnBtm{
	margin-bottom : 10px;
}

.txtRgt{
	text-align : right;
}

br.narrow{
	line-height : 30%;
}

.center{
	text-align : center;
	margin     : 10px 0px;
}

/* clearfix*/
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  zoom:1;
}

/*========================================================

---------------------------------------------------------*/
#body{
	margin: -310px 0 0 -475px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 950px;  /*横幅*/
	height: 680px;  /*縦幅*/
}
/*========================================================
head
---------------------------------------------------------*/
/*
#head{
	margin-top          : 10px;
	text-align          : left;
	font-size    : 8pt;
	height:100px;
}
*/
#head img#logo{
	padding-left : 30px;
	width        : 277px;
	border       : 0 none #FFFFFF;
	float        : left;
}
/*
#head #headMenu{
	margin: 0px 0px 0px 10px;
	position     : absolute;
	top          : 60px;
	z-index      : 1;
}
*/
/* グローバルメニュー*/
ul.gmainMenu{
	float : left;
	list-style-type: none;
	margin-left : 30px;
	width : 60%;
}
ul.gmainMenu li{
	display:inline;
}
ul.gmainMenu li a{
	text-decoration: none;
}
ul.gmainMenu img{
	border : none;
}
li.popUp p.popUpImg{
	display: none;
}
p.popUpImg{
	display     : inline;
	position    : absolute;
	margin-top  : -100px;
}

p.pop01{
	margin-left  : -170px;
}
p.pop02{
	margin-left  : -150px;
}
p.pop03{
	margin-left  : -150px;
}
p.pop04{
	margin-left  : -120px;
}
p.pop05{
	margin-top   : -90px;
	margin-left  : -80px;
}

h1{
	font-weight : normal;
	/*font-size           : 8pt;*/
	font-size           : 85%;
	padding-left : 30px;
}
/*========================================================
container
---------------------------------------------------------*/
#container{
	background :url(../images/cntBG.png) top left no-repeat;
	padding    : 0px 0px 0px 50px;
	height : 100%;
}

#main01{
	background :url(../images/pic01.png) 310px 90px no-repeat;
	height : 100%;
	margin-right : -50px;
	*position    : absolute;
}

#main02{
	background :url(../images/pic02.png) 325px 125px no-repeat;
	height : 100%;
	margin-right : -50px;
	*position    : absolute;
}

#main03{
	background :url(../images/pic03.png) 495px 130px no-repeat;
	height : 100%;
	margin-right : -50px;
	*position    : absolute;
}

#main04{
	height : 100%;
	margin-right : -50px;
	*position    : absolute;
}

#main05{
	height : 100%;
	margin-right : -50px;
	*position    : absolute;
}

#lftCntTop{
	padding : 60px 10px 10px 0px;
	width   : 400px;
	float  : left;
}

#lftCntTop2nd{
	padding : 0px 10px 10px 0px;
	width   : 400px;
	float  : left;
	line-height : 150%;
}

address{
	padding : 40px 130px 0px 0px;
	text-align : right;
	width   : 350px;
	float  : right;
}

ul.menu li{
	list-style-type : none;
	height : 60px;
}

ul.menu li.label{
	clear  : both;
	float  : left;
	width  : 80%;
}

ul.menu li.price{
	float  : right;
	width  : 17%;
}

ul.menu li.comment{
	clear  : both;
	padding-top : 30px;
}

dl.access dd{
	padding-left : 20px;
	margin-bottom: 10px;
}


/*---------------------------------------------------------------------------
Bread Crumb 
-----------------------------------------------------------------------------*/
ol#bread {
	margin: 20px 0;
	padding: 0;
	/*font-size           : 8pt;*/
	font-size           : 85%;
	list-style: none;
	float     : left;
	width     : 30%;
}
/*
ol#bread:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  zoom:1;
}
*/
ol#bread li {
	float: left;
	padding-right: 7px;
	padding-left: 10px;
	background: url(../images/bread.gif) left 5px no-repeat;
}
ol#bread li.home {
	padding-left: 0;
	background: none;
}
ol#bread li a:link,
ol#bread li a:visited {
	color: #3366FF;
	text-decoration: none;
}
ol#bread li a:hover,
ol#bread li a:active {
	color: #FF6633;
	text-decoration: none;
}
ol#bread li em {
	font-style: strong;
	font-weight: bold;
}

/*---------------------------------------------------------------------------
another
-----------------------------------------------------------------------------*/
/*================================================================================
footer
================================================================================*/
#foot{
	clear      :both;
	margin-top : 10px;
	text-align : center;
	bottom : 20px;
	left   : 0px;
	position : absolute;
	width    : 100%;
	*bottom : 80px;
}

.blog{
	float : right;
}

#foot ul{
	list-style-type: none;
}
#foot li{
	display : inline;
	padding : 0px 5px;
}
#foot a:link,
#foot a:visited{
	color           : #555555;
	text-decoration : none;
}
#foot a:active,
#foot a:hover{
	color           : #FF0000;
	text-decoration : none;
}
#copyright{
	margin-top : 30px;
}