/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License:
   http://developer.yahoo.net/yui/license.txt
   version: 2.7.0
*/

html { color: #000; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,table,tr,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; border: none; }
fieldset,img { border: 0; }
address,small,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: normal; font-weight: normal; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; line-height: 1.0; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
abbr { cursor: help; }
label { cursor: pointer; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

/* Setting
------------------------------------------------------------------------*/

strong { font-weight: bold; }
em { font-style: italic; }

th,td {
	border: 1px solid #999;
	padding: .5em;
}
th {
	font-weight: bold;
	text-align: center;
}
caption {
	padding-bottom: .5em;
	text-align: right;
}

dfn { font-style: normal; }
address {
	font-style: normal;
	line-height: 1.0;
}
small {
	font-style: normal;
	line-height: 1.0;
}

.clear { clear: both; }
.clearfix:after,
.clearfix_after:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }



/* add
------------------------------------------------------------------------*/
.mb0 {
	margin-bottom : 0px !important;
}
.mb05 {
	margin-bottom : 5px !important;
}
.mb10 {
	margin-bottom : 10px !important;
}
.mb15 {
	margin-bottom : 15px !important;
}
.mb20 {
	margin-bottom : 20px !important;
}
.mb25 {
	margin-bottom : 25px !important;
}
.mb30 {
	margin-bottom : 30px !important;
}
.mt0 {
	margin-top : 0px !important;
}
.mt05 {
	margin-top : 5px !important;
}
.mt10 {
	margin-top : 10px !important;
}
.mt15 {
	margin-top : 15px !important;
}
.mt20 {
	margin-top : 20px !important;
}
.mt25 {
	margin-top : 25px !important;
}
.mt30 {
	margin-top : 30px !important;
}
.mt35 {
	margin-top : 35px !important;
}
.mt40 {
	margin-top : 40px !important;
}
.mt45 {
	margin-top : 45px !important;
}
.mt50 {
	margin-top : 50px !important;
}
.pb0 {
	padding-bottom : 0px !important;
}
.pb05 {
	padding-bottom : 5px !important;
}
.pb10 {
	padding-bottom : 10px !important;
}
.pb15 {
	padding-bottom : 15px !important;
}
.pb20 {
	padding-bottom : 20px !important;
}
.pb25 {
	padding-bottom : 25px !important;
}
.pb30 {
	padding-bottom : 30px !important;
}
.pt0 {
	padding-top : 0px !important;
}
.pt05 {
	padding-top : 5px !important;
}
.pt10 {
	padding-top : 10px !important;
}
.pt15 {
	padding-top : 15px !important;
}
.pt20 {
	padding-top : 20px !important;
}
.pt25 {
	padding-top : 25px !important;
}
.pt30 {
	padding-top : 30px !important;
}
.pad0 {
	padding: 0px !important;
}
.pad5 {
	padding: 5px !important;
}
.pad10 {
	padding: 10px !important;
}
.pad15 {
	padding: 15px !important;
}
.pad20 {
	padding: 20px !important;
}
.pad25 {
	padding: 25px !important;
}
.pad30 {
	padding: 30px !important;
}

#main .w5 {
	width: 5% !important;
	max-width: 5% !important;
}
#main .w10 {
	width: 10% !important;
	max-width: 10% !important;
}
#main .w15 {
	width: 15% !important;
	max-width: 15% !important;
}
#main .w20 {
	width: 20% !important;
	max-width: 20% !important;
}
#main .w25 {
	width: 25% !important;
	max-width: 25% !important;
}
#main .w30 {
	width: 30% !important;
	max-width: 30% !important;
}
#main .w33 {
	width: 33% !important;
	max-width: 33% !important;
}
#main .w35 {
	width: 35% !important;
	max-width: 35% !important;
}
#main .w40 {
	width: 40% !important;
	max-width: 40% !important;
}
#main .w45 {
	width: 45% !important;
	max-width: 45% !important;
}
#main .w50 {
	width: 50% !important;
	max-width: 50% !important;
}
#main .w60 {
	width: 60% !important;
	max-width: 60% !important;
}
#main .w70 {
	width: 70% !important;
	max-width: 70% !important;
}
#main .w80 {
	width: 80% !important;
	max-width: 80% !important;
}
#main .w90 {
	width: 90% !important;
	max-width: 90% !important;
}
#main .w100 {
	width: 100% !important;
	max-width: 100% !important;
}


@media screen and (max-width: 640px) {
	.spmb0 {
	margin-bottom : 0px !important;
}
	.spmb05 {
	margin-bottom : 5px !important;
}
	.spmb10 {
	margin-bottom : 10px !important;
}
	.spmb15 {
	margin-bottom : 15px !important;
}
	.spmb20 {
	margin-bottom : 20px !important;
}
	.spmb25 {
	margin-bottom : 25px !important;
}
	.spmb30 {
	margin-bottom : 30px !important;
}
	}