/* CSS Document */

body {
	background-color: #FFFFFF;
	margin-top: 0px;
	background-image: url(../ssl-htdocs/common/img_common/bg.gif);
}

a:link { text-decoration: none; color: #333333; }
a:visited { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #0033CC; }

.txtWhite {
	color: #FFFFFF;
}

.txtRed {
	color: #FF0000;
}

.txtSGray {
	font-size: 63%;
	line-height: 1.5em;
	color: #333333;
}

.txtSGrayBold {
	font-size: 63%;
	line-height: 1.5em;
	color: #333333;
	font-weight:bold;
}

.txtMGray {
	font-size: 75%;
	line-height: 1.5em;
	color: #333333;
}

.txtMGrayBold {
	font-size: 75%;
	line-height: 1.5em;
	color: #333333;
	font-weight:bold;
}

.txtMWhiteBold {
	font-size: 75%;
	color: #FFFFFF;
	font-weight:bold;
}

.txtMRedBold {
	font-size: 75%;
	color: #FF0000;
	font-weight:bold;
}

.txtMBlueBold {
	font-size: 75%;
	color: #3366FF;
	font-weight:bold;
}

.txtLGray {
	font-size: 88%;
	line-height: 1.5em;
	color: #333333;
}

.txtLGrayBold {
	font-size: 88%;
	line-height: 1.5em;
	color: #333333;
	font-weight:bold;
}

.txtLWhiteBold {
	font-size: 88%;
	color: #FFFFFF;
	font-weight:bold;
}

.txtLRedBold {
	font-size: 88%;
	line-height: 1.5em;
	color: #FF0000;
	font-weight:bold;
}

.txtLBlueBold {
	font-size: 88%;
	line-height: 1.5em;
	color: #3366FF;
	font-weight:bold;
}

.txtLLRedBold {
	font-size: 100%;
	line-height: 1.5em;
	color: #FF0000;
	font-weight:bold;
}

.txtLLBlueBold {
	font-size: 100%;
	line-height: 1.5em;
	color: #3366FF;
	font-weight:bold;
}

.txtTopics {
	font-size: 63%;
	line-height: 1.5em;
	color: #333333;
	padding: 7px;
}

.txtLLGrayBold {
	font-size: 130%;
	line-height: 1.5em;
	color: #333333;
	font-weight:bold;
}

.txtLGrayBold {
	font-size: 120%;
	line-height: 1.5em;
	color: #333333;
	font-weight:bold;
}

.txtLLBold {
	font-size: 130%;
	line-height: 1.5em;
	font-weight:bold;
}

.txtLBold {
	font-size: 120%;
	line-height: 1.5em;
	font-weight:bold;
}

.txtM {
	font-size: 90%;
}

.marginA {
	margin-bottom: 5px;
}

.jisageA {
	font-size: 75%;
	line-height: 1.5em;
	color: #333333;
	margin-left: 2em;
	margin-top: -1.5em;
}

.jisageB {
	font-size: 75%;
	line-height: 1.5em;
	color: #333333;
	margin-left: 1em;
}

.txtJisMenuL {
	font-size: 63%;
	line-height: 1.5em;
	color: #333333;
	font-weight:bold;
	margin-left: 15px;
	margin-top: 1.5em;
}

.txtJisMenuS {
	font-size: 63%;
	line-height: 1.5em;
	color: #333333;
	margin-left: 15px;
}
	
.caption_a {
	font-size: 63%;
	color: #333333;
	margin-top: 5px;
	margin-bottom:10px;
}


.txtYear {
	font-size: 130%;
	color: #4274AB;
	font-weight:bold;
}

.txtmrk {
	font-size: 88%;
	color: #4274AB;
	font-weight:bold;
}


.jikanA {
 letter-spacing:0.5em;
 }
 
.jikanB {
 letter-spacing:1em;
}
 
.jikanC {
 letter-spacing:2em;
}
  
.jikanD {
 letter-spacing:3em;
}
 
 span.ERR {
 color: #FF0000;
}



/*Product Brand Top Menu*/
.pMenu				{	width:100%; border-collapse: collapse; border-spacing: 0; margin-top:1em;}
.pMenu td,
.pMenu th			{	margin:0; padding:7px 5px; line-height:1.5em; color:#333333; font-size:75%; }
.pMenu th			{	font-size:88%;  font-weight:bold; text-align:left;}
.pMenu td.arrow		{	width:25px; text-align:right; padding:7px 7px 7px 0;}
.pMenu td.arrow img	{	margin:0; padding:0; }
.pMenu a			{	color:#3366FF;}
.pMenu a.linkGray	{	color:#333333;}


	#tColSblue		{	border-top:7px solid #6A9EBF; border-bottom:7px solid #6A9EBF;}
	#tColSblue td,
	#tColSblue th	{	border-bottom:1px solid #6A9EBF;}
	
	#tColLblue		{	border-top:7px solid #042F9F; border-bottom:7px solid #042F9F;}
	#tColLblue td,
	#tColLblue th	{	border-bottom:1px solid #042F9F;}

	#tColMblue		{	border-top:7px solid #007CBF; border-bottom:7px solid #007CBF;}
	#tColMblue td,
	#tColMblue th	{	border-bottom:1px solid #007CBF;}

	#tColDblue		{	border-top:7px solid #0B1862; border-bottom:7px solid #0B1862;}
	#tColDblue td,
	#tColDblue th	{	border-bottom:1px solid #0B1862;}

	#tColDgreen		{	border-top:7px solid #0C4334; border-bottom:7px solid #0C4334;}
	#tColDgreen td,
	#tColDgreen th	{	border-bottom:1px solid #0C4334;}

	#tColRed		{	border-top:7px solid #C41129; border-bottom:7px solid #C41129;}
	#tColRed td,
	#tColRed th		{	border-bottom:1px solid #C41129;}
	
	
/*Product Brand 2nd page Layout*/

	/*ダイヤマークリスト*/
	.listDia		{	width:510px; margin:0 0 0 64px; padding:0;}
	.listDia li		{	font-size: 88%; line-height: 1.5em; color: #1144CC; font-weight:bold; list-style:none;
						background:url(../product/img_product/mark01.gif) no-repeat 0 3px; margin:0 0 0 0; padding:0 0 0 20px;}
						
	.listDia2		{	margin:0 0 0 48px; padding:0;}
	.listDia2 li	{	font-size: 88%; line-height: 1.5em; color: #1144CC; font-weight:bold; list-style:none;
						background:url(../product/img_product/mark01.gif) no-repeat 0 3px; margin:0 0 0 0; padding:0 0 0 20px;}
						
	.listDia3		{	margin:0 0 0 10px; padding:0;}
	.listDia3 li	{	font-size: 88%; line-height: 1.5em; color: #1144CC; font-weight:bold; list-style:none;
						background:url(../product/img_product/mark01.gif) no-repeat 0 3px; margin:0 0 0 0; padding:0 0 0 20px;}
	
	
	/*detail Base*/
	.details	{	margin:0; padding:0 0 1em 0}
	.details h1,
	.details h2,
	.details p
	.details div
	.details img,
	.details caption{	margin:0; padding:0;}
	
	/*Title*/
	.details h1	{	margin-top:2em; font-size: 130%; line-height: 1.5em; color: #3366FF; font-weight:bold;}
	.details h1.df	{	color:#333333;}
	.details h2	{	margin-top:1.5em; font-size: 75%; line-height: 1.5em; color: #3366FF; font-weight:bold;　}
	.details h2.df	{	color:#333333;}
	
	/*text*/
	.details p	{	margin:0.5em 0; font-size: 75%; line-height: 1.5em; color: #333333;}
	.details .textC	{	text-align:center;}
	
	/*float*/
	.details .fPbox	{	width:100%; overflow:hidden;}
	.details .fLimg	{	float:left; margin:0.5em 10px 10px 0;}
	.details .fRimg	{	float:right; margin:0.5em 0 10px 10px;}
	
	/*list*/
	.details .list01 li		{	margin-top:0.5em; margin-bottom:0.5em;}
	.details .list01 li li	{	margin-top:0; margin-bottom:0;}
	
	.details .list02 li		{	margin-top:0.5em; margin-bottom:0.5em;}
	
	.details .list03		{	margin:0; padding:0;}
	.details .list03 li		{	margin:0.5em 0 0.5em 1.5em; padding:0;}


/*blank*/
	.details .mT0	{	margin-top:0!important;}
	.details .mT1em	{	margin-top:1em!important;}
	.details .mT2em	{	margin-top:2em!important;}


.mBtm50	{margin-bottom:50px;}
.pdg10	{padding:10px 0;}
.textCenter{text-align:center;}
.textRight{text-align:right;}

.imgR {
	float: right;
	margin: 0 0 10px 20px;
}

.imageLeft {
	float: left;
}

.imgL {
	float: left;
	margin: 0 20px 10px 0;
}

.clearBoth {
	clear:both;
}



/*Kawaraban*/

.titleRed {
	padding:5px 0;
	font-size: 120%;
	line-height: 1.5em;
	color: #CC0000;
	font-weight:bold;
}

.titlePurple {
	padding:5px 0;
	font-size: 120%;
	line-height: 1.5em;
	color: #6F3BFF;
	font-weight:bold;
}

.titleGreen {
	padding:5px 0;
	font-size: 120%;
	line-height: 1.5em;
	color: #00A06F;
	font-weight:bold;
}

.titleYellow {
	padding:5px 0;
	font-size: 120%;
	line-height: 1.5em;
	color: #A0A000;
	font-weight:bold;
}

.titlePink {
	padding:5px 0;
	font-size: 120%;
	line-height: 1.5em;
	color: #AC4EAC;
	font-weight:bold;
}

.titleDarkGreen {
	padding:5px 0;
	font-size: 120%;
	line-height: 1.5em;
	color: #006600;
	font-weight:bold;
}

.titleBold{
	font-weight: bold;
	font-size: 110%;
	color: #333333;
}

.kwrBox {
	width: 700px;
	margin: 0 0 10px;
	border: 1px solid #CCCCCC;
}

.kwrBoxMain {
	width: 658px;
	margin: 0 auto 10px;
}

.leadBoxL {
	width:658px;
	padding:0 0 10px;
}

.leadBoxM {
	width:450px;
	padding:0 0 10px;
}

.leadBoxS {
	width:400px;
	padding:0 0 10px;
}

.kwrBoxttl1 {
	margin:0 0 20px;
	padding:10px 20px 12px;
	background: #FAE5E5 url("../kawaraban/img_kawaraban/title_bg1.gif") left top repeat-y;
	font-size: 130%;
	line-height: 1.2em;
	color: #333333;
	font-weight:bold;
}

.kwrBoxttl2 {
	margin:0 0 20px;
	padding:10px 20px 12px;
	background: #EAE2FF url("../kawaraban/img_kawaraban/title_bg2.gif") left top repeat-y;
	font-size: 130%;
	line-height: 1.2em;
	color: #333333;
	font-weight:bold;
}

.kwrBoxttl3 {
	margin:0 0 20px;
	padding:10px 20px 12px;
	background: #D9F1EA url("../kawaraban/img_kawaraban/title_bg3.gif") left top repeat-y;
	font-size: 130%;
	line-height: 1.2em;
	color: #333333;
	font-weight:bold;
}

.kwrBoxttl4 {
	margin:0 0 20px;
	padding:10px 20px 12px;
	background: #F8F8C0 url("../kawaraban/img_kawaraban/title_bg4.gif") left top repeat-y;
	font-size: 130%;
	line-height: 1.2em;
	color: #333333;
	font-weight:bold;
}

.kwrBoxttl5 {
	margin:0 0 20px;
	padding:10px 20px 12px;
	background: #FFF2FF url("../kawaraban/img_kawaraban/title_bg5.gif") left top repeat-y;
	font-size: 130%;
	line-height: 1.2em;
	color: #333333;
	font-weight:bold;
}

.kwrBoxttl6 {
	margin:0 0 20px;
	padding:10px 20px 12px;
	background: #D3F2D3 url("../kawaraban/img_kawaraban/title_bg6.gif") left top repeat-y;
	font-size: 130%;
	line-height: 1.2em;
	color: #333333;
	font-weight:bold;
}

.kwrBoxcopy1 {
	font-size: 90%;
	color: #CC0000;
}

.kwrBoxcopy2 {
	font-size: 90%;
	color: #6F3BFF;
}

.kwrBoxcopy3 {
	font-size: 90%;
	color: #00A06F;
}

.kwrBoxcopy4 {
	font-size: 90%;
	color: #A0A000;
}

.kwrBoxcopy5 {
	font-size: 90%;
	color: #AC4EAC;
}

.kwrBoxcopy6 {
	font-size: 90%;
	color: #006600;
}

.imageCenter {
	text-align: center;
}

.imageRight {
	float: right;
}

.textBold {
	font-weight: bold;
}

.textNormal {
	font-weight: normal;
}

.textRed {
	color: #CC0000;
}

.textBlue {
	color: #0000FF;
}

.text80 {
	font-size: 80%;
}

.text120 {
	font-size: 120%;
}

.text140 {
	font-size: 140%;
}

.linkBtn {
	font-weight: bold;
	margin: 0 0 8px;
}

.linkBtn img {
	vertical-align: top;
	border: none;
}

.linkBtn img.pdf {
	margin: -5px 0 0;
}

.tableGray {
	border-collapse: collapse;
	border: solid 1px #999999;
}

.tableGray th {
	padding: 4px 6px;
	background: #E6E6E6;
	border: 1px solid #999999;
	white-space: nowrap;
}

.tableGray td {
	padding: 4px 6px;
	border: 1px solid #999999;
}