@charset "utf-8";
/*
CSS

*/

/* basic elements */

html {  margin: 0;padding: 0;}
body {margin: 0;padding: 0;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; margin:0 auto; text-align:center;
 color:#333333;font-size: .75em;line-height: 1.5em; background-color:#ffd519; }
form { margin: 0; padding: 0; }
a img { border: 0; }


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul,li, pre, blockquote,dl,dt,dd { margin: 0px ; padding:0px}
li { list-style:none; }

.align-l { text-align:left;}
.align-r { text-align:right;}
.align-c { text-align:center;}

html body strong { font-weight:bold;}

/* Header Area------------------------------------------------------------*/
#header-area { width:900px; margin:0px auto;text-align:left;}
#header-area .left-box { width:230px; float:left;}
#header-area .right-box { width:400px; float:right; text-align:right;}

#header-area .right-box  ul { /*this should really be renamed to something like #utility ul or #utility-nav ul */
	font-size: 85%;
	list-style: none;
	margin: 6px 0 0;
}
#header-area .right-box ul li {
	display: inline;
	padding: 0px 10px;
	border-right: 1px solid #D9B515;
}
#header-area .right-box ul li.last {
	border-right: 0;
}
#header-area .right-box select {
	margin: 0px;
}

/*Google Search ------------------------------------------------------------*/
#header-area .right-box ul li#googleSearch {
}
#header-area .right-box ul li#googleSearch input#googleField {
	background: #ffffff url(/us_assets/images/google_custom_search_watermark.gif) no-repeat scroll left center;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	width: 140px;
	border: 1px solid #ccc;
	padding: 1px 3px;
}
#header-area .right-box ul li#googleSearch input.submitButton {
	border: 1px solid #ccc;
}
* html body #header-area .right-box ul li#googleSearch input.submitButton,
*:first-child+html #header-area .right-box ul li#googleSearch input.submitButton {
	padding: 2px 3px 0;
}

#header-area .right-box ul li input {
    margin-bottom: 0;
    padding: 0;
}


/*Link ------------------------------------------------------------*/

#header-area .right-box a:link,
#header-area .right-box a:visited, 
#header-area .right-box a:active, 
#footer-home a:link, #footer-home a:visited, #footer-home a:active {
	text-decoration: none; color: #739600;
}


#footer a:link {color:#333333; text-decoration:none;}
#footer a:visited { color:#333333;text-decoration:none;}
#footer a:active { color:#333333;text-decoration:none;}
#footer a:hover { color:#000000; text-decoration:underline;}


/*Navi Area ------------------------------------------------------------*/
#navi-box { width:900px; margin:0px auto;text-align:left; border-bottom:2px #2f251e solid; position:relative;}
#navi-box ul li { float:left; font-size:0; line-height:0}
#navi-box ul li a { display:block; text-indent:-9999px; font-size:12px; line-height:100%}


li#navi-01 {width:259px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_01.jpg) 0 0 no-repeat;}
li#navi-02 {width:162px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_02.jpg) 0 0 no-repeat;}
li#navi-03 {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_03.jpg) 0 0 no-repeat;}
li#navi-04 {width:161x; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_04.jpg) 0 0 no-repeat;}
li#navi-05 {width:157px; height:33px;background:url(/jp_assets/images/personal/navi_personal_ov_05.jpg) 0 0 no-repeat;}

li#navi-01 a {width:259px; height:33px;background:url(/jp_assets/images/personal/navi_personal_01.jpg) 0 0 no-repeat;}
li#navi-02 a {width:162px; height:33px;background:url(/jp_assets/images/personal/navi_personal_02.jpg) 0 0 no-repeat;}
li#navi-03 a {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_03.jpg) 0 0 no-repeat;}
li#navi-04 a {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_04.jpg) 0 0 no-repeat;}
li#navi-05 a {width:157px; height:33px;background:url(/jp_assets/images/personal/navi_personal_05.jpg) 0 0 no-repeat;}
#navi-box ul li a:hover { background-image:none;}

li#navi-01 a.act ,li#navi-01 a:hover.act {width:259px; height:33px;background:url(/jp_assets/images/personal/navi_personal_01_act.jpg) 0 0 no-repeat;}
li#navi-02 a.act ,li#navi-02 a:hover.act {width:162px; height:33px;background:url(/jp_assets/images/personal/navi_personal_02_act.jpg) 0 0 no-repeat;}
li#navi-03 a.act ,li#navi-03 a:hover.act {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_03_act.jpg) 0 0 no-repeat;}
li#navi-04 a.act ,li#navi-04 a:hover.act {width:161px; height:33px;background:url(/jp_assets/images/personal/navi_personal_04_act.jpg) 0 0 no-repeat;}
li#navi-05 a.act ,li#navi-05 a:hover.act {width:157px; height:33px;background:url(/jp_assets/images/personal/navi_personal_05_act.jpg) 0 0 no-repeat;}



/* Basic code - don't modify */
 
#navi-box ul#nav { display: block; margin: 0; padding: 0; position: relative; }
#navi-box ul#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;  }
#navi-box ul#nav a { display: block; overflow:hidden }
#navi-box ul#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navi-box ul#nav ul { line-height: 0; } /* IE6 "fix" */
#navi-box ul#nav ul a { zoom: 1; } /* IE6/7 fix */
#navi-box ul#nav ul li { float: none; }
#navi-box ul#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul {width:258px; }


/* Everything else is theming */
 
#navi-box ul#nav { height: 33px; }
#navi-box ul#nav ul li *:hover { background-color: none; }
#navi-box ul li ul li ,#navi-box ul#nav li ul li {font-size:0; line-height:0 }

#navi-box ul#nav ul li#h-navi01 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%; background:url(/jp_assets/images/personal/hide_navi01.gif) 0 0 no-repeat; height:33px; width:258px;}
#navi-box ul#nav ul li#h-navi02 a {  opacity:0.9; filter: alpha(opacity=90);  font-size:12px; line-height:100%;background:url(/jp_assets/images/personal/hide_navi02.gif) 0 0 no-repeat; height:32px; width:258px;}
#navi-box ul#nav ul li#h-navi01 a.hover  { background:url(/jp_assets/images/personal/hide_navi01.gif) 0 -49px no-repeat;}
#navi-box ul#nav ul li#h-navi02 a.hover {  background:url(/jp_assets/images/personal/hide_navi02.gif) 0 -50px no-repeat;}
#nav ul a { border-bottom: none; } 




/*Main img Area ------------------------------------------------------------*/
#main-img { clear:both; width:900px; margin:0px auto}


/*breadCrumb ------------------------------------------------------------*/
#breadCrumb { padding:7px 0px ; text-align:left; width:900px; margin: 0 auto}
#breadCrumb ul li { display:inline; font-size:10px;}

div#breadCrumb ul li a,
div#breadCrumb ul li a:link {
	color: #739600;
	text-decoration: none;
}
div#breadCrumb ul li a:hover {
	color: #739600;
	text-decoration: underline;
}
div#breadCrumb ul li.currentContent {
	color: #333333;
}

div#breadCrumb ul li.notice { float:right; font-size:12px; font-weight:bold}
div#breadCrumb ul li.notice a:link { color:#F00;text-decoration:underline;}
div#breadCrumb ul li.notice a:visited {color:#F00; text-decoration:underline; }
div#breadCrumb ul li.notice a:active { color:#F00; text-decoration:none;}
div#breadCrumb ul li.notice a:hover { color:#F00; text-decoration:underline;}


/*Main Area ------------------------------------------------------------*/
#main-area { background:#FFFFFF url(/jp_assets/images/common/footer.png) 0 100% no-repeat; padding:0px 0px 12px 0px; text-align:left; width:900px; margin:0px auto}

/*footer ------------------------------------------------------------*/
body div#footer { background-image:none; float:none;
	width: 900px;
	margin: 0 auto;
	color: #333333;
	font-size: 10px;	
	text-align: center;
}

/* Footer Navigation */

#footer .footer-left, #footer-home .footer-left {
	float: left;
	clear: both;
	margin: 5px 0 15px 0;
}
#footer .footer-left ul li, #footer-home .footer-left ul li, #footer .footer-center ul li, #footer-home .footer-center ul li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #D9B515;
}
#footer .footer-left ul li.first, #footer-home .footer-left ul li.first, #footer .footer-center ul li.first, #footer-center .footer-left ul li.first {
	display: inline;
	padding-right: 4px;
	padding-left: 0px;
}
#footer .footer-left ul li.last, #footer-home .footer-left ul li.last, #footer .footer-center ul li.last, #footer-home .footer-center ul li.last {
	border-right: 0;
}
#footer .footer-right, #footer-home .footer-right {
	float: right;
	margin: 5px 0 15px 0;
}

#footer .footer-center p {
	align: center
}
div#footer {
	text-align: center;
	color: #333;
}
div#footer a {
	text-align: center;
	color: #333;
}

div#footer ul {
	clear: both;
	font-size: 10px;
}
* html div#footer ul li,
*:first-child+html div#footer ul li {
	font-size: 10px;
}


div#footer div#alllangBlock {
	text-align: center;
	padding: 0 0 25px 0;
	font-size: 10px;
}
div#footer dl#alllangBlock dt {
	text-align: center;
	padding: 15px 0 5px 20px;
	font-size: 10px;
}
div#footer dl#alllangBlock ul {
	/*margin-left: 70px;*/
	text-align: center;
	padding-left: 0;
	font-size: 10px;
}
div#footer dl#alllangBlock ul li.first {
	padding-left: 0;
	font-size: 10px;
}
div#footer dl#alllangBlock ul li {
	text-align: center;
	padding: 0 8px;
	margin-bottom: 5px;
	display: inline;
	/*float: left;
	width: 87px;
	border: none;*/
	font-size: 10px;
}
div#footer dl#alllangBlock ul li.first {
	padding-left: 0;
}
div#footer dl#alllangBlock ul li.long {
	/*width: 188px;*/
}

div#footer div#footerSubNav {
	margin: 15px 0;
	padding-top: 20px;
	text-align: center;
	background: url(/us_assets/images/bg_horizontal_line.gif) repeat-x left top;
	font-size: 10px;
}
div#footer div#footerSubNav ul li {
	padding: 0 5px;
	font-size: 10px;
}

div#footer dl#regionLink dt,
div#footer dl#regionLink dd,
div#footer dl#regionLink dd ul {
	display: inline;
	font-size: 10px;
}
div#footer dl#regionLink dd ul li {
	font-size: 10px;
}

/*  コピーライト
--------------------------------------------------*/
div#footer address {
	margin: 15px 0;
	line-height: 1.0;
	font-size: 10px;
}

/* ボタン
--------------------------------------------------*/

.detail-bot { overflow:hidden; width:136px; height:35px;}
.detail-bot a { display:block; width:136px; height:70px; background:url(../../jp_assets/images/common/detail_bot01.png) 0 0 no-repeat;
 text-indent:-9999px;behavior: expression(IEPNGFIX.fix(this)); }
.detail-bot a:hover { margin:-36px 0px 0px;}




/*bookmark-bot */

.bookmark-bot { float:right; width:255px; height:31px; margin:4px 0px 0px 0px; display:inline; text-align:right; }

/*  トップに戻るボタン --------------- */
.backtop-bot { clear:both; text-align:right ; width:890px; padding:10px 0px 10px ;}




/* Channel Navigation */



body #channel_menu {
	position: absolute;
        left: 0;
	top: 37px;
	z-index: 1000;
	width: 243px;
	overflow: hidden;
}

#channel_menu a img {
        margin-bottom: 0;
        height: 30px;
        display: block;
}

/*#channel_menu img, #content-header-a img {
	behavior: url(/us_assets/styles/pngHack.htc);
}*/




/* erro */
.erro-box { width:848px; padding:15px 0; margin:0 auto;}
.erro-link { padding:15px 0px 0px;}
.erro-txt { padding:15px 0px 0px;}

p.erro-link a:link { color:#739600 ; text-decoration:underline;}
p.erro-link a:visited { color:#739600 ; text-decoration:underline;}
p.erro-link a:active { color:#739600 ; text-decoration:underline;}
p.erro-link a:hover { color:#739600 ; text-decoration:underline;}

.erro-box-01 { width:238px; float:left; float:left;padding:20px 0px 0px 0px;}
.erro-box-02 { width:238px; float:left; padding:20px 0px 0px 49px; float:left}
.erro-box-03 { width:238px; float:left; padding:20px 0px 0px 49px; float:left}


dl.erro-box-01 dt,
dl.erro-box-02 dt,
dl.erro-box-03 dt { background:url(/jp_assets/images/common/erro_img01.gif) repeat; padding:4px; font-weight:bold; margin:0px 0px 5px}

dl.erro-box-01 dt img,
dl.erro-box-02 dt img ,
dl.erro-box-03 dt img { vertical-align:middle }

dl.erro-box-01 dt a:link , dl.erro-box-02 dt a:link , dl.erro-box-03 dt a:link { color:#333333; text-decoration:none}
dl.erro-box-01 dt a:visited , dl.erro-box-02 dt a:visited , dl.erro-box-03 dt a:visited { color:#333333; text-decoration:none}
dl.erro-box-01 dt a:active , dl.erro-box-02 dt a:active , dl.erro-box-03 dt a:active { color:#333333; text-decoration:none}
dl.erro-box-01 dt a:hover  , dl.erro-box-02 dt a:hover  , dl.erro-box-03 dt a:hover  { color:#333333; text-decoration:underline:}

dl.erro-box-01 dd,
dl.erro-box-02 dd,
dl.erro-box-03 dd { padding:2px 4px }

dl.erro-box-01 dd a:link ,
dl.erro-box-02 dd a:link ,
dl.erro-box-03 dd a:link { color:#739600 ; text-decoration:underline;}
dl.erro-box-01 dd a:visited ,
dl.erro-box-02 dd a:visited ,
dl.erro-box-03 dd a:visited { color:#739600 ; text-decoration:underline;}
dl.erro-box-01 dd a:active ,
dl.erro-box-02 dd a:active ,
dl.erro-box-03 dd a:active { color:#739600 ; text-decoration:underline;}
dl.erro-box-01 dd a:hover ,
dl.erro-box-02 dd a:hover ,
dl.erro-box-03 dd a:hover { color:#739600 ; text-decoration:underline;}


/*  DEMO JP*/
#demo-box { padding:20px 0px ; text-align:center; width:720px; margin:0 auto; }




/*  clear  */

.clr_box { clear:both; }

.clr_both { clear: both;font-size:2px; line-height:1}

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;

}
.pkg:after {

    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
}

.pkg { display: inline-block; }

/* no ie mac \*/

* html .pkg { height: 1%; }

.pkg { display: block; }