@charset "utf-8";

/* 01_intro
---------------------------------------------*/
/*------------------
      concept
--------------------*/
#concept {
	width: 441px;
	margin: 0px 0px 30px 21px;
	padding-bottom: 40px;
	background:url(../01_introduction/images/line02.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#concept:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #concept {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}




#concept p {
	text-align: justify;
	text-justify: distribute;
}
#concept .comment {
	background: url(../01_introduction/images/concept_line.gif) no-repeat left bottom;
	width: 225px;
	padding-bottom: 20px;
	float: left;
	font-size: 95%;
}
#concept .images {
	width: 190px;
	float: right;
	padding-top: 20px;
}

#concept span{
	font-weight: bold;
	font-size: 100%;
}	


/*------------------
      access
--------------------*/
#access {
	width: 461px;
	margin: 0px 0px 40px 21px;
	padding-bottom: 40px;
	background:url(../01_introduction/images/line02.gif) no-repeat left bottom;
}
#access dt{
	float: left;
	clear: left;
}	
#access dd{
	margin-left: 80px;
	width: 300px;
	text-align: justify;
}
/*------------------
      tel
--------------------*/
#tel {
	position:relative;
	width: 461px;
	margin-left: 21px;
	padding-bottom: 25px;
	background: url(../01_introduction/images/line02.gif) no-repeat left bottom;
}
#tel .table{
	position:absolute;
	top: 12px;
	left: 330px;
}

#tel .comment {
	line-height: 1.2;
	margin: 8px 0px 5px 0px;
}

/*
02_menu
-------------------------------*/

#menu {
	position:relative;
	width: 474px;
	margin-left: 9px;
}

#menu .image{
	position: absolute;
	top: -50px;
	left: 385px;
}

#menu .price{
	margin-bottom: 30px;
	margin-left: 25px;
	margin-top: 10px;
}

#menu .pricetop{
	margin-top: 8px;
	margin-bottom: 11px;
	margin-left: 195px;
	color: #9F884A;
	font-weight: bold;
}



#menu h4{
	padding-bottom:5px;
}

#menu dl{
	line-height: 1.2;
	margin-top: 4px;
}


#menu dt{
	float: left;
	clear: left;
}

#menu dd{
	font-weight: bold;
	color: #9F884A;
	margin-left: 170px!important;
	margin-left /**/: 167px;
}



/*
03_campaign
-------------------------------*/
#campaign {
	position: relative;
	width: 483px;
}
#campaign .Cimage{
	position:absolute;
	top:0px;
	left:393px;
}
#campaign h4 {
	margin-top: 10px;
	margin-left: 30px;
	font-size:12px;
}
#campaign .coupon{
	margin-left:2px;
	margin-top:10px;
}
#campaign .coupon span{
	margin-left: 19px;
}

/*
04_question
-------------------------------*/
#qanda01 {
	width: 441px;
	margin-left: 21px;
	margin-top: 15px;
	padding-bottom: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	background: url(../01_introduction/images/dot_line.gif) no-repeat left bottom;
}
#qanda01 p {
	padding: 5px 0px 25px 0px;
}
#qanda01 h5 {
	font-size: 100%;
}
#qanda01 .formComment {
	font-size:85%;
	padding: 5px 0px 10px 0px;
}
#qanda01 .must {
	font-size: 85%;
	padding: 0px 0px 5px 0px;
	color: #d5915b;
}
#qanda01 form {
	margin: 0px;
	padding: 0px;
}

/* ---------------------
formtable
------------------------*/
#qanda01 table {
	width: 438px;
	font-size: 100%;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right-style: none;
	border-bottom-style: none;
	padding:0px;
	margin: 0px;
}
#qanda01 th {
	padding: 6px;
	width: 147px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-top-style: none;
	border-left-style: none;
	background-color:#f9f9f9;
}
#qanda01 td {
	padding: 6px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-top-style: none;
	border-left-style: none;
	background-color:#fdfdfd;
}
#qanda01 em {
	color: #d5915b;
	font-size: 90%;
	padding-left: 5px;
	font-style: normal;
}
#qanda01 span {
	font-size: 85%;
}
.form1,.form2,.form3,.form4,.form5 {
	border: 1px solid #e1e1e1;
	background: #f1f1f1;
	font-size: 95%;
}
.form1 {
	width: 160px;
}
.form2 {
	width: 35px;
}
.form3 {
	width: 250px;
}
.form4 {
	width: 250px;
}

#subbmitButton {
	margin: 10px 0px 15px 0px;
	text-align: right;
}
#subbmitButton input {
	cursor: pointer;
}
#subbmitButton .inputLeft {
	margin-right: 5px;
}


/* ---------------------
        confirm
------------------------*/
#formButton {
	margin: 15px 0px;
	text-align: right;
}



#formButton form {
	margin: 0px;
}
#formButton input{
	cursor: pointer;
	font-size: 85%;
}
#formButton .inputLeft {
	margin-right: 5px;
}

/* ---------------------
         error
------------------------*/
#error01 {
	margin: 15px 0px 60px;
}
#error01 form {
	margin: 0px;
}
#error01 h4 {
	padding-left: 3px;
}
#error01 p {
	padding-left: 3px;
	font-size: 100%;
	color: #CA0000;
}


/* ---------------------
error2
------------------------*/
.errotButton02 {
	text-align: right;
	margin: 15px 0px;
}

/* ---------------------
thanks
------------------------*/
.thx {
	color: #E15444;
	font-size: 90%;
	font-weight: bold;
	padding: 10px 25px 5px 7px;
}
.thxButton {
	text-align: right;
	margin-bottom: 150px;
}

/* ---------------------
02
------------------------*/
#qanda02 {
	width: 441px;
	margin-left: 21px;
	padding-bottom: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	background: url(../01_introduction/images/dot_line.gif) no-repeat left bottom;
}
#qanda02 p {
	padding: 5px 0px 5px 0px;
}
#qanda02 h5 {
	font-size: 100%;
}
#qanda02 dt {
	float: left;
	clear: left;
	width: 80px;
}
#qanda02 dd {
	margin-left: 80px;
}


/* ---------------------
old qanda
------------------------*/
.QandA {
	width: 441px;
	margin-left: 21px;
	margin-top: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.QandA .question {
	padding: 0px 15px 15px 0px;
	position: relative;
	font-size: 100%;
}
.QandA .question img {
	position: absolute;
	left: 0px;
	top: 0px;
}
.QandA h4 {
	font-size: 100%;
	margin-left: 44px;
	font-weight: bold;
}

.QandA h5 {
	margin-left: 44px;
	font-size: 100%;
}


.QandA .answer {
	position: relative;
	padding: 0px 15px 10px 0px;
	margin-bottom: 20px;
}
.QandA .answer img {
	position: absolute;
	left: 0px;
	top: 0px;
}
.QandA .answer .answerComment {
	width: 380px !important;
	width /**/ : 473px;
	padding: 0px 45px 45px 44px;
	background: url(../04_question/images/question_line.gif) no-repeat left bottom;
}



.questionHeadImage {
	position: absolute;
	right: 38px;
	top: 5px;
}