﻿@charset "UTF-8";

/**********************
Breadcrumb
**********************/

#areaBread {
	background:#F0F0F0;
	padding: 6px 0 5px;
	position:relative;
	margin:0 0 20px;
}
#areaBread p {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	font-size:86%; /*12px*/
}
#areaBread a {
	background: url(/common/images/icon_bread.gif) right center no-repeat;
	padding: 0 15px 0 0;
	margin:0 10px 0 0;
}

/**********************
AreaContents01
**********************/
#areaContents01 {
	width:960px;
	margin:0 auto;
}
#areaContents01:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #areaContents01 { zoom: 1; } /* IE6 */
*:first-child+html #areaContents01 { zoom: 1; } /* IE7 */

/* AreaContents01 areaLeft */
#areaContents01 #areaLeft{
	float:left;
	width:225px;
}

/* AreaContents01 areaRight */
#areaContents01 #areaRight{
	float:left;
	width:735px;
	background-color: #FFF;
}

#areaContents01 #areaRight .titCategory{
	padding-bottom:20px;
	padding-left:3px;
}

#areaContents01 #areaRight .pageTitle{
	padding-left:15px;
	padding-bottom:20px;
}

/* mainArea01 */
#mainArea01{
	width:696px;
	padding:0 0 30px 39px;
}

/* mainArea02*/
#mainArea02{
	width:960px;
	margin:0 auto;
	padding:0 0 25px 0;
}

/* mainAreaNews*/
#mainAreaNews{
	width:696px;
	margin:0 auto;
	padding:10px 0 25px 0;
}



/* mainArea02*/
#mainArea01Before{
	padding:0 0 30px 15px;
}


/* --------------------------------------------------
	Heading
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #333;line-height:1.2;}


/* Main Titles */
#mainArea01 h1.mainTitle01,
#mainArea02 h1.mainTitle01,
#mainAreaNews h1.mainTitle01{
	font-size: 158%; /*22px*/
	font-weight: normal;
	min-height:24px;
	height:auto !important;
	height:24px;
	padding: 5px 0 5px 18px;
	border-left: 4px solid #E31F26;
	border-bottom: 1px solid #CCCCCC;
	line-height:1.6;
	margin: 0 0 13px;
	font-weight: bold;
}
	/* Indent at areaRight */
	#areaRight h1.mainTitle01 {margin: 0 0 13px -20px;}

#mainArea01 h2.mainTitle01,
#mainArea02 h2.mainTitle01,
#mainAreaNews h2.mainTitle01,
#mainArea01 .titWide545Top h2, /* old */
#mainArea02 .titWide545Top h2, /* old */
#mainAreaNews .titWide545Top h2 /* old */{
	font-size: 115%; /*16px*/
	font-weight: bold;
	padding: 7px 0 7px 13px;
	border-left:4px solid #E31F26;
	background: #F0F0F0;
	margin: 0 0 8px;
}
	#mainArea01 .titWide545Top h2 span/* old */,
	#mainArea02 .titWide545Top h2 span/* old */,
	#mainAreaNews .titWide545Top h2 span/* old */ {
		line-height:0.9;
		*line-height:1.2; /*IE6,7*/
	}

#mainArea01 h2.mainTitle05,/* old */
#mainArea02 h2.mainTitle05,/* old */
#mainAreaNews h2.mainTitle05/* old */ {
	font-size: 115%; /*16px*/
	font-weight: bold;
	padding: 7px 0 7px 13px;
	border-left:4px solid #E31F26;
	background: #F0F0F0;
	margin: 0 0 8px;
}
	#mainArea01 h2.mainTitle05 span,/* old */
	#mainArea02 h2.mainTitle05 span,/* old */
	#mainAreaNews h2.mainTitle05 span/* old */ {
		line-height:0.9;
		*line-height:1.2; /*IE6,7*/
	}

#mainArea01 h3.mainTitle01,
#mainArea02 h3.mainTitle01,
#mainAreaNews h3.mainTitle01,
#mainArea01 h3.mainTitle04,
#mainArea02 h3.mainTitle04, /* old */
#mainAreaNews h3.mainTitle04 /* old */  {
	font-size: 115%; /*16px*/
	border-left:4px solid #E31F26;
	padding: 7px 0 7px 13px;
	margin: 0 0 8px;
	font-weight: bold;
}
	#mainArea01 h3.mainTitle04 span  {
		line-height:0.9;
		*line-height:1.3; /*IE6,7*/
	}

#mainArea01 h4.mainTitle01,
#mainArea02 h4.mainTitle01,
#mainAreaNews h4.mainTitle01,
#mainArea01 h4.mainTitle06,
#mainArea02 h4.mainTitle06,/* old */
#mainAreaNews h4.mainTitle06/* old */ {
	vertical-align:top;
	font-size: 100%; /*14px*/
	font-weight: bold;
	border-left:4px solid #E31F26;
	padding: 3px 0 2px 13px;
	margin: 0 0 8px;
}
#mainArea01 h5,
#mainArea02 h5,
#mainAreaNews h5,
#mainArea01 h5.mainTitle01 {
	font-size: 100%; /*14px*/
	font-weight: bold;
	border-left:4px solid #555;
	padding: 3px 0 2px 13px;
	margin: 0 0 8px;
}
#mainArea01 h6,
#mainArea02 h6,
#mainAreaNews h6,
#mainArea01 h6.mainTitle01 {
	font-size: 100%; /*14px*/
	font-weight: bold;
	margin: 0 0 10px;
}

/* Main Button Titles */
#mainArea01 .titleBtn01,
#mainArea02 .titleBtn01,
#mainAreaNews .titleBtn01{
	background: #F0F0F0;
	margin: 0 0 8px;
	height:auto!important;
	border-left:4px solid #E31F26;
}

#mainArea01 .titleBtn01 h2,
#mainArea02 .titleBtn01 h2,
#mainAreaNews .titleBtn01 h2{
	font-size: 115%; /*16px*/
	font-weight: bold;
	float:left;
	width:85%;
	padding: 7px 0 7px 13px;
	background: #F0F0F0;
}
#mainArea01 .titleBtn01 .titleBtnBg1,
#mainArea02 .titleBtn01 .titleBtnBg1,
#mainAreaNews .titleBtn01 .titleBtnBg1{
	font-weight: normal;
	float:right;
	background:url(/common/images/btn_bg.jpg) repeat-x left top;
	border-bottom:1px solid #cccccc;
	height:auto!important;
}

#mainArea01 .titleBtn01 .titleBtnBg1:hover,
#mainArea02 .titleBtn01 .titleBtnBg1:hover,
#mainAreaNews .titleBtn01 .titleBtnBg1:hover{
	background:url(/common/images/btn_bg_on.jpg) repeat-x left top;
	height:auto!important;
}

#mainArea01 .titleBtn01 .titleBtnBg2,
#mainArea02 .titleBtn01 .titleBtnBg2,
#mainAreaNews .titleBtn01 .titleBtnBg2{
	background:url(/common/images/rightButtonTitle01Bg.gif) repeat-y left top;
	height:auto!important;
	float:left;
	border-top: 1px solid #E6E6E6;
}

#mainArea01 .titleBtn01 .titleBtnBg2 p,
#mainArea02 .titleBtn01 .titleBtnBg2 p,
#mainAreaNews .titleBtn01 .titleBtnBg2 p{
	font-size: 85%; /*12px*/
	padding:.7em 15px .5em 15px;
	_padding:.7em 15px .5em 15px;
	*padding:.7em 15px .4em 15px;
	margin:0;
}

#mainArea01 .titleBtn01 .titleBtnBg2 p a,
#mainArea02 .titleBtn01 .titleBtnBg2 p a,
#mainAreaNews .titleBtn01 .titleBtnBg2 p a{
	display:block;
	background:url(/common/images/icon_link.gif) no-repeat right 5px;
	_background:url(/common/images/icon_link.gif) no-repeat right 6px;
	padding-right:15px;
	color:#333;
	font-weight:bold;
}

#mainArea01 .titleBtn01 .titleBtnBg2 p a.rss,
#mainArea02 .titleBtn01 .titleBtnBg2 p a.rss,
#mainAreaNews .titleBtn01 .titleBtnBg2 p a.rss{
	background:url(/common/images/icon_rss.gif) no-repeat right .4em;
	_background:url(/common/images/icon_rss.gif) no-repeat right .5em;
}







/* Link Icon Setting*/
#mainArea01 .list120,
#mainArea02 .list120,
#mainAreaNews .list120{
	width:100%;
	margin-bottom: 25px;
}


/* IE6 hack */
* html body #mainArea01 .listType01 span {
	display:block;
}
/* list120 dl dt dd */
#mainArea01 .list120 dl,
#mainArea02 .list120 dl,
#mainAreaNews .list120 dl,
#mainArea01 .list120 ul,
#mainArea02 .list120 ul,
#mainAreaNews .list120 ul{
	clear: both;
	display: block;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom:solid 1px #CCC;
	overflow:hidden;
}

#mainArea01 .list120 dl dt,
#mainArea02 .list120 dl dt,
#mainAreaNews .list120 dl dt {
	float:left;
	width: 8.8em;
	padding:0 0 0 15px;
	*width: 7.5em; /*IE7*/
	*padding:0 10px 0 15px; /*IE7*/
	_padding:0 0 0 15px; /*IE6*/
}

#mainArea01 .list120 dl dd,
#mainArea02 .list120 dl dd,
#mainAreaNews .list120 dl dd{
	zoom:1;
	margin-left: 6.7em;
	padding-left:60px;
	*margin-left:5.5em; /*IE7*/
	*padding-left:10px; /*IE7*/
	_margin-left: 4.0em; /*IE6*/
	_padding-left:20px; /*IE6*/
}
#mainArea01 .list120 dl dd .listIcon {
	padding:0;
	clear:none;
	border:none;
}

#mainArea01 .list120 span.left,
#mainArea02 .list120 span.left,
#mainAreaNews .list120 span.left{
	display:block;
	float:left;
	width: 8.8em;
	padding:0 0 0 15px;
	*width: 7.5em; /*IE7*/
	*padding:0 10px 0 15px; /*IE7*/
	_padding:0 0 0 15px; /*IE6*/
}

#mainArea01 .list120 span.right,
#mainArea02 .list120 span.right,
#mainAreaNews .list120 span.right{
	display:block;
	zoom:1;
	margin-left: 6.7em;
	padding-left:60px;
	*display:inline-block; /*IE7*/
	*margin-left:1.0em; /*IE7*/
	*padding-left:10px; /*IE7*/
	_margin-left: 1.0em; /*IE6*/
	_padding-left:0px; /*IE6*/
}




#mainArea01 .list120UnderLink,
#mainArea02 .list120UnderLink,
#mainAreaNews .list120UnderLink{
	clear: both;
	width: 100%;
	text-align: right;
	padding-top: 10px;
}

#mainArea01 .list120UnderLink a,
#mainArea02 .list120UnderLink a,
#mainAreaNews .list120UnderLink a{
	padding-left: 13px;
	margin-left:10px;
	margin-top:10px;
	padding-bottom:5px;
	background-image:url(/common/images/head_icon02.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}

/* mainArea01 Area2col*/
#mainArea01 .maimArea2col{
	display: block;
	width:100%;
}

#mainArea01 .maimArea2col .mainColL{
	float:left;
	width:395px;
}

#mainArea01 .maimArea2col .mainColR{
	float:right;
	width:140px;
	background-color: #F1F1F1;
	border:1px solid #D4D4D4;
}

/* mainArea01 list100*/
#areaContents01 #mainArea01 div.list100 ul li{
	padding-left:150px;
	padding-bottom:5px;
}

#mainArea01 .maimArea2col .list100ColL{
	float:left;
	width:250px;
	padding-right:2px;
}

#mainArea01 .maimArea2col .list100ColR{
	float:left;
	width:250px;
}






/*Mainlinkinfo*/
#areaLinkinfo{
	clear: both;
	display:block;
	width:100%;
}

#areaLinkinfo div.linkinfo{
	display:block;
	width: 100%;
}

#areaLinkinfo .linkinfoColL{
	float:left;
	width:48%;
	margin-bottom:20px;
}
	#mainArea02 #areaLinkinfo .linkinfoColL,
	#mainAreaNews #areaLinkinfo .linkinfoColL{
	width:465px;
	}

#areaLinkinfo .linkinfoColR{
	float:right;
	width:48%;
	margin-bottom:20px;
}
	#mainArea02 #areaLinkinfo .linkinfoColR,
	#mainAreaNews #areaLinkinfo .linkinfoColR{
	width:465px;
	}
#areaLinkinfo .linkinfoColL p,
#areaLinkinfo .linkinfoColR p{
	font-size:85%;/*12px*/
}

/*
.mainTitle04 + *{
	margin-left:10px;
}
*/

#areaLinkinfo .linkinfoL{
	float:left;
	margin:0 15px 5px 0;
}

#areaLinkinfo .linkinfoT{
	float:left;
	width:75.8%;
	margin-bottom:-10px;
}
	#mainArea02 #areaLinkinfo .linkinfoT,
	#mainAreaNews #areaLinkinfo .linkinfoT {
		width:385px;
	}

#areaLinkinfo h2 {
	font-size: 100%; /*14px*/
	font-weight: bold;
	border-left:4px solid #E31F26;
	border-bottom:1px solid #CCC;
	padding: 6px 0 6px 13px;
	margin: 0 0 15px;
	line-height:1.6;
}
#areaLinkinfo h2.mainTitle04 {
	margin-bottom:8px;
}

#mainArea01 #areaLinkinfo h3,
#mainArea02 #areaLinkinfo h3,
#mainAreaNews #areaLinkinfo h3{
	font-size: 100%; /*14px*/
	font-weight: bold;
	border-left:4px solid #E31F26;
	border-bottom:1px solid #CCC;
	padding: 4px 0 4px 13px;
	margin: 12px 0 8px;
	line-height:1.6;
}

#areaLinkinfo .linkinfoR{
	float:left;
	width:73%;
	margin-top:5px;
	font-size:85%; /*12px*/
	line-height:1.8;
}

#mainArea02 #areaLinkinfo .linkinfoR,
#mainAreaNews #areaLinkinfo .linkinfoR {
	width:385px;
}


/* ----------------------------------------------------------------------------------------------------
	Link Info
-------------------------------------------------- */
.index #areaLinkinfo{
	clear: both;
	display:block;
	width:100%;
	border-bottom: 1px solid #CCC;
	margin:0 0 20px;
}
.index #areaLinkinfo h2 {
	font-size:113%;
	margin: 0 0 2px 0;
	line-height:1.2;
}

.index #areaLinkinfo p {
	font-size:88%;
	margin:-5px 0 5px;
}

.index #areaLinkinfo .linkinfo{
	display:block;
	width: 100%;
}

.index #areaLinkinfo .linkinfo div {
	width:auto;
}
.index #areaLinkinfo .linkinfo div.clearBoth /*old*/ {display:none;}

/*for old ------------------------ */

.index #areaLinkinfo .linkinfoColL,
.index #areaLinkinfo .linkinfoColR{
	float:none;
	width:100%;
	margin:0;
	border-top: 1px solid #CCC;
	padding:22px 15px 15px 15px;
	min-height:60px;
}

/*
.mainTitle04 + *{
	margin-left:10px;
}
*/

.index #areaLinkinfo .linkinfoL{
	width:100%;
	margin:0;
	border-top: 1px solid #CCC;
	float:left;
	clear:both;
}
.index #areaLinkinfo .linkinfoL img {
	margin-top:-1px;
}
.index #areaLinkinfo .linkinfoR{
	float:left;
	width:100%;
	line-height:1.8;
	clear:left;
}

.index #areaLinkinfo .linkinfoT{
	float:left;
	margin:0 20px 0 20px;
	height:65px;
	width:1000px;
	display:block;
}
.index #areaLinkinfo .linkinfoT h2 {
	margin:0 0 0 4px;
}

.index #areaLinkinfo h2 {
	font-size:115%;
	line-height:1.2;
	font-weight: bold;
	border:none;
	padding:0;
	margin:0 0 10px;
}
.index #mainArea01 #areaLinkinfo h3{
	font-size: 100%; /*14px*/
	width:100%;
	font-weight: bold;
	border:none;
	border-bottom:1px solid #CCC;
	padding: 5px 0 4px 15px;
	margin: 0px 0 5px -10px;
	line-height:1.2;
	background: url(/common/images/icon_link.gif) left center no-repeat;
}
.index #areaLinkinfo .linkinfoColL div,
.index #areaLinkinfo .linkinfoColR div {
	border:none;
	padding-top:0;
	margin-top:-5px;
}

.index #areaLinkinfo .linkinfoColL div p,
.index #areaLinkinfo .linkinfoColR div p{
	padding: 10px 0 0 5px;
}

/* ----------------------------------------------------------------------------------------------------- */



/**********************
AreaContents02
**********************/
#areaContents02 {
	width:960px;
	margin:0 auto;
}

#areaContents02 .titCategory {
	width:740px;
	margin:0 auto 10px auto;
}

#mainArea02 .titWide740Top,
#mainAreaNews .titWide740Top{
	width:740px;
	background-image:url(/common/images/tit_wide740_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:5px;
	min-height: 25px;
}

#mainArea02 .titWide740Btm,
#mainAreaNews .titWide740Btm{
	padding-bottom:5px;
	background-image:url(/common/images/tit_wide740_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 25px;
}

#mainArea02 span.titText01,
#mainAreaNews span.titText01{
	display:block;
	margin:0px;
	padding-top:7px;
	padding-left:15px;
	padding-right:15px;
	color: #000;
	font-weight: bold;
}

/* mainArea02 listTop*/
#mainArea02 .listTop,
#mainAreaNews .listTop{
	width:740px;
}

#mainArea02 .listTop ul li,
#mainAreaNews .listTop ul li{
	float:left;
}

#mainArea02 .listTop ul li span.image,
#mainAreaNews .listTop ul li span.image{
	float:left;
}

#mainArea02 .listTop ul li span.text,
#mainAreaNews .listTop ul li span.text{
	float:left;
	padding-left: 18px;
	padding-bottom: 3px;
	background-image:url(/common/images/main_icon02.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}

#mainArea02 .listTop ul li div.product,
#mainAreaNews .listTop ul li div.product{
	padding-right: 4px;
	padding-bottom: 2px;
	width:120px;
	float:left;
}

#mainArea02 .listTop ul li div.productEnd,
#mainAreaNews .listTop ul li div.productEnd{
	padding-right: 0px;
	padding-bottom: 2px;
	width:119px;
	float:left;
}

/* mainArea02 Area2col*/
#mainArea02 .maimArea2col,
#mainAreaNews .maimArea2col{
	width:740px;
}

#mainArea02 .mainColL,
#mainAreaNews .mainColL{
	display:block;
	float:left;
	width:470px;
}

#mainArea02 .mainColR,
#mainAreaNews .mainColR{
	display:block;
	float:right;
	width:243px;
}

/* mainArea02 titWide470*/
#mainArea02 .titWide470Top,
#mainArea02 .titWide470RssTop,
#mainAreaNews .titWide470Top,
#mainAreaNews .titWide470RssTop{
	display:block;
	width:470px;
	background-image:url(/common/images/tit_wide470_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:5px;
	min-height: 25px;
}

#mainArea02 .titWide470Btm,
#mainArea02 .titWide470RssBtm,
#mainAreaNews .titWide470Btm,
#mainAreaNews .titWide470RssBtm{
	display:block;
	width:470px;
	padding-bottom:5px;
	background-image:url(/common/images/tit_wide470_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 25px;
}

#mainArea02 .titWide470Rss,
#mainAreaNews .titWide470Rss{
	display:block;
	float: right;
	height: 16px;
	margin-top: 2px;
}

#mainArea02 span.titWide470txt,
#mainAreaNews span.titWide470txt{
	display:block;
	float:left;
	padding-left:15px;
	padding-top:7px;
	color: #000;
	font-weight: bold;
}

#mainArea02 img.iconRSS,
#mainAreaNews img.iconRSS{
	margin-right:6px;
	margin-top: 5px;
	vertical-align: middle;
}

/* mainArea02 list470 */
#mainArea02 .list470,
#mainAreaNews .list470{
	width:470px;
	margin-bottom: 25px;
}

#mainArea02 .list470 ul li.listType02,
#mainAreaNews .list470 ul li.listType02{
	display:block;
	padding-left: 17px;
	padding-bottom: 5px;
	margin-top:5px;
	background-image:url(/common/images/main_icon01.gif);
	background-repeat: no-repeat;
	background-position: 0.6em 0.4em;
	border-bottom:dotted 1px #C5C5C5;
}

#mainArea02 .listType02 span ,
#mainAreaNews .listType02 span {
	display:block;
	float:left;
}

#mainArea02 span.titText05,
#mainAreaNews span.titText05{
	display:block;
	width:455px;
	padding-left:15px;
	padding-top:7px;
	color: #000;
	font-weight: bold;
}

/* mainArea02 titWide243*/
#mainArea02 .titWide243Top,
#mainAreaNews .titWide243Top{
	width:243px;
	background-image:url(/common/images/tit_wide243_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align:top;
	min-height: 25px;
}

#mainArea02 .titWide243Btm,
#mainAreaNews .titWide243Btm{
	width:243px;
	padding-bottom:5px;
	background-image:url(/common/images/tit_wide243_btm.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 25px;
}

/*IE6 hack*/
* html body #mainArea02 .titWide243Top,
* html body #mainAreaNews .titWide243Top{
	height: 28px;
}
* html body #mainArea02 .titWide243Btm,
* html body #mainAreaNews .titWide243Btm{
	height: 28px;
}
* html body #mainArea02 .titWide243Btm,
* html body #mainAreaNews .titWide243Btm{
	padding-bottom:3px;
}

#mainArea02 span.titText07,
#mainAreaNews span.titText07{
	display:block;
	width:228px;
	padding-left:15px;
	padding-top:7px;
	color: #000;
	font-weight: bold;
}

#mainArea02 .titWide243Info,
#mainAreaNews .titWide243Info{
	display:block;
	width:243px;
}

#mainArea02 .infoOrganization,
#mainAreaNews .infoOrganization{
	display:block;
	width:241px;
	border-left:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	text-align:center;
	margin-bottom: 10px;
}

/* mainArea02 rightBnrArea*/
#mainArea02 .rightBnrArea{
	width:243px;
}

#mainArea02 .mainBanner01{
	margin-bottom:4px;
}

#mainArea02 .mainBanner02{
	margin-bottom:10px;
}

/* mainArea02 rightTextArea*/
#mainArea02 .rightTextArea{
	display:block;
	width:243px;
}

#mainArea02 .rightTextArea ul li.listType03{
	display:block;
	width:223px;
	padding-left: 20px;
	background-image:url(/common/images/main_icon04.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.3em;
}

/* mainArea01 mainArea02 Common parts */
/* textImg*/
#mainArea01 .textImg,
#mainArea02 .textImg,
#mainAreaNews .textImg{
	display: block;
	padding: 0;
	margin-bottom: 20px;
	line-height:1.8;
}

#mainArea01 .textImg .txtAL,
#mainArea02 .textImg .txtAL,
#mainAreaNews .textImg .txtAL{
	text-align: left;
}

#mainArea01 .textImg .txtAR,
#mainArea02 .textImg .txtAR,
#mainAreaNews .textImg .txtAR{
	text-align: right;
}

#mainArea01 .textImg .txtAC,
#mainArea02 .textImg .txtAC,
#mainAreaNews .textImg .txtAC{
	text-align: center;
}

/* floatRight*/
#mainArea01 .textImg table.floatRight,
#mainArea02 .textImg table.floatRight,
#mainAreaNews .textImg table.floatRight{
	float:right;
	margin-left: 0px;
	margin-bottom: 15px;
}

#mainArea01 .textImg table.floatRight tr td,
#mainArea02 .textImg table.floatRight tr td,
#mainAreaNews .textImg table.floatRight tr td{
	padding-left: 15px;
}

#mainArea01 .textImg table.floatRight img,
#mainArea02 .textImg table.floatRight img,
#mainAreaNews .textImg table.floatRight img{
	margin-bottom: 3px;
}

/* Caption */
#mainArea01 table.floatRight,
#mainArea02 table.floatRight,
#mainAreaNews table.floatRight{
	width:100px;
	margin-bottom:0px;
}

* html body #mainArea01 table.floatRight,
* html body #mainArea02 table.floatRight,
* html body #mainAreaNews table.floatRight{
	margin-left:15px;
	margin-bottom:0px;
	width:100px;
}

#mainArea01 table.floatRight tr td div.zoom,
#mainArea02 table.floatRight tr td div.zoom,
#mainAreaNews table.floatRight tr td div.zoom{
	display: block;
	text-align: left;
}

* html body #mainArea01 table.floatRight tr td img,
* html body #mainArea02 table.floatRight tr td img,
* html body #mainAreaNews table.floatRight tr td img{
	margin-bottom: 0px;
}

#mainArea01 table.floatRight tr td span.caption,
#mainArea02 table.floatRight tr td span.caption,
#mainAreaNews table.floatRight tr td span.caption{
	display: block;
	text-align: left;
	font-size: 85%;
}

/* floatLeft*/
#mainArea01 .textImg table.floatLeft,
#mainArea02 .textImg table.floatLeft,
#mainAreaNews .textImg table.floatLeft{
	width:100px;
	float:left;
	margin: 0;
}

#mainArea01 .textImg table.floatLeft img,
#mainArea02 .textImg table.floatLeft img,
#mainAreaNews .textImg table.floatLeft img{
	margin-right: 15px;
	margin-bottom: 3px;
}

#mainArea01 table.floatLeft tr td div.zoom,
#mainArea02 table.floatLeft tr td div.zoom,
#mainAreaNews table.floatLeft tr td div.zoom{
	display: block;
	text-align: left;
	margin-bottom: 15px;
	font-size: 85%;
}

* html body #mainArea01 table.floatLeft tr td img,
* html body #mainArea02 table.floatLeft tr td img,
* html body #mainAreaNews table.floatLeft tr td img{
	margin-bottom: 0px;
}

#mainArea01 table.floatLeft tr td span.caption,
#mainArea02 table.floatLeft tr td span.caption,
#mainAreaNews table.floatLeft tr td span.caption{
	display: block;
	max-width: 175px;
	text-align: left;
	font-size: 85%;
}

#mainArea01 span.caption01,
#mainArea02 span.caption01,
#mainAreaNews span.caption01{
	text-align: left;
	display: block;
	margin-bottom: 5px;
	font-size: 85%;
}

#mainArea01 div.imgCenter,
#mainArea02 div.imgCenter,
#mainAreaNews div.imgCenter{
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

#mainArea01 div.imgCenter table,
#mainArea02 div.imgCenter table,
#mainAreaNews div.imgCenter table{
	text-align: center;
}

#mainArea01 table tr td.caption02,
#mainArea02 table tr td.caption02,
#mainAreaNews table tr td.caption02{
	text-align: center;
	display: block;
	margin-top: 3px;
	font-size: 85%;
}

/*linkBlock100pr*/
#mainArea01 .linkBlock100pr,
#mainArea02 .linkBlock100pr,
#mainAreaNews .linkBlock100pr{
	clear: both;
	width:100%;
}
#mainArea01 .linkBlock100pr ul,
#mainArea02 .linkBlock100pr ul,
#mainAreaNews .linkBlock100pr ul{
	clear: both;
}

/*listcol*/
#mainArea01 ul li.list4col,
#mainArea02 ul li.list4col,
#mainAreaNews ul li.list4col{
	float:left;
	width:19%;
	padding: 0 20px 3px 21px;
	background:url(/common/images/icon_link.gif) 0.4em 0.45em no-repeat;
	line-height:1.4;
	margin-bottom:5px;
}

#mainArea01 ul li.list3col,
#mainArea02 ul li.list3col,
#mainAreaNews ul li.list3col{
	float:left;
	width:27%;
	padding: 0 20px 3px 21px;
	background:url(/common/images/icon_link.gif) 0.4em 0.45em no-repeat;
	line-height:1.4;
	margin-bottom:5px;
}

#mainArea01 ul li.list2col,
#mainArea02 ul li.list2col,
#mainAreaNews ul li.list2col{
	float:left;
	width:44%;
	padding: 0 15px 3px 21px;
	background:url(/common/images/icon_link.gif) 0.4em 0.45em no-repeat;
	line-height:1.4;
	margin-bottom:5px;
}

#mainArea01 ul li.list,
#mainArea02 ul li.list,
#mainAreaNews ul li.list{
	float: left;
	padding: 0 20px 3px 21px;
	background:url(/common/images/icon_link.gif) 0.4em 0.45em no-repeat;
	margin-bottom: 5px;
}

/* newsTitle */
#mainAreaNews .newsTitle{
	margin-bottom: 20px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #CC3333;
}

/* noticeTitle */
#mainArea02 .noticeTitle{
	margin-bottom: 20px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}

/* ScrSevDL */
#mainArea01 .scrSevdl{
	display: block;
	width: 100%;
}

#mainArea01 .sevColL{
	display: block;
	float:left;
}

#mainArea01 .sevColR{
	display: block;
	float:right;
	margin-left: 10px;
}

#mainArea01 .sevColR .dl01{
	display: block;
	margin-bottom: 10px;
}

#mainArea01 .sevColR .dl02{
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #E3E3E3;
}

#mainArea01 .sevColR .dl03{
	display: block;
	margin-top: 5px;
	padding-bottom: 15px;
}

#mainArea01 .sevColR p{
	display: block;
	width: 280px;
}

/* Notes */
#mainArea01 .notesArea,
#mainArea02 .notesArea,
#mainAreaNews .notesArea{
	display: block;
	border: 1px solid #E3E3E3;
	padding: 15px;
	background-color: #F1F1F1;
}

/* --------------------------------------------------
	PluginArea (Get Adobe Reader)
-------------------------------------------------- */
/* PluginArea */
.pluginDownload {
	font-size:100%; /* 14px */
	line-height:1.6;
	display: block;
	border: 1px solid #CCC;
	padding: 8px 16px 14px;
}

.pluginBnr {
	float: right;
	display:block;
	height:100px;
	margin:30px 0 0 20px;
}

.pluginDownload a.styleArrow{
	line-height:1.9;
	padding:0;
	_margin-left:-20px; /*IE6*/
	display:inline;
	font-weight:bold;
	background:none;
}

/* Form Indispensability */
.indSnd{
	color:#E31F26;
	margin-left: 10px;
	font-weight: normal;
	font-size: 95%;
}

/* Form */
#mainArea01 form input.formStyle,
#mainArea02 form input.formStyle,
#mainAreaNews form input.formStyle{
	border:1px solid #ccc;
	height:100%;
	padding:2px;
}

/**********************
clearBoth
**********************/
.clearBoth {
	clear:both;
}


/* --------------------------------------------------
	Back to Page Top Button
-------------------------------------------------- */
#areaPagetop,
#areaPagetopFree /*old*/{
	width: 940px;
	height: 30px;
	margin: 0px auto 30px;
	position: relative;
}
#areaPagetop:after,
#areaPagetopFree:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#areaPagetop .pageTop,
#areaPagetopFree .pageTop /*old*/{
	width:auto;
	height: 30px;
	float: right;
	border-top: 1px solid #EBEBEB;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #CCC;
	position: relative;
	display:block;	
	background: url(/common/images/btn_bg.jpg) left top repeat-x ;
}
#areaPagetop .pageTop:hover,
#areaPagetopFree .pageTop:hover /*old*/ {
	background: url(/common/images/btn_bg_on.jpg) left top repeat-x ;
}
#areaPagetop .pageTop a,
#areaPagetopFree .pageTop a /*old*/{
	font-size:85%;
	font-weight: bold;
	line-height:1.0;
	display: block;
	width: 11em;
	height:14px;
	padding: 9px 20px 8px 10px ;
	background: url(/common/images/icon_up.gif) 94.5% 8px no-repeat;
}
/* Back to top Link Color */
#areaPagetop .pageTop a,
#areaPagetop .pageTop a:link,
#areaPagetop .pageTop a:visited,
#areaPagetop .pageTop a:hover,
#areaPagetop .pageTop a:active,
#areaPagetopFree .pageTop a, /*old*/
#areaPagetopFree .pageTop a:link, /*old*/
#areaPagetopFree .pageTop a:visited, /*old*/
#areaPagetopFree .pageTop a:hover, /*old*/
#areaPagetopFree .pageTop a:active /*old*/{
	color:#333;
	text-decoration: none;
}
#areaPagetop .pageTop a:hover,
#areaPagetopFree .pageTop a:hover /*old*/ {_text-decoration: underline;} /*for IE6 Hover*/


.caption,
.caption02 {
	font-size:85%;
}
.zoom {font-size:85%;}




/*Index Pages Setting ----------------------------------*/
/*Title*/

/* Main Titles */
.index #mainArea01 h1.mainTitle01,
.index #mainArea02 h1.mainTitle01{
	font-size: 158%; /*22px*/
	font-weight: normal;
	min-height:24px;
	height:auto !important;
	height:24px;
	padding: 5px 0 5px 18px;
	border-left: 4px solid #E31F26;
	border-bottom: 1px solid #CCCCCC;
	line-height:1.6;
	margin: 0 0 18px;
	font-weight: bold;
}
	/* Indent at areaRight */
	.index #mainArea01 h1.mainTitle01 {margin: 0 0 20px -20px;
}

.index #mainArea01 h2.mainTitle01,
.index #mainArea02 h2.mainTitle01,
.index #mainArea01 .titWide545Top h2/* old */,
.index #mainArea02 .titWide545Top h2/* old */{
	font-size: 115%; /*16px*/
	font-weight: bold;
	padding: 5px 0 5px 13px;
	border: 1px solid #CCC;
	border-left:4px solid #E31F26;

	background: #FFF;
	margin: 0 0 15px;
}

.index #mainArea01 h3.mainTitle01,
.index #mainArea01 h3.mainTitle04,/* old */
.index #mainArea02 h3.mainTitle01,
.index #mainArea02 h3.mainTitle04/* old */  {
	font-size: 115%; /*16px*/
	border-left:4px solid #E31F26;
	border-bottom:1px solid #CCC;
	padding: 7px 0 7px 13px;
	margin: 0 0 15px;
	font-weight: bold;
}

.index #mainArea01 h4.mainTitle01,
.index #mainArea02 h4.mainTitle01,
.index #mainArea01 h4.mainTitle06,
.index #mainArea02 h4.mainTitle06/* old */ {
	vertical-align:top;
	font-size: 100%; /*14px*/
	font-weight: bold;
	border-left:4px solid #E31F26;
	padding: 3px 0 2px 13px;
	margin: 0 0 15px;
}


.index #mainArea01 .clearBoth{display:none;}

.index #mainArea01 .list2col {
	float:left;
	width:40%;
	padding: 0 10px 3px 33px;
	background:url(/common/images/icon_link.gif) 17px 0.45em no-repeat;
	line-height:1.4;
	margin-bottom:0;
}

.index #mainArea01 ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .index #mainArea01 ul { zoom: 1; } /* IE6 */
*:first-child+html .index #mainArea01 ul { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*2012 add*/
/* clearfix */
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clear           { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

/* Box Rollover */
.linkbox{
	height: 100%;
	cursor: pointer;
}
.linkbox:hover {background: #E6E6E6;}
.linkbox a:hover {
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
	_text-decoration: underline; /* IE6のみ */
}
.hoverShadow a {
	display:block;
	background:#000;
}

.hoverShadow img:hover {
	box-shadow: #888 0 1px 4px -1px;
	-webkit-box-shadow: #888 0 1px 4px -1px;
	-moz-box-shadow: #888 0 1px 4px -1px;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

/* Link text #333 */
.productList li a:link,
.titleBtn a:link,
.menuList li a:link,
.divisionList li a:link,
.areaBottom p.linkBtn a:link,
.categoryList li a:link,
.subMenuList li a:link,
#discoverMHI ul li a:link,
#areaPagetop p a:link,
#megaDrop .bottom .linkBtn a:link,
#megaDrop .detail dl.megadropList a:link,
#megaDrop .detail ul.megadropList a:link {
	color: #333;
	text-decoration: none;
}
.productList li a:visited,
.titleBtn a:visited,
.menuList li a:visited,
.divisionList li a:visited,
.areaBottom p.linkBtn a:visited,
.categoryList li a:visited,
.subMenuList li a:visited,
#discoverMHI ul li a:visited,
#areaPagetop p a:visited,
#megaDrop .bottom .linkBtn a:visited,
#megaDrop .detail dl.megadropList a:visited,
#megaDrop .detail ul.megadropList a:visited {
	color: #333;
	text-decoration: none;
}
.productList li a:hover,
.titleBtn a:hover,
.menuList li a:hover,
.division li a:hover,
.areaBottom p.linkBtn a:hover,
.categoryList li a:hover,
.subMenuList li a:hover,
#discoverMHI ul li a:hover,
#areaPagetop p a:hover,
#megaDrop .bottom .linkBtn a:hover,
#megaDrop .detail dl.megadropList a:hover,
#megaDrop .detail ul.megadropList a:hover {
	color: #333;
	text-decoration: none;
	_text-decoration: underline; /*IE6用*/
}
.productList li a:active,
.titleBtn a:active,
.menuList li a:active,
.division li a:active,
.areaBottom p.linkBtn a:active,
.categoryList li a:active,
.subMenuList li a:active,
#discoverMHI ul li a:active,
#areaPagetop p a:active,
#megaDrop .bottom .linkBtn a:active,
#megaDrop .detail dl.megadropList a:active,
#megaDrop .detail ul.megadropList a:active {
	color: #333;
	text-decoration: none;
	_text-decoration: underline; /*IE6用*/
}

/*print*/
.printHeader {display: none;}
#gnavPrint {display: none;}
.printFooter {display: none;}

/*IE6-8 shadow*/
div.ieShadow {
 background:url(/common/images/2012ie_shadow.png) 1px 0 repeat-x;
 height: 10px;
 width:99.7%;
 bottom:-10px;
 position:absolute;
 left:0;
 margin:0 0 0 1px;
}
#keyThumb li div.ieShadow,
#emergencySub div.ieShadow {
 _bottom:-12px;
}

/*wide_s*/
#wide_s{
	width:696px;
	margin:0 auto;
}

/*H2 Btn 20130910 add*/
/*Title Button*/
.titleBtnH2sp {
	font-size:85%;
	font-weight: bold;
	margin-top: -3.4em ;
	float: right;
	overflow:hidden;
	border-left: 1px solid #CCC;
}

.titleBtnH2sp div {
	float:left;
	position: relative;
	background: url(/common/images/btn_bg.jpg) left top repeat-x;
}
.titleBtnH2sp div:hover {
	background: url(/common/images/btn_bg_on.jpg) left top repeat-x;
}
.titleBtnH2sp .rssBtn,
.titleBtnH2sp .linkBtn {
	border-top: 1px solid #EBEBEB;
	border-left: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.titleBtnH2sp a {
	display: block;
	padding:6px 25px 6px 13px;
	position: relative;
}

.titleBtnH2sp .rssBtn a {
	width: 2.5em;
	background: url(/common/images/icon_rss.gif) 85% center no-repeat;
}
.titleBtnH2sp .linkBtn a {
	min-width: 8em;
	width: auto !important;
	width: 9em;
	background: url(/common/images/icon_link.gif) 95% center no-repeat;
	position: relative;
}

#mainArea01 .titleBtnH2sp a:link {
	color: #333;
	text-decoration: none;
}
#mainArea01 .titleBtnH2sp a:visited {
	color: #333;
	text-decoration: none;
}
#mainArea01 .titleBtnH2sp a:hover{
	color: #333;
	text-decoration: none;
}
#mainArea01 .titleBtnH2sp a:active{
	color: #333;
	text-decoration: none;
}



