@charset "utf-8";

/******************************************************************************************/
/*--------------------------------------トップページ--------------------------------------*/
/******************************************************************************************/

#information {
	color         : #ccc   ;
	font-size     : 120%   ;
	line-height   : 1.2    ;
	margin-bottom : 20px   ;
	padding       : 0 10px ;
}

	#information dt{
		width   : 6.5em     ;
		padding : 0 0 5px 0 ;
		float   : left      ;
		display : inline    ;
	}
	
	#information dd{padding : 0 0 5px 0 ;}


#serviceLeft {
	width      : 234px      ;
	text-align : left       ;
	margin     : 0 0 0 15px ;
	float      : left       ;
	display    : inline     ;
}

#serviceRight {
	width      : 234px      ;
	text-align : left       ;
	margin     : 0 15px 0 0 ;
	float      : right      ;
	display    : inline     ;
}

	.serviceHead {padding : 8px 5px 2px 5px ; margin:0;}
	
	.serviceText {
		padding     : 5px ;
		line-height : 1.8 ;
	}

div#infoButton {
    text-align: right;
    padding: 1em 0em;
}



/******************************************************************************************/
/*--------------------------------------スタッフ紹介--------------------------------------*/
/******************************************************************************************/

#staffWrapper {padding : 0 0 0 1px ;}

.staffBlock {
	width   : 146px      ;
	margin  : 0 0 20px 21px ;
	float   : left       ;
	display : inline     ;
}

.staffImg {}

.staffName {
	color       : #a43c68 ;
	font-size   : 120%    ;
	font-weight : bold    ;
	text-align  : center  ;
	padding     : 5px 0   ;
}

.staffPR {
	color : #fff ;
	letter-spacing: 0.15em; 
}





/******************************************************************************************/
/*----------------------------------------最新情報----------------------------------------*/
/******************************************************************************************/

.infoImg {
	width   : 174px        ;
	height  : 125px        ;
	padding : 0 0 20px 6px ;
	float   : left         ;
	display : inline       ;
}

.infoDataWrapper {
	width    : 320px      ;
	margin   : 0 0 0 15px ;
	padding  : 0 0 20px 0 ;
	float    : left       ;
	display  : inline     ;
}

.infoDataWrapper2 {
	padding  : 0 0 20px 0 ;
}

	.infoHead {
		color       : #a23c6b      ;
		font-size   : 1.2em        ;
		font-weight : bold         ;
		padding     : 4px 0 10px 0 ;
	}
	
	.infoText {
		color       : #fff  ;
		font-size   : 1.2em ;
		line-height : 1.6em ;
		padding     : 0     ;
	}






/******************************************************************************************/
/*-------------------------------------美耳屋のご紹介-------------------------------------*/
/******************************************************************************************/

.a_service {
	width  : 498px ;
	height : 138px ;
	margin : 0 13px 30px 13px ;
}

	#a_earscope {background : url(../i/about_bg_earscope.jpg) no-repeat ; margin-top:20px;}
	#a_gokuyu   {background : url(../i/about_bg_gokuyu.jpg) no-repeat ;}
	
	.a_svWrapper {
		width   : 318px       ;
		margin  : 0 0 0 161px ;
		padding : 10px 0 0 0 ;
	}
	
	.a_textImg  {padding    : 5px 0 15px 0 ;}
	.a_svDetail {text-align : right ;}
	


#conceptWrapper {
	padding : 0 16px 25px 16px ;
}


	#c1Text {
		font-size   : 1.2em ;
		line-height : 1.8em ;
		padding     : 5px 0 25px 0 ;
	}
	
	#c2List {
		color               : #ccc        ;
		font-size           : 1.2em       ;
		line-height         : 1.8         ;
		padding             : 5px 0 0 2px ;
		list-style-position : inside      ;
	}
	
	
	#a_photoList {
		padding : 0 6px ;
	}
	
		#a_photoList li {
			width   : 120px  ;
			margin  : 0 4px  ;
			float   : left   ;
			display : inline ;
		}






/******************************************************************************************/
/*----------------------------------------お品書き----------------------------------------*/
/******************************************************************************************/

#menuWrapper {
	margin  : 10px 0 0 0 ;
	padding : 0 16px ;
}

#earScopeBlock {
	width      : 492px       ;
	height     : 90px        ;
	margin     : 0 0 10px 0  ;
	padding    : 121px 0 0 0 ;
	background : url(../i/menu_bg_earScope.jpg) no-repeat ;
}

#gokuyuBlock {
	width      : 492px       ;
	height     : 69px        ;
	margin     : 0 0 10px 0  ;
	padding    : 142px 0 0 0 ;
	background : url(../i/menu_bg_gokuyu.jpg) no-repeat ;
}

	#earScopeList {margin:0 0 0 252px;}
	
		#earScopeList li {
			padding : 0 14px 0 0 ;
			float   : left       ;
		}
	
	#gokuyuList {margin:0 0 0 210px;}
	
		#gokuyuList li {
			padding : 0 6px 0 0 ;
			float   : left      ;
		}



	.courseTypeA:after {
	  content    : "."    ;  /* 新しい要素を作る */
	  display    : block  ;  /* ブロックレベル要素に */
	  clear      : both   ;
	  height     : 0      ;
	  visibility : hidden ;
	}
	
	.courseTypeA {
	  min-height : 1px    ;
	}
	
	* html .courseTypeA {
	  height     : 1px    ;
	  /*¥*//*/
	  height     : auto   ;
	  overflow   : hidden ;
	  /**/
	}
	
	.courseTypeB:after {
	  content    : "."    ;  /* 新しい要素を作る */
	  display    : block  ;  /* ブロックレベル要素に */
	  clear      : both   ;
	  height     : 0      ;
	  visibility : hidden ;
	}
	
	.courseTypeB {
	  min-height : 1px    ;
	}
	
	* html .courseTypeB {
	  height     : 1px    ;
	  /*¥*//*/
	  height     : auto   ;
	  overflow   : hidden ;
	  /**/
	}



	.courseTypeA , .courseTypeB {
		height     : 39px ;
		padding    : 7px 15px 0 10px ;
		>height    : 40px ;
		>padding   : 6px 15px 0 10px ;
	}

	.courseTypeA {
		background : url(../i/menu_bg_odd.png) repeat-x ;
	}
	
	
	.courseLeft {
		width   : 360px  ;
		color   : #fff   ;
		float   : left   ;
		display : inline ;
	}
	
	.courseRight {
		color   : #fff   ;
		float   : right  ;
		display : inline ;
	}
	
	p.courseName , p.courseDetail , p.c_price   {color       : #fff    ;}
	p.courseName , p.c_price , p.c_specialPrice {font-size   : 1.2em   ;}
	p.courseName , p.c_specialPrice             {font-weight : bold    ;}
	p.c_specialPrice                            {color       : #b3759b ;}


	p.aboutRate {
		text-align : right         ;
		padding    : 10px 0 15px 0 ;
	}
	
	#mmBox_A , #mmBox_B {margin-top : 20px ;}
	
	#mmBox_A {margin-bottom : 40px ;}
	
	.menu_mm_text {
		width   : 374px  ;
		float   : left   ;
		display : inline ;
	}
	
	.menu_mm_btn {
		float   : right  ;
		display : inline ;
	}




/******************************************************************************************/
/*---------------------------------------ギフト紹介---------------------------------------*/
/******************************************************************************************/

#giftWrapper_A , #giftWrapper_B {
	margin-bottom : 10px ;
	padding       : 10px ;
}

	.giftCard {
		width        : 168px  ;
		margin-right : 25px   ;
		float        : left   ;
		display      : inline ;
	}
	
	.giftDetail {
		width   : 300px  ;
		padding : 6px 0  ;
		float   : left   ;
		display : inline ;
	}
	
		.giftText , .giftLimit {
			font-size   : 1.2em ;
			line-height : 1.7   ;
		}
		
		.giftPrice {
			text-align : right ;
		}

        span.remark {
            font-size: 10px;
        }


#giftInstructions {
	margin-top : 40px ;
	padding    : 15px    ;
	background : #101010 ;
}

	#gInstList {
		color          : #fff      ;
		line-height    : 1.4       ;
		letter-spacing : 0.1em     ;
		padding        : 0 0 0 3px ;
	}
	





/******************************************************************************************/
/*------------------------------------------質問------------------------------------------*/
/******************************************************************************************/


#faqList {
	font-size : 1.2em ;
	margin    : 0 0 20px 30px ;
}

	#faqList li {
		line-height : 1.0 ;
		padding     : 0 0 5px 0 ;
	}
	
	#faqList li a {text-decoration:none;}


.faqBlock {
	font-size : 1.2em            ;
	margin    : 0 10px 30px 10px ;
}


	.que {
		color       : #ccc ;
		line-height : 1.0 ;
		margin      : 0 0 10px 0 ;
		padding     : 4px 0 3px 20px ;
		background  : url(../i/qa_icon_Q.png) no-repeat ;
	}
	
	.ans {
		color       : #fff ;
		line-height : 1.4 ;
		margin      : 0 0 10px 0 ;
		padding     : 2px 0 0 20px ;
		background  : url(../i/qa_icon_A.png) no-repeat ;
	}
	
	.pageTop {
		line-height : 1.0   ;
		text-align  : right ;
	}







/******************************************************************************************/
/*-----------------------------------メールマガジン登録-----------------------------------*/
/******************************************************************************************/

#mmWrapper {
	padding : 0 8px ;
}

#mmList {
	color         : #ccc ;
	font-size     : 1.2em   ;
	line-height   : 1.8     ;
	padding       : 5px 0 0 0 ;
	margin-bottom : 25px ;
}

.mmList {
	color         : #ccc ;
	font-size     : 1.2em   ;
	line-height   : 1.8     ;
	padding       : 5px 0 0 0 ;
	margin-bottom : 25px ;
}

.mmFlow {
	color         : #ccc      ;
	font-size     : 1.2em        ;
	line-height   : 1.8          ;
	padding       : 5px 0 0 5px  ;
	margin-bottom : 25px         ;
	list-style-position : inside ;
}


#mmTextCenter {
	text-align : center ;
	padding    : 30px 0 ;
}

#mmForm {
	text-align : center  ;
	padding    : 15px 0  ;
	background : #101010 ;
}

#mmForm p {
	color     : #ccc ;
	font-size : 1.2em ;
	padding   : 0 0 5px 0 ;
}




/******************************************************************************************/
/*----------------------------------------アクセス----------------------------------------*/
/******************************************************************************************/


table#accessTable {
	width            : 100%              ;
	margin           : 0 0 30px 0        ;
	padding          : 0px               ;
	font-size        : 1.2em             ;
	line-height      : 1                 ;
	table-layout     : fixed             ;
	border-collapse  : separate          ;
	>border-collapse : collapse          ;
	background       : #000              ;
	border-top       : 1px solid #1d1d1d ;
	border-bottom    : 1px solid #1d1d1d ;
}

	table#accessTable tr     {background:#1d1d1d;}
	table#accessTable tr.odd {background:#000   ;}
		
		table#accessTable tr th , table#accessTable tr td {
			padding       : 10px           ;
			border-top    : 1px solid #000 ;
			border-bottom : 1px solid #000 ;
		}
		
		table#accessTable tr.odd th , table#accessTable tr.odd td {
			border-top    : 1px solid #1d1d1d ;
			border-bottom : 1px solid #1d1d1d ;
		}

		table#accessTable th {
			width         : 90px    ;
			color         : #a33d6a ;
			font-weight   : bold    ;
		}
		
		table#accessTable td {color: #fff ;}
	





/******************************************************************************************/
/*----------------------------------------求人案内----------------------------------------*/
/******************************************************************************************/

.offerDescription {
	color     : #fff         ;
	font-size : 120%         ;
	padding   : 0 0 15px 5px ;
}


table#offerTable {
	margin          : 0 0 30px 0  ;
	padding         : 0px      ;
	font-size       : 1.2em    ;
	line-height     : 1        ;
	border-collapse : separate ;
	border-spacing  : 1px      ;
	background      : #000     ;
}

	table#offerTable th.offerHead {
		width          : 504px   ;
		color          : #a33d6a ;
		padding        : 10px    ;
		background     : #fff    ;
	}

	table#offerTable th {
		width          : 80px ;
		color          : #555 ;
		font-weight:bold;
		padding        : 10px    ;
		background     : #bfbfbf    ;
	}
	
	table#offerTable td.spTd {
        width: 234px;
	}
	
	table#offerTable td {
		color          : #fff ;
		line-height    : 1.6  ;
		padding        : 10px ;
		background     : #666 ;
	}
	
	table#offerTable td.offerPhoto {
		width      : 190px ;
		vertical-align:top;
		padding    : 10px 3px ;
		text-align : center ;
	}
	
		table#offerTable td.offerPhoto img{
			border     : 1px solid #ccc ;
			padding    : 2px ;
			background : #666 ;
		}
		
	.offer_Q {
		color       : #dd91af ;
		font-weight : bold ;
	}
	
	.offer_A {
		color       : #fff ;
		padding     : 3px 0 15px 0 ;
	}



table#form {
	width           : 100%     ;
	margin          : 0        ;
	padding         : 0px      ;
	font-size       : 1.2em    ;
	line-height     : 1        ;
	table-layout    : fixed    ;
	border-collapse : separate ;
	border-spacing  : 1px      ;
	background      : #000     ;
}

	table#form th {
		width          : 90px    ;
		color          : #a33d6a ;
		padding        : 10px    ;
		background     : #111    ;
	}
	
	table#form td {
		color          : #ccc ;
		padding        : 10px ;
		background     : #111 ;
        line-height    : 1.6  ;
	}
	
	span {color:#fff;}
	
	span.s_a {padding:0 5px 0 0;}
	span.s_b {padding:0 5px 0 10px;}
	span.s_c {padding:0 0 0 5px;}
	span.s_d {color:#ccc; padding:0 5px;}
	
	.formText {padding:0 0 5px 0;}
	
	.formBtn {text-align:center; padding:10px 0;}

    .error  {font-weight: bold; color: #FFC919 }

    textarea#comment {
        font-size: 12px;
        line-height: 1.6em;
        padding: 0.4em;
    }


/******************************************************************************************/
/*------------------------------------メディア掲載情報------------------------------------*/
/******************************************************************************************/






/******************************************************************************************/
/*-------------------------------------モバイル版紹介-------------------------------------*/
/******************************************************************************************/


#mobileWrapper {
	padding : 10px 15px ;
}

.mobileText {
	color          : #fff  ;
	font-size      : 1.2em ;
	letter-spacing : 0.2em ;
	padding        : 0 5px ;
}


#mobileMethod_01 , #mobileMethod_02 , #mobileMethod_03 {padding-bottom : 25px ;}

#mobileMethod_02 {background:url(../i/mobile_img_qr.png) no-repeat 380px top;}

#mobileMethod_03 {background:url(../i/mobile_img_search.png) no-repeat 280px 8px;}