@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

p,
ul,
dl,
div,
table{}

span.new{display:none}

p span{color:#cc0000}

.adr div{margin:0}

.va,
.btn{text-align:center}

.btn2,
.pageTop{text-align:right}

.pageTop a{
background:url(../img/common/pageTop.gif) no-repeat 0 3px;
font-size:x-small;
_font-size:xx-small;
padding:0 0 5px 12px}

#main p {
	padding:0 10px;
}

#main p.b01 {
	padding:0;
	margin-bottom: 10px;
}

#main p.omakase01{
background:url(../img/sec/omakase01.jpg) no-repeat 0 0;
min-height:100px;
_height:100px;
padding:0 0 0 90px}

#main p.omakase02{
background:url(../img/sec/omakase02.jpg) no-repeat 0 0;
min-height:90px;
_height:90px;
padding:0 0 0 90px}

#main p.omakase03{
background:url(../img/sec/omakase03.jpg) no-repeat 0 0;
min-height:80px;
_height:80px;
padding:0 0 0 80px}

#main p.omakase04{
background:url(../img/sec/omakase05.jpg) no-repeat 0 0;
min-height:70px;
_height:70px;
padding:0 0 0 80px}

#main p.omakase05{
background:url(../img/sec/img20.jpg) no-repeat 100% 0;
min-height:90px;
_height:90px;
padding:0 60px 0 0}

#main p.omakase06{
background:url(../img/sec/img21.jpg) no-repeat 100% 0;
min-height:90px;
_height:90px;
padding:0 60px 0 0}

#main p.omakase07{
background:url(../img/sec/img22.jpg) no-repeat 100% 0;
min-height:90px;
_height:90px;
padding:0 60px 0 0}

#main p.omakase08{
background:url(../img/sec/img24.jpg) no-repeat 100% 0;
min-height:90px;
_height:90px;
padding:0 60px 0 0}

#main p.omakase09{
background:url(../img/sec/img25.jpg) no-repeat 100% 0;
min-height:90px;
_height:90px;
padding:0 60px 0 0}

#main p.omakase10{
background:url(../img/sec/omakase05.jpg) no-repeat 0 0;
min-height:70px;
_height:70px;
padding:0 0 0 70px}

dl.repo{
background:url(../img/sec/pict14.jpg) no-repeat 0 0;
min-height:160px;
_height:160px;
padding:0 0 0 290px}

p.note3{text-align:right}

.gre {
	color:#009933;
	font-weight:bold;
}



/* 見出し
*****************************************/

h2{
background:url(../img/common/h2_title.jpg) no-repeat;
color:#377005;
line-height:54px;
_height:1%;
font-weight:bold;
margin:0 0 10px;
}

h2 span{
display:block;
_height:1%;
font-size:25px;
text-indent:70px;}

h2 span span{
_height:1%;
}

h3{
background:url(../img/common/h4bgBot.gif) no-repeat 0 100%;
color:#000;
font-size:18px;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px}

h3 span{
background:url(../img/common/h4bgTop.gif) no-repeat 0 0 #f8974c;
display:block;
padding:5px 10px 4px}

h3.photo,
h3.photo span{
background:none;
padding:0}

h4{
color:#454545;
font-weight:bold;
margin:10px 0 10px 0px;
padding:0 0 0 40px;
font-size:18px;
background:url(../img/common/h4_title.jpg) no-repeat;
height: 33px;
line-height:33px;
}

h4.note{
background:url(../img/common/h4bgBot.gif) no-repeat 0 100%;
border:none;
color:#f56b00;
font-size:105%;
padding:0 0 10px;
line-height:37px;
font-size:18px;}

h4.note img{
	vertical-align: bottom;
	margin-right:5px;
}

/* リスト
*****************************************/

#main ul li{
background:url(../img/common/icon01.gif) no-repeat 0 7px;
padding:0 0 0 10px}

ul.note li{background:url(../img/common/icon03.gif) no-repeat 0 7px}

#main ul.note2 li{
background:none;
padding:10;}

div.anchor span{
background:url(../img/common/icon04.gif) no-repeat 0 7px;
height:1%;
margin:0 10px 0 0;
padding:0 0 0 13px}

div.anchor span{display:inline-block}

/* dl
*****************************************/

dl dt{font-weight:bold;
font-size:16px;

}

dl dd{padding:0 0 0 10px}

dl.chara dt{
background:url(../img/sec/chara01.jpg) no-repeat;
padding:3px 0 20px 130px;
margin-bottom:7px;
font-size:16px;
color:#FF6600;
clear:both;
}

dl.chara dt.dt02{background:url(../img/sec/chara02.jpg) no-repeat}
dl.chara dt.dt03{background:url(../img/sec/chara03.jpg) no-repeat}
dl.chara dt.dt04{background:url(../img/sec/chara04.jpg) no-repeat}

dl.chara dd{
margin:-10px 0 15px 10px;
padding:0}


dl.faq dt{
background:url(../img/sec/qIcon.gif) no-repeat;
padding:3px 0 13px 40px;
color:#FF6600;}

dl.faq dd{
background:url(../img/sec/aIcon.gif) no-repeat;
margin:0 0 10px;
padding:0 0 0 40px}

.flow2 dl{
	border:#333333 solid 3px;
	padding:5px;}

.flow2 dl.lastChild{
	border:#333333 solid 3px;
padding:5px;
padding-bottom:0px;}

.flow2 dl dt{
background:#fff;
color:#f56b00;
padding:10px;
padding-top:0px;
clear:both;
}

.flow2 dl dd{
background:#fff;
margin:0;
margin-top:-10px;
padding:0 10px 10px}

dl.repoQ dd:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

dl.repoQ dd{display:inline-block;}

/*\*/
*html dl.repoQ dd{height:1%}
dl.repoQ dd{display:block}
/**/

dl.repoQ dd p{
float:left;
width:420px}

dl.repoQ dd dl{
float:right;
width:165px}

.repoCont .repoImg dd,
dl.repoQ dd dl dd{
font-size:85%;
padding:0}

.repoCont:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.repoCont{display:inline-block;}

/*\*/
*html .repoCont{height:1%}
.repoCont{display:block}
/**/

.repoCont .repoQ{
float:left;
width:420px}

.repoCont .repoImg{
float:right;
width:165px}

/* テーブル
*****************************************/

table{
height:auto;
width:98%;
margin-left: 5px;}

table.company{margin:0;
border:1px solid #009933;
width:98%;
margin-left: 5px;
}

table th{
background: #F8FFE8;
border:1px solid  #009933;
color: #006633;
font-weight:bold;
padding:6px 10px;
width:140px;
_width:160px;
font-size:14px;
vertical-align:middle;
}

table th.blue{
	background:#EFF3F9;
}

table th.green{
	background:#F5F8EE;
}

table th.orange{
	background:#F5F0EA;
}

.exa {
	color:#3E82BE;
	font-size:12px;
}

table th.note2{border:1px solid #009933;}

table td{
background:#ffffff;
border:1px solid #009933;
padding:6px 10px;
font-size:14px;
vertical-align:middle;
}

table td input{
vertical-align:middle;
}


table.col th{
border:1px solid #000000;
padding:6px 5px;
width:180px}

table.col th.firstChild{
width:85px;
_width:90px}

table.col th.lastChild{
border:1px solid #000000;
width:135px;
_width:140px}

table.col td{
background:none;
border:1px solid #000000;
padding:6px 5px}

table.col td.lastChild{border:1px solid #000000;}

table.note th{
background:none;
border:1px solid #000000;
color:#808080;
width:120px;
_width:140px}

table.note td{
background:none;
border:1px solid #000000;
}

table.note th.firstChild,
table.note td.firstChild{background:url(../img/sec/tableBorder01.gif) repeat-x}

.form table span{color:#cc0000}
.form table span.exa{color:#166AA8}

.form table td input{margin:0 0 5px}

*:first-child+html .form table td input{margin:0}
* html body .form table td input{margin:0}

.form table td input.text03{width:100px}
.form table td input.text02{width:80px}
.form table td input.text04{width:380px}

.form table td .formCont input.text02{width:50px}

.form table td .formCont{
border-bottom:1px dotted #ccc;
min-height:100px;
_height:140px;
padding:40px 0 0;
position:relative}

.form table td .lastChild{
border:none;
min-height:60px;
_height:100px}

.form table td .formCont p{
position:absolute;
top:10px;
left:100px;
width:330px}

.form table td .formCont .image{
position:absolute;
top:25px;
left:110px}

.form table td .formCont .way{
position:absolute;
top:100px;
left:100px}

.form table td .formCont .mw{
position:absolute;
top:0;
left:230px}

.form table td .formCont .mh{
position:absolute;
top:50px;
left:310px}

ul.slope{margin:0!important}

ul.slope li.li01{
background:url(../img/sec/img42.gif) no-repeat 100px 0;
min-height:20px;
_height:20px;
margin:0 0 5px;
padding:0 140px 0 0}

ul.slope li.li02{
background:url(../img/sec/img43.gif) no-repeat 100px 0;
min-height:25px;
_height:25px;
margin:0 0 5px;
padding:0 140px 0 0}

ul.slope li.li03{
background:url(../img/sec/img44.gif) no-repeat 100px 0;
min-height:35px;
_height:35px;
margin:0 0 5px;
padding:0 140px 0 0}

ul.slope li.li04{
background:url(../img/sec/img45.gif) no-repeat 100px 0;
min-height:40px;
_height:40px;
margin:0 0 5px;
padding:0 140px 0 0}

ul.slope li.li05{
background:url(../img/sec/img46.gif) no-repeat 100px 0;
min-height:70px;
_height:70px;
margin:0 0 5px;
padding:0 140px 0 0}

.form .btn{text-align:center}

.form .btn li{
background:none;
display:inline;
margin:0 10px 0 0}

table.photo th,
table.photo td{
background:none;
border:none;
vertical-align:middle}



table.none,table.none th,table.none td{
background: #ffffff;
	border:none;
}

table.staff {
  margin-left: 5px;
	width: 610px;
	}

table.staff th{
background: #FAFFEC;
padding:10px;
width:113px}

table.staff th img{vertical-align:bottom}

table.staff td{background:none}

table.photo th{
border:2px solid #ccc;
 }

table.photo td{
border:2px solid #ccc;
text-align:center;
width:300px}

table.photo td.note{text-align:left}

table.photo img {
  margin: 0;
	padding: 0;
	}

/* パンくず
*****************************************/



/* サイトマップ
*****************************************/

ul.sitemap li ul{margin:0}

ul.sitemap li{
background:url(../img/common/icon01.gif) no-repeat 0 8px;
height:1%;
margin:0 0 5px;
padding:0 0 0 10px}

ul.sitemap li.note{background:none}

ul.sitemap li dl dd{background:url(../img/common/icon03.gif) no-repeat 0 8px}

/***********************************************/

#index h3,
#index h4,
#index h3 span,
#index h4 span{
background:none;
padding:0}


.h301 h3 {padding: 15px 0 0 15px}

#index .h301 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.h301 ul.picks{
  display:inline-block;
	margin-left: 10px;
	}

/*\*/
*html .h301 ul.picks{height:1%}
 .h301 ul.picks{display:block}
/**/

.h301 ul.picks li{
background:none;
float:left;
margin:0 10px 10px 0;
padding:0
}

.h301 ul.picks li.lastChild{margin:0 0 10px}

.h301 ul.picks li img{vertical-align:bottom}

.h302{
  clear: both;
	margin: 10px 0 15px 0;}

#new_area{
	height: 100px;
	overflow-y: scroll;
	border: none;
	width: 620px;
	}

#new_area ul li{
	font-weight:bold;
	color: #FF0000;
}
#new_area ul li a{
	font-weight:lighter;
}


.h302 h2{margin:0;
  background-image: none;
	height: 40px;
	}

#index .h302 dl dt{
background:url(../img/common/icon01.gif) no-repeat 0 50%;
font-weight:normal;
padding:0 0 0 10px}

#index .h302 dl dt span{margin:0 0 0 10px}

#index .h302 dl dd{
border-bottom:1px dotted #b0afb1;
padding:0 0 8px}

#index .h303{
background:url(../img/index/secBg03.jpg) no-repeat;
height:170px;
position:relative;
margin-bottom: 10px;
margin-top: 10px;
clear: both;}

#index .h303 h3{
margin:0;
padding:0;
}

#index .h303 div{
margin:0;
position:absolute;
}

#index .h303 a {
  display: block;
	width: 190px;
	height: 100px;
	}

#index .h303 .link01 {
	top:60px;
	left:14px;
	}

#index .h303 .link02{
top:60px;
left:213px}

#index .h303 .link03{
top:60px;
left:412px}

#index .h303 .link01 a { background: url(../img/index/link01.jpg) 0 0 no-repeat; }
#index .h303 .link01 a:hover { background: url(../img/index/link01.jpg) 0 -100px no-repeat; }

#index .h303 .link02 a { background: url(../img/index/link02.jpg) 0 0 no-repeat; }
#index .h303 .link02 a:hover { background: url(../img/index/link02.jpg) 0 -100px no-repeat; }

#index .h303 .link03 a { background: url(../img/index/link03.jpg) 0 0 no-repeat; }
#index .h303 .link03 a:hover { background: url(../img/index/link03.jpg) 0 -100px no-repeat; }


#cont .inq{
	background: url(../img/common/footer_bg.jpg) no-repeat;
	width:850px;
	height:206px;
	text-align:center;
	position:relative;
}

#cont .inq dl{
	position: absolute;
	left: 457px;
	top: 30px;
}

#cont .inq table{
background:url(../img/index/tableBg.gif) no-repeat 50% 50% #fff;
margin:0 auto;
text-align:center;
width:830px}

#cont .inq table td{
padding:15px 0;
width:415px}

#cont .inq table td dl dd img{margin:8px 0 0 5px}




* html.h301 ul.picks li.m15 {
	margin-left:7px;
}


/*\*/
*html .h301 ul.picks{height:1%}
 .h301 ul.picks{display:block}
/**/

#main .h301 ul.picks li{
background:none;
float:left;
margin:0 5px 10px 0;
padding:0
}

#main .h301 {
background: url(../img/index/pickUp_bg.jpg) 0 0 no-repeat;
_height: 150px;
height: 95px;
padding-top:55px;
margin:0px;
}

div.sectionH3 h3 {
background: none;
padding:0;
margin:0px;
}

div.sectionH3 h3 span {
background: none;
padding:0;
margin:0px;
}

#main  .h301 ul.picks li.m15 {
	margin-left:2px;
}

.h301 ul.picks li.lastChild{margin:0 0 10px}

.h301 ul.picks li img{vertical-align:bottom}

.center {
	text-align:center;
}



dl.dounyu dt {
	color:#CC0000;
	font-size:16px;
	line-height:40px;
	font-weight:bold;
	padding-left:40px;
	background:url(../img/d_icon.jpg) no-repeat;
}

.img_r {
	float:right;
	margin:10px;
	margin-top:10px;
}

div.po01 p {
	font-size:10px;
}

#main .po01 ul li {
	background:none;
	font-size:10px;
}

table.p_b th,table.p_b tr {
	border:none;
	background:#FFFFFF;
}

table.p_b td {
	border:none;
	background:#FFFFFF;
}


.clear {
	clear:both;
}

table.t_01 {

}
table.t_01 tr td {
	background:#FFFFFF;
}

table.t_01 tr .blue {
	color: #003366;
	font-size:16px;
	font-weight:bold;
}

table.t_01 tr .red {
	background:#FFFFFF;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.p10 {
	padding-top:10px;
}

#greeting {
  clear: both;
	background: url(../img/omakasetai.jpg) 0 0 no-repeat;
	height: 267px;
	padding: 0 20px 0 20px;
	}

#greeting p {
	line-height: 1.6;
	font-size: 12px;
	padding-top: 110px;
	}

#greeting .first_p {
  padding-top: 100px;
	}

.h301 {
  margin-top: 10px;
	}

#pickup_all {
  background: url(../img/pickup_all.jpg) 0 0 no-repeat;
	height: 150px;
	clear: both;
	position: relative;
	margin-top: 10px;
	}

#pickup_all p {
	}

#pickup_all a {
  display: block;
	width: 200px;
	height: 80px;
	}

#pickup_all #all_01 a {
  position: absolute;
	top: 60px;
	left: 5px;
	}


#pickup_all #all_02 a {
  position: absolute;
	top: 60px;
	left: 210px;
	}


#pickup_all #all_03 a {
  position: absolute;
	top: 60px;
	left: 415px;
	}



#pickup {
  clear: both;
	}

.flo_l {
  float: left;
	}

.flo_r {
  float: right;
	}

div.photo {
  margin: 0 10px;
	}

div.photo .flo_l,
div.photo .flo_r {
  margin-bottom: 10px;
	}

.dounyu {
  clear: both;
	}
	
.omakase {
	width:620px;
	height:260px;
	position:relative;
	 background: url(../img/omakase.jpg) 0 0 no-repeat;
	 }
	 
.omakase li a {
	display:block;
	width:200px;
	height:90px;
	padding:0;
}

#main .omakase ul li {
	width:200px;
	height:90px;
	padding:0;
	list-style:none;
	background:none;
}

.omakase li.o01 {
	position:absolute;
	left: 5px;
	top: 70px;
}
.omakase li.o02 {
	position:absolute;
	left: 210px;
	top: 70px;
}
.omakase li.o03 {
	position:absolute;
	left: 415px;
	top: 70px;
}
.omakase li.o04 {
	position:absolute;
	left: 5px;
	top: 165px;
}
.omakase li.o05 {
	position:absolute;
	left: 210px;
	top: 165px;
}
.omakase li.o06 {
	position:absolute;
	left: 415px;
	top: 166px;
}

#flashcontent {
	position:absolute;
	left: 228px;
	top: 76px;
	overflow:hidden;
}

.f_p {
	position:relative;

}

.f_t {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 395px;
}

.f_b {
	position:absolute;
	left: 0px;
	top: 26px;
	width: 422px;
}

.telm {
	width:610px;
	_width:620px;
	height:100px;
	background: url(../img/telm.jpg) 0 0 no-repeat;
}

.telm a {
	display:block;
	width:250px;
	height:100px;
	float:right;
	_margin-right:-5px;
	background: url(../img/spacer.gif) 0 0 no-repeat;
}

.telm a:hover {
	background: url(../img/telm_ov.jpg) 0 0 no-repeat;
}

.an {
	background-color:#F1EEEB;
	border:1px solid #5A3D1C;
	padding:15px;
}

.mb01 {
	margin-bottom:10px;
}

#index .bn01 {
	margin:0;
	padding:0;
	clear:both;
	margin-top:15px;
}

.syumi {
	width:620px;
	height:640px;
	background: url(../img/syumi.jpg) 0 0 no-repeat;
	position:relative;
	font-size:12px;
	margin:15px 0;	
}

.syumi p.posi01 {
	position:absolute;
	left: 44px;
	top: 174px;
	width: 532px;
}

.syumi p.posi02 {
	position:absolute;
	left: 46px;
	top: 365px;
	width: 528px;
}

.syumi p.posi03 {
	position:absolute;
	left: 44px;
	top: 485px;
	width: 529px;
}

#index .sy {
	width:620px;
	background: url(../img/sy_bg.jpg) repeat-y;
	margin:0;
	padding:0;
	margin-top:20px;
}

#index p.sy_t {
	background: url(../img/sy00.jpg) no-repeat ;
	padding:25px 0 0 35px;
	font-weight:bold;
	color:#ED5603;
	font-size:18px;
}

.sy_txt {
	padding:5px 25px;
}

#index p.sy_t01 {
	background: url(../img/sy01.jpg) no-repeat ;
	line-height:55px;
	text-indent:55px;
	font-weight:bold;
	color:#338A00;
	font-size:16px;
}

#index p.sy_t02 {
	background: url(../img/sy02.jpg) no-repeat ;
	line-height:55px;
	text-indent:55px;
	font-weight:bold;
	color:#338A00;
	font-size:16px;
}

#index p.sy_t03 {
	background: url(../img/sy03.jpg) no-repeat ;
	line-height:55px;
	text-indent:55px;
	font-weight:bold;
	color:#338A00;
	font-size:16px;
}
#index p.sy_t04 {
	margin:0;
	padding:0;
	margin-bottom:20px
}	

#index p.posi01,
#index p.posi02,
#index p.posi03 {
	margin-bottom:15px;
}


.area {
	border:1px solid #FF7F00;
	padding:12px;
}

.area h3 {
	font-size:14px;
	color:#FF7F00;
	border-bottom:1px solid #FF7F00;

}