@charset "utf-8";
@import url(index.css);
@import url(page.css);

/* ---------------------------------reset */
table { border-collapse: collapse; }

body {
	font-size: 15px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
	color: #3f312b;
	background: #ede7bc;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* ---------------------------------layout size */

#topbg {
	background: url(/images/topbg.jpg) repeat-x left top;
}

#treebg {
	margin: 0 auto;
	background: url(/images/treebg.jpg) no-repeat left top;
}

#headtop {
    width: 940px;
    height: 110px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
}

#headtop h1 {
	margin: 0;
	padding: 0;
}
#headtop ul {
  list-style: none;
}

/*
#headtop .yoyaku {
  padding: 24px 0 0;
  margin: 0 0 0 64px;
  float: left;
}
*/
/*
#headtop .yoyaku a {
  background: url(/images/bnr_yoyaku.gif) no-repeat;
  display: block;
  width: 220px;
  height: 56px;
  text-indent: -9999px;
}

#headtop .logo {
	width: 196px;
	margin: 0;
	padding: 24px 0 18px 21px;
	float: left;
}

#headtop h1 a {
	width:  196px;
	height: 47px;
	margin: 0;
	padding: 0;
	background: url(/images/tsuruyalogo.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

#headtop .blog a {
	width: 125px;
	height: 32px;
	margin: 6px 20px 0 0;
	padding: 0;
	background: url(/images/tab_blog.gif) no-repeat;
	text-indent: -9999px;
	display: inline;
	float: right;
}
#headtop .blog a:hover {
	background: url(/images/tab_blog_ov.gif) no-repeat;
}
#headtop .contact a {
	width: 108px;
	height: 32px;
	margin: 6px 20px 0 0;
	padding: 0;
	background: url(/images/tab_toi.gif) no-repeat;
	text-indent: -9999px;
	display: inline;
	float: right;
}
#headtop .contact a:hover {
	background: url(/images/tab_toi_ov.gif) no-repeat;
}

#headtop .tel {
	clear: right;
	background: url(/images/header_tel.gif) no-repeat;
	width: 375px;
	height: 45px;
	margin: 0px 20px 4px 0;
	text-indent: -9999px;
	display: inline;
	float: right;
}
*/	

#navimenu {
	width: 100%;
	height: 42px;
	margin: 0 auto 16px;
	text-align: left;
	background: url(/images/menu_bg.gif) repeat-x left;
}

#navimenu ul {
	width: 910px;
	height: 42px;
	margin: 0 auto;
	padding: 0 20px 0 30px;
	display: block;
}
#navimenu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}

#navimenu .menu01 a{
	width: 116px;
	height: 42px;
	background: url(/images/menu01.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu02 a {
	width: 114px;
	height: 42px;
	background: url(/images/menu02.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu03 a {
	width: 115px;
	height: 42px;
	background: url(/images/menu03.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu04 a {
	width: 115px;
	height: 42px;
	background: url(/images/menu04.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu05 a {
	width: 115px;
	height: 42px;
	background: url(/images/menu05.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu06 a {
	width: 116px;
	height: 42px;
	background: url(/images/menu06.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu07 a {
	width: 116px;
	height: 42px;
	background: url(/images/menu07.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu08 a {
	width: 103px;
	height: 42px;
	background: url(/images/menu08.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

#navimenu .menu01 a:hover {
	width: 116px;
	height: 42px;
	background: url(/images/menu01_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu02 a:hover {
	width: 114px;
	height: 42px;
	background: url(/images/menu02_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu03 a:hover {
	width: 115px;
	height: 42px;
	background: url(/images/menu03_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu04 a:hover {
	width: 115px;
	height: 42px;
	background: url(/images/menu04_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu05 a:hover {
	width: 115px;
	height: 42px;
	background: url(/images/menu05_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu06 a:hover {
	width: 116px;
	height: 42px;
	background: url(/images/menu06_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu07 a:hover {
	width: 116px;
	height: 42px;
	background: url(/images/menu07_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
#navimenu .menu08 a:hover {
	width: 103px;
	height: 42px;
	background: url(/images/menu08_ov.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

#mainflash {
	width: 960px;
	height: 320px;
	margin: 0 auto;
	padding-bottom: 26px;
	display: block;
}

#mainflash .flash {
	float: left;
}

#mainflash .mainimg {
	float:left;
}

#columnsize {
	clear: both;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#left-column {
	width: 242px;
	display: inline;
	float: left;
}

#right-column {
	width: 718px;
	display: inline;
	float: right;
}

#footer {
	width: 928px;
	margin: 0 auto;
	padding: 26px 16px;
	text-align: center;
}

#footer .footlink {
	width: 904px;
	height: 36px;
	line-height: 36px;
	margin: 0 0 16px 0;
	padding: 0;
	background: url(/images/footer_linkbg.gif) no-repeat center;
	display: block;
}
#footer .footlink a {
	color:#3f312b;
}

#footer address {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

#column {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#column .fullcolumn {
/*	width: 920px;	*/
	width: 960px;
	margin: 0 auto;
	margin-bottom: 26px;
	display: block;
}
#column .left {
	float: left;
	display: block;
}
#column .right {
	float: right;
	display: block;
}
/* mail-form */
#mailform form.form { margin: 0 }
#mailform form p { margin: .5em 0 .5em 0; padding: 0; }
#mailform input.long { width: 300px }
#mailform textarea.long { width: 300px }
#mailform input.button { width: 100px }
#mailform .required { color: #c33; }
#mailform .error { color: #c33; }

/* ---------------------------------header */

#headtop .logo {
	width: 480px;
	margin: 0;
	padding: 6px 0 0;
	float: left;
}

#headtop h1 a {
    width:  300px;
	height: 104px;
	margin: 0;
	padding: 0;
	background: url(/images/h1_logo.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

#headLink {
	width: 460px;
	height: 104px;
	padding: 6px 0 0 0;
	float: right;
	background: url(/images/header_btn.gif) no-repeat 0 6px;
}
#headLink ul {
	margin: 0;
}
#headLink ul li {
	float: left;
	text-indent: -9999px;
}
#headLink ul.yoyaku {
	height: 52px;
	padding: 6px 0 4px;
	overflow: hidden;
}
#headLink li.reserve a {
	width: 216px;
	height: 52px;
	display: block;
}
#headLink li.reserve a:hover {
	background: url(/images/header_btn.gif) no-repeat 0 -110px;
}
#headLink li.tel {
	width: 234px;
	padding: 0 0 0 10px;
}
#headLink ul.headbtn {
	height: 36px;
	padding: 0 3px 6px 0;
	overflow: hidden;
}
#headLink li.contact a,
#headLink li.blog a {
	width: 150px;
	height: 36px;
	display: block;
}
#headLink li.contact {
	margin: 0 2px 0 0;
}
#headLink li.blog {
	margin: 0 6px 0 0;
}
#headLink li.contact a:hover {
	background: url(/images/header_btn.gif) no-repeat 0 -166px;
}
#headLink li.blog a:hover {
	background: url(/images/header_btn.gif) no-repeat -152px -166px;
}
#headLink li.english {
	margin: 0 3px 0 0;
	padding: 5px 0 11px 0;
}
#headLink li.korean {
	padding: 5px 0 11px 0;
}
#headLink li.english a,
#headLink li.korean a {
	width: 73px;
	height: 26px;
	display: block;
	font-size: 9px;
}
#headLink li.english a:hover {
	background: url(/images/header_btn.gif) no-repeat -308px -171px;
}
#headLink li.korean a:hover {
	background: url(/images/header_btn.gif) no-repeat -384px -171px;
}