@charset "utf-8";

/* New 2009.12 overlay style */
/* Add 2012.12 */
/* Add 2013.6 */

/* element
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
address,
caption,
em,
th,
td {
	font-size: 100%;
}


/* top level
-------------------------------------------------------------- */
html {
	font-size: 100%;
}
body {
	font-size:  87.5%;
}


/* anchor icon
-------------------------------------------------------------- */
a:link {
	color: #039;
	text-decoration: underline;
	background-color: transparent;
}
a:visited {
	color: #606;
	text-decoration: underline;
	background-color: transparent;
}
a:hover,
a:active  {
	color: #eb7000;
	text-decoration: underline;
	background-color: transparent;
}

a.white:link,
a.white:visited {
	color: #fff;
	text-decoration: underline;
	background-color: transparent;
}
a.white:hover,
a.white:active  {
	color: #009;
	text-decoration: underline;
	background-color: transparent;
}

#footer a:link,
#footer a:visited {
	color: #333;
	text-decoration: underline;
	background-color: transparent;
}
#footer a:hover,
#footer a:active {
	color: #333;
	text-decoration: none;
	background-color: transparent;
}
#secondary a:link,
#secondary a:visited {
	color: #333;
	text-decoration: none;
	background-color: transparent;
}
#secondary a:hover,
#secondary a:active  {
	color: #eb7000!important;
	text-decoration: underline;
	background-color: transparent;
}

p.linkItemA01 a,
p.linkItemA02 a,
a.linkItemA01,
a.linkItemA02 { background-image: url(/pc/resources_shared/new_images/icn_arrow_blue_01.gif); }

p.linkItemPagelink a,
a.linkItemPagelink {
	padding-left: 10px;
	background: url(/pc/resources_shared/new_images/icn_arrow_blue_02.gif) no-repeat 0 0.4em; }


/* common
-------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

input.iptTxt {
	min-height: 16px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #ccc;
	line-height: 1.2;
	vertical-align: middle;
}
* html input.iptTxt { height: 20px; }

.iBlk {
	display: -moz-inline-box;
	display: inline-block;
}

.pagetop { text-align: right; }
.pagetop .iBlk {
	margin-left: auto;
	padding-left: 14px;
	background: url(/pc/resources_shared/new_images/icn_pagetop.gif) no-repeat 0 0.2em;
}
/* Fx2 and older hack */
html>/**/body .pagetop .iBlk, x:-moz-any-link { background-position: 0 0.1em; }
html>/**/body .pagetop .iBlk, x:-moz-any-link, x:default { background-position: 0 0.2em; }


/* body
-------------------------------------------------------------- */
html {
	height: 100%;
}
body {
	height: 100%;
/*	background:#f7f7f7 url(/pc/resources_shared/new_images/bg_body_01.gif) repeat-x;*/
/* Add 2012.12 
	background:#f7f7f7 url(/pc/resources_shared/new_images/bg_body_01_2.gif) repeat-x;*/
/* Add 2013.6 
	background:#f7f7f7 url(/pc/resources_shared/new_images/bg_body_01_3.gif) repeat-x;
*/
}


/* container
-------------------------------------------------------------- */
div#container {
	width: 822px;
	min-height: 100%;
	height: auto;
	margin: 0 auto;
/*	background:#fff url(/pc/resources_shared/new_images/bg_container_02.gif) no-repeat;*/
/* Add 2012.12
	background:#fff url(/pc/resources_shared/new_images/bg_container_02_2.gif) no-repeat; */
/* Add 2013.6 */
	background:#fff url(/pc/resources_shared/new_images/bg_container_02_3.gif) no-repeat;
	text-align: center;
	border-left:1px #e9e9e9 solid;
	border-right:1px #e9e9e9 solid;
}

div#container {
}

* html div#container { height: 100%; }

/* header
-------------------------------------------------------------- */
div#header {
	width: 780px;
	height: 72px;
	margin: 0 auto;
	text-align: left;
}
#logo {
	float: left;
	width: 387px;
	overflow: hidden;
}
#headerNavi {
	float: right;
	width: 393px;
}
#headerNavi .sitemap {
	float: left;
	width: 123px;
	display: inline;
	margin-top: 9px;
}
#headerNavi .sitemap li { display: inline; }
#headerNavi .sitemap img { margin-right: 9px; }
#headerNavi .search {
	float: right;
	width: 260px;
	padding: 5px 0;
	background: url(/pc/resources_shared/new_images/bg_header_navi.gif) no-repeat left bottom;
}
#headerNavi .keyword,
#headerNavi .submit { display: inline; }
#headerNavi .keyword input {
	width: 170px;
	font-size: 12px;
	vertical-align: middle;
}
#headerNavi .keyword .iBlk {
	margin-left: 6px;
/* Add 2012.12 */
/*	padding-left: 20px;
	background: url(/pc/resources_shared/new_images/icn_header_search.gif) no-repeat 0 50%;*/
	background-image:none !important;
}
#headerNavi .submit input {
	margin-left: 5px;
	vertical-align: middle;
}
#headerNavi .link {
	margin-top: 7px;
	text-align: right;
}
#headerNavi .link li { display: inline; }
#headerNavi .link img { margin-left: 5px; }
#headerNavi .link .first img { margin-left: 0; }

* html #headerNavi .keyword input { height: 16px; }

/* Add 2012.12 */
#headerNavi .sitemap li { display: inline; }
#headerNavi .sitemap img { margin-right: 9px; }


/* Add 2012.12 */

/* header2012 */
#header2012 {
	width: 780px;
	height: 82px;
	margin: 0 auto;
	text-align: left;
}
#header2012 #logo {
	float: left;
	width: 307px;
	padding-top: 17px;
	overflow: hidden;
}
#header2012 #headerNavi {
	float: right;
	width: 465px;
	height: 72px;
	position: relative;
}
#header2012 #headerNavi .sitemap {
	margin-top: 7px;
	text-align: right;
	width: 472px;
}
#header2012 #headerNavi .search {
	width: 170px;
	padding: 4px 0;
	background: url(/pc/resources_shared/new_images/bg_header_navi_2012_2nd.gif) no-repeat left bottom;
	position: absolute;
	top: 33px;
	right: 0;
}
#header2012 #headerNavi .keyword,
#header2012 #headerNavi .submit { display: inline; }
#header2012 #headerNavi .keyword input {
	width: 98px;
	font-size: 12px;
	vertical-align: middle;
}
#header2012 #headerNavi .keyword .iBlk {
	margin-left: 4px;
}
#header2012 #headerNavi .submit input {
	margin-left: 5px;
	vertical-align: middle;
}
#header2012 #headerNavi .link {
	text-align: right;
	position: absolute;
	top: 25px;
	right: 176px;
}
#header2012 #headerNavi .link li { display: inline; }
#header2012 #headerNavi .link img { margin-left: 5px; }





/* Add 2013.6 */

/* header2013 */
#header2013 {
	width: 780px;
	height: 106px;
	margin: 0 auto;
	text-align: left;
}
#header2013 #logo {
	float: left;
	width: 307px;
	padding-top: 17px;
	overflow: hidden;
}
#header2013 #logo .left {
	float:left; display:block; width:158px;
}
#header2013 #logo .right {
	float:right; display:block; width:133px;
}
#header2013 #headerNavi {
	float: right;
	width: 465px;
	height: 72px;
	position: relative;
}
#header2013 #headerNavi .sitemap {
	margin-top: 17px;
	text-align: right;
	width: 472px;
}
#header2013 #headerNavi .search {
	width: 170px;
	padding: 4px 0;
	background: url(/pc/resources_shared/new_images/bg_header_navi_2012_2nd.gif) no-repeat left bottom;
	position: absolute;
	top: 41px;
	right: 0;
}
#header2013 #headerNavi .keyword,
#header2013 #headerNavi .submit { display: inline; }
#header2013 #headerNavi .keyword input {
	width: 98px;
	font-size: 12px;
	vertical-align: middle;
}
#header2013 #headerNavi .keyword .iBlk {
	margin-left: 4px;
}
#header2013 #headerNavi .submit input {
	margin-left: 5px;
	vertical-align: middle;
}
#header2013 #headerNavi .link {
	text-align: right;
	position: absolute;
	top: 32px;
	right: 176px;
}
#header2013 #headerNavi .link li { display: inline; }
#header2013 #headerNavi .link img { margin-left: 5px; }




/* globalNavi
-------------------------------------------------------------- */
#globalNavi {
	width: 780px;
	height: 38px;
	margin: 0 auto;
	text-align: left;
}
#globalNavi li { float: left; }
#globalNavi a {
	display: block;
	height: 38px;
	background-image: url(/pc/resources_shared/new_images/bg_spr_gnavi_02.gif);
	overflow: hidden;
	text-indent: -9999px;
}
#gn01 { width: 151px; }
#gn02 { width: 140px; }
#gn03 { width: 130px; }
#gn04 { width: 100px; }
#gn05 { width: 130px; }
#gn06 { float: right; width: 129px; }
#gn01 a { background-position:    0   0; }
#gn02 a { background-position: -151px 0; }
#gn03 a { background-position: -291px 0; }
#gn04 a { background-position: -421px 0; }
#gn05 a { background-position: -521px 0; }
#gn06 a { background-position: -651px 0; }
#gn01 a:hover { background-position:    0   -38px; }
#gn02 a:hover { background-position: -151px -38px; }
#gn03 a:hover { background-position: -291px -38px; }
#gn04 a:hover { background-position: -421px -38px; }
#gn05 a:hover { background-position: -521px -38px; }
#gn06 a:hover { background-position: -651px -38px; }
#gn01 .active { background-position:    0   -76px!important; }
#gn02 .active { background-position: -151px -76px!important; }
#gn03 .active { background-position: -291px -76px!important; }
#gn04 .active { background-position: -421px -76px!important; }
#gn05 .active { background-position: -521px -76px!important; }
#gn06 .active { background-position: -651px -76px!important; }


/* column
-------------------------------------------------------------- */
#middleArea {
	width: 780px;
	margin: 20px auto 0 auto;
	padding-bottom: 50px;
	text-align: left;
}

/* primary
-------------------------------------------------------------- */
#primary {
	margin-top: 0!important; /* overlay */
} 
body.jbk-category-campaign #jbk-frame-main {
	width: 565px;
	margin-right: auto;
	margin-left: auto;
}
body.jbk-category-campaign #jbk-frame-main h2 {
	margin-top: 30px;
}
@media (max-width: 978px) {
	body.jbk-category-campaign #jbk-frame-main {
		padding:0;
		width: 565px!important;
	}
}
/* secondary
-------------------------------------------------------------- */
#secondary {
	margin-top: 0!important; /* overlay */
	font-size: 12px!important; /* overlay */
}

#sideNavi {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	zoom: 1;
}
#sideNavi .high {
	background: #f7f7f7;
	border-bottom: 1px solid #ccc;
}
#sideNavi .high a,
#sideNavi .high em  {
	display: block;
	padding: 8px 10px 7px 22px;
	background: url(/pc/resources_shared/new_images/icn_arrow_square_01.gif) no-repeat 7px 0.85em;
	zoom: 1;
}
#sideNavi .high em {

	background: #ffe9d5 url(/pc/resources_shared/new_images/icn_arrow_black_01.gif) no-repeat 12px 1em;
	font-weight: bold;
	color: #333;
	
}

#sideNavi .middle {
	display: none;
}
#sideNavi .middle li {
	padding: 2px 1px 1px 1px;
	border-bottom: 0;
	background: #fff url(/pc/resources_shared/new_images/line_dot_gray_01.gif) repeat-x;
}
#sideNavi .middle a,
#sideNavi .middle em {
	display: block;
	padding: 8px 10px 7px 22px;
	background: url(/pc/resources_shared/new_images/icn_arrow_orange_01.gif) no-repeat 14px 0.85em;
	zoom: 1;
}
#sideNavi .middle em {
	background: #ffe9d5 url(/pc/resources_shared/new_images/icn_arrow_black_01.gif) no-repeat 14px 0.85em;
	font-weight: bold;
	color: #333;
}
#sideNavi .lower li {
	margin-top: 1px;
	padding: 2px 0 0 0;
}
#sideNavi .lower a,
#sideNavi .lower em {
	padding: 8px 10px 7px 35px;
	background-position: 27px 0.85em;
}

#sideNavi .active {
	border-bottom: 1px solid #ccc;
}
#sideNavi .active .high {
	border-bottom: 0;
	background-color: #fff;
}
#sideNavi .active .high a {
	color: #333;
	font-weight: bold;
}
#sideNavi .active .middle { display: block; }

#sideNavi .lower2 li {
	margin-top: 1px;
	padding: 2px 0 0 0;
}
#sideNavi .lower2 a,
#sideNavi .lower2 em {
	padding: 8px 10px 7px 44px;
	background-position: 35px 0.85em;
}


.otherMenu {
	margin-top: 10px;
	padding: 0 5px;
	border: 2px solid #efefef;
	background: #fff;
}
.otherMenu li {
	padding-top: 2px;
	background: url(/pc/resources_shared/new_images/line_dot_gray_01.gif) repeat-x;
}
.otherMenu a {
	display: block;
	padding: 7px 10px 7px 13px;
	background: url(/pc/resources_shared/new_images/icn_arrow_orange_01.gif) no-repeat 5px 0.85em;
	zoom: 1;
}
.otherMenu .first {
	padding-top: 0;
	background: none;
}

.code { margin-top: 10px; }
.code a {
	display: block;
	padding: 7px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}
.code img { margin: 0 auto; }


/* footer
-------------------------------------------------------------- */
#footer {
	width: 780px;
	margin: 0 auto;
	margin-top: 0!important; /* overlay */
	padding-bottom: 30px;
	text-align: left;
	font-size: 12px;
}
#footer .pagetop { margin-bottom: 5px; }
#footer .link {
	padding: 0px 15px 10px 15px;
       /*border-top: 2px solid #d7d7d7;*/
}
#footer .link li { display: inline; }
#footer .link .iBlk {
	margin-top: 10px;
	padding: 0 5px;
	border-left: 1px solid #999;
	line-height: 1.2;
}
#footer .link .first .iBlk { border-left: 0; }

#copyright { /* overlay all */
	padding-top: 15px!important;
	padding-bottom: 0!important;
	color: #eb7000!important;
	background: url(/pc/resources_shared/new_images/bg_footer_copyright.gif) repeat-x!important;
	text-align: center!important;
}


/* common
-------------------------------------------------------------- */
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }

.imgC { text-align: center; }
.imgC img { margin: 0 auto; }


/* �R���e���c
-------------------------------------------------------------- */

/* �Ԃ炳����i�~���a���j */
.suspendBox01 img { display: block; }
.suspendBox01 {
	margin-top: 40px;
	padding: 1px;
	border: 1px solid #f60;
	font-size: 87.5%;
}
.suspendBox01 .inner01 {
	padding: 15px 11px;
	border: 1px solid #fc9;
}
.suspendBox01 .clm01 {
	padding-bottom: 5px;
	background: url(/pc/resources_shared/new_images/bg_suspend_01.gif) repeat-y 50% 0;
}
.suspendBox01 .clmL {
	float: left;
	width: 258px;
}
.suspendBox01 .clmR {
	float: right;
	width: 258px;
}
.suspendBox01 .clm01 .txt01 { margin: 10px; }
.suspendBox01 .clm01 .btn01 { 
	padding: 10px;
	background: #fdfbec;
}
.suspendBox01 .clm01 .txt02 { margin-top: 10px; }



/* �O���[�g���@�e�L�X�g�{�摜 */

.commongray-Box .txt { float:left; width:260px !important; }
.commongray-Box .fig { float:right; width:240px !important; text-align:right !important; }
.commongray-Box .clear { clear:both !important; }

/* �t�b�^�����NSEO
------------------------------------------ */
#footer div.service_link {
	margin:5px 0;
	padding: 5px; 
	color:#fff;
	font-weight:bold;
	font-size:100%;
	background-color:#eb7000;
}

#footer .link2 li { display: inline; }

#footer .link2 .first_text{
border-left:0 none;
margin:0 10px 0 10px;
}
#footer .link2 .first .iBlk {
border-left:0 none;
}

#footer .link2 .iBlk {
border-left:1px solid #fff;
line-height:1.2;
margin-top:0px;
padding:0 10px;

}


#footer .link2  a:link,
#footer .link2  a:visited {
	color: #fff;
	text-decoration: underline;
	background-color: transparent;
}
#footer .link2  a:hover,
#footer .link2  a:active  {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}


/* ���C�A�E�g
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clearboth { clear: both; }
br.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.alC .iBlk {
	margin-left: auto;
	margin-right: auto;
}
.alR .iBlk { margin-left: auto; }
.vaT { vertical-align: top!important; }
.vaM { vertical-align: middle!important; }
.vaB { vertical-align: bottom!important; }
.imgC { text-align: center; }
.imgC img {
	display: block;
	margin: 0 auto;
}
.imgR { text-align: right; }
.imgR img {
	display: block;
	margin-left: auto;
}
.imgC a,
.imgR a { display: -moz-inline-box; }
.iBlk {
	display: -moz-inline-box;
	display: inline-block;
}

p.importance_attention {
	font-size:90%;
	margin:-12px 5px 0 15px;
	text-align:left;
	color:#cc0000;
}

.serviceTitle {
	color:#eb7000;
	font-weight:bold;
	margin-bottom:5px;
}


/* �R���e���c�z���@�o�i�[�{�b�N�X
-------------------------------------------------------------- */

#cpnBnrBox{
	border:#cccccc 3px solid;
	padding:0 !important;
	margin:20px 0;
}
.cpnBnrBoxTtl{
	display:block;
	padding:8px;
	background-color:#cccccc;
}
.cpnBnrBoxTtl strong {
	color:#ffffff;
}
.cpnBnrBoxBnr {
	text-align:center;
	margin:10px 0;
}