@charset "UTF-8";
/*////////////////////////////////////////////////////////////
 common.css

------------------------------------------------------------

[Body]
[Header]
[Crumb List]
[Footer]
[Login Form]
[Inquiry Form]
[Page Navigation]
[Comment Form Input]
[Comment Form Result List]
[Balloon]

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

@media print {

body {
_zoom:64%; /*WinIE only */
}

}

/* ------------------------------------------------------------
	Body
   ------------------------------------------------------------ */
body {
	margin:0;
	padding:0;
}

img,p,h1,h2,h3,h4,h5,h6,ul,ol,li {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}

body {
	font-size:12px;
	font-family:'Lucida Grande', Arial, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Geneva,Verdana,sans-serif;
	background:#ffffff url(../img/background.gif) repeat;
	line-height:160%;
}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* Hides from IE-mac \*/
*html #wrapper {
	height:1%;
}
 /* End hide from IE-mac */

* {
	letter-spacing:0 !important;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	background:#ffffff;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
}

/* ------------------------------------------------------------
	Anchor Tag
   ------------------------------------------------------------ */
#scroll {
	position:absolute;
	top:0;
	left:0;
	width:104px;
	height:20px;
}

/* ------------------------------------------------------------
	Header
   ------------------------------------------------------------ */
#head-top {
	width:940px;
	height:80px;
	margin:0 auto 20px auto;
}

#logo {
	float:left;
	width:230px;
	height:80px;
}

#anv-10th {
	position:relative;
	top:-30px;
	left:870px;
	z-index:999;
	width:225px;
	height:225px;
}
/*
.moji-nav {
	position:relative;
	width:200px;
	height:40px;
	top:-10px;
	left:400px;
}

#sub-nav {
	float:right;
	width:600px;
	height:40px;
}

#sub-nav ul {
	position:relative;
	top:14px;
	width:391px;
	height:10px;
	background:url(../img/nav2.gif) no-repeat top left;
}
*/
#sub-nav {
	float:right;
	width:438px;
	height:10px;
	padding-top:25px;
}

#sub-nav ul {
	position:relative;
	width:438px;
	height:10px;
	background:url(../img/nav2.gif) no-repeat top left;
}

#sub-nav li {
	position:absolute;
	top:0px;
}

#sub-nav li.about {
	left:15px;
	width:74px;
}

#sub-nav li.philosophy {
	left:130px;
	width:89px;
}

#sub-nav li.wine-list {
	left:130px;
	width:46px;
}

#sub-nav li.sake-list {
	left:217px;
	width:43px;
}

#sub-nav li.sagano-list {
	left:302px;
	width:89px;
}

#sub-nav li.english-list {
	left:391px;
	width:47px;
}

#sub-nav li span,
#sub-nav li a {
	padding-top:10px;
	height:0px !important;
	height /**/:10px;
	overflow:hidden;
	display:block;
	text-indent:-999px;
	overflow:hidden;
}

#sub-nav li.about a {
	background:url(../img/hover_about.gif) no-repeat 0 -10px;
}

#sub-nav li.philosophy a {
	background:url(../img/hover_philosophy.gif) no-repeat 0 -10px;
}

#sub-nav li.wine-list a {
	background:url(../img/hover_wine_search.gif) no-repeat 0 -10px;
}

#sub-nav li.sake-list a {
	background:url(../img/hover_sake_list.gif) no-repeat 0 -10px;
}

#sub-nav li.sagano-list a {
	background:url(../img/hover_sagano.gif) no-repeat 0 -10px;
}

#sub-nav li.english-list a {
	background:url(../img/hover_english.gif) no-repeat 0 -10px;
}

#sub-nav li a:hover {
	background-position:0 0 !important;
}

#main-nav {
	position:relative;
	top:0px;
	left:30px;
	width:619px;
	height:15px;
}

#main-nav ul {
	position:absolute;
	width:504px;
	height:15px;
	background:url(../img/nav1.gif) no-repeat top left;
}

#main-nav li {
	position:absolute;
	top:0px;
}

#main-nav li.home {
	left:0px;
	width:35px;
}

#main-nav li.information {
	left:71px;
	width:95px;
}

#main-nav li.interview {
	left:202px;
	width:78px;
}

#main-nav li.wine {
	left:316px;
	width:79px;
}

#main-nav li.restaurant {
	left:431px;
	width:79px;
}

#main-nav li.sake {
	left:431px;
	width:72px;
}

#main-nav li span,
#main-nav li a {
	padding-top:15px;
	height:0px !important;
	height /**/:15px;
	overflow:hidden;
	display:block;
	text-indent:-999px;
	overflow:hidden;
}

#main-nav li.home a {
	background:url(../img/hover_home.gif) no-repeat 0 -15px;
}

#main-nav li.information a {
	background:url(../img/hover_info.gif) no-repeat 0 -15px;
}

#main-nav li.interview a {
	background:url(../img/hover_interview.gif) no-repeat 0 -15px;
}

#main-nav li.wine a {
	background:url(../img/hover_wine.gif) no-repeat 0 -15px;
}

#main-nav li.restaurant a {
	background:url(../img/hover_restaurant.gif) no-repeat 0 -15px;
}

#main-nav li.sake a {
	background:url(../img/hover_sake.gif) no-repeat 0 -15px;
}

#main-nav li a:hover {
	background-position:0 0 !important;
}

/* ------------------------------------------------------------
	Crumb List
   ------------------------------------------------------------ */
.crumb-list {
	font-size:10px;
	color:#222222;
	background-color:#eeeeee;
	padding:0.5em 0 0.5em 30px;
}

.crumb-list a {
	color:#0066cc;
	text-decoration:none;
}

.crumb-list a:hover {
	text-decoration:underline;
}

/* ------------------------------------------------------------
	Footer
   ------------------------------------------------------------ */
#footer {
	width:940px;
	font-size:10px;
	text-align:left;
	margin:0px auto 0px auto;
	padding-bottom:30px;
	border-top:1px solid #dddddd;
/*
	background:#eee;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
*/
}

#footer-nav {
	float:right;
	padding-top:20px;
}

#footer-nav a {
	color:#0066cc;
	text-decoration:none;
}

#footer-nav a:hover {
	text-decoration:underline;
}

#footer div.logo {
	padding-top:20px;
	margin-left:24px;
}

#footer div.copyright p {
	color:#444444;
	margin-top:15px;
	margin-left:24px;
}

#footer-nav ul {
	float:left;
	padding-right:50px;
}

#footer-nav ul.end {
	padding-right:24px;
}

#footer-nav li {
	margin-bottom:6px;
}

/* ------------------------------------------------------------
	Login Form
   ------------------------------------------------------------ */
#login {
	width:1000px;
	margin:0 auto
}
#loginform {
	float:right;
	font-size:10px;
	color:#444444;
	padding-top:10px;
	padding-bottom:15px;
	padding-right:6px;
}

#loginform .input {
	font-size:10px;
	color:#444444;
	width:80px; 
	height:11px;
	border:1px solid #dddddd;
}

#loginform #user_login {
	margin-right:2px;
}

#loginform #user_pass {
	margin-right:2px;
}

#loginform #wp-submit {
	font-size:9px;
	color:#444444;
	width:40px; 
	height:18px;
	border:1px solid #dddddd;
}

/* ------------------------------------------------------------
	Inquiry Form
   ------------------------------------------------------------ */
.inquiry-form {
	font-size:11px;
	padding-left:10px;
}

.inquiry-form .inquiry-name {
	padding-top:25px;
}

.inquiry-form .inquiry-furi,
.inquiry-form .inquiry-company,
.inquiry-form .inquiry-subject,
.inquiry-form .inquiry-partner,
.inquiry-form .inquiry-email,
.inquiry-form .inquiry-tel,
.inquiry-form .inquiry-message {
	padding-top:15px;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea {
	font-size:12px;
	color:#444444;
}

.inquiry-form .inquiry-name input,
.inquiry-form .inquiry-furi input,
.inquiry-form .inquiry-company input,
.inquiry-form .inquiry-email input {
	width:238px; 
	height:20px;
	background:#eeeeee;
	border:1px solid #dddddd;
}

.inquiry-form .inquiry-partner input,
.inquiry-form .inquiry-tel input {
	width:238px; 
	height:20px;
	background:#ffffff;
	border:1px solid #dddddd;
}

.inquiry-form .inquiry-subject select {
	width:238px; 
	height:25px;
	background:#ffffff;
	border:1px solid #dddddd;
}

.inquiry-form .inquiry-message textarea {
	width:238px; 
	height:150px;
	background:#ffffff;
	border:1px solid #dddddd;
	overflow:hidden;
}

.inquiry-form .inquiry-submit {
	padding-top:20px;
}

.inquiry-form .inquiry-submit input {
	width:102px; 
	height:32px;
}

.inquiry-form .wpcf7-not-valid-tip-no-ajax {
	color:#ff0000;
}

.inquiry-form .wpcf7-validation-errors {
	color:#ff0000;
	margin: 10px 0 0 0;
}

.inquiry-form .wpcf7-mail-sent-ok {
	font-weight: bold;
	margin: 10px 0 0 0;
}

.inquiry-form .wpcf7-mail-sent-ng {
	color:#ff0000;
	margin: 10px 0 0 0;
}

.inquiry-form .wpcf7-submit {
	width: 102px;
	height: 32px;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	background-image: url(../images/search/mail_button.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
}

/* ------------------------------------------------------------
	Page Navigation
   ------------------------------------------------------------ */
.wp-pagenavi {
	font-size:11px;
	padding-top:20px;
	padding-right:20px;
	text-align:right;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding:2px 4px 4px 4px;
	margin:2px;
	text-decoration:none;
	border:1px solid #dddddd;
	color:#018055;
	background-color:#ffffff;
}

.wp-pagenavi a:visited {
	padding:2px 4px 4px 4px; 
	margin:2px;
	text-decoration:none;
	border:1px solid #dddddd;
	color:#018055;
	background-color:#ffffff;	
}

.wp-pagenavi a:hover {
	border:1px solid #dddddd;
	color:#111111;
	background-color:#018055;
}

.wp-pagenavi a:active {
	padding:2px 4px 4px 4px; 
	margin:2px;
	text-decoration:none;
	border:1px solid #dddddd;
	color:#018055;
	background-color:#ffffff;	
}

.wp-pagenavi span.pages {
	padding:2px 4px 4px 4px; 
	margin:2px 2px 2px 2px;
	color:#444444;
	border:1px solid #ffffff;
	background-color:#ffffff;
}

.wp-pagenavi span.current {
	padding:2px 4px 4px 4px;
	margin:2px;
	border:1px solid #dddddd;
	color:#ffffff;
	background-color:#018055;
}

.wp-pagenavi span.extend {
	padding:2px 4px 4px 4px; 
	margin:2px;	
	border:1px solid #ffffff;
	color:#444444;
	background-color:#ffffff;
}

/* ------------------------------------------------------------
	Comment Form Input
   ------------------------------------------------------------ */
#respond {
	font-size:12px;
	font-weight:normal;
	padding-top:20px;
	margin-top:50px;
}
#author,#email,#url,#comment {
	border:1px solid #dddddd;
	font-size:12px;
	padding:2px;
}

#author,#email,#url {
	width:249px;
	overflow:auto;
}

#comment {
	width:559px;
	overflow:auto;
}

#commentform p small {
	font-size:10px;
	color:#444444;
}

#commentform p {
	font-size:10px;
	margin:1em 0;
}

#commentform p a {
	text-decoration:none;
	color:#018055;
}

#commentform {
}

.commentslist code {
	background:transparent;
}

.jbmore {
	color:#444444;
	font-size:11px;
	text-align:right;
	text-transform:uppercase;
	font-weight:400 !important;
	font-variant:normal;
}

.submit,.submit input:focus,.button,.button:focus {
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	background-color:#444444;
	letter-spacing:1px;
	border:1px solid #dddddd;
	height:28px;
	padding-top:4px;
	margin-left:1px;
	padding-right:2px;
	padding-bottom:6px;
	padding-left:3px;
}

/* ------------------------------------------------------------
	Comment Form Result List
   ------------------------------------------------------------ */
#comments {
	font-size:12px;
	font-weight:normal;
	padding-top:20px;
	padding-bottom:5px;
	margin-top:50px;
}

ol.commentslist {
	width:565px;
	list-style:none;
	margin:5px 0 12px;
}

.commentslist li {
	border:1px dotted #dddddd;
	margin-bottom:7px;
	background-color:#ffffff;
	background-image:url(../img/comment_bg.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding:10px 15px;
}

.commentslist cite {
	font-size:12px;
	font-style:normal;
}

.commentslist li p {
	font-size:10px;
	text-align:right;
}

.commentslist li a {
	text-decoration:none;
	color:#018055;
}

.commentslist li:hover {
	color:#111111;
	border-color:#111111;
}

.commentslist .comment_text {
	line-height:130%;
	overflow:hidden;
	margin:0 7px;
}

.comment_text ul,.comment_text ol,.comment_text blockquote {
	margin:0 1em;
}

/* ------------------------------------------------------------
	Balloon
   ------------------------------------------------------------ */
.hotspot {
	color:#0066CC;
	padding-bottom:1px;
	cursor:pointer;
}

#tt {
	position:absolute;
	display:block;
	background:url(../img/tt_left.gif) top left no-repeat;
}

#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(../img/tt_top.gif) top right no-repeat;
	overflow:hidden;
}

#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#eeeeee;
	font-size:10px;
	color:#0066CC;

	text-align:justify;
	text-justify:inter-ideograph;
}

#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(../img/tt_bottom.gif) top right no-repeat;
	overflow:hidden;
}
