@charset "shift_jis";

/*************************************
            CSS-for HTML

name:common.css

--------------- index ---------------
 1.Reset
 2.General
   - header
   - footer
   - link
   - commonClass
*************************************/

/*-----------------------------------
 1.Reset
-----------------------------------*/
article, aside,figure, footer, header, hgroup, listing, nav, plaintext, section, xmp {
	display: block;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a ,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { 
	margin: 0;
	padding:0;
	font-size: 1em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
}

ul , ol { list-style: none; }
img { border: 0; }
legend { display: none; }
fieldset { border:none; }
hr { display: none; }

/*-----------------------------------
 2.General
-----------------------------------*/
body {
	background:#9D988A url("/common/images/body_bg.gif") center top repeat-y;
	font-family: 'MS PGothic',Verdana, Arial,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	font-size: 13px;
	color: #342A29;
}

#wrapper {
	margin: 0 auto;
	width: 981px;
	border-top: solid 6px #D12B15;
	position: relative;
	left: -3px;
}

#contents {
	padding: 0 4px;
}

/* ------ header ------ */
#header {
	margin: 5px 0 5px;
}

#header #niftyLogo , #header #siteLogo , #header .headText {
	display: inline;
	vertical-align: bottom;
}

#header .headText {
	margin: 0 0 0 10px;
	font-weight: normal;
	color: #666666;
	position: relative;
	top: -5px;
	
}

/* ------ footer ------ */

/* ------ link ------ */
a:link {
	color:#003399;
}

a:visited {
	color:#3399cc;
}

a:hover {
	color:#D12B15;
}

a:active {
	color:#003399;
}

/* ------ commonClass ------ */
.noscriptError {
	padding: 5px;
	font-weight: bod;
	color: #ff0000;
}
.skipNav { display: none;}

.multiColumn {
	zoom : 1;
}
.multiColumn:after {
	content : '';
	display : block;
	clear : both;
	height:0;
}
	
.pkg { zoom : 1; }
.pkg:after {
	content : '';
	display : block;
	clear : both;
	height:0;
	}
	
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table;zoom : 1; }

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