/* CSS Document */
/* body */
@charset "Shift_JIS";

	

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,embed,object,address {
	margin:0;
	padding:0;
	color:#555555;
	font-size: 12px;
	font-weight:normal;
	font-style:normal;
	font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,IB Fedra, Verdana, sans-serif;
	line-height:1.8;
}


img {border: 0px;}
a:link{color:#c60c30; text-decoration: none;}
a:hover{color:#c60c30; text-decoration: underline;}
a:visited { color: #706a63; text-decoration: none;}


li img,dt img,
dd img{
vertical-align:top;
}

html, body {
    height: 100%;
}


/* header */
#container{
	width:740px;
	margin: 0 auto;
	position:relative;
}

#header {
	width:100%;
	height:40px;
	display: block;

}

#header img {
	float: left;
}


#header_title{
	margin: 15px 0 0 0;
}


/* header_navigation */

#navigation {float:right; width:auto; padding-left:0px;}


#menu1{
	float:left;
	padding:0em;
	width: 740px;
	text-align: right;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 0px;
}


#menu1 ul li{
	font-size:10px;
	display: inline;
}


#menu1 ul li a:link{color:#444444; text-decoration: none;}
#menu1 ul li a:hover{color:#c60c30; text-decoration: underline;}



/* content */
#mainimage {
	width:740px;
	margin: 0 auto;
	position:relative;
	padding: 20px 0 15px 0;

} 

#content {
	width:740px;
	margin: 0 auto;
	position:relative;
	font-size: 12px; /*12px*/
	line-height: 1.8em;

}

/* red box */
#redbox {
	background: url("../img/redsquare.png");
	position: absolute;
	left: 500px;
	top: 40px;
	width: 218px;
	height: 218px;
}


#redbox p {
	color:#FFF!important;
	font-size:21px;
	width:180px!important;
	line-height: 28px;
	font-family: IB Fedra, Verdana, sans-serif;
	margin: 10px 5px 15px 15px;	
}
	
/* if lte IE 5,6,7 */
#redbox p, [if lte IE 5,6,7]  {　/* IE 5,6,7 */
	color:#FFF!important;
	font-size:21px; /*22px*/
	padding:5px 5px 0px 0px!important;
	width:180px!important;
	line-height: 28px;
	font-family: IB Fedra, Verdana, sans-serif;
	
}


#redbox p span {
	font-size:13px;
	width:180px!important;
	line-height:1.6em;
	font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,IB Fedra, Verdana, sans-serif;
}


/* sidecontents */
#sidecontent {
	width:140px;
	position: relative;
	padding: 0px 0 40px 0;
	float: left;
}

#sidecontent img.space_bottom{
	margin-bottom:10px!important;
	line-height:0px;
}
	
#sidecontent img.space_none{
	margin-bottom:0px!important;
	line-height:0px;
}

#sidecontent img.space_top{
	margin-top:20px!important;
	line-height:0px;
}


/* maincontent basic style */
#maincontent {
	width:540px;
	/*width:-20px;*/
	margin-left:180px;
	padding: 0 0 40px 0;
	position: relative;
}



#maincontent p {
	width:540px;
}


#maincontent h1 {
	margin-bottom:20px!important;
}

#maincontent h2 {
	width:540px;
	/*width:-20px;*/
	color: #000000;
	line-height:1.8em;
	font-size:14px;
	font-weight:bold;
}

#maincontent h2 span.normal{
	font-weight:normal;
}

#maincontent h2 span.red {
	color: #c60c30;
}


#maincontent h3 {
	font-size:12px;
	font-weight:bold;
	margin: 0 0 2px 0;
	color: 444444;
}

#maincontent h3 span.normal{
	font-weight:normal;
}

#maincontent h4 {
	font-weight:bold;
	font-size:12px;
	margin:10px 0 2px 0 ;
}

#maincontent h5 {
	font-size:12px;
	font-weight:bold;
	margin: 0 0 8px 0;
}

#maincontent b {
font-weight: normal;
color: #000;
}

#maincontent span.red {
	color: #c60c30;
}

#maincontent span.font_11 {
	font-size: 11px; /*12px*/
}


#maincontent div.indent10 {
	line-height:1.5em;
	margin:10px 0px 15px 25px;
}


#maincontent div.send {
	margin:40px;
	text-align: center;
}


/* title
-------------------------------------------------------------------------- */

.ttl01{
height:5%;
margin:0px 0 20px 0px;
padding:0 0 10px 0px;
font-size:14px;
font-weight:bold;
line-height:1.5em;
border-bottom:2px solid #c7c2ba;
}

.ttl01s{
	font-size:12px;
	padding-left: 10px;
}

/* menu
-------------------------------------------------------------------------- */



/* div.block1 {
	width:540px;
	margin:0px 0 0px 0px;
}

div.block1:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	clear:both;
	

}


div.block1 {
	zoom:1;
}

div.block1_pc{
	width:200px;
	float:left;
}

div.block1_txt{
	width:80px;
	float:left;
}

/* menu
-------------------------------------------------------------------------- */
.floatBlock:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.floatBlock {display:inline-block;}
/* Hide from IE Mac \*/
.floatBlock {display:block;}
/* End hide from IE Mac */


.floatBlock .rightBlock{
float:right;
}

.floatBlock .leftBlock{
float:left;

}


.wid80{width:80px;}
.wid120{width:120px;}
.wid190{width:190px;}
.wid400{width:400px;}

/*  1 Column Layout
-------------------------------------------------------------------------- */
.col1:{
margin:20px 0 0px 0px;
width:560px;

}

.col1:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.col1 {display:inline-block;}
/* Hide from IE Mac \*/
.col1 {
	display:block;
}
/* End hide from IE Mac */

/* 1　Column Normal
------------------------------ */
.col1 .block1{
	float:left;
	width:540px;
	padding:10px 0px 5px 0px;
	vertical-align: text-top;
}

/* 1　Column Normal link
------------------------------ */
span.link01{
display:block;
margin-bottom:2px;
padding:10px 0px 2px 0px;
line-height:1.2em;
}


/*  2 Column Layout
-------------------------------------------------------------------------- */
.col2:{
margin:20px 0 0px 0px;
width:560px;

}
.col2:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.col2 {display:inline-block;}
/* Hide from IE Mac \*/
.col2 {
	display:block;
}
/* End hide from IE Mac */


/* 2 Column Normal
------------------------------ */
.col2 .block1{
	float:left;
	width:270px;
	padding:10px 0px 5px 0px;
	vertical-align: text-top;
}

.col2 .block2{
	float:left;
	width:270px;
	padding:10px 0px 5px 0px;
	vertical-align: text-top;
}

/* 2 Column Normal link
------------------------------ */

span.rArrow04{
display:block;
margin-bottom:2px;
padding:0px 0px 2px 10px;
background:transparent url(../img/link.gif) 0 2px no-repeat;
line-height:1.2em;
}

span.rArrow04 a:link,
span.rArrow04 a:visited{
color:#c60c30;
font-weight:bold;
text-decoration:none;
}

span.rArrow04 a:hover,
span.rArrow04 a:active{
color:#c60c30;
text-decoration:underline;
}






.ttl01{
height:1%;
margin:40px 0 5px 0;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
line-height:110%;
border-bottom:2px solid #c7c2ba;
}

.ttl01s{
	font-size:12px;
	padding-left: 10px;
}



/* form:maincontents */

#maincontent span.form {
	margin:20px 0 40px 0;
}





/* maincontents_table */

#table-01 {
    width: 540px;
    border: 1px #eeebe8 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#table-01 th {
    padding: 6px;
    border: 1px #eeebe8 solid;
    border-width: 0 0 1px 1px;
    background: #f7f7f7;
    font-weight: bold;
    line-height: 160%;
	text-align: center;
    white-space: nowrap; 
	vertical-align: top;
}

#table-01 td {
    padding: 6px;
    border: 1px #eeebe8 solid;
    border-width: 0 0 1px 1px;
	text-align: left;
    white-space: normal;
	vertical-align: top;
	line-height:1.5em;

}


#table-02 {
    width: 100%;
    border: 2px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#table-02 th {
    padding: 6px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #FFFFFF;
    font-weight: bold;
	line-height:1.6em;
	text-align: center;
	vertical-align: top;
}

#table-02 td {
    padding: 6px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 0px;
	text-align: left;
    white-space: normal;
	vertical-align: top;
	line-height:1.5em;
}

#table-02 span.font_10 {
	font-size: 10px; /*12px*/
}

#table-02 span.font_off {
	color: #CCCCCC;
	text-decoration: line-through;
}


#table-02 span.title {
	font-weight: bold;
	line-height: 1.8em;
}


/* contactus:maincontents_table */
#table-03 {
    width: 540px;
    border: 0px #eeebe8 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#table-03 td {
    padding: 6px;
    border: 0px #eeebe8 solid;
    border-width: 0 0 0px 0px;
	text-align: left;
    white-space: normal;
	vertical-align: top;
	line-height:1.5em;
}


/* form:maincontents_table */
#table-04 {
    width: 540px;
    border: 0px #eeebe8 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#table-04 th {
    padding: 6px;
    border: 0px #eeebe8 solid;
    border-width: 0 0 0px 0px;
    line-height: 160%;
	text-align: left;
    white-space: nowrap; 
	vertical-align: top;
}
#table-04 td {
    padding: 6px;
    border: 1px #eeebe8 solid;
    border-width: 0 0 0px 0px;
	text-align: left;
    white-space: normal;
	vertical-align: top;
	line-height:1.5em;

}

/* form:maincontents_table */
#table-05 {
    width: 540px;
    border: 0px #eeebe8 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#table-05 th {
    padding: 6px;
    border: 0px #eeebe8 solid;
    border-width: 0 0 0px 0px;
    line-height: 160%;
	text-align: left;
    white-space: nowrap; 
	vertical-align: top;
}
#table-05 td {
    padding: 6px;
    border: 1px #eeebe8 solid;
    border-width: 0 0 0px 0px;
	text-align: left;
    white-space: normal;
	vertical-align: top;
	line-height:1.5em;
}



/* register:maincontents_table */
#table-06 {
	width: 540px;
	border: 10px #eae5df solid;
	border-collapse: collapse;
	background-color: #eae5df;
	
}

#table-06 th {
	padding: 6px;
	line-height: 160%;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
	background-color: #eae5df;
}
#table-06 td {
    padding: 6px;
    border: 1px #eae5df solid;
    border-width: 0 0 0px 0px;
	text-align: left;
    white-space: normal;
	vertical-align: top;
	line-height:1em;
	background-color: #eae5df;
}

/* footer */
#footer{
	float:left;
	clear:both;
	height:35px;
}

#footer_link{
	float:right;
	text-align:right;
	float:right;
	font-size:10px;
}


#footer_link a:link{color:#444444; text-decoration: none;}
#footer_link a:hover{color:#c60c30; text-decoration: underline;}


/* 20090907 mail-form css additional */
#errorMessage {
	background: #eae5df;
	padding: 20px;
	margin: 10px -5px 10px -5px;
}
#downloadPageButton {
	width: 130px;
	height: 20px;
	margin: 20px 0;
}
#downloadPageButton a {
	display: block;
	width: 130px;
	height: 20px;
	background: url(../knowledge/img/downloadPageButton.gif) 0 0 no-repeat;
	text-indent: -9999px;
	/*\*/
	   overflow: hidden;
	/**/
}
#downloadPageButton a:hover {
	background-position: 0 -20px;
}