@charset "utf-8";

/* -- body -- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
}

/* -- link -- */

a:link    {color: #0033cc; text-decoration: none;}
a:visited {color: #0033cc; text-decoration: none;}
a:hover   {color: #C61B38; text-decoration: underline;}
a:active  {color: #0033cc; text-decoration: none;}

/* -- size -- */

.s {
	font-size:12px;
	line-height:16px;
	text-align:left;
}
.m {
	font-size:14px;
	line-height:20px;
	text-align:left;
}
.l {
	font-size:15px;
	line-height:23px;
	text-align:left
}
.ttl {
	font-size:17px;
	line-height:17px;
	font-weight:bold;
	text-decoration:none;
}

/* -- font decoration -- */

.b {font-weight: bold;}
.u {text-decoration:underline}
.red {color:#CC3333;}

/* -- margin adjustment -- */

.mt0 { margin-top:0; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mr0 { margin-right:0; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.ml0 { margin-left:0; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }

/* -- padding adjustment -- */

.pt0 { padding-top:0; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pr0 { padding-right:0; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }

.pb0 { padding-bottom:0; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

.pl0 { padding-left:0; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }

/* -- width adjustment -- */

.w95 { width: 95%; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }

/* -- list -- */

ul.nostyle_ml5 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.nostyle_ml5 li {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 12px;
	background:url(../images/common/icn_disc.gif) no-repeat 0px 10px;
}
ul.nostyle_ml15 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.nostyle_ml15 li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 12px;
	background:url(../images/common/icn_disc.gif) no-repeat 0px 10px;
}

/* -- arrowright -- */

ul.arrowright_ml5 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.arrowright_ml5 li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/common/icn_arrowright.gif) no-repeat 0px 8px;
}
ul.arrowright_ml15 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.arrowright_ml15 li {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/common/icn_arrowright.gif) no-repeat 0px 8px;
}

/* -- arrowdown -- */

ul.arrowdown_ml5 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.arrowdown_ml5 li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/common/icn_arrowdown.gif) no-repeat 0px 8px;
}
ul.arrowdown_ml15 {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.arrowdown_ml15 li {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/common/icn_arrowdown.gif) no-repeat 0px 8px;
}

/* -- clear both -- */

.clearboth{
	clear:both;
}

@media (max-width: 640px){

.w80 { width: 90%; }
.l { font-size:16px; }

}