@charset "utf-8";

/*#main*/
#main p.toTop {
	margin: 1em 0 2em;
}

#main .infoBox {
	width: 100%;
	height:auto;
	display:block;
	text-align: right;
	margin-bottom: 10px;
}

#main .infoBox .btn {
	position: relative;
	top:0;
	right:0;
}

#main .infoBox .btn li {
	display: inline;
}

#main.wide {
	width: 950px;
	background: url(/business/cms/images/000012814.gif) repeat-y left top;
}

#main.wide #mainInner {
	background: url(/business/cms/images/000012812.gif) no-repeat left bottom;
}

#main.wide #mainInner .titleBlock {
	background: url(/business/images_global/products/n_bg_main_07.gif) no-repeat left top;
	padding: 15px 30px;
	border-bottom: 1px solid #aeb6bd;
	margin: 0 -10px 10px;
}
#main .mt20 {
	margin-top:20px;
}

/*.consulArea.link*/
.consulArea.link {
	background: none;
	margin: 0;
	padding: 0;
}
.consulArea.link .link__inner {
	background: url(../images/bg_consulArea_gray.png) no-repeat left top;
	height: 55px;
	/*margin: 0 0 15px;*/
	padding: 10px 0 0;
}

.consulArea.link .link__inner > * {
	display:inline-block;
	vertical-align: middle;
}

.consulArea.link .link__inner > *:first-child {
	width: 740px;
	margin-left: 20px;
}


/*.section*/
.section {
	font-size: 14px;
}
.section01 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.section02 {
	padding-bottom: 20px;
}

/*.map*/
.map {
	position: relative;
}
.map ul li {
	position: absolute;
	top: 0;
	left: 0;
}

.map li.map__hokkaido {
	top: 71px;
	left: 475px;
}
.map li.map__tohoku {
	top: 187px;
	left: 420px;
}
.map li.map__kanto {
	top: 277px;
	left: 381px;
}
.map li.map__koshietsu {
	top: 244px;
	left: 259px;
}
.map li.map__kinki {
	top: 316px;
	left: 272px;
}
.map li.map__chugoku {
	top: 248px;
	left: 154px;
}
.map li.map__shikoku {
	top: 336px;
	left: 174px;
}
.map li.map__kyusyu_okinawa {
	top: 325px;
	left: 58px;
}

/*.linkList*/
.linkList {
	margin-top: 30px;
	margin-bottom: 20px;
}
.linkList li:before {
	content: "|";
	margin-right: 10px;
}
.linkList li {
	display: inline-block;
	padding: 0 5px;
}

.linkList li:last-child:after {
	content: "|";
	margin-left: 10px;
}

/*table*/
table .type .header{
	display:inline-block;
	border: 1px solid #000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	padding: 3px 5px;
}

table .type .description {
	display:inline-block;
	vertical-align: middle;
	width:580px;
}


h2.titStyle01 > a {
	padding: 10px 0;
}

#menu .menuBlock li.allarea a:hover {
    padding: 12px 10px 11px 24px !important;
}

#menu .menuBlock li ul.areapart a:hover {
    padding: 9px 10px 8px 44px !important;
}

#menu .menuBlock li ul.areapart .active a:hover {
    padding: 9px 10px 8px 44px !important;
}

/*map*/
#map {
	background: url(../images/figure_map.png) no-repeat scroll top left;
	width: 658px;
	height: 420px;
	position: relative;
}

#map ul.dropdown li.dropdown_trigger{
list-style-type: none;
list-style-position: inside;
font-weight: bold;
position: absolute;
padding: 4px 10px 3.5px 18px;
background: #fff;
margin: 0;
}

#map ul.dropdown li#hokkaido{
border: 2px solid #58aacf;
background: #fff url(../images/ico_arrow_hokkaido_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#tohoku{
border: 2px solid #36aba2;
background: #fff url(../images/ico_arrow_tohoku_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#kanto{
border: 2px solid #63b46c;
background: #fff url(../images/ico_arrow_kanto_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#koshinetsu{
border: 2px solid #d1d55a;
background: #fff url(../images/ico_arrow_koshinetsu_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#chubu{
border: 2px solid #5ad3b8;
background: #fff url(../images/ico_arrow_chubu_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#hokuriku{
border: 2px solid #a61df5;
background: #fff url(../images/ico_arrow_hokuriku_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#kinki{
border: 2px solid #ecb666;
background: #fff url(../images/ico_arrow_kinki_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#chugoku{
border: 2px solid #de4c47;
background: #fff url(../images/ico_arrow_chugoku_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#shikoku{
border: 2px solid #df7651;
background: #fff url(../images/ico_arrow_shikoku_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#kyushu_okinawa{
border: 2px solid #f3aab9;
background: #fff url(../images/ico_arrow_kyuoki_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li.dropdown_trigger:hover {
	background: #ffffff url(../images/ico_arrow_pref_li.gif) 5px 0.7em no-repeat;
}

#map ul.dropdown li#hokkaido a {
	color: #58aacf;
	text-decoration:none;
}

#map ul.dropdown li#tohoku a {
	color: #36aba2;
	text-decoration:none;
}

#map ul.dropdown li#kanto a {
	color: #63b46c;
	text-decoration:none;
}

#map ul.dropdown li#koshinetsu a {
	color: #b1b626;
	text-decoration:none;
}

#map ul.dropdown li#chubu a {
	color: #5ad3b8;
	text-decoration:none;
}

#map ul.dropdown li#hokuriku a {
	color: #a61df5;
	text-decoration:none;
}

#map ul.dropdown li#kinki a {
	color: #da942d;
	text-decoration:none;
}

#map ul.dropdown li#chugoku a {
	color: #de4c47;
	text-decoration:none;
}

#map ul.dropdown li#shikoku a {
	color: #df7651;
	text-decoration:none;
}

#map ul.dropdown li#kyushu_okinawa a {
	color: #ed8599;
	text-decoration:none;
}

#map ul.dropdown li.dropdown_trigger ul{
	display:none;
	width:110px;
	padding:0 0 3px 0;
	margin:3px 0 0 0;
}
#map ul.dropdown li.dropdown_trigger ul li{
	height:0px;
	width:0px;
	font-weight:normal;
	font-size:93%;
	background:none;
	display:inline;
	margin:5px 0;
	padding:0;
}
#map ul.dropdown li.dropdown_trigger ul li a{
	padding:3px 10px;
	margin:0;
	text-decoration:underline !important;
}

#hokkaido      {
	top: 70px;
	left:458px;
}
#tohoku        {
	top:197px;
	left:442px;
}
#kanto         {
	top:287px;
	left:385px;
}
#koshinetsu    {
	top:180px;
	left:336px;
}
#chubu         {
	top:305px;
	left:305px;
}
#hokuriku      {
	top:218px;
	left:262px;
	z-index: 10;
}
#kinki         {
	top:265px;
	left:232px;
	z-index:9;
}
#chugoku       {
	top:252px;
	left:157px;
	z-index:11;
}
#shikoku       {
	top:333px;
	left:189px;
}
#kyushu_okinawa{
	top:326px;
	left:30px;
}

/* table layout */
#main .tbl02 tbody th {
	width:200px;
}

/* arealist */
/*
div.allarea {
	background:url(/business/pci/shop/images/bg_allarea_gray.png) top left no-repeat;
	width:950px;
	height:120px;
}

div.allarea div.inner {
	padding:10px 15px;
}

div.allarea div.inner div.titlebox {
	overflow:hidden;
	width:900px;
}

div.allarea div.inner div.titlebox p {
	width:180px;
	float:left;
}

div.allarea div.inner div.titlebox ul {
	width:400px;
	float:left;
	margin:5px 0 0 0;
}

div.allarea div.inner div.titlebox ul li {
	font-size:100%;
	background: url(/business/cms/images/000012810.gif) no-repeat 3px 4px;
	padding:0 0 0 20px;
}

div.allarea div.inner ul.areapart {
	margin:10px 0 0 0;
	width:900px;
	overflow:hidden;
}

div.allarea div.inner ul.areapart li {
	font-size:100%;
	float:left;
	width:160px;
	background: url(/business/cms/images/000012810.gif) no-repeat 3px 4px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

div.allarea div.inner ul.areapart li.current {
	font-weight:bold;
}
*/

#nTitleBlock {
    background: url(/business/pci/shop/images/bg_category_02.gif);
    width: 950px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    border-bottom:none;
}

#nTitleBlock .menuBlock {
    float: left;
    width: 100px;
}

#nTitleBlock .menuBlock p {
    float: clear;
    width: 100px;
    text-align: center;
    position: absolute;
    top: 30%;
}

#nTitleBlock .btnBlock {
    width: 840px;
    float: right;
    margin: 7px 10px 1px 0;
}

#nTitleBlock .btnBlock ul {
    float: left;
}

.mgb_5 {
    margin-bottom: 5px;
}

#nTitleBlock .btnBlock ul li {
    float: left;
    width: 164px;
    margin-right: 5px;
}

#nTitleBlock .btnBlock ul li a {
    width: 122px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0 15px 0 27px;
    text-decoration: none;
}

#nTitleBlock .btnBlock ul li.off a:hover, #nTitleBlock .btnBlock ul li.on a {
    background: url(/business/pci/shop/images/bg_tit_btn_on.gif) no-repeat left top;
    color: #FFFFFF;
}

#nTitleBlock .btnBlock ul li.off a {
    background: url(/business/pci/shop/images/bg_tit_btn_off.gif) no-repeat left top;
    color: #333333;
}

.btnBlock li.last {
    margin-right: 0 !important;
}

div.backtop {
	margin-top:8px;overflow:hidden;
}

div.backtop p {
	background:url(/business/pci/shop/images/n_bg_back.gif) top left no-repeat;
	padding:0 0 3px 20px;
	float:right;
}