/* RESET */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:1em; }
pre,code,address,caption,cite,code { font-weight:normal; font-style:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }

/* CLEAR */
.clearfix:after {
content: "."; 
display: block; 
visibility: hidden;
height:.1px;
font-size:.1em;
line-height:0;
clear: both; 
}

.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
.clearfix + *{ clear: both; }

/* BASE */
body {
font:small "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#fff;
color:#333;
margin:0 auto;
}

a { text-decoration:none; color:#03C; }
a:visited { color:#639; }
a:hover { text-decoration:underline; }

p { padding:5px; }
p,li,dt,dl,th,td { line-height:1.6; }

ul,ol { margin:0.5em 0 0.5em 0.5em; }
ol { list-style:decimal inside; }

ul.horizon { margin:0; }
ul.horizon li { display:inline; margin:0 0.25em; }

ul.circle { list-style:circle; margin-left:2em; }
ul.disc { list-style:disc; margin-left:2em; }
ul.square { list-style:square; margin-left:2em; }

.large { font-size:large; }
.medium { font-size:medium; }
.small { font-size:xx-small; }
.bold { font-weight:bold; }

.red { color:#C00; }
.blue { color:blue; }
.silver { color:silver; }
.url { color:green; }

/* LAYOUT */
#title { font-size:x-large; font-weight:normal; border-bottom:1px solid #ccc; padding:10px 0; }

.head { padding:8px; line-height:130%; }
.box { margin-bottom:10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:3px; }

.bg_snow { background:url(http://xtrm.jp/images/common/bg_snow.png) repeat-x top; border:1px solid #ccc; }
.bg_blue { background:url(http://xtrm.jp/images/common/bg_blue.png) repeat-x top; color:#fff; }
.line { background:url(http://xtrm.jp/images/common/line.png) 0 100% repeat-x; }

.margin_bottom { margin-bottom:10px; }

.data-table dl { clear:both; background:url(http://xtrm.jp/images/common/line.png) 0 100% repeat-x; }
.data-table dt { float:left; width:10em; padding:0.5em 0 0.1em 1em; font-weight:normal; }
.data-table dd { margin:0 0 0 10em; padding:0.5em 1em; }
.data-table ul { margin:0; padding:0; }
.data-table li { list-style-type:none; display:block; }

/* NEWS */
#news li { line-height:1.3; }
#news li a { text-decoration:underline; }

/* GLOBALHEADER */
#globalheader { width:950px; margin:0 auto 10px; border-bottom:1px solid #ccc; }
#globalheader #globalnav { text-align:right; }
#globalheader #globalnav li { display:inline; margin:3px; }
#globalheader #logo { width:950px; height:40px; }
#globalheader #searchbox { background-color:#e7e7e7; padding:3px; }

/* MAIN */
#main { width:950px; margin:0 auto; }

/* GLOBALFOOTER */
#globalfooter { width:950px; margin:10px auto 15px; border-top:1px solid #999; }
#globalfooter #footernav { margin-top:10px; text-align:center; }
#globalfooter #footernav li { display:inline; margin:3px; }
#globalfooter #copyright { text-align:center; }

/* GRID */
.column { float:left; margin-left:10px; }
.grid2cola,
.grid2colb,
.grid3col,
.grid4col { width:950px; }
.grid2cola .column.first { width:760px; }
.grid2cola .column.last { width:180px; }
.grid2colb .column.first { width:640px; }
.grid2colb .column.last { width:300px; }
.grid3col .column { width:450px; }
.grid3col .column.first { width:180px; }
.grid3col .column.last { width:300px; }
.grid4col .column { width:250px; }
.grid4col .column.first { width:180px; }
.grid4col .column.last { width:240px; }

.column.first { margin-left:0 !important; }
.column.last { float:right !important; }