@charset "utf-8";

/* =============================================================================
   GIG3 migration
============================================================================= */

.contentsarea p {
	margin: 0.5em 0px 0px 0px;
	line-height: 150%;
}

.contentsarea li {
	margin: 0px 0px 0.5em 0px;
}

.contentsarea ol,ul {
	margin: 0.5em 0px 0px 0px;
	padding: 0px 0px 0px 40px
}

.contentsarea dl {
	margin: 0.5em 0px 0px 0px;
	padding 0px;
}

.contentsarea dd {
	margin: 0.5em 0px 0px 0px;
	padding: 0px 0px 0px 40px;
}

.contentsarea table { margin-bottom: 0px; }
.contentsarea p,
.contentsarea ul,
.contentsarea ol,
.contentsarea dl,
.contentsarea th,
.contentsarea td,
.contentsarea caption,
.contentsarea address,
.contentsarea blockquote,
.contentsarea pre,
.contentsarea legend,
.contentsarea code {
	font-size: 100%;
}

/* -------------------------------------------------------------------- */
	div.Contents tr {
	text-align: left;
	}
	div.Contents th {
	text-align: center;
	}
	div.center {
	text-align: center;
	margin: 0px auto 0px auto;
	}
/* -------------------------------------------------------------------- */

div.azbymaincontents {
float: right;
width: 565px;
border-style: none;
}

div.azbymainmenu {
float: left;
width: 175px;
border-style: none;
word-break: break-all;
}
div.pagecontents2 {
float: left;
width: 370px;
margin: 0px;
padding: 0px;
}
div.pagecontents3 {
float: left;
width: 240px;
margin: 0px;
padding: 0px;
}
div.maincontents2 {
float: left;
width: 277px;
margin: 0px;
padding: 0px;
}
div.maincontents3 {
float: left;
width: 181px;
margin: 0px;
padding: 0px;
}
div.maincontents4 {
float: left;
width: 132px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
div.maincontentsSpace {
float: left;
border: 5px solid #fff;
margin: 0px;
padding: 0px;
}
.center {
text-align: center;
}
div.ContentsLine {
clear: both;
border-bottom: 1px solid #ccc;
margin: 3px 0px 3px 0px;
padding: 0px;
}

/*===================================================================
	3: Basic setting
===================================================================*/

div.ContentsBasic {
clear:both;
margin: 0px;
padding: 0px;
}
	div.ContentsBasic h1 {
	font-weight: bold;
	background-color: #c5f0d6;
	border-top: 3px solid #26905b;
	border-left: 7px solid #26905b;
	margin: 0px 0px 8px 0px;
	padding: 7px 10px;
	}
	div.ContentsBasic h2 {
	font-weight: bold;
	border-top: 1px solid #26905b;
	background-image: url(/images/common/header2_bg_basic.gif);
	background-repeat: repeat-x;
	margin: 8px 0px;
	padding: 5px 10px;
	}
	div.ContentsBasic h3 {
	font-weight: bold;
	background-image: url(/images/common/dot_gr.gif);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #26905b;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 17px;
	}
	div.ContentsBasic h4 {
	border-color: #26905b;
	border-style: solid;
	border-width: 0 0 0 5px;
	margin: 8px 5px 5px;
	padding: 2px 0 1px 8px;
	position: static;
	}
	div.ContentsBasic p {
	margin: 2px 5px;
	}

	div.ContentsBasic ul.ListBasic {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
	div.ContentsBasic ul.ListBasic li {
	list-style: none;
	border-right: 5px solid #fff;
	background-image: url(/images/common/dot_gr.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 0px 5px 3px;
	padding: 0px 0px 3px 20px;
	}

/*===================================================================
	4: Special setting
===================================================================*/

div.ContentsSpecial {
clear:both;
margin: 0px;
padding: 0px;
}
	div.ContentsSpecial h1 {
	font-weight: bold;
	background-color: #fcc;
	border-top: 3px solid #f15884;
	border-left: 7px solid #f15884;
	margin: 0px 0px 8px 0px;
	padding: 7px 10px;
	}
	div.ContentsSpecial h2 {
	font-weight: bold;
	border-top: 1px solid #f15884;
	background-image: url(/images/common/header2_bg_special.gif);
	background-repeat: repeat-x;
	margin: 8px 0px;
	padding: 5px 10px;
	}
	div.ContentsSpecial h3 {
	font-weight: bold;
	background-image: url(/images/common/dot_pk.gif);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #f15884;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 17px;
	}
	div.ContentsSpecial h4 {
	border-color: #f15884;
	border-style: solid;
	border-width: 0 0 0 5px;
	margin: 8px 5px 5px;
	padding: 2px 0 1px 8px;
	position: static;
	}
	div.ContentsSpecial p {
	margin: 2px 5px;
	}

	div.ContentsSpecial ul.ListSpecial {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
	div.ContentsSpecial ul.ListSpecial li {
	list-style: none;
	border-right: 5px solid #fff;
	background-image: url(/images/common/dot_pk.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 0px 5px 3px;
	padding: 0px 0px 3px 20px;
	}

/*===================================================================
	5: Beginner setting
===================================================================*/

div.ContentsBeginner {
clear:both;
margin: 0px;
padding: 0px;
}
	div.ContentsBeginner h1 {
	font-weight: bold;
	background-color: #c4ebf7;
	border-top: 3px solid #4386a8;
	border-left: 7px solid #4386a8;
	margin: 0px 0px 8px 0px;
	padding: 7px 10px;
	}
	div.ContentsBeginner h2 {
	font-weight: bold;
	border-top: 1px solid #4386a8;
	background-image: url(/images/common/header2_bg_beginner.gif);
	background-repeat: repeat-x;
	margin: 8px 0px;
	padding: 5px 10px;
	}
	div.ContentsBeginner h3 {
	font-weight: bold;
	background-image: url(/images/common/dot_bl.gif);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #4386a8;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 17px;
	}
	div.ContentsBeginner h4 {
	border-color: #4386a8;
	border-style: solid;
	border-width: 0 0 0 5px;
	margin: 8px 5px 5px;
	padding: 2px 0 1px 8px;
	position: static;
	}
	div.ContentsBeginner p {
	margin: 2px 5px;
	}

	div.ContentsBeginner ul.ListBeginner {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
	div.ContentsBeginner ul.ListBeginner li {
	list-style: none;
	border-right: 5px solid #fff;
	background-image: url(/images/common/dot_bl.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 0px 5px 3px;
	padding: 0px 0px 3px 20px;
	}

/*===================================================================
	6: Shopping setting
===================================================================*/

div.ContentsShopping {
clear:both;
margin: 0px;
padding: 0px;
}
	div.ContentsShopping h1 {
	font-weight: bold;
	background-color: #ffd7b4;
	border-top: 3px solid #ee752f;
	border-left: 7px solid #ee752f;
	margin: 0px 0px 8px 0px;
	padding: 7px 10px;
	}
	div.ContentsShopping h2 {
	font-weight: bold;
	border-top: 1px solid #ee752f;
	background-image: url(/images/common/header2_bg_shopping.gif);
	background-repeat: repeat-x;
	margin: 8px 0px;
	padding: 5px 10px;
	}
	div.ContentsShopping h3 {
	font-weight: bold;
	background-image: url(/images/common/dot_or.gif);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ee752f;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 17px;
	}
	div.ContentsShopping h4 {
	border-color: #ee752f;
	border-style: solid;
	border-width: 0 0 0 5px;
	margin: 8px 5px 5px;
	padding: 2px 0 1px 8px;
	position: static;
	}
	div.ContentsShopping p {
	margin: 2px 5px;
	}

	div.ContentsShopping ul.ListShopping {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
	div.ContentsShopping ul.ListShopping li {
	list-style: none;
	border-right: 5px solid #fff;
	background-image: url(/images/common/dot_or.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 0px 5px 3px;
	padding: 0px 0px 3px 20px;
	}

/*===================================================================
	7: FMV setting
===================================================================*/

div.ContentsFMV {
clear:both;
margin: 0px;
padding: 0px;
}
	div.ContentsFMV h1 {
	font-weight: bold;
	background-color: #cacae7;
	border-top: 3px solid #669;
	border-left: 7px solid #669;
	margin: 0px 0px 8px 0px;
	padding: 7px 10px;
	}
	div.ContentsFMV h2 {
	font-weight: bold;
	border-top: 1px solid #669;
	background-image: url(/images/common/header2_bg_fmv.gif);
	background-repeat: repeat-x;
	margin: 8px 0px;
	padding: 5px 10px;
	}
	div.ContentsFMV h3 {
	font-weight: bold;
	background-image: url(/images/common/dot_pu.gif);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #669;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 17px;
	}
	div.ContentsFMV h4 {
	border-color: #669;
	border-style: solid;
	border-width: 0 0 0 5px;
	margin: 8px 5px 5px;
	padding: 2px 0 1px 8px;
	position: static;
	}
	div.ContentsFMV p {
	margin: 2px 5px;
	}

	div.ContentsFMV ul.ListFMV {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	}
	div.ContentsFMV ul.ListFMV li {
	list-style: none;
	border-right: 5px solid #fff;
	background-image: url(/images/common/dot_pu.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 0px 5px 3px;
	padding: 0px 0px 3px 20px;
	}

/*===================================================================
	8: Common setting
===================================================================*/
div.moreinfo_az {
clear: both;
text-align: left;
margin: 0px 0px 10px 0px;
padding:0px;
}
	div.moreinfo_az p {
	display: block;
	text-align: left;
	width: auto;
	height: auto;
	line-height: 1.2em;
	background-image: url(/images/common/next_or.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 5px 18px;
	}

div.contentsarea a img { border-style: none; border-width: 0px; }