@charset "utf-8";

/******************************************************
	TOP PAGE MODULE
******************************************************/
#contentsArea #infoBlock01{
box-sizing:content-box;	
}
#contentsArea #infoBlock01 div.relationalLink ul{
float:left;
margin-right:5px;
margin-right:8px;
overflow:hidden;
}
#contentsArea #infoBlock01 div.relationalLink ul + ul{margin-right:0;}
#contentsArea #infoBlock01 div.relationalLink ul li{margin-bottom:6px;}
#contentsArea #infoBlock01 div.topicsUnit dl{width:544px;}


/******************************************************
	ADD COMMON MODULE
******************************************************/
/*==================================================
	text
==================================================*/
#contentsArea p a.iconLinkTextA01{
padding-left:6px;
margin-bottom:2px;
background:url(/shared/img/bullet_arrow-a001.gif) no-repeat 0 0.4em;
background-position:0 0.2em;
}

/*==================================================
	List
==================================================*/
#contentsArea ol.listStyle01 li ol{
margin:0 0 0.7em 1.1em;
}

/*==================================================
	pageNavigation
==================================================*/
#contentsArea div.pageNavigationA01,
#contentsArea div.pageNavigationA02{
clear:both;
width:620px;
}
#contentsArea div.pageNavigationA01 div.firstColumnBox,
#contentsArea div.pageNavigationA02 div.firstColumnBox{
float:left;
text-align:right;
}
#contentsArea div.pageNavigationA01 div,
#contentsArea div.pageNavigationA02 div{
width:301px;
}
#contentsArea div.pageNavigationA01 div p a img,
#contentsArea div.pageNavigationA02 div p a img{
margin:0pt 5px;
text-decoration:none;
vertical-align:3px;
}
#contentsArea div.pageNavigationA02 div.firstColumnBox p{
margin:0pt;
}
#contentsArea div.pageNavigationA01 div.firstColumnBox p,
#contentsArea div.pageNavigationA02 div.firstColumnBox p{
padding:7px 10px 5px 5px;
}
#contentsArea div.pageNavigationA01 div.endColumnBox,
#contentsArea div.pageNavigationA02 div.endColumnBox{
float:right;
}
#contentsArea div.pageNavigationA01 div.endColumnBox p,
#contentsArea div.pageNavigationA02 div.endColumnBox p{
padding:7px 5px 5px 10px;
}

/*==================================================
	footing support link
==================================================*/
#contentsArea ul.supportLinkListA01{
margin:20px 0;
text-align:center;
}
#contentsArea ul.supportLinkListA01 li{
padding:10px 10px 10px 32px;
margin-right:0.3636em;
background:#EDEDED no-repeat 9px center;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#contentsArea ul.supportLinkListA01 li a{width:150px;}
#contentsArea ul.supportLinkListA01 li.icon01{background-image:url(/shared/img/icon_related_02_01.gif);}
#contentsArea ul.supportLinkListA01 li.icon02{background-image:url(/shared/img/icon_related_02_02.gif);}
#contentsArea ul.supportLinkListA01 li.icon03{background-image:url(/shared/img/icon_related_02_03.gif);}
#contentsArea ul.supportLinkListA01 li.icon04{background-image:url(/shared/img/icon_related_02_04.gif);}
#contentsArea ul.supportLinkListA01 li.icon05{background-image:url(/shared/img/icon_related_02_05.gif);}
#contentsArea ul.supportLinkListA01 li.icon06{background-image:url(/shared/img/icon_related_02_06.gif);}
#contentsArea ul.supportLinkListA01 li.icon07{background-image:url(/shared/img/icon_related_02_07.gif);}
#contentsArea ul.supportLinkListA01 li.icon08{background-image:url(/shared/img/icon_related_02_08.gif);}
#contentsArea ul.supportLinkListA01 li.arrow{background-image:url(/shared/img/icon_related_02_arrow.gif);}

/*==================================================
	content toPagetop
==================================================*/
#contentsArea p.toTop{
margin:0pt 10px 10px 0pt;
text-align:right;
}
#contentsArea p.toTop a{
padding:0pt 0pt 0pt 10px;
background:transparent url(/shared/img/bg_totop.gif) no-repeat scroll left center;
}

/*==================================================
	popup window adjust
==================================================*/
#footerlink{padding-top:200px !important;}
ul.popupSupportLinkListA01{
margin:10px 0;
font-size:75%;
text-align:center;
}
ul.popupSupportLinkListA01 li{
margin-right:2px;
padding:8px 8px 8px 28px;
background:#EDEDED no-repeat 7px center;
width:105px;
float:left;
line-height:1.3;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.popupSupportLinkListA01 li.icon01{background-image:url(/shared/img/icon_related_02_01.gif);}
ul.popupSupportLinkListA01 li.icon02{background-image:url(/shared/img/icon_related_02_02.gif);}
ul.popupSupportLinkListA01 li.icon03{background-image:url(/shared/img/icon_related_02_03.gif);}
ul.popupSupportLinkListA01 li.icon04{background-image:url(/shared/img/icon_related_02_04.gif);}
ul.popupSupportLinkListA01 li.icon05{background-image:url(/shared/img/icon_related_02_05.gif);}
ul.popupSupportLinkListA01 li.icon06{background-image:url(/shared/img/icon_related_02_06.gif);}
ul.popupSupportLinkListA01 li.icon07{background-image:url(/shared/img/icon_related_02_07.gif);}
ul.popupSupportLinkListA01 li.icon08{background-image:url(/shared/img/icon_related_02_08.gif);}
ul.popupSupportLinkListA01 li.arrow{background-image:url(/shared/img/icon_related_02_arrow.gif);}

/*	clearfix
------------------------------------------*/
ul.popupSupportLinkListA01:after,
#contentsArea div.startIndMod:after,
#contentsArea div.imageLayoutTypeE02 p.imageArea span.captionR:after,
#footerLink:after,
.clearfixExtend:after,
#contentsArea div.pageNavigationA02:after,
#contentsArea div.imageLayoutTypeD01:after,
#contentsArea div.imageLayoutTypeE01:after,
#contentsArea div.imageLayoutTypeE02:after{
clear:both;
height:0;
visibility:hidden;
display:block;
content:".";
}

ul.popupSupportLinkListA01,
#contentsArea div.startIndMod,
#contentsArea div.imageLayoutTypeE02 p.imageArea span.captionR,
#footerLink,
.clearfixExtend,
#contentsArea div.imageLayoutTypeD01,
#contentsArea div.imageLayoutTypeE01,
#contentsArea div.imageLayoutTypeE02{
zoom:1;
}

/*==================================================
	iconLink
==================================================*/
#contentsArea div.topicsListA01 dl dd a.blank,
#contentsArea div.topicsUnit dl dd a.blank{
padding:1px 0 0 22px;
display:block;
background:url(/shared/img/icon_related_02_08.gif) no-repeat 0 0.2em;
zoom:1;
}
#contentsArea ul.iconLinkListA01 li{
line-height:1.4;
}
*:first-child+html #contentsArea ul.iconLinkListA01 li.icon08 a{
line-height:1.6;
}

/*	actionbutton icon
------------------------------------------*/
#contentsArea ul.actionButton02{display:block;}
#contentsArea ul.actionButton01 li{margin-right:14px;}
#contentsArea ul.actionButton02 li.icon07 a span,
#contentsArea ul.actionButton01 li.icon07 a span{
padding:3px 3px 4px 20px !important;
border:1px solid #fff;
line-height:1.1;
background:#fff url(/shared/img/icon_related_02_07.gif) no-repeat scroll 0.1em center;
}
#contentsArea ul.actionButton02 li.icon06 a span,
#contentsArea ul.actionButton01 li.icon06 a span{
padding:3px 3px 4px 20px !important;
border:1px solid #fff;
line-height:1.1;
background:#fff url(/shared/img/icon_related_02_06.gif) no-repeat scroll 0.1em center;
}

/*==================================================
	table
==================================================*/
#contentsArea table.tableStyle01 tbody td span.textRed{
color:#FF0000;
}

/*	tableStyle03
------------------------------------------*/
#contentsArea table.tableStyle03{
border:none;
font-size:12px;
line-height:1.4;
margin-bottom:1em;
}
#contentsArea table.tableStyle03 th{
padding:3px;
border:none;
text-align:left;
vertical-align:top;
font-weight:normal;
}
#contentsArea table.tableStyle03 .list{
padding-left:10px;
background:url("/shared/img/bullet_square-b001.gif") no-repeat 0 center;
}
#contentsArea table.tableStyle03 td{
padding:3px;
border:none;
}

/*==================================================
	img&text for LongImage
==================================================*/
#contentsArea div.imageLayoutTypeD02 p.imageAreaLong{
float:right;
max-width:400px;
min-width:150px;
}
/* RowImageCenter & supportLinkListA01 clearLeft */
#contentsArea div.imageLayoutTypeD01 p.imageLayoutTypeA01{
float:left;
width:165px;
}
#contentsArea ul#clearLeft{clear:left;}

/*==================================================
	span/strong caption
==================================================*/
span.caption{
padding-left:3px;
margin-top:5px;
font-size:85%;
line-height:1.3;
display:block;
}
span.caption,span.captionR{
*font-size:75% !important;
_font-size:70% !important;
*line-height:1.3;
}

#contentsArea div.imageLayoutTypeE02 p.imageArea span.captionR{
margin-top:5px;
font-size:85%;
line-height:1.3;
display:block;
text-align:right;
}
#contentsArea div.boxType02 p strong.caption{
margin-top:5px;
display:block;
text-align:center;
}


/******************************************************
	ADD UNIQUE MODULE
******************************************************/
/*==================================================
	/case/
==================================================*/
#contentsArea .em{color:#cc0000 !important;}
#contentsArea .smallTtl{
padding-left:10px;
font-size:90% !important;
font-weight:normal !important;
}

/*==================================================
	/start/index.html adjust
==================================================*/
#contentsArea div.startIndMod .imgArea{
float:left;
width:100px;
}
#contentsArea div.startIndMod .txtArea{
float:right;
width:175px;
}


/******************************************************
	ADJUST CSS
******************************************************/
/*==================================================
	bugfixed for ie 
==================================================*/
actionButton01{zoom:1;}
#contentsArea ul.columnType02 li{margin-right:10px!important;}
#businessMenuArea div div div ul{width:156px;}
#contentsArea div.imageLayoutTypeD01 div.textArea table.twoColumnIE6{_margin-top:-120px;}

/*	table
------------------------------------------*/
#contentsArea table.tableStyle01 tbody th{*width:auto;}
#contentsArea table.tableStyle01 tbody ul.iconLinkListA01 li{*font-size:115%;}

/*==================================================
	Option
==================================================*/
/* bottom space */
#contentsArea .mb00{margin-bottom:0px !important;}
#contentsArea .mb10{margin-bottom:10px !important;}
#contentsArea .mb20{margin-bottom:20px !important;}
#contentsArea .mb30{margin-bottom:30px !important;}
#contentsArea .mb40{margin-bottom:40px !important;}
#contentsArea .mb50{margin-bottom:50px !important;}
#contentsArea .mb60{margin-bottom:60px !important;}
#contentsArea .mb70{margin-bottom:70px !important;}
#contentsArea .mb80{margin-bottom:80px !important;}
#contentsArea .mb90{margin-bottom:90px !important;}
#contentsArea .mb100{margin-bottom:100px !important;}
/* horrizon align */
#contentsArea .left{text-align:left !important;}
#contentsArea .center{text-align:center !important;}
#contentsArea .right{text-align:right !important;}
#contentsArea .acenter{text-align:center !important;}
/* vertical align */
#contentsArea .vTop{vertical-align:top !important;}
#contentsArea .vCenter{vertical-align:middle !important;}
#contentsArea .vBottom{vertical-align:bottom !important;}
/* table option */
#contentsArea .nowrap{white-space:nowrap !important;}

/* index02 2011 */
div.main-box{
margin:120px auto;
padding:0;
width:640px;
}

div.box-01{
border:1px solid #A9A9A9;
overflow:hidden;
padding:15px;
zoom:1;
}

div.box-02{                                                      
background:none repeat scroll 0 0 #cce0f5;
overflow:hidden;
padding:15px;
margin-top:15px;
text-align:center;
zoom:1;
}

div.box-02 ul li{
display:inline;
float:left;
margin-left:70px;
margin-bottom:10px;
}

div.box-02 li a{
display:block;
text-decoration:none;
text-indent:-9999px;
width:181px;
height:46px;
}

div.box-02 li.btn01 a {  
background:url(../img/btn_index01.png) right top no-repeat;
}

div.box-02 li.btn01 a:hover {  
background:url(../img/btn_index01_o.png) right top no-repeat;
}

div.box-02 li.btn02 a {  
background:url(../img/btn_index02.png) right top no-repeat;
}

div.box-02 li.btn02 a:hover {  
background:url(../img/btn_index02_o.png) right top no-repeat;
}

