@charset "utf-8";

@import url(../../common/css/cmn_style.css);
@import url(../../common/css/cmn_layout.css);
@import url(../../common/css/cmn_reset.css);

/* ============================================
	CSS Reset
============================================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

input, textarea {
	margin: 0;
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content:'';  }

abbr, acronym { border: 0; }


/* ============================================
	base
============================================ */
html { overflow-y: scroll;}
html,body {
	min-height: 100%;
	height: 100%;
}
#wrapper {
	height: 100%;
	min-width: 960px;
}
body > #wrapper {
	height: auto;
	min-height: 100%;
}
#top #header {
	position: absolute;
	top: 0;
}
body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-size: 12px;
/*	font-size: 10px; */
	line-height: 1.5;
	color: #333333;
	text-align: center;
}

/* ie7 */
*:first-child+html body {
	font-size: 75%;
/*	font-size: 62.5%; */
}

/* ie5 - ie6 */
* html body {
	font-size:75%;
/*	font-size: 62.5%; */
}

/* ---------------------------------------------
	clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ---------------------------------------------
	JavaScript Class
--------------------------------------------- */
.over            {/* ƒ[ƒ‹ƒI[ƒo[ŒÄ‚яo‚µ—p */}
.heightLine-     {/* heightLine.jsŒÄ‚яo‚µ—p */}
.png             {/* DD_belatedPNG.jsŒÄ‚яo‚µ—p */}
.js_window_open-width-height  {}
.js_page_print   {}
.js_window_close {}


/* ============================================
	wrapper
============================================ */
#wrapper {
	background:#fbf002 url(../img/outline_bg.gif) repeat-x bottom left !important;
}


/* ============================================
	contents
============================================ */
#contents {
	width: 960px;
	margin: 25px auto 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
}


/* ============================================
	main
============================================ */
#main {
	width:960px;
	clear:both;
	overflow: hidden;
	margin:0;
	background:none;
}

.close{
	margin-bottom:20px;
}

/* --- mv --- */
.mv { font-size:0; line-height:0; }
.mv .fl_l { float:left; }
.mv .fl_r { float:right; }

/* --- product --- */
.product { font-size:0; line-height:0; }
.product li { float:left; }

/* --- article --- */
.article {
	background:url(../img/article_bg.gif) repeat-y 0 0;
	padding:14px 17px 15px 14px;
	font-size:0; line-height:0;
}
.article .fl_l { float:left; width:611px; }
.article .fl_r { float:right; }
.article .inner { position:relative; width:611px; height:562px; }
.article ol { width:632px; margin-right:-19px; }
.article li { float:left; padding:21px 19px 0 0; }
.article li.firstChild { float:none; padding:10px 0 0 0 ; }
.article p.prf { position:absolute; top:0; right:0; }

/* --- outline --- */
.outline { padding-top:28px; font-size:115%; }
.outline h3 {
	background:url(../img/title_bg.gif) no-repeat 0 0;
	font-size:115%;
	font-weight:bold;
	line-height:1.5;
	height:39px;
}
.outline h3 span { padding-left:30px; line-height:35px; }
.outline .inner { margin-top:13px; }
.outline th {
	background-color:#fff;
	padding:0.5em 0;
	width:120px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
.outline td {
	padding:0 0 0 10px;
	text-align:left;
	vertical-align:middle;
	line-height:1.5;
}
.outline li.category {
	background:url(../img/outline_bg_dot.gif) no-repeat bottom left;
	margin:10px 0 0;
	padding:0 17px 10px;
}
.outline li.firstChild { margin-top:0; }

/* --- pagetop --- */
.pagetop { margin-top:12px; text-align:right; }
.pagetop a:visited { color:#006cff; text-decoration:none; }
.pagetop a:link { color:#006cff; text-decoration:none; }
.pagetop a:hover { color:#006cff; text-decoration:underline; }
.pagetop a:active { color:#006cff; text-decoration:underline; }


/* ============================================
	header
============================================ */
#header.cp {
	background: url(../img/hd_bg03.gif) left top repeat-x;
	height:75px;
}
#headerInner {
	position: relative;
	width: 960px;
	height: 86px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: left;
	zoom:1;
}


/* ============================================
	footer
============================================ */

/* ============================================
	Common Parts
============================================ */
.rightL {text-align:right;}
.leftL {text-align:left;}
.centerL {text-align:center;}
.mt_10 { margin-top:10px !important; }

.fs_s { font-size:85% !important; }
.fw_b { font-weight:bold !important; }
.fc_red { color:#eb0000 !important; }

.ta_c { text-align:center !important; }

.indent_1 { text-indent:-1em; padding-left:1em; }
.indent_2 { text-indent:-1.5em; padding-left:1.5em; }

@media print {
	html,body { zoom: _80%; }
	.product { width:961px; }
}