﻿@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;font-size:12px; color:#444; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;text-decoration: none; background-color:#f4f4f4; margin:0 auto;}
p{ line-height:20px;}
*{ margin:0px; padding:0px;}
a:link,a:visited,a:active{ color:#444;text-decoration: none;}
a:hover{color:#11619c;}
ol, ul { list-style:none; }
img, a img { border: 0; padding:0; margin:0;} 

h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 { font-size: 16px; font-weight:bold; display: inline;}
h3,h2 { font-size: 14px; font-weight:bold;}
h3 {color:#008cd7;}

.clear{ clear:both; height:0px; overflow:hidden;}


#warp-global{ width:90%;margin:0 auto; background:#FFF; max-width:1024px; padding:30px 10px 50px 10px;}
.global-top{ margin-bottom:10px; width:100%;}
.global-top h1{ font-size:16px;}
.global-top p{ text-align:center;}
.global-top img{ width:433px;}
.global-info{ background:url(../images/global-bg.jpg) repeat-x top; padding-top:40px; height:auto; min-height:60px;width:100%; }
.global-logo{ width:30%; float:left;}
.global-list{ width:70%; float:left; padding-top:15px;}
.globallist{ width:30%; float:left; padding-right:3.3%;}
.globallist h2{ font-weight:700; padding-bottom:10px; color: #06C;}
.globallist ul{}
.globallist ul li{ background: url(../images/arrow.gif) no-repeat left center; height:25px; line-height:25px; text-indent:18px;}
.globallist ul li.spa{ background:none;}
.global-list table tr td{ line-height:25px; height:25px;}
.global-list  a{ color:#39F;}
.global-list  a:hover{ color:#f00;}
.global-list table tbody tr td strong {
	color: #06C; font-size:14px;
}


@media screen and (max-width:767px) {
	#warp-global{ width:90%; margin:0 auto; background:#FFF; padding:20px 10px 20px 10px;}
	.global-logo{ width:100%; float:left;}
	.global-list{ width:100%; float:left; padding-top:15px;}
	.globallist{ width:100%; padding-right:0%;}
	.globallist ul li{ width:45%; padding-right:5%; float:left;}
	}
@media screen and (max-width: 480px) {
#warp-global{ width:88%; margin:0 auto; background:#FFF; padding:20px 10px 20px 10px;}
	.global-top img{ width:100%;}
	.globallist ul li{ width:100%; padding-right:0;}
	}