@charset "utf-8";

/*** container ***/
  .mainSec { width:260px; height:520px; float:left;}
  .boxes { border:0; }
  .boxes a { text-align:left;}
  .boxes a span { line-height:normal; z-index:2; padding:10px 10px 0; margin:0;}
  .boxes a span.boxTitle { font-size:20px; padding-top:18px; font-weight:bold; padding:10px 10px 0; margin:0;
      -webkit-text-shadow: 2px 2px 2px #666; -moz-text-shadow: 2px 2px 2px #666; text-shadow: 2px 2px 2px #666; }

  /* box size */
  .box0 { width:510px; height:510px; line-height:130%;}
  .box1 { width:250px; height:250px; line-height:130%;}
  .box2 { width:250px; height:120px; line-height:130%;}
  .box3 { width:120px; height:120px; line-height:130%;}
  .box4 { width:57px;  height:57px;  line-height:130%; text-align:center;}
  .box5 { width:250px; height:57px; }

  /* box text color*/
  .box0 a span,
  .box1 a span,
  .box2 a span,
  .box3 a span,
  .box5 a span { display:block;}
  .box0 a span { font-size:16px; top:30px; left:30px;}

  .box1_1 { background:#000 url(../../img/main_1_1.jpg) no-repeat 0 0;}
  .box1_1 a span.boxTitle { padding:15px;}
  .box1_2 { background:#000 url(../../img/main_1_2.png) no-repeat 50% 50%;}
  .box1_3 { background:#000 url(../../img/main_1_3.png) no-repeat 50% 50%;}
  .box1_4 { background:#000 url(../../img/main_1_4.jpg) no-repeat 0 0; }
  .box1_4 a { height:90px; padding:30px 0 0 0;}
  .box1_4 a span { position:static; width:100%; text-align:center;  -webkit-text-shadow: 0px 0px 2px #333; -moz-text-shadow: 0px 0px 2px #333; text-shadow: 0px 0px 2px #333; padding:0;}
  .box1_4 a span.boxTitle { padding:0;}

  .box2_1 { background:#000 url(../../img/main_2_1.jpg) no-repeat 0 0; }
  .box2_1 a { width:230px; height:100px; padding:10px;}
  .box2_1 a span { color:#a64414; padding:0;
  								-webkit-text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff;}
  .box2_1 a span.boxTitle { padding:0; line-height:24px; -webkit-text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff;}
  .box2_2 { background:#565353 url(../../img/main_2_2.png) no-repeat 50% 50%; }
  .box2_3 { background:#000 url(../../img/main_2_3.jpg) no-repeat 0 0; }
  .box2_3 a span { -webkit-text-shadow: 1px 1px 1px #666; -moz-text-shadow: 1px 1px 1px #666; text-shadow: 1px 1px 1px #666;}
  .box2_3 a span.boxTitle { padding:2px 0 0 10px;}

  .box3_1 { background:#043f83 url(../../img/main_3_1.png) no-repeat 90% 90%; }
  .box3_1 a span.boxTitle { color:#fff8d3; padding:2px 0 0 10px;}
  .box3_2 { background:#043f83 url(../../img/main_3_2.png) no-repeat 50% 50%; }
  .box3_3 { background:#fff url(../../img/main_3_3.png) no-repeat 50% 50%; width:118px; height:118px; border:1px solid #5f5f5f;}
  .box3_4 { background:#fff url(../../img/main_3_4.png) no-repeat 50% 50%; width:118px; height:118px; border:1px solid #5f5f5f;}
  .box3_3 a, .box3_4 a {color:#000;}
  .box3_5 { background:#fff; width:248px; height:118px; border:1px solid #5f5f5f; position:relative;}
  .box3_5 a { width:228px; height:98px; padding:10px; color:#000; font-size:11px;}
  .box3_5 a span { display:block; width:130px; height:40px; line-height:16px; padding:0 5px 5px 0px; overflow:hidden; float:right;}
  .box3_5 a span.box3_5_img { width:85px; height:96px; padding:0; margin:0; overflow:hidden; float:left; border:1px solid #5f5f5f;}
  .box3_5 a span.box3_5_img img { height:96px; padding:0; }
  .box3_5 a span.boxTitle { font-size:15px; height:20px; padding:20px 5px 5px 0; font-weight:bold; letter-spacing:-1px; color:#043267;
  		 white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
      -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; }
  .box3_5 a.listAll { display:block; width:130px; height:12px; position:absolute; top:0; left:105px; padding:10px 10px 5px 5px; text-align:right;}
  .box3_5 a.listAll:hover { text-decoration:underline;}

  .box4_1 { background:#000; }
  .box4_2 { background:#000; width:248px; height:118px; border:1px solid #5f5f5f;}
  .box4_3 { background:#fff; width:248px; height:118px; border:1px solid #5f5f5f; font-size:12px;}
  .box4_3 img { vertical-align:middle;}
  
  .box4_3 div { width:177px; height:43px; padding:10px 0 0 10px;}
  .box4_3 div img { float:left; width:34px; margin:0 5px 0 0;}
  .box4_3 div b { font-size:20px;}

  .box4_3 ul.customerTime li { width:177px; height:30px; margin:0 0 0 20px; line-height:12px;}
  .box4_3 ul.customerTime li span { font-size:11px; padding:0 0 0 14px;}
  
  .box4_3 ul.customerMenu { width:33px; height:99px; position:absolute; right:10px; top:10px;}
  .box4_3 ul.customerMenu li { width:33px; height:33px; margin:0; padding:0; float:left; position:relative;}
  .box4_3 ul.customerMenu a { padding:0; margin:0; width:33px; height:33px; position:static; font-size:11px;}
  .box4_3 ul.customerMenu li img { width:33px;}
  .box4_3 ul.customerMenu li div { display:none; width:156px; height:29px; line-height:24px; position:absolute; top:0; right:33px; padding:4px 15px 0 0; background:url(../../img/main_4_3_4.png) no-repeat 0 0; text-align:right; color:#367350; }
	.box4_3 ul.customerMenu li div.line2 { line-height:12px;}