@charset "shift_jis";

/* Universal selector
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1.7;
	text-decoration: none;
	background-color: transparent;
	}

/* Structure Module
---------------------------------------*/
body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒNW3" , "ƒ�ƒCƒŠƒI" , "‚l‚r ‚oƒSƒVƒbƒN", Verdana, sans-serif;
	font-size: 12px;
	background: #f6f4eb;
	}

/* Text Module
---------------------------------------*/

p {
	margin: 0 0 15px;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0 0 15px;
	line-height: 1.1;
	font-weight: bold;
	letter-spacing: -1px;
	}
/*
h1 {
	padding: 10px 10px 10px 25px;
	font-size: 160%;
	color: #222;
	border-bottom: 2px solid #ccc;
	background: url(../images/common/h1_bg.gif);
	}
*/
h1 {
	padding-bottom: 15px;
	font-size: 200%;
	color: #762675;
	background: url(../images/common/title_h1_bg.gif) no-repeat bottom;
	}
h2 {
	padding: 8px 10px 8px 25px;
	font-size: 14px;
	color: #762675;
	border-bottom: 2px solid #ccc;
	background: url(../images/common/title_h21_bg.gif);
	}
h3 {
	padding: 8px 10px 8px 25px;
	font-size: 14px;
	color: #CE1370;
	border-bottom: 2px solid #ccc;
	background: url(../images/common/h1_bg.gif);
	}
h4 {
	font-size: 200%;
	color: #600;
	}
h5 {
	font-size: 180%;
	color: #600;
	}
h6 {
	margin: 0 0 15px 15px;
	padding: 0;
	font-size: 140%;
	font-family: Verdana, sans-serif;
	color: #78347a;
	}
em {
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #555;
	}
strong {
	font-size: 120%;
	}
hr {
	clear: both;
	visibility: hidden;
	}
iframe {
	margin-bottom: 20px;
	}

/* Hypertext Module
---------------------------------------*/
a {
	text-decoration: none;
	}
a:link,
a:visited {
	color: #cd4c9e;
	}
a:hover {
	color: #fd06a2;
	}
a:active,
a:focus {
	outline: none;
	}

/* Image Module
---------------------------------------*/
img {
	border: 0;
	vertical-align: bottom;
	}

/* List Module
---------------------------------------*/
ul,
ol {
	margin: 0 0 20px 30px;
	}
li {
	margin: 0 0 5px;
	}

/* Table Module
-----------------------------------------------------------------------------------------*/
table.datatables {
	margin: 0 0 25px;
	width: 100%;
	border-collapse: collapse;
	}
.datatables td,
.datatables th {
	padding: 8px 10px;
	font-size: 11px;
	border-bottom: 3px solid #fff;
	background: #f6e7f2;
	}
.datatables th {
	background: #eedfea;
	}
.datatables thead th {
	color: #fff;
	border-left: 1px solid #ccc;
	background: #953f53;
	}
.datatables tbody th {
	font-weight: normal;
	text-align: left;
	color: #633;
	}
#price .datatables td,
#price .datatables th {
	border-right: 2px solid #fff;
	}
#price .datatables em {
	color: #f06;
	font-size: 18px;
	}

/* Forms Module
---------------------------------------*/
.inputstyle {
	padding: 3px;
	color: #444;
	font-size: 12px;
	border: 1px solid #eec6e3;
	background: #fff;
	}
.inputwidth1 {
	width: 300px;
	}
select {
	padding: 3px;
	color: #444;
	border: 1px solid #eec6e3;
	background: #fff;
	}
option {
	color: #444;
	}
input:focus,
	textarea:focus {
	background: #ffc;
	color: #444;
	}
button {
	padding: 3px 20px;
	color: #fff;
	font-size: 10px;
	border-bottom: 1px solid #777;
	background: #cd4c9e;
	}

/* layout
---------------------------------------*/
#header {
	width: 100%;
	background: #79357b;
	}
#header ul {
	margin: 0 auto;
	width: 900px;
	list-style: none;
	}
#header li {
	display: inline;
	font-size: 10px;
	color: #f6d3f7;
	}
#header li a {
	margin-right: 10px;
	padding-right: 15px;
	color: #f6d3f7;
	background: url(../images/common/icon_topicpath.gif) no-repeat right 50%;
	}
#nav {
	overflow: hidden;
	width: 100%;
	background: url(../images/common/header_nav_bg.gif) repeat-x;
	}
#mainimg {
	margin-bottom: 18px;
	padding-top: 120px;
	overflow: hidden;
	width: 100%;
	}
#index #mainimg {
	padding-top: 303px;
	background: url(../images/index/main.jpg) no-repeat center top;
	}
#about #mainimg {
	background: url(../images/about/main.gif) no-repeat center top;
	}
#qa #mainimg {
	background: url(../images/qa/main.gif) no-repeat center top;
	}
#staff #mainimg {
	background: url(../images/staff/main.gif) no-repeat center top;
	}
#access #mainimg {
	background: url(../images/access/main.gif) no-repeat center top;
	}
#reserve #mainimg {
	background: url(../images/reserve/main.gif) no-repeat center top;
	}
#recruit #mainimg {
	background: url(../images/recruit/main.gif) no-repeat center top;
	}
#privacy #mainimg {
	background: url(../images/privacy/main.gif) no-repeat center top;
	}
#datsumo #mainimg {
	background: url(../images/datsumo/main.gif) no-repeat center top;
	}
#step #mainimg {
	background: url(../images/step/main.gif) no-repeat center top;
	}
#price #mainimg {
	background: url(../images/price/main.gif) no-repeat center top;
	}
#voice #mainimg {
	background: url(../images/voice/main.gif) no-repeat center top;
	}
#nav ul,
#mainimg ul {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	list-style-type: none;
	}
#nav li,
#mainimg li {
	margin: 0;
	padding: 0;
	float: left;
	}
#wrap {
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 30px;
	width: 900px;
	}
#topicpath {
	clear: both;
	width: 100%;
	height: 40px;
	background: url(../images/common/topicpath_bg.gif) repeat-x;
	}
#topicpath ul {
	margin: 0 auto;
	padding-top: 13px;
	width: 900px;
	height: 27px;
	list-style-type: none;
	background: url(../images/common/topicpath_phone.gif) repeat-x;
	}
#topicpath li {
	display: inline;
	font-size: 10px;
	}
#topicpath li a {
	margin-right: 5px;
	padding-right: 15px;
	background: url(../images/common/topicpath.gif) no-repeat right 50%;
	}
#leftside {
	padding: 30px 0 0;
	float: left;
	width: 630px;
	background: url(../images/common/content_bg_head.gif) no-repeat top;
	}
.phone {
	margin-bottom: 15px;
	padding: 10px 20px;
	font-size: 11px;
	background: url(../images/common/sidebar_phone_bg.gif) no-repeat bottom;
	}
.phone dt,
.phone dd {
	width: 210px;
	}
.phone dd {
	margin-bottom: 5px;
	}
#content {
	padding: 0 30px 30px;
	float: left;
	width: 568px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	background: #fff url(../images/common/content_bg_foot.gif) no-repeat bottom;
	}
#rightside {
	padding-bottom: 20px;
	float: right;
	width: 250px;
	}

#footer_wrap {
	overflow: hidden;
	width: 100%;
	font-size: 11px;
	background: #762675;
	}
#footer {
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	}
#footer_phone {
	margin-bottom: 30px;
	width: 100%;
	text-align: center;
	background: url(../images/common/footer_phone_bg.gif) repeat-x;
	}
#footer p {
	color: #fff;
	}
#footer ul li {
	margin: 0;
	color: #b699ff;
	}
#footer ul li a {
	color: #fff;
	}
#footer ul li a:hover {
	color: #cd4c9e;
	}
#footer ul li ul {
	margin: 0 0 0 15px;
	padding: 0;
	}
.footer_box1 {
	float: left;
	width: 440px;
	}
.footer_box2 {
	float: left;
	width: 160px;
	}
.footer_box3 {
	float: left;
	width: 300px;
	}
.felink a {
	font-size: 8px;
	color: #666;
	}

/* layout [index]
---------------------------------------*/
ul.brandlist {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 652px;
	list-style-type: none;
	}
.brandlist li {
	margin: 0 14px 14px 0;
	padding: 0 0 10px;
	float: left;
	width: 208px;
	text-align: center;
	background: url(../images/index/brand_bg.gif) repeat-x bottom;
	}
li.brandlistright {
	margin-right: 0;
	}
.brandlist span {
	display: block;
	margin: 5px 0 5px;
	padding: 0;
	width: 208px;
	line-height: 1.1;
	}

dl.news {
	overflow: hidden;
	margin-bottom: 25px;
	padding: 15px;
	width: 534px;
	border: 2px solid #ccc;
	background: url(../images/index/news_bg.gif) repeat-x;
	}
.news dt {
	padding-left: 12px;
	float: left;
	width: 98px;
	color: #cd4c9e;
	background: url(../images/common/icon_bul1.gif) no-repeat 0 50%;
	}
.news dd {
	float: left;
	width: 424px;
	margin-bottom: 10px;
	line-height: 1.5;
	}


/* layout [qa]
---------------------------------------*/
.faq li {
	padding-left: 18px;
	list-style: none;
	background: url(../images/qa/icon_q.gif) no-repeat 0 4px;
	}
.faq dt {
	margin-bottom: 10px;
	padding-left: 18px;
	color: #72105e;
	font-weight: bold;
	background: url(../images/qa/icon_q.gif) no-repeat 0 4px;
	}
.faq dd {
	margin-bottom: 18px;
	padding: 0 0 15px 18px;
	border-bottom: 1px solid #ccc;
	background: url(../images/qa/icon_a.gif) no-repeat 0 4px;
	}

/* layout [staff]
---------------------------------------*/
.staffbox {
	margin-bottom: 25px;
	padding: 25px;
	background: url(../images/staff/paper.jpg) no-repeat;
	border-bottom: 1px solid #ccc;
	}
.staffphoto {
	float: right;
	width: 175px;
	}
.staffprofile {
	float: left;
	width: 300px;
	}
.staffprofile dt {
	float: left;
	width: 70px;
	color: #cd4c9e;
	}
.staffprofile dd {
	float: left;
	margin-bottom: 10px;
	width: 230px;
	}

/* layout [access]
---------------------------------------*/
dl.data {
	overflow: hidden;
	margin-bottom: 25px;
	}
.data dt {
	float: left;
	padding-left: 12px;
	width: 78px;
	color: #cd4c9e;
	background: url(../images/common/icon_bul1.gif) no-repeat 0 50%;
	}
.data dd {
	float: left;
	margin-bottom: 5px;
	width: 478px;
	}

/* layout [form_mail]
---------------------------------------*/
dl.contactform {
	overflow: hidden;
	margin-bottom: 25px;
	}
.contactform dt {
	float: left;
	width: 80px;
	color: #cd4c9e;
	}
.contactform dd {
	float: left;
	margin-bottom: 15px;
	width: 470px;
	}
.inputwidth {
	width: 300px;
	}
.inputwidth2 {
	width: 450px;
	}
.contactform label {
	float: left;
	width: 150px;
	}

/* layout [recruit]
---------------------------------------*/
#recruit #content {
	margin-left: 125px;
	padding: 0 30px 30px;
	width: 568px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	background: #fff url(../images/common/content_bg_foot.gif) no-repeat bottom;
	}




/* Section
---------------------------------------*/
.section1 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px 0 20px;
	border: 2px solid #ccc;
	background: url(../images/index/news_bg.gif) repeat-x;
	}
.section2 {
	clear: both;
	overflow: auto;
	margin-bottom: 20px;
	padding: 10px 20px 0 20px;
	height: 300px;
	border: 3px solid #ccbcbc;
	background: url(../images/index/news_bg.gif) repeat-x;
	}
.section3 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px 0 20px;
	border: 3px solid #eca5e8;
	background: #fbf5fd;
	}

/* Images
---------------------------------------*/
.imgtop {
	margin-bottom: 20px;
	}
.imgtop2 {
	margin-bottom: 10px;
	}
.imgtop3 {
	margin-bottom: 7px;
	}
.imgleft {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	}
.imgright {
	margin-left: 15px;
	margin-bottom: 15px;
	float: right;
	}
.textbox {
	/zoom:1;
	overflow: hidden;
	}

/* etc.
---------------------------------------*/
.line {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	}
.textspace {
	margin-bottom: 40px;
	}
.alignright {
	text-align: right;
	}
.minitext {
	font-size: 10px;
	}
dl.bunnerlist {
	margin: 0 0 15px;
	padding: 0;
	font-size: 10px;
	}
.bunnerlist dd {
	margin: 0 0 5px;
	}
.reserve_button {
	clear: both;
	overflow: hidden;
	margin: 0 auto 30px;
	padding: 0;
	width: 568px;
	list-style-type: none;
	}
.reserve_button li {
	margin: 0;
	padding: 0;
	float: left;
	}
ul.linelist {
	margin: 20px 0;
	padding: 0;
	width: 570px;
	list-style: none;
	overflow: hidden;
	}
.linelist .leftlist {
	margin-right: 12px;
	}
.linelist li {
	float: left;
	display: inline;
	width: 180px;
	border: none;
	background: none;
	}
.linelist em {
	margin-top: 5px;
	display: block;
	}

/* DatePicker.
---------------------------------------*/

input.DatePicker{
	margin-bottom: 4px;
	display: block;
	width: 150px;
	padding: 3px 3px 3px 24px;
	background: #fff url(../images/reserve/date.gif) no-repeat top left;
	cursor: pointer;
	}
input:focus.DatePicker{
	background: #fffce9 url(../images/reserve/datefocus.gif) no-repeat top left;
	}
.dp_container{
	position: relative;
	padding: 0;
	z-index: 500;
	}
.dp_cal{
	background-color: #fff;
	border: 1px solid #8B5992;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
	}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
	}
.dp_cal select option{
	padding: 1px 3px;
	}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	color: #444;
	padding: 1px 0;
	}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #fff;
	}
.dp_cal td{
	cursor: pointer;
	}
.dp_cal thead th{
	background: #d9eefc;
	}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
	}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
	}
.dp_empty{
	background: #eee;
	}
.dp_today{
	background: #daf2e6;
	}
.dp_selected{
	color: #fff;
	background: #ce1370;
	}