@media screen and (min-width: 769px){



BODY {font-family : "lr oΎ©","MS PMincho" ;}

  A:link    { color:#000000; text-decoration:none; }
  A:visited { color:#777788; text-decoration:none; }
  A:hover   { color:#999999; position:relative; left:1px; top:1px; text-decoration:none; }

  table,td {
	font-size:12px;
	color: #888888;
	line-height:16px;
	vertical-align:middle;
	}

  li {
	list-style-image: url("soz/li.gif");
	}

  img{
	max-width : 100% ;
	vertical-align : middle ;
	height : auto ;
	width /***/:auto;
	border-style : none ;
	}

  hr {
	border-width: 1px 0 0 0; /* Ύ³ */
	border-style: solid;     /* όΜνή */
	border-color: #AAAAAA;   /* όΜF */
	height: 1px;             /* IE6pΞτ */
	clear: both;             /* IE6pΞτ */
	}

  #pc {
	height : auto  ;
	}

  #smart {
	display : none ;
	}

  .box_smart {
	display : none ;
	}



#header {
	width  : 860px ;
	height : 188px ;
	background : #0A51A1 ;
	text-align : center ;
	}

  h1 {
	font-size:18px;
	color:#FFFFFF;
	margin: 0px;
	padding: 10px 0px 10px 0px ;
	}

  #ptop {
	width : 860px ;
	text-align : center ;
	background : #FFFFFF ;
	padding : 5px 0px 5px 0px ;
	margin : 0px ;
	font-size : 16px ;
	color : #343434 ;
	font-weight : bold ;
	}



#outline {
	width  : 860px ;
	height : auto  ;
	text-align : left ;
	border : solid 0px #9898C8 ;
	background : #FFFFFF ;
	font-size:12px;
	color:#666666;
	line-height:18px;
	}



.middle {
	width  : 860px ;
	height : auto  ;
	margin : 5px 0px 0px 0px ;
	background : #FFFFFF ;
	}



.main {
	width  : 660px ;
	height : auto  ;
	background : #FFFFFF ;
	float : right ;
	}

  .main h2 { margin : 20px 0 10px 0 ; padding : 7px 0px 7px 0px ; text-align : center ; background-color : #0A51A1 ; font-size : 120% ; color : #FFFFFF ; transform: scale( 1 , 1.1 ); }
  .main h3 { padding : 7px 0px 7px 0px ; text-align : center ; background-color : #0A51A1 ; font-size : 120% ; color : #FFFFFF ; transform: scale( 1 , 1.1 ); }
  .main h4 { font-family:lro Ύ©; width:200px; height:  30px; margin: 15px 0px 3px 0px; text-align:center; font-size: 110%; color:#FFFFFF; padding: 10px 0px 0px 0px; background-color:#0A51A1; }

  .box2 {
	border-radius: 7px 7px 7px 7px / 7px 7px 7px 7px;
	float : left ;
	margin : 10px 0px 5px 15px ;
	width  : 113px ;
	height : auto  ;
	background : #1A3988 ;
	padding : 5px 0px 5px 0px ;
	font-size : 16px ;
	color : #FFFFFF ;
	text-align : center ;
	}

  .box2 a:link    { color : #FFFFFF ; text-decoration : none ; }
  .box2 a:visited { color : #FFFFFF ; text-decoration : none ; }
  .box2 a:hover   { color : #FFACAC ; position : relative ; left : 1px ; top : 1px ; text-decoration : none ; }

  #info5 {
	width : 600px ;
	height : 200px ;
	margin:10px 0px 20px 30px;
	padding:0px 25px 20px 0px;;
	border:#FFEF5D 0px solid;
	font-size:13px;
	color:#777777;
	line-height:18px;
	text-align : left ;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-face-color: #ffefa9;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #ffea79;
	crollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;
}

  #info5 img {
	width : 40px ;
	height : 30px ;
	}

  #main01 {
	font-size:11px;
	color:#888888;
	text-align : left;
	padding:0px 0px 0px 0px;
	margin: 10px 15px 0px 15px;
	}

  #main02 {
	font-size:11px;
	color:#888888;
	text-align : left;
	margin:0px 0px 0px 15px;
	}

  #main02in {
	width : 180px;
	float : left ;
	font-size:11px;
	color:#888888;
	text-align : left;
	margin:0px 15px 0px 15px;
	}



.side {
	width : 200px ;
	height: auto;
	background : #FFFFE1 ;
	float : left ;
	margin : 0px ;
	}

  /*HOME{^ΙΦ·ιέθ*/
  .btn { font-size: 14px; cursor: hand; background-color: #3A7A3A; color: #ffffff;border: 3px double #121212; }

  .side h2 { margin :  0px 0px 15px 0px; padding : 5px 0px 5px 0px ; text-align : center ; background-color : #0A51A1 ; width : 200px ;  color : #FFFFFF ; font-size : 14px ; }
  .side h3 { margin : 40px 0px 10px 0px; padding : 5px 0px 5px 0px ; text-align : center ; background-color : #0A51A1 ; width : 200px ;  color : #FFFFFF ; font-size : 12px ; }
  .side h4 { margin : 40px 0px 20px 0px; padding : 5px 0px 5px 0px ; text-align : center ; background-color : #0A51A1 ; width : 200px ;  color : #FFFFFF ; font-size : 12px ; }

  #side00 {
	width : 200px;
	font-size:12px;
	color:#888888;
	text-align : center;
	margin-top : 0px ;
	padding-top : 0px ;
	}

  #side01 {
	width : 80px;
	float : left ;
	font-size:11px;
	color:#333377;
	text-align : left;
	margin:0px 0px 0px 20px;
	}

  #side02 {
	width : 80px;
	float : right ;
	font-size:11px;
	color:#333377;
	text-align : left;
	margin:0px 10px 0px 0px;
	}

  #p12 {
	clear : both;
	font-size:11px;
	color:#888888;
	text-align : left;
	padding : 20px 0px 20px 0px ;
	margin : 0px 0px 0px 30px ;
	}

  .side a:hover { position : relative ; left : 1px ; top : 1px ; text-decoration : none ; }

  .side img {
    margin-bottom : 5px ;
  }



.footer {
	clear : both;
	width : 860px ;
	background : #FFFFFF ;
	text-align : right ;
	font-size:11px;
	color:#8989FF;
	height : 120px ;
	margin-top:2px;
	padding : 10px 0px 50px 10px;
	}

  .exp {
	padding: 0 200px 0 0 ;
	text-align : center ;
	font-size  : 10px ;
	color      : #8989FF ;
	}

  .exp a:link { color : #8989FF ; text-decoration : none ; }



}



