body { margin:0; padding:0; text-align:center; background-color:#FFF; font-size:90%; line-height:140%; }

img { border:0; }

a:hover img { 
	opacity: 0.8;
  	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}
#header { width:100%; margin:0 auto; position:relative; height:478px; box-shadow: 0px 8px 10px #999; }
  #h1box { width:1000px; height:74px; margin:0 auto; position:relative; }
  h1 { margin:0; padding:0; position:absolute; top:12px; left:0; font-size:70%; text-align:left; } h1 a { color:#000; text-decoration:none; }
  div#btnMail { width:74px; height:74px; background-color:#5F67AE; position:absolute; top:0; right:0; font-size:70%; }
    div#btnMail a { color:#FFF; text-decoration:none; }
  div#cinfo   { text-align:right; position:absolute; top:0; right:100px; }   div#cinfo img { vertical-align:bottom; }

  address { font-size:70%; }
  div#mimg { width:100%; height:352px; background-color:#5F67AE; overflow:hidden; text-align:center; position:relative; }
  div#mimgBox { position:relative; width:1256px; margin:0 auto; }
	div#maskL {
		position:absolute; top:0; left:0; background-color:#5F67AE;
		width:128px; height:352px;	z-index:10;
		opacity: 0.75;
	  	filter: alpha(opacity=75);
	  	-ms-filter: "alpha(opacity=75)";
	}

	div#maskR {
		position:absolute; top:0; right:0; background-color:#5F67AE;
		width:128px; height:352px;	z-index:10;
		opacity: 0.75;
	  	filter: alpha(opacity=75);
	  	-ms-filter: "alpha(opacity=75)";
	}

  div#mimgBox ul { margin:0; padding:0; }
  div#mimgBox li { margin:0; padding:0; list-style-type:none; }


  div#menu { background-color:#EE87B3; width:100%; height:66px; position:absolute; bottom:0; left:0;z-index:100;  }
  div#menu img { vertical-align:bottom; }
  div#menu ul { margin:13px auto; padding:0; }
  div#menu li { list-style-type:none; display:inline-block; margin:0 auto; padding:0; background-color:#FFF; }

address { font-style:normal; font-size:80%; }
#pheader { width:100%; margin:0 auto; position:relative; border-bottom:1px solid #333; box-shadow: 0px 2px 10px #898989; }
#pimg { width:1000px; height:184px; margin:0 auto;  background-color:#CCC; }

#contents { width:1000px; margin:0 auto; padding-top:20px; }
#contents:after {
	content: "";
	clear: both;
	display: block;
}


#sidebar  { width:200px; float:left; }	#sidebar img { vertical-align:bottom; }
  #sidebar dl { margin:0; padding:0; }
    #sidebar dt { margin:0; padding:0; }
    #sidebar dd { margin:0; padding:0; }
  #sidebar ul { margin:0; padding:0; }
    #sidebar li { list-style-type:none; margin:0; padding:0; font-size:11px; line-height:30px; text-align:left; text-indent:20px; }

	#sidebar ul#cts li ,#sidebar ul#oc li { background:#FBE6EF url('./images/sideber_bk.png') no-repeat; }
	#sidebar ul#lu li { background:#FBE6EF url('./images/sideber_lineup_bk.png') no-repeat; }
	#sidebar ul#pc li { background:#FBE6EF url('./images/sideber_price_bk.png') no-repeat; }

    #sidebar li a { display:block; width:200px; height:30px; color:#221815; text-decoration:none; }

	#sidebar ul#cts li a,#sidebar ul#oc li a { background:#FFF url('./images/sideber_bk.png') no-repeat; }
	#sidebar ul#lu li a { background:#FFF url('./images/sideber_lineup_bk.png') no-repeat; }
	#sidebar ul#pc li a { background:#FFF url('./images/sideber_price_bk.png') no-repeat; }

    	#sidebar ul#cts li a:hover,#sidebar ul#oc li a:hover,#sidebar ul#lu li a:hover,#sidebar ul#pc li a:hover { background-color:#FBE6EF;  }

/**********************************************************************************************************************************************************************************************************************/
#bnBox 	  { width:212px; float:right; position:relative; top:-6px; }

  #bnBox div img { margin-bottom:6px; }
  #bnBoxr dl { margin:0; padding:0; }
    #bnBox dt { margin:0 0 6px 0; padding:0; }
    #bnBox dd { margin:0; padding:0; }
  #bnBox ul { margin:0; padding:0; }
    #bnBox li { list-style-type:none; margin:0 0 12px 0; padding:0; /* background:#FFF url('./images/sideber_bk.png') no-repeat; */ font-size:11px; line-height:160%; text-align:left; }
    #bnBox img { vertical-align:bottom; }
    #bnBox li a { text-decoration:none; }
/**********************************************************************************************************************************************************************************************************************/
#mainBox { width:560px; float:left; margin-left:14px; position:relative; top:-9px; } #mainBox p { clear:both; margin:0 0 12px 0; padding:0; }

div.worksBox { width:174px; height:174px; float:left; margin:0 0 12px 10px; background-color:#E6E6E6; } div.worksBox a { text-decoration:none; }
div.wbImgBox { overflow:hidden; background-color:#FFF; width:156px; height:106px; margin:12px auto; }
div.ex	{ border-left:2px solid #5F67AE; margin:0 auto; padding:2px 0 2px 12px; width:144px; text-align:left; font-size:12px; line-height:140%; color:#898989;  }
div.ex span { font-size:120%; font-weight:bold; color:#000; }

div.pbBox { width:280px; height:116px; background:#FFF url('./images/tp_pbBox_bk.png') no-repeat 0 -4px; float:left; position:relative; text-align:left; }
 .pbConcept 	{ position:absolute; top:12px; left:20px; }
 .pbItem 	{ position:absolute; top:48px; left:20px; font-size:12px; line-height:14px; }
 .pbPrice 	{ position:absolute; bottom:14px; left:20px; color:#EE87B3; font-weight:bold; font-size:16px; letter-spacing:0.1em; text-indent:24px; background:#FFF url('./images/tp_pbPrice_bk.png') no-repeat 0 0;   }
 div.pbBox a { display:block; width:280px; height:116px; }

div#topics 	{ margin-bottom:2px; float:left; }
  div#topics img { vertical-align:bottom; }
 
  dl#topics	{ margin:8px auto 8px auto; padding:4px 0; text-align:left; width:540px; height:130px; overflow-y:auto; font-size:12px; line-height:200%; border:1px solid #E7E7E7;  }
  dl#topics dt	{ clear:both; float:left; width:70px; border-top:1px dotted #333; margin-left:14px; }
  dl#topics dd	{ margin-left:70px; margin-right:14px;  border-top:1px dotted #333; }
  dl#topics dd a { text-decoration:none; color:#0000FF; }
  dl#topics dd a:hover { color:#FF0000; }

div#ctgTopics div { background-color:#666; color:#FFF;line-height:30px; text-align:center; font-weight:bold; }
  dl#ctg	{ margin:0 auto 8px auto; padding:4px 0; text-align:left; width:780px; height:130px; overflow-y:auto; font-size:12px; line-height:200%; border:1px solid #E7E7E7; position:relative; top:-14px;  }
  dl#ctg dt	{ clear:both; float:left; width:70px; border-top:1px dotted #333; margin-left:14px; }
  dl#ctg dd	{ margin-left:70px; margin-right:14px;  border-top:1px dotted #333; }
  dl#ctg dd a { text-decoration:none; color:#0000FF; }
  dl#ctg dd a:hover { color:#FF0000; }

ul#TpBtn { margin:0; padding:0; }
ul#TpBtn li { list-style-type:none; float:left; margin:0; padding:0; width:138px; text-align:center; }

#pBtmBox { clear:both; padding:24px 0;  }
#ctBnBox { float:right; width:210px; }
/**********************************************************************************************************************************************************************************************************************/

#footer { clear:both; width:100%;background-color:#666464; margin:24px auto 0 auto; position:relative; }

  div#ftContents { width:1000px;  height:316px; margin:0 auto; position:relative; }
  #btnTop { position:absolute; top:-24px; right:0; }
  #footer dl { width:28%; height:200px; float:left; text-align:left; margin:12px 4px; padding:8px; border-left:1px dotted #CCC; }
  #footer dl#ftDl1st { width:15%; }
  #footer dl#ftDl4th { border-right:1px dotted #CCC; width:15%; float:right; }
  #footer dt { clear:both; color:#FFF; }
  #footer dd { margin:0; padding:0 0 0 14px ; }

  #footer ul { margin:0 auto; padding:0; text-align:left; float:left; font-size:80%; }	  #footer ul.ftw { width:50%; }
  #footer li { margin:0;  }
  #footer li a { text-decoration:none; color:#CCC; }	   #footer li a:hover { color:#FFF; }
   #footer hr { position:absolute; bottom:64px; left:0; width:1000px; border:1px solid #333; box-shadow: 0px 1px 0px #999; }
   #ftLogo    { position:absolute; bottom:14px; left:0; }
   #copyright { color:#FFF; text-align:left; line-height:140%; font-size:70%; position:absolute; bottom:14px; right:0; }


/*********************************/

.fleft { float:left; }
.fright { float:right; }

/**********************************************************************************************************************************************************************************************************************/
#pageBox { width:780px; float:right; position:relative; top:0px; text-align:left; }
#breadList { margin:0; padding:0; }
#breadList li { display:inline-block; font-size:80%;  background:#FFF url('./images/breadList_bk.png') no-repeat 2px 6px; margin:0; padding:0 0 0 10px; }
#breadList li a { display:block; padding:4px; color:#898989; text-decoration:none; }
#breadList li a:hover { color:#EE87B3;}

#submenu { margin:0 0 8px 0; padding:0; border-bottom:1px solid #999; }
#submenu li { display:inline-block; font-size:80%; margin:0; padding:2px 4px;  border-right:1px solid #999; color:#EE87B3; }
#submenu li:first-child { border-left:1px solid #999; }
#submenu li a { display:block; color:#898989; text-decoration:none; }
#submenu li a:hover { color:#EE87B3;}

h2 { margin:0; padding:0; }
h3 { border-left:4px solid #5F67AE; color:#5F67AE; margin:14px 0; padding: 0 0 0 14px; line-height:18px; font-size:90%; letter-spacing:0.1em; }
/**********************************************************************************************************************************************************************************************************************/

#whyConcept { color:#5F67AE; font-weight:bold;}
.whybox { padding:12px; border:1px solid #999; margin:14px 0; } 
.whybox h3 { margin:0; padding:0; }
.whyComment { margin-top:14px; width:510px; position:relative; left:240px; }
.whyComment img { position:absolute; top:0; left:-240px; }
.whyComment table { width:520px; border-collapse:collapse; font-size:80%   }
.whyComment th, .whyComment td { border-top:1px solid #999; border-bottom:1px solid #999; text-align:center; width:25%; }
.whyComment th.active { font-size:80%; background-color:#FFF9B0; color:#5F67AE; }
.whyComment td.active { background-color:#FFF9B0;  color:#5F67AE; }
/**********************************************************************************************************************************************************************************************************************/


.csbox { width:793px; height:231px; position:relative; background:#FFF url('./images/customer/csbox_bk.png') no-repeat -4px 0; margin-bottom:12px; }
.csImg { position:absolute; top:22px; left:18px; }
.csNm  { position:absolute; top:12px;  left:260px; font-weight:bold; font-size:16px; color:#FFF; line-height:44px;  }
.btnMore { position:absolute; top:22px;  right:32px; }
.csCp  { font-weight:bold; font-size:16px; position:absolute; top:68px;  left:260px; letter-spacing:0.1em; }
.csQus { font-size:12px; position:absolute; top:130px;  left:260px; letter-spacing:0.1em; width:512px; color:#EE87B3; }
.csComment { font-size:12px; position:absolute; top:150px;  left:260px; letter-spacing:0.1em; width:512px; line-height:120%; }



/**********************************************************************************************************************************************************************************************************************/
ul#lineup { margin:0; padding:0; }
ul#lineup li { list-style-type:none; margin:14px 0 14px 0; padding:0; float:left; }
ul#lineup li:nth-child(even) { margin-left:14px; }

.lineupbox { width:382px; height:382px; background-color:#D8E698; position:relative;

	-webkit-border-bottom-right-radius: 12px;  
	-webkit-border-bottom-left-radius: 12px;  
	-moz-border-radius-bottomright: 12px;  
	-moz-border-radius-bottomleft: 12px; 

}
.lineupbox h3 { margin:0; padding:0; box-shadow: 0px 8px 6px #999; } .lineupbox h3 img { vertical-align:bottom; }
.luImg { text-align:center; margin-top:14px; }
.luComment { text-align:left; font-size:12px; line-height:120%; letter-spacing:0.1em; margin:4px 14px; }

/**********************************************************************************************************************************************************************************************************************/

#errPageBox { background-color:#ffb6c1; color:#FFF; padding:24px; text-align:center; margin-bottom:24px;  }

#errPageBox a { display:inline-block; text-decoration:none; background-color:#6a5acd; color:#FFF; padding:4px 14px; margin-top:14px; }
#errPageBox a:hover{ background-color:#4b0082; }