@charset "utf-8";
/* CSS Document */
body { 
  font-family: Arial,Verdana, Helvetica, sans-serif,taipei;
  margin:0px;
  background:url(images/bg.jpg) repeat top center;
  font-size:13px;
  color:#004098;
  line-height:1.8em;
}
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol, p, table, tr, th, td, form, input, textarea {
	margin:0;
	padding:0;
	text-align: left;
}
ul, li, ol {list-style: none outside none;}
img{
	border:0px;
	vertical-align:bottom;
	text-align: center;
}
a:link, a:visited{ color: #226fbb; text-decoration:underline;}
a:hover{ color: #226fbb; text-decoration: none;}

#slides {
	width: 679px;
	height: 480px;
	text-align: left;
	background:url(images/bg_slides.jpg) no-repeat top left;
	float:left;
}
#slidebtn {
	width: 100%;
	padding-top: 10px;
	text-align: center;
	height: 18px;
}
#slidebtn ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#slidebtn ul li{
	list-style-type: none;
	background-color: #cccccc;
	text-align: center;
	display: block;
	height: 15px;
	width: 15px;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 1px;
	margin-left: 1px;
}
#slidebtn ul li.on{
	list-style-type: none;
	background-color: #ffb727;
	text-align: center;
	display: block;
	height: 15px;
	width: 15px;
	font-size: 14px;
	color: #FFFFFF;
}

.campaign{ margin:0px auto; background:url(images/bar.png) repeat-x top left;}
.content{ width:980px; margin:0px auto; position:relative;}
.share{ position:absolute; top:10px; right:0px; z-index:10; width:115px;}
.share li{ width:24px; height:22px; float:left; margin:0px 0px;}

.header{ height:188px; background:url(images/header.jpg) no-repeat top left;}
.view{ background:url(images/bg_slides.jpg) no-repeat top right;}
.txt{ width:301px; float:left;}
.train{ background:url(images/train.jpg) no-repeat top left; height:220px; padding:10px 0px 0px 386px;}
.gift{ background:url(images/gift.jpg) no-repeat top left; height:152px; padding:48px 0px 0px 228px;}
.gift span{ color:#ed2b46;}
.koshien{ background:url(images/koshien1.jpg) no-repeat top left; height:372px;}
.koshien .left{ width:595px; float:left;}
.koshien .right{ float:left;}
.link_k{ text-align:right;}
.link_TW{ text-align:right; padding:3px 7px 0px 0px;}
.txt_k{ color:#3d2c2f; padding:12px 0px 0px 57px;}
.txt_k span{ color:#d71e38;}
.txt_k ul{ margin:18px 0px 0px 87px;}
.txt_k li{ margin-bottom:1px;}

.clear{ clear:both;}