@charset "UTF-8";


/*===============================================
●画面の横幅が640px以上
===============================================*/
@media screen and (min-width: 640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/

/***********************************************
　治療・施術詳細
***********************************************/

#method_menu h3 {
	background:URL(../images/subtitle_method.gif) no-repeat;
	height:40px;
	font-weight:normal;
	padding:10px 0 0 25px;
	margin:30px 0 0;
}

#method_menu p.left {
	width:400px;
}


/*ページ内ガイド*/

.method_guide {
	margin:20px 0 0;
	width:730px;
}

.method_guide ul {
	border-bottom:3px solid #C21738;
}

.method_guide ul li {
	float:left;
	list-style:none;
	margin:10px 10px 0 0;
}

.method_guide ul li a {
	display:block;
	font-size:13px;
	padding:8px 10px 5px;
	width:155px;
	border-radius:5px 5px 0 0;
	background:#C21738;
	color:#FFFFFF;
	text-decoration:none;
}

.method_guide ul li a:hover {
	background:#FFCCCC;
	color:#C21738;
}

.method_guide ul li:last-child {
	margin-right:0;
}


/*説明*/

.method_ex p {
	margin:5px 30px 15px 20px;
	line-height:1.7em;
	font-size:13px;
}

.method_ex ul {
	margin:5px 0 0 20px;
	list-style:inside;
	font-size:13px;
}

.method_ex ul li {
	margin:0 0 5px 0;
}

.method_ex table {
	width:100%;
}

.method_ex table td {
	padding:5px 0;
}


/*お悩みの原因*/

.method_cause p {
	margin:5px 20px;
}

.method_cause ul {
	margin:10px 10px 0 20px;
}

.method_cause ul li {
	background:#FFEFEF;
	width:340px;
	height:140px;
	float:left;
	margin:0 10px 10px 0;
	list-style:none;
}

.method_cause ul li p {
	margin:0 15px 15px 20px;
	padding-top:10px;
	border-top:1px solid #CCCCCC;
}

/*施術について*/

.method_note dl {
	margin:5px 20px;
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 10px;
}

.method_note dl:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.method_note dl dt {
	background:#C21738;
	color:#FFFFFF;
	float:left;
	width:130px;
	text-align:center;
	padding:5px 0;
	margin:5px 15px 0 0;
	border-radius:3px;
}

.method_note dl dd {
	padding:10px 0 0;
}


/*治療の流れ*/

.method_flow ol {
	width:700px;
	margin:0 auto;
	list-style:none;
}

.method_flow ol li.flow01 {
	background:URL(../images/method/flow_01.gif) no-repeat;
	height:35px;
	margin:5px 0 10px 0;
	padding:15px 0 0 42px;
	font-size:14px;
}

.method_flow ol li.flow02 {
	background:URL(../images/method/flow_02.gif) no-repeat;
	height:35px;
	margin:0 0 10px 0;
	padding:15px 0 0 42px;
	font-size:14px;
}

.method_flow ol li.flow03 {
	background:URL(../images/method/flow_03.gif) no-repeat;
	height:35px;
	margin:0 0 10px 0;
	padding:15px 0 0 42px;
	font-size:14px;
}

.method_flow ol li.flow04 {
	background:URL(../images/method/flow_04.gif) no-repeat;
	height:35px;
	padding:15px 0 0 42px;
	font-size:14px;
}

/*よくある質問*/

.method_faq dl dt {
	background:#EEEEEE URL(../images/method/faq_question.png) 5px 5px no-repeat;
	padding:8px 0 8px 30px;
	margin:0 20px 5px 10px;
	font-size:13px;
	
}

.method_faq dl dd {
	background:URL(../images/method/faq_answer.png) 5px 5px no-repeat;
	padding:7px 20px 7px 30px;
	margin:0 20px 15px 10px;
	font-size:13px;
	line-height:1.6em;
}


/*種類*/
.method_type {
	background:#FFEFEF;
	margin:10px 20px;
	padding:15px;
	width:660px;
}

.method_type h4 {
	margin-bottom:10px;
}

.method_type .left {
	width:150px;
}

.method_type .right {
	width:500px;
}


/*治療法*/

.method_cure {
	margin:5px 0 25px;
	border-bottom:1px dotted #CCCCCC;
	padding:5px 0 15px;
}

.method_cure h4 {
	font-weight:normal;
	font-size:16px;
	margin:5px 0 10px 20px;
	text-decoration:underline;
}

.method_cure p {
	margin:5px 20px 10px;
}

.method_cure p a {
	color:#C21738;
	display:block;
	margin:5px 0 0;
	text-align:right;
}

.method_cure p a:hover {
	text-decoration:none;
}

.method_cure .left {
	width:450px;
}


/*料金表*/

.method_price table {
	width:95%;
	margin:10px 20px;
	border:2px solid #FF9B9B;
	font-size:13px;
}

.method_price table th,.method_price table td {
	font-weight:normal;
	padding:8px 10px;
	border:2px solid #FF9B9B;
}

.method_price table th {
	background:#FFCCCC;
}

.method_price table td.name {
	background:#FFEFEF;
}

.method_price p {
	font-size:13px;
	line-height:1.6em;
	margin:5px 20px 10px;
}


}

/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/


/***********************************************
　治療・施術詳細
***********************************************/

#method_menu h3 {
	background:URL(../images/subtitle_method.gif) no-repeat;
	height:40px;
	font-weight:normal;
	padding:10px 0 0 25px;
	margin:30px 0 0;
}


/*ページ内ガイド*/

.method_guide {
	margin:20px 0 0;
	width:730px;
}

.method_guide ul {
	border-bottom:3px solid #C21738;
}

.method_guide ul li {
	float:left;
	list-style:none;
	margin:10px 10px 0 0;
}

.method_guide ul li a {
	display:block;
	font-size:13px;
	padding:8px 10px 5px;
	width:155px;
	border-radius:5px 5px 0 0;
	background:#C21738;
	color:#FFFFFF;
	text-decoration:none;
}

.method_guide ul li a:hover {
	background:#FFCCCC;
	color:#C21738;
}

.method_guide ul li:last-child {
	margin-right:0;
}


/*説明*/

.method_ex p {
	margin:5px 30px 15px 20px;
	line-height:1.7em;
	font-size:13px;
}

.method_ex ul {
	margin:5px 0 0 20px;
	list-style:inside;
	font-size:13px;
}

.method_ex ul li {
	margin:0 0 5px 0;
}

.method_ex table {
	width:100%;
}

.method_ex table td {
	padding:5px 0;
}


/*お悩みの原因*/

.method_cause p {
	margin:5px 20px;
}

.method_cause ul {
	margin:10px 10px 0 20px;
}

.method_cause ul li {
	background:#FFEFEF;
	width:340px;
	height:140px;
	float:left;
	margin:0 10px 10px 0;
	list-style:none;
}

.method_cause ul li p {
	margin:0 15px 15px 20px;
	padding-top:10px;
	border-top:1px solid #CCCCCC;
}

/*施術について*/

.method_note dl {
	margin:5px 20px;
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 10px;
}

.method_note dl:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

.method_note dl dt {
	background:#C21738;
	color:#FFFFFF;
	float:left;
	width:130px;
	text-align:center;
	padding:5px 0;
	margin:5px 15px 0 0;
	border-radius:3px;
}

.method_note dl dd {
	padding:10px 0 0;
}


/*治療の流れ*/

.method_flow ol {
	width:700px;
	margin:0 auto;
	list-style:none;
}

.method_flow ol li.flow01 {
	background:URL(../images/method/flow_01.gif) no-repeat;
	height:35px;
	margin:5px 0 10px 0;
	padding:15px 0 0 42px;
	font-size:14px;
}

.method_flow ol li.flow02 {
	background:URL(../images/method/flow_02.gif) no-repeat;
	height:35px;
	margin:0 0 10px 0;
	padding:15px 0 0 42px;
	font-size:14px;
}

.method_flow ol li.flow03 {
	background:URL(../images/method/flow_03.gif) no-repeat;
	height:35px;
	margin:0 0 10px 0;
	padding:15px 0 0 42px;
	font-size:14px;
}

.method_flow ol li.flow04 {
	background:URL(../images/method/flow_04.gif) no-repeat;
	height:35px;
	padding:15px 0 0 42px;
	font-size:14px;
}

/*よくある質問*/

.method_faq dl dt {
	background:#EEEEEE URL(../images/method/faq_question.png) 5px 5px no-repeat;
	padding:8px 0 8px 30px;
	margin:0 20px 5px 10px;
	font-size:13px;
	
}

.method_faq dl dd {
	background:URL(../images/method/faq_answer.png) 5px 5px no-repeat;
	padding:7px 20px 7px 30px;
	margin:0 20px 15px 10px;
	font-size:13px;
	line-height:1.6em;
}


/*種類*/
.method_type {
	background:#FFEFEF;
	margin:10px 20px;
	padding:15px;
	width:660px;
}

.method_type h4 {
	margin-bottom:10px;
}

.method_type .left {
	width:150px;
}

.method_type .right {
	width:500px;
}


/*治療法*/

.method_cure {
	margin:5px 0 25px;
	border-bottom:1px dotted #CCCCCC;
	padding:5px 0 15px;
}

.method_cure h4 {
	font-weight:normal;
	font-size:16px;
	margin:5px 0 10px 20px;
	text-decoration:underline;
}

.method_cure p {
	margin:5px 20px 10px;
}

.method_cure p a {
	color:#C21738;
	display:block;
	margin:5px 0 0;
	text-align:right;
}

.method_cure p a:hover {
	text-decoration:none;
}

.method_cure .left {
	width:450px;
}


/*料金表*/

.method_price table {
	width:95%;
	margin:10px;
	border:2px solid #FF9B9B;
	font-size:13px;
}

.method_price table th,.method_price table td {
	font-weight:normal;
	padding:8px 10px;
	border:2px solid #FF9B9B;
}

.method_price table th {
	background:#FFCCCC;
}

.method_price table td.name {
	background:#FFEFEF;
}

.method_price p {
	font-size:13px;
	line-height:1.6em;
	margin:5px 20px 10px;
}

}