@charset "utf-8";

/***** Reset *****/

*{
	margin:0;
	padding:0;
}

html{
	height:100%;
	overflow-y:scroll;
}

body{
	height:100%;
	position:relative;
	font-size:10px;
	_font-size:62.5%;
	color:#333;
}

li{
	list-style:none;
}

img{
	border:none;
	vertical-align:bottom;
}

a{
	text-decoration:underline;	
	color:#660;
}


/***** Clearfix *****/
.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
} 

.clearfix{
	display: inline-block;
} 


/***** Wrapper *****/

#wrapper{
	position:absolute;
	width:100%;
	height:625px;
	margin-top:10px;
}

#wrapper #common_contents .mh {
	font-size: 12px;
	line-height: 130%;
}
#wrapper #common_contents strong {
	font-size: 16px;
}

/*
#wrapper{
	position:absolute;
	top:50%;
	margin-top:-320px;
	margin-bottom:0;
	width:100%;
	height:625px;
}
*/

@media print {


}


/***** Header *****/

#index_header{
	width:800px;
	height:18px;
	position:relative;
	margin:0 auto 7px auto;
}

#index_header #contact{
	width:165px;
	height:18px;
	position:absolute;
	top:0;
	right:0;
}

#header{
	width:800px;
	height:75px;
	position:relative;
	background:#fff url(img/common_header_bg.jpg) 0 0 no-repeat;
	margin:0 auto 0 auto;
}

#header h1#sitename{
	width:102px;
	height:36px;
	position:absolute;
	bottom:5px;
	left:14px;
}

#header ul#common_navi{
	width:596px;
	height:16px;
	position:absolute;
	bottom:15px;
	right:12px;
}

#header ul li{
	display:inline;
}

#header #common_contact{
	width:165px;
	height:18px;
	position:absolute;
	top:0;
	right:3px;
}


/***** Contents_wrap *****/

#index_contents{
	width:800px;
	height:625px;
	position:relative;	
	background:#fff url(img/index_bg.jpg) 0 0 no-repeat;	
	margin:0 auto;
}

#common_contents{
	width:800px;
	position:relative;
	background:#fff url(img/common_contents_bg.jpg) 0 0 repeat-y;
	padding-top:15px;
	margin:0 auto;
}

#common_contents.bg_kikyo{
	background:url(img/common_contents_bg_kikyo.jpg) 0 0 repeat-y;
}


/***** Common_Contents *****/

#common_contents h2.pagetitle{
	margin:0 0 15px 15px;
}

/*
#common_contents h3.subtitle{
	background:url(img/common_subtitle_bg.gif) 0 0 no-repeat;
	font-size:1.8em;
	font-weight:bold;
	padding:0 0 2px 15px;
	_padding:3px 0 2px 15px;
	margin:0 0 10px 15px;
}
*/

#common_contents h3.subtitle{
	background:url(img/common_subtitle_bg.gif) 0 0 no-repeat;
	font-size:1.9em;
	font-weight:bold;
	padding:0 0 2px 15px;
	_padding:0.16em 0 2px 15px;
	margin:0 0 10px 15px;
}



/***** Index *****/

#index_contents h1#index_title{
	width:100px;
	height:380px;
	position:absolute;
	font-size:2em;
	text-indent: -9999px;		
	left:240px;
	top:100px;
}

#index_contents #index_kaicho{
	width:40px;
	height:330px;
	position:absolute;
	font-size:1.4em;
	text-indent: -9999px;		
	left:110px;
	bottom:60px;
}

#index_contents #index_news{
	width:300px;
	height:127px;
	position:absolute;
	right:25px;
	top:57px;
}

#index_contents #index_news h2{
	margin:0 0 9px 0;
}

#index_contents #index_news dl{
	font-size:1.2em;
	line-height:1.5em;
}

#index_contents #index_news dt{
	color:#a54000;
	/*color:#7f684b;*/
}

#index_contents #index_news dt img{
	vertical-align:middle;
	margin-bottom:3px;
}

#index_contents #index_news dd{
	margin-bottom:10px;
}

#index_contents ul#index_navi{
	width:252px;
	height:224px;
	position:absolute;
	right:70px;
	bottom:108px;
}

#index_contents ul#index_navi li{
	width:20px;
	height:222px;
	position:absolute;
	top:0;
}

#index_contents ul#index_navi li.about{
	right:0;
}

#index_contents ul#index_navi li.keifu{
	right:58px;
}

#index_contents ul#index_navi li.profile{
	right:116px;
}

#index_contents ul#index_navi li.info{
	right:174px;
}

#index_contents ul#index_navi li.order{
	right:232px;
}

#index_contents #index_contact{
	width:165px;
	height:18px;
	position:absolute;
	right:3px;
	top:0;
}

#index_contents #index_copyright{
	height:12px;
	position:absolute;
	right:15px;
	bottom:10px;
}


#osechicontainer .osechi_left h2 {
	width: 340px;
	height: 290px;
	position:relative;
	text-indent: -9999px;		
}


/***** Scroll *****/

.jScrollPaneContainer{
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(img/scroll_bar.gif) top center repeat-y; padding: 3px;
}

.jScrollPaneDrag{
	position: absolute;
	background: url(img/scroll_ball.gif) center center no-repeat;
	cursor: pointer;
	overflow: hidden;
}


/***** Info/Okeikoba *****/

#info_access{
	min-height:188px;
	_height:188px;
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 15px 15px 0;
}

#info_access dl{
	width:500px;
	font-size:16px;
	font-family: "HG正楷書体","有澤太楷書","有澤楷書","HGS有澤楷書体","DFP中楷書体",serif;
	float:left;
	margin:0 auto 0 15px;
}

#info_access dt{
	width:100px;
	_width:90px;
	font-weight:normal;
	float:left;
	padding:5px;
}

#info_access dd{
	padding:5px;
	margin-left:70px;
	_margin-left:82px;
}


#info_access .map{
	width:238px;
	height:188px;
	position:absolute;
	top:0;
	right:0;
}

#index_contents #info_table{
	width:780px;
	height:265px;
}

#info_table table{
	font-family: "ヒラギノ丸ゴ","AR P丸ゴシック体M",serif; 
	border-collapse: collapse;
	/*border:#333 1px solid;*/
	/*margin:5px 0 15px 15px;*/
}

#info_table .fs {
	font-size: 10px;
	line-height: 130%;
}


#info_table table.info_title{
	/*border-bottom:none;*/
	margin:5px 0 0 15px;
}

#info_table table.info_list{
	margin:-1px 0 0 15px;
}

#info_table table th{
	font-weight:normal;
	text-align:center;
	border:#333 1px solid;
	/*border-top:#333 1px solid;
	border-left:#333 1px solid;
	border-right:#333 1px solid;*/
	padding:5px;
}

#info_table table td{
	text-align:left;
	border:#333 1px solid;
	padding:5px;
}

#info_table .bold{
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	border:#333 1px solid;
	padding:5px;
}
/*
#info_table table .cell_01{
	width:69px;
}

#info_table table .cell_02{
	width:118px;
}

#info_table table .cell_03{
	width:165px;
}

#info_table table .cell_03_01{
	width:47px;
}

#info_table table .cell_03_02{
	width:107px;
}

#info_table table .cell_04{
	width:138px;
}

#info_table table .cell_05{
	width:121px;
}

#info_table table .cell_06{
	width:70px;
}	
*/
#info_table table td span{
	_font-size:0.75em;
}


/***** About/Youmeikai *****/

#about{
	width:770px;
	min-height:465px;
	_height:465px;
	position:relative;
	margin:0 15px;
}

#about p.lead{
	font-size:1.6em;
	font-family: "HG正楷書体","有澤太楷書","有澤楷書","HGS有澤楷書体","DFP中楷書体",serif;
	line-height:150%;
	margin:0 15px 30px 0;
}

#about p.lead_02{
	font-size:1.6em;
	font-family: "HG正楷書体","有澤太楷書","有澤楷書","HGS有澤楷書体","DFP中楷書体",serif;
	line-height:150%;
	margin:0 15px 10px 0;
}

#about p.photo{
	margin:0 15px 15px 0;
}

#about p.photo img{
	margin-right:15px;
}


/***** Order/Gakufu-CD *****/

#order{
	width:800px;
	min-height:465px;
	_height:465px;
	position:relative;
}

#order p.lead{
	font-family: "HG正楷書体","有澤太楷書","有澤楷書","HGS有澤楷書体","DFP中楷書体",serif;
	line-height:150%;
	font-size:1.8em;
	margin:0 0 10px 15px;
}

#order p.lead strong{
}

#order h3.order_title{
	margin:0 0 5px 15px;
}

#order table{
	font-family: "ヒラギノ丸ゴ","AR P丸ゴシック体M",serif; 
	border-collapse: collapse;
	border:#333 1px solid;
	margin:5px 0 15px 15px;
}

#order table th{
	text-align:center;
	font-size:1.2em;
	border:#333 1px solid;
	padding:5px;
}

#order table td{
	font-size:1.2em;
	border:#333 1px solid;
	padding:5px;
}

#order table.order_cd{
}

#order table.order_gakufu{
}

#order table.order_cd th,
#order table.order_gakufu th{
	font-weight:normal;
	text-align:center;
	padding:5px;
}

#order table.order_cd td,
#order table.order_gakufu td{
	text-align:left;
	border:#333 1px solid;
	padding:5px;
}

#order table.order_gakufu td{
	font-size:1.4em;
	font-weight:bold;
}

#order table.order_cd td strong,
#order table.order_gakufu td strong{
	font-size:1.6em;
	line-height:150%;
}

#order table.order_cd td span.price{
	font-size:1.2em;
	line-height:150%;
	font-weight:bold;
}

#order table.order_cd td span.kyoku{
	font-size:1.2em;
	font-weight:normal;
}

#order table.order_cd td span.seisaku{
	font-size:0.9em;
	margin-left:3em;
}

#order table.order_cd td span.kyoku{
	font-size:1.2em;
	font-weight:normal;
}

#order table.order_gakufu td img{
	vertical-align:middle;
	margin:0 0 3px 3px;
}

#order table.order_cd .cell_01{
	width:580px;
}

#order table.order_gakufu .cell_01{
	width:580px;
}

/*gakufu*/
#order table.order_gakufu th.cell_01{
	width:580px;
	letter-spacing:12px;	
}

#order table.order_gakufu td.cell_01{
	width:560px;
	padding-left:20px;
}

#order table.order_gakufu td.cell_01_01{
	width:69px;
	_width:70px;
	text-align:center;
	letter-spacing:12px;
	padding-left:11px;
}


#order table.order_gakufu td.cell_01_02{
	width:475px;
	_width:478px;
	padding-left:20px;
}

#order table.order_gakufu td.cell_01_02 img{
	margin-left:2em;
}

#order table.order_cd th.cell_02{
	width:146px;
	letter-spacing:12px;
}

#order table.order_gakufu th.cell_02{
	width:146px;
	letter-spacing:12px;
}

#order table.order_cd td.cell_02{
	/*width:146px;*/
	width:111px;
	padding-right:40px;
	/*padding:116px;*/
	/*text-align:center;*/
	text-align:right;
}

#order table.order_gakufu td.cell_02{
	/*width:146px;*/
	width:111px;
	padding-right:40px;
	/*padding:116px;*/
	/*text-align:center;*/
	text-align:right;
}

#order p.dl_text{
	line-height:150%;
	font-size:1.2em;
	margin:10px 0 10px 15px;
}

#order p.adobe{
	line-height:150%;
	clear:both;
	margin:0 0 0 15px;
}

#order p.adobe img{
	vertical-align:top;
	float:left;
	margin:0 15px 0 0;
}


#order .new{
	font-family: "HG正楷書体","有澤太楷書","有澤楷書","HGS有澤楷書体","DFP中楷書体";
	line-height:100%;
	font-size:1.0em;
	color:red;
	margin:0 0 10px 90px;
}


/***** Profile *****/

#profile{
	width:770px;
	min-height:263px;
	_height:263px;
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 auto 15px auto;
}

#profile div.text{
	width:545px;
	float:right;
}

#profile div.text h3{
	margin-left:0;
}

#profile div.text p{
	font-size:1.2em;
	line-height:150%;
}

#profile p.photo{
	width:187px;
	float:left;
}

#rireki{
	min-height:200px;
	_height:200px;
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 15px 15px 0;
}

#rireki table{
	width:540px;
	line-height:150%;
	font-size:1.2em;
	margin-left:15px;	
}

#rireki table th{
	width:120px;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
}

#rireki table td{
	text-align:left;
	vertical-align:top;	
}

#rireki p{
	line-height:150%;
	font-size:1.2em;
	margin-left:15px;	
}



/***** Iemoto-History *****/

#iemoto{
	width:780px;
	height:475px;
	position:relative;
	margin:0 auto 15px 15px;
}

#iemoto .iemoto{
	width:750px;
	min-height:201px;
/*	_height:201px;*/
	position:relative;
	clear:both;
	overflow:hidden;
	margin:0 auto 15px 0;
}

#iemoto .iemoto div.text{
	width:580px;
	float:right;
}

#iemoto .iemoto .text h3{
	width:565px;
	height:30px;
	position:relative;
	margin-left:0;
}

#iemoto .iemoto .text h3 span{
	/*display:block;
	width:120px;
	height:20px;*/
	position:absolute;
	font-size:0.8em;
	font-weight:normal;
	right:0;
	bottom:0;
}

#iemoto .iemoto .text p{
	font-size:1.2em;
	line-height:150%;
}

#iemoto .iemoto p.photo{
	width:150px;
	float:left;
}






/*
#info_table table.info_list{
	margin:1px 0 0 15px;
}

#info_table table th{
	font-weight:normal;
	text-align:center;
	padding:5px;
}

#info_table table td{
	text-align:left;
	border:#333 1px solid;
	padding:5px;
}

#info_table table .cell_01{
	width:69px;
}

#info_table table .cell_02{
	width:115px;
}

#info_table table .cell_03{
	width:141px;
}

#info_table table .cell_04{
	width:141px;
}


*/








#contents_wrap{
	width:100%;
	height:625px;
	border-top:#cac6c5 1px solid;
	border-bottom:#cac6c5 1px solid;
}

#wrapper .index{
	background-color:#b7cc34;	
}

#wrapper .profile{
	background-color:#f29600;	
}

#wrapper .sommelier{
	background-color:#71b8df;	
}

#wrapper .inquiry{
	background-color:#e7cbab;	
}

#wrapper .link{
	background-color:#b9c9ff;	
}



/***** Contents_in *****/

#contents_in{
	position:relative;
	width:390px;
	_width:408px;
	height:390px;
	margin-left:244px;
	_margin-left:226px;	
	padding:20px 36px 0 0;
	overflow:auto;
}

#contents_in h1{
	margin-bottom:14px;
}

#contents_in h2{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

#contents_in p{
	font-size:1.2em;
	margin-bottom:20px;
}



/***** Index *****/

.index #contents_in .text{
	width:189px;
	height:33px;
	position:absolute;
	bottom:0;
	right:20px;
}


/***** Profile *****/
.profile #contents_in p.name{
	font-size:1.4em;
	font-weight:normal;
	margin:3px 0 23px 0;
}

.profile #contents_in p .pencil{
	border-bottom:#f29600 1px dotted;
}


/***** Inquiry *****/

.inquiry #contents_in p.attention{
	color:#f00;
}

.inquiry #contents_in table{
	font-size:1.2em;
	width:390px;
	overflow:hidden;
	margin-bottom:20px;
}

.inquiry #contents_in th{
	width:100px;
	padding:3px 5px 8px 0;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
}

.inquiry #contents_in th em{
	font-weight:bold;
	font-style:normal;
	font-size:0.83em;
	color:#f00;
}

.inquiry #contents_in td{
	padding:3px 0 8px 0;
}

.inquiry #contents_in td input{
	width:98%;
}

.inquiry #contents_in .radio{
	padding:3px 0 8px 0;
}

.inquiry #contents_in .radio input{
	width:10%;
}

.inquiry #contents_in td textarea{
	width:98%;
}

.inquiry #contents_in .btn{
	text-align:center;
}


/***** Link *****/

.link #contents_in p.read{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
}

.link #contents_in h2{
	font-size:1.4em;
	font-weight:normal;
}

.link #contents_in p a{
	text-decoration:underline;
	color:#b9c9ff;
}

.link #contents_in p a:after{
	color:#b9c9ff;
}


.link #contents_in p a:hover{
	text-decoration:none;
}

.link #contents_in p a img{
	margin-left:5px;
}



/***** Footer *****/

#footer{
	width:670px;
	height:35px;
	position:relative;
	margin:20px auto 0 auto;
}

#footer ul{
	width:468px;
	height:36px;
	float:left;
}

#footer ul li{
	display:inline;
	margin-right:20px;
}

#footer #blog{
	width:36px;
	height:18px;
	float:right;
}

#footer #cook{
	width:82px;
	height:18px;
	float:right;
	margin-right:5px;
}

#footer #blog:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#footer #copyright{
	position:absolute;
	top:5px;
	right:133px;
	width:240px;
	height:9px;	
	font-size:10px;
	text-align:right;
}

/***** copyright *****/
.copyright{
	font-size:10px;
}