/* ---------- init browser style ---------- */
/* universal selector */
* {
	margin: 0;
	padding: 0;
}

/* tag selector */
/* body */
body {
	border: none;
	color: #333;
	text-align: center;
	background-color: #eee;
	background-image:  url(../images/i_bg_eee.gif);
	background-position: left top;
	background-repeat: repeat;
}

/* headingLv. */
h1, h2, h3, h4{
	font-size: 100%;
	line-height: 100%;
}

h1.title_txt {
	border-left: 3px solid #f1cc43;
	padding: 2px 0 2px 7px;
	font-size: larger;
	font-weight: bold;
}

/*sakaki作成*/
h2.title_txt  {
	margin: 0;
	padding: 3px 4px;
	border: 1px solid #093;
	font-weight: normal;
	background-image: url(../images/i_ti_bg07.gif);
	background-position: left center;
	background-repeat: repeat-x;
}


/* IOTA & nnHEADWAY */
#innerContents2 h2 {
	margin: 0;
	padding: 3px 4px;
	border: 1px solid #093;
	font-weight: normal;
	background-image: url(../images/i_ti_bg07.gif);
	background-position: left center;
	background-repeat: repeat-x;
}

/* books */
#innerContents2 h2.books {
	border: 1px solid #093;
	color: #093;
	background-image: url(../images/i_ti_bg03.gif);
}

/* education */
#innerContents2 h2.education {
	border: 1px solid #960;
	color: #960;
	background-image: url(../images/i_ti_bg05.gif);
}


/* paragraph */
p {
/*	padding-bottom: 3px; */
}

strong {
	font-weight: bold;
}

/* list */
ul, ol, li, , dt, dd {
	text-indent: 0;
	list-style-type: none;
}

ul.disc li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1.4em;
}

ul.decimal li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.8em;
}

/*sakaki作成*/
ul.green li {
	list-style-image: url(../images/i_circle_green.gif);
	list-style-position: outside;
	margin-left: 1.2em;
	padding-left: 4px;
	vertical-align: middle;
}

/*sakaki作成*/
ul.warning li {
	list-style-image: url(../images/warning.gif);
	list-style-position: outside;
	margin-left: 1.2em;
	padding-left: 4px;	
	vertical-align: baseline;
}

/*sakaki作成*/
ul.information li {
	list-style-image: url(../images/information.gif);
	list-style-position: outside;
	margin-left: 1.2em;
	padding-left: 4px;	
	vertical-align: baseline;
}

/*sakaki作成*/
ul.link li {
	list-style-image: url(../images/i_arrow_s2.gif);
	list-style-position: outside;
	margin-left: 1.2em;
	padding-left: 4px;
	padding-top: 0.5px;
	padding-bottom: 0.5px;
	vertical-align: middle;
}

/* table */
th {
	text-align: left;
}

.layout table, .layout th, .layout td, .layout_c table, .layout_c th, .layout_c td {
	margin: 0;
	padding: 0;
	border: 0;
	background-image: none;
	vertical-align: top;
}

.layout_c table {
	margin: 0 auto;
}

.std_border table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.std_border th {
	background-color: #d9f0e8;
	background-image: url(../images/i_bg_096_15.gif);
	background-position: left top;
	background-repeat: repeat;
}

.std_border th, .std_border td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 5px;
	vertical-align: top;
}

th.bottom, td.bottom {
	vertical-align: bottom;
}

th.gray, td.gray {
	background-color: #eee;
	background-image: url(../images/i_eee);
	background-position: left top;
	background-repeat: repeat;
}

/*sakaki作成*/
th.gray2, td.gray2 {
	background-color: #efefef;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	padding: 2px 0px 2px 4px;
}

th.yellow, td.yellow {
	background-color: #ff9;
	background-image: none;
}

/*sakaki作成*/
th.green, td.green {
	background-color: #009966;
	background-image: none;
}

/*sakaki作成*/
th.green2, td.green2 {
	background-color: #009966;
	background-image: none;
	padding: 0px 0px 0px 4px;
}

/* anchor */
a, a img {
	border: none;
}

a, a:link, a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover, a:active {
	color: #096;
	text-decoration: underline;
}
a:hover.tipOnly{ color:#333; text-decoration:underline;}


/* ---------- base style ---------- */
#line {
	margin: 0 auto;
	width: 752px;
	background-color: #999;
	text-align: center;
}

#container {
	margin: 0 auto;
	width: 750px;
	border-bottom: 1px solid #999;
	background-color: #fff;
	text-align: left;
}

#container_blank {
	padding: 10px;
	background-color: #fff;
	text-align: left;
}

#header #logo1 {
	float: left;
}

#header #logo2 {
	float: right;
}

#gNavi {
	clear: both;
	width: 750px;
	height: 27px;
	line-height: 100%;
	background-image: url(../images/i_gnavi_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#gNavi ul {
	padding-left: 20px;
}

#gNavi li {
	display: inline;
	float: left;
	vertical-align: middle;
}

#gNavi li a {
	display: block;
	width: 118px;
}

#gNavi li a img {
	margin: 1px 10px 2px 0;
	vertical-align: middle;
}

#gNavi a, #gNavi a:link, #gNavi a:visited {
	color: #333;
	text-decoration: none;
}

#gNavi a:hover, #gNavi a:active {
	color: #096;
	text-decoration: none;
}

#contents1 {
	clear: both;
	width: 750px;
}

#contents2 {
	clear: both;
	width: 750px;
	background-image: url(../images/i_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

/* ----- for contents2 box height -----*/
#contents2 {
    overflow: hidden;
}

#contents2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #contents2 {
    height: 1em;
    overflow: visible;
}
/**/
/* ----- for contents2 box height -----*/

img.headerline {
	display: block;
	margin: 0;
	padding: 0;
}

#mainContents {
	float: left;
	width: 580px;
}

#mainContents2 {
	float: left;
	width: 580px;
	background-image: url(../images/ti_common.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#lNavi {
	float: right;
	width: 170px;
}

#lNavi2 {
	width: 170px;
}

#lNavi dl, #lNavi2 dl {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#lNavi dt, #lNavi2 dt {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	cursor: pointer;
}

#lNavi dt.product, #lNavi2 dt.product {
	background-color: #096;
	background-image: url(../images/i_bg_096.gif);
	background-position: left top;
	background-repeat: repeat;
}

#lNavi dt.toppage, #lNavi2 dt.toppage {
	border-bottom: 1px solid #999;
	background-color: #ddd;
	background-image: url(../images/i_lnavi_top_sp.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#lNavi dt.sp, #lNavi2 dt.sp {
	color: #096;
	background-image: url(../images/i_lnavi_bg_sp.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#lNavi dt.sp2, #lNavi2 dt.sp2 {
	color: #096;
	background-image: url(../images/i_lnavi_bg_sp2.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

#lNavi dt.parent, #lNavi2 dt.parent {
	display: block;
	padding: 5px 16px 5px 7px;
}

#lNavi dd p, #lNavi2 dd p {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	background-image:  url(../images/i_bg_eee.gif);
	background-position: left top;
	background-repeat: repeat;
	text-indent: 12px;
}

#lNavi dt a, #lNavi2 dt a {
	display: block;
	padding: 6px 2px 6px 7px;
	text-decoration: none;
}

#lNavi dt.product a, #lNavi2 dt.product a {
	color: #fff;
	font-weight: bold;
}

#lNavi dt.sp a, #lNavi2 dt.sp a {
	padding: 7px 2px 7px 7px;
	color: #096;
	font-weight: bold;
}

#lNavi dt.sp2 a, #lNavi2 dt.sp2 a {
	padding: 7px 2px 7px 7px;
	color: #096;
	font-weight: bold;
}

#lNavi dd p a, #lNavi2 dd p a {
	display: block;
	padding: 0px 2px 0 7px;
	text-decoration: none;
	background-image:  url(../images/i_arrow_lnavi.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#crumb {
	padding: 12px 0 7px;
}

#footer {
	clear: both;
	text-align: center;
}

#footer #copy {
	padding: 10px 0 15px;
}

.pagetitle {
	margin-bottom: 20px;
}

#buy_link li {
	display: inline;
	padding-right: 50px;
}

/* ---------- general class ---------- */
.pageup {
	clear: both;
	margin: 10px 0;
	text-align: right;
}

.box0{
	padding-top: 10px;
}

.box5{
	padding-top: 10px;
	margin-bottom: 5px;
}

.box10{
	padding-top: 10px;
	margin-bottom: 10px;
}

.box15{
	padding-top: 10px;
	margin-bottom: 15px;
}

.box20{
	padding-top: 10px;
	margin-bottom: 20px;
}

.txt_red {
/*	color: #c33;*/
	color: #FF6347;
/*	color: #FF4500;*/
}

.txt_green {
	color: #096;
}

.txt_green2 {
	color: #096;
	font-size: 120%;
}

/*sakaki作成*/
.txt_orange {
	color: #FF9933;
}

/*sakaki作成*/
.txt_white {
	color: #FFFFFF;
}

/*sakaki作成*/
.txt_white2 {
	color: #FFFFFF;
	font-weight: bold;
}

.indent1 {
/*	text-indent: 1em;*/
	padding-left: 1em;
}

.indent2 {
/*	text-indent: 2em;*/
	padding-left: 2em;
}

/*sakaki作成*/
.indent3 {
/*	text-indent: 3em;*/
	padding-left: 3em;
}

/*sakaki作成*/
#float_book .left {
	float: left;
	width: 150px;
}

/*sakaki作成*/
#float_book .right {
	float: right;
	width: 370px;
}

/*sakaki作成*/
#float_edu .left {
	float: left;
	width: 260px;
}

/*sakaki作成*/
#float_edu .right {
	float: right;
	width: 260px;
}

.align_r {
	text-align: right;
}

.align_c {
	text-align: center;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.arrow {
	margin-right: 4px;
	vertical-align: middle;
}

.underline {
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 3px;
}

.topline {
	margin-bottom: 4px;
}

.border {
	border: 1px solid #333;
}

.clear {
	clear: both;
}

/* ----- for parent box height -----*/
.parentbox {
    overflow: hidden;
}

.parentbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .parentbox {
    height: 1em;
    overflow: visible;
}
/**/
/* ----- for for parent box height -----*/