﻿/* CSS Document */

ul.normalList li,
dl.notationA01 dd,
.dataTable td.alignCenter{ font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}

/** clearfix **/

div.csrBrochure div:after,
div.csrBrochure:after,
div.topBoxC01:after,
div#content div.topBoxB01:after,
div.topBoxA01:after,
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div.csrBrochure div,
div.csrBrochure,
div.topBoxC01,
div#content div.topBoxB01,
div.topBoxA01,
.clearfix{
    display:inline-table;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/

* html div.csrBrochure div,
* html div.csrBrochure,
* html div.topBoxC01,
* html div#content div.topBoxB01,
* html div.topBoxA01,
* html .clearfix{
	height: 1%;
}

div.csrBrochure div,
div.csrBrochure,
div.topBoxC01,
div#content div.topBoxB01,
div.topBoxA01,
.clearfix{
	display: block;
}

/* End hide from IE-mac */

#topArea div.headingBlock{ border:none; margin:25px 0 0px 0;}/* 2010 */
div#content #topArea div.headingBlock p{ margin:0px 0px 0px 10px;}/* 2010 */
div#content #topArea div.readSpecial02 p{ margin:8px 0px 8px 10px;}/* 2011 */

div#content div#topArea div.topBoxA01{
	width:666px;
	margin:15px 0 0 0;
	padding:0 0 0 0;
}

div#content div#topArea div.topBoxC01{
	width:666px;
	margin:25px 0 0 0;
	padding:0;
	clear:both;
}

div#content div#topArea div.topBoxC01{background:url("/img/border_topbox_color.gif") no-repeat;}

div#content div#topArea div.topBoxA01 h2{ margin:0 0 7px 0}

div#content div#topArea div.topBoxA01 div.topBoxFirst,
div#content div#topArea div.topBoxA01 div.topBoxSecond,
div#content div#topArea div.topBoxA01 div.topBoxThird{
	width:197px; float:left;
	background:url("/img/border_topbox_a01.gif") no-repeat;
	padding:16px 5px 0 10px; margin:0 15px 0 0}

div#content div#topArea div.topBoxC01 div.topBoxFirst,
div#content div#topArea div.topBoxC01 div.topBoxSecond,
div#content div#topArea div.topBoxC01 div.topBoxThird{
	width:197px; float:left;
	padding:16px 5px 0 10px; margin:0 15px 0 0}

div#content div#topArea div.topBoxA01 .topContentUnit{ width:103px;}

div#content div#topArea div.topBoxA01 div.topBoxThird,
div#content div#topArea div.topBoxC01 div.topBoxThird{ float:right; margin:0}

div#content div#topArea div.topBoxC01 h2{ margin:0 0 7px 0}

div#content div#topArea div.topBoxC01 ul{ margin:15px 0 0 0}

div#content div#topArea div.topBoxC01 div.topBoxSecond ul.left,
div#content div#topArea div.topBoxC01 div.topBoxThird ul.left{ float:left;}

div#content div#topArea div.topBoxC01 div.topBoxSecond ul li,
div#content div#topArea div.topBoxC01 div.topBoxThird ul li{ float:none;}

div#content div#topArea div.topBoxC01 div.topBoxThird ul li{margin:0 0 5px 0; list-style:none}

/* div#content div#topArea div.topBoxC01 div.topBoxFirst ul li a{ padding:0 0 0 15px; width:83px;} */
div#content div#topArea div.topBoxC01 div.topBoxSecond ul li a{ padding:0 0 0 15px; width:180px;}
/* div#content div#topArea div.topBoxC01 div.topBoxSecond ul li a, */
div#content div#topArea div.topBoxC01 div.topBoxFirst ul li a{
	padding:0 0 0 15px;
	width:180px;
	background:url("/img/misc_topbox.gif") no-repeat 0 0.2em;}

div#content div#topArea div.topBoxC01 div.topBoxThird ul li a{
	padding:0 0 0 15px;
	width:180px;
	background:url("/img/misc_topbox.gif") no-repeat 0 0.2em;}

div#content div.topBox01{
	width:666px;
	padding:0 0 5px 0;
}

div#content div.topBoxFirst{
	float:left;
	width:311px;
	padding:16px 5px 0 10px;
}

div#content div.topBoxSecond{
	float:right;
	width:311px;
	padding:16px 5px 0 10px;
}

div#content div.topBoxB01{
	background:transparent url("/img/border_topbox_b01_b.gif") no-repeat bottom;
	width:666px;
	padding:0;
	margin:12px 0 0 0;
}

div#content div#topArea div.topBoxB01 h2{ margin:0 0 7px 0}

div#content div#topArea div.topBoxB01 h2{
	background:#efefef url("/img/misc_gnavi.gif") no-repeat left 5px;
	padding:0 0 0 10px;
	
}

div#content div#topArea div.topBoxB01 h2 a{ background:none; padding:0}

div#content div.topBoxB01 div.topBoxFirst,
div#content div.topBoxB01 div.topBoxSecond{background:url("/img/border_topbox_b01_t.gif") no-repeat }

div.csrBrochure{ background: url("/img/bg_banner_csr_b.gif") bottom no-repeat; margin:0 0 10px 0; padding:0 0 8px 0}

div.csrBrochure div{ background: url("/img/bg_banner_csr_t.gif") no-repeat; padding:8px 0 0 0;}


div.csrBrochure p{ margin:0 0 0 8px !important; padding:0; float:left; _display:inline}

div.csrBrochure p img{ margin:0; padding:0}

div.csrBrochure ul{ margin:5px 0 0 20px; padding:0; float:left; list-style:none}

div.csrBrochure ul li{background: url("/img/bg_banner_csr_list.gif") no-repeat left 5px; margin:0 0 15px 0; padding:0 0 0 10px}

div.csrBrochure ul li a{ color:#000; text-decoration:none}

ul.csrNavi a:link{
	color:#0a318f;
	text-decoration:none;
}

ul.csrNavi a:visited{
	color:#705188;
	text-decoration:none;
}

ul.csrNavi a:hover{
	color:#54c3f1;
	text-decoration:underline;
}

ul.csrNavi,
ul.csrNavi li ul{ margin:0 0 15px 13px}

ul.csrNavi li{
	list-style:none;
	background:url("/img/misc_gnavi.gif") no-repeat left 5px;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
}

ul.csrNavi li a{ margin:0 15px 0 0}

ul.csrNavi li ul li{
	list-style:none;
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	background:url("/img/misc_topbox.gif") no-repeat 0 0.2em;
}

div#content p.specialText{ width:215px; margin-bottom:10px; float:left; _display:inline;}

div#content p.specialImage{ width:90px; margin-bottom:10px; float:right; _display:inline;}

div#content .towColumnBlock03 .linkListA01{ clear:both}

/*message*/

.message{ position:relative}

div#content .message p.separateBlock01{ margin:0 !important }

.cgLead{ float:left; width:83%;}/* 2011 */

/*top page*/
/* 2011 */
div#content div.specialBoxFirst,
div#content div.specialBoxSecond,
div#content div.specialBoxThird{
	width:221px;
	float:left;
	margin:0 0 18px 0;
}

div#content div.specialBoxFirst,
div#content div.specialBoxSecond{
	border-right:#CCC 1px solid;
}

div#content div.specialBoxFirst h2,
div#content div.specialBoxSecond h2,
div#content div.specialBoxThird h2{
	float:left;
	margin:0 0 0 8px;
	width:100px;
}

div#content div.specialBoxFirst .readSpecial,
div#content div.specialBoxSecond .readSpecial,
div#content div.specialBoxThird .readSpecial{
	height:2.2em;
	margin:8px 4px;
}


