@charset 'shift_jis';

/* opw - h16-12 */

html, body {
	border:none;
	margin:0;
	padding:0;
	background:#fff
	}
body {
	font: normal 100.1% '‚l‚r ‚oƒSƒVƒbƒN', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Osaka, sans-serif;
	background: url(../images/body_bck.png) repeat-x 0 80px;
	}
html>body {font-size:1em;}

* html body {text-align:center;} /* IE5.x Win */

h1, h2, h3, h4, h5, h6, strong, b, th, dt {
	font-family: '‚l‚r ‚oƒSƒVƒbƒN', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	font-weight:bold;
} /* Webkit */
*:lang(ja) h1,
*:lang(ja) h2,
*:lang(ja) h3,
*:lang(ja) h4,
*:lang(ja) h5,
*:lang(ja) h6,
*:lang(ja) th,
*:lang(ja) strong,
*:lang(ja) dt {
	font-family: '‚l‚r ‚oƒSƒVƒbƒN', 'Lucida Grande', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', Osaka, sans-serif;
}
body[id]:before {display:none;} 

a:link {color:#33537f;}
a:visited {color:#4c6698;}
a:focus, a:hover, a:active {color:#d85600; text-decoration:none; }
img, a img {border:0 none; margin:0;}

h2 {margin: 0 0 1em; font-size:1.35em;}
h3 {margin: 1.33em 0 .66em; font-size:1.2em;}
h4 {margin: 0 0 .33em; font-size:1.1em;}
h5 {margin:0; font-size:1em;}
h6 {margin:0 0 .44em; font-size:1em;}
p {margin: 0 0 .9em;}
dl {margin:0 .5em 1em 0}
dt {margin:0 0 .2em;}
dd {margin:0 1em .66em 2em;}
ul, ol {margin:0 0 1em 2.5em; padding:0;}
dd p {margin:0 0 .33em;}

dl.faq {}
dl.faq dt {font-weight:bolder; color:#369; border-top: 3px solid #c0ccd8;padding-top:.6em}
dl.faq dd {margin: 0 0 .6em 0em;}
dl.faq pre {margin:0; overflow:auto;}

table {font-size:1em; border-collapse:collapse;}

h2, #home h3 {color:#369; border:1px dashed #258; border-width:0 0 1px;padding: 0 0 .1em}
h3, #home h4 {color:#c14303;}
h3 {border:1px solid #c14303; padding:.2em}

h4 {color:#399; border:1px dashed #258; border-width:0 0 1px; padding:.2em}


.accent {color:#c00;}

/* layout */

#container {
	margin:0 auto;
	border: 1px solid #ccc;
	border-width:0 1px 1px;
	width: 725px;
	text-align:left;
}
#head {
	margin:0;
	padding:15px 10px 5px;
	display:inline-block;
	_height:1%; /* IE win */
}
/* - \*/
#head {display:block}
/* - */
#head:after {
	content: '[.]';
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}
h1 {
	float:left;
	margin:0;
	padding:0;
	width:533px;
	}
h1 img {display:block;}
#head p {
	text-align: right;
	margin:0;
	padding:26px 5px 0;
}
#head p img {vertical-align:bottom;}

#contents {
	position:relative;
	border-bottom:10px solid #f4b330;
	}

/* -- left -- */
#colCnt {
	margin: 0 175px 0 0;
	border-top:10px solid #900;
	padding: 1.5em 2.5em 1.5em 1.5em;
	font-size:.9em;
	line-height:145%
}
#catch {
	width:550px;
	height:70px;
	background:#f4bf5e url(../images/wall_B.png) no-repeat 0 0;
	}
#catch p {padding:15px 1.5em 0;margin:0; text-align:right; color:#fff; font-size:.85em;}



.pagenav {
	margin:0 0 1.5em;
	list-style:none;
}
.pagenav li {
	display:inline;
	padding:.1em .3em;
	border-right:1px solid #c7c7c7;
	}

.smTb {border-collapse:collapse; border:1px solid #c14303; border-width:1px 0 0 1px; margin:0 0 .66em}
.smTb td, .smTb th {border:1px solid #c14303; border-width:0 1px 1px 0; padding:.2em .4em;}

.smL {width:450px; margin-bottom:.5em;}
.smL th {width:8em}
.smTbs td {font-size:.94em;}
.smTb th {white-space:nowrap;}
caption {text-align:left; margin:0 0 .33em; font-weight:bold;}

.partners li:first-line {font-weight:bold}
.partners li {margin-bottom:.33em; list-style-type:square;}

.suplist span, span.note {color: #7a7acb}
.suplist li {
	list-style: square;
	font-family: Courier, 'Courier New', monospace;
	}
/* -- right -- */
#menu {
	position:absolute;
	top:0;
	right:-1px;
	width:176px;
	background: url(../images/menuheader.png) no-repeat 100% 0;
	padding: 55px 0 0;
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:.9em;
	background:#f4e5c8
	}	
#menu li {
	display:block;
	float:left;
	width:176px;
	background:#f4e5c8;
	border-top:1px solid #900;
	margin-top:-1px
	}
#menu a {
	display:block;
	padding: 5px 20px 5px 30px;
	color:#258;
	background: url(../images/menulink.png) no-repeat 0px 100%;
	text-decoration:none;
	letter-spacing:1px;
	_height:1em
	}
#menu a:focus, #menu a:hover, #menu a:active {
	background: url(../images/menulink.png) no-repeat -177px 100%
	}

#home #homeL a,
#first #firstL a,
#intro #introL a,
#detail #detailL a,
#block #blockL a,
#case #caseL a,
#sup #supL a,
#rule #ruleL a,
#down #downL a,
#supportcard #cardL a,
#qanda #qandaL a,
#part #partL a,
#sec #secL a,
#wp #wpL a,
#winny #winnyL a,
 {
	font-weight:bold;
	background: url(../images/menulink.png) no-repeat -177px 100%
	}

#nabar {
	list-style:none;
	padding:1em;
	margin:0;
		text-align:right;
		background:#c7c8c9
	}
#nabar li {
	display:inline;
	padding: .1em .5em;
	margin:0 .1em;
	font-size:.85em;
	_height:1em
	}
/* not IE Mac \*/
#nabar li {
	border-right:1px solid #333;
	border-left:1px solid #333;
}
/* - */
#nabar a:link, #nabar li a:visited {color:#333;}
#nabar a:focus, #nabar a:hover, #nabar a:active {color:#d85600; text-decoration:none;}

#ft {
	margin:2.5em 4% 1em;
	font-size:.85em;
	color:#666
}