@charset "utf-8";


/*------------------------------------------------------------------------------------------------------------- initial style */
#jpCountainer .clearfix:after {
content: url(../imgs/pixel.gif);
display: block;
clear: both;
height: 0;
}

/* MARGIN */
#jpCountainer .m_0 { margin: 0; }

#jpCountainer .m_t5 { margin-top: 5px !important; }
#jpCountainer .m_t10 { margin-top: 10px !important; }
#jpCountainer .m_t15 { margin-top: 15px !important; }
#jpCountainer .m_t20 { margin-top: 20px !important; }
#jpCountainer .m_t25 { margin-top: 25px !important; }
#jpCountainer .m_t30 { margin-top: 30px !important; }
#jpCountainer .m_t35 { margin-top: 35px !important; }
#jpCountainer .m_t40 { margin-top: 40px !important; }
#jpCountainer .m_t45 { margin-top: 45px !important; }
#jpCountainer .m_t50 { margin-top: 50px !important; }
#jpCountainer .m_t55 { margin-top: 55px !important; }
#jpCountainer .m_t60 { margin-top: 60px !important; }
#jpCountainer .m_t170 { margin-top: 170px !important; }

#jpCountainer .m_r5 { margin-right: 5px !important; }
#jpCountainer .m_r10 { margin-right: 10px !important; }
#jpCountainer .m_r15 { margin-right: 15px !important; }
#jpCountainer .m_r20 { margin-right: 20px !important; }
#jpCountainer .m_r25 { margin-right: 25px !important; }
#jpCountainer .m_r30 { margin-right: 30px !important; }
#jpCountainer .m_r35 { margin-right: 35px !important; }
#jpCountainer .m_r40 { margin-right: 40px !important; }
#jpCountainer .m_r45 { margin-right: 45px !important; }
#jpCountainer .m_r50 { margin-right: 50px !important; }
#jpCountainer .m_r60 { margin-right: 60px !important; }

#jpCountainer .m_b5 { margin-bottom: 5px !important; }
#jpCountainer .m_b10 { margin-bottom: 10px !important; }
#jpCountainer .m_b15 { margin-bottom: 15px !important; }
#jpCountainer .m_b20 { margin-bottom: 20px !important; }
#jpCountainer .m_b25 { margin-bottom: 25px !important; }
#jpCountainer .m_b30 { margin-bottom: 30px !important; }
#jpCountainer .m_b35 { margin-bottom: 35px !important; }
#jpCountainer .m_b40 { margin-bottom: 40px !important; }
#jpCountainer .m_b45 { margin-bottom: 45px !important; }
#jpCountainer .m_b50 { margin-bottom: 50px !important; }

#jpCountainer .m_l5 { margin-left: 5px !important; }
#jpCountainer .m_l10 { margin-left: 10px !important; }
#jpCountainer .m_l15 { margin-left: 15px !important; }
#jpCountainer .m_l20 { margin-left: 20px !important; }
#jpCountainer .m_l25 { margin-left: 25px !important; }
#jpCountainer .m_l30 { margin-left: 30px !important; }
#jpCountainer .m_l35 { margin-left: 35px !important; }
#jpCountainer .m_l40 { margin-left: 40px !important; }
#jpCountainer .m_l45 { margin-left: 45px !important; }
#jpCountainer .m_l50 { margin-left: 50px !important; }
#jpCountainer .m_l55 { margin-left: 55px !important; }
#jpCountainer .m_l60 { margin-left: 60px !important; }

/* PADDING */
#jpCountainer .p_0 { padding: 0 !important; }

#jpCountainer .p_t5 { padding-top: 5px !important; }
#jpCountainer .p_t10 { padding-top: 10px !important; }
#jpCountainer .p_t15 { padding-top: 15px !important; }
#jpCountainer .p_t20 { padding-top: 20px !important; }
#jpCountainer .p_t25 { padding-top: 25px !important; }
#jpCountainer .p_t40 { padding-top: 40px !important; }
#jpCountainer .p_t50 { padding-top: 50px !important; }
#jpCountainer .p_r5 { padding-right: 5px !important; }
#jpCountainer .p_r10 { padding-right: 10px !important; }
#jpCountainer .p_r15 { padding-right: 15px !important; }
#jpCountainer .p_b5 { padding-bottom: 5px !important; }
#jpCountainer .p_b10 { padding-bottom: 10px !important; }
#jpCountainer .p_b15 { padding-bottom: 15px !important; }
#jpCountainer .p_b20 { padding-bottom: 20px !important; }
#jpCountainer .p_l5 { padding-left: 5px !important; }
#jpCountainer .p_l60 { padding-left: 60px !important; }

/* TEXT-ALIGN */
#jpCountainer .align_l { text-align: left !important; }
#jpCountainer .align_r { text-align: right !important; }
#jpCountainer .align_c { text-align: center !important; }

/* FLOAT */
#jpCountainer .float_r { float: right !important; }
#jpCountainer .float_l { float: left !important; }
#jpCountainer .c_both { clear: both !important; }
 
/* HIDE ELEMENT */
#jpCountainer .hide { visibility: hidden !important; }
#jpCountainer .txthide { text-indent: -999em !important; }
#jpCountainer .none { display: none !important; }

body { margin: 0; padding: 0; }

#jpCountainer h1,
#jpCountainer h2,
#jpCountainer h3,
#jpCountainer h4,
#jpCountainer h5,
#jpCountainer h6,
#jpCountainer ul,
#jpCountainer ol,
#jpCountainer li,
#jpCountainer dl,
#jpCountainer dt,
#jpCountainer dd,
#jpCountainer p,
#jpCountainer div,
#jpCountainer span,
#jpCountainer object,
#jpCountainer embed,
#jpCountainer img,
#jpCountainer form {
 	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

#jpCountainer strong {
	color:#000000;
}

#jpCountainer table,
#jpCountainer tr,
#jpCountainer th,
#jpCountainer td {
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

/* LINK */
#jpCountainer a { color: #CC6600; font-weight: normal; text-decoration: underline !important; }
#jpCountainer a:link     { text-decoration: none !important; }
#jpCountainer a:visited  { text-decoration: none !important; }
#jpCountainer a:hover    { text-decoration: underline !important; }
#jpCountainer a:active   { text-decoration: none !important; }

/*------------------------------------------------------------------------------------------------------------- nd_wrapper style */

#jpCountainer {
	width: 900px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	border-top: 2px solid #301c01;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

#jpCountainer .txtL,
#jpCountainer .imgL,
#jpCountainer .colL { float: left; display: inline; }
#jpCountainer .txtR,
#jpCountainer .imgR,
#jpCountainer .colR { float: right; display: inline; }

#jpCountainer #mainmenu { width: 900px; height: 31px; text-align: left; position: relative; z-index: 1000; }

#jpCountainer #menuFlash { width: 901px; margin: 0 auto; text-align: left; position: absolute; overflow: hidden; }
#jpCountainer #menuFlash ul { margin-left: 50px; }
#jpCountainer #menuFlash ul li { float: left; }

#jpCountainer #mainvisual { clear: both; width: 900px; height: 326px; margin: 0 auto; padding: 0; }

#jpCountainer div#main { position: relative; z-index: 0; }

#jpCountainer div#main:hover { z-index: 2000; }


/* パンくずリスト
--------------------------------------------------------- */
#jpCountainer ul#breadcrumbs { margin-left: 50px; padding: 5px 0px 0px; list-style: none; font-size: 88%; z-index: 2005; }
#jpCountainer ul#breadcrumbs li { margin: 0px; padding: 0px; float: left; list-style: none; }
#jpCountainer ul#breadcrumbs li a { background: url(../imgs/icon_breadcrumbs.png) no-repeat 100% 40%; margin-right: 5px; padding-right: 15px; display: block; color: #CC6600; }
/* パンくずリストEnd
--------------------------------------------------------- */

/* ToPageTop */
#jpCountainer .toPageTop { float: right;  text-align: right; margin: 20px 10px 0 0; clear: both; }
#jpCountainer .toPageTop a { font-size: 100%; color: #999999; }
#jpCountainer .toPageTop a:hover { color: #FF6600; }

/* サイトマップ */
#jpCountainer #sitemap { text-align: left; }
#jpCountainer #sitemap ul { margin-left: 20px;}
#jpCountainer #sitemap #link { font-size: 100%; }
#jpCountainer #link li  { margin: 10px 0 0 10px; padding: 0 0 0 22px; line-height: 1.2em; list-style: none; background: url(../imgs/common/li_link.gif)  no-repeat top left;}
#jpCountainer #link li.line { background: url(../../imgs/border_dotted02.gif) repeat-x top left; margin-bottom: -10px }
#jpCountainer #link li a { color: #FFFFFF; z-index: 3000; }
#jpCountainer #link li a:hover { color: #FF6600; }



#jpCountainer .lead { text-align: left; font-size: 113%; letter-spacing: 0.1em; line-height: 1.8em; }
html*#jpCountainer .lead {  font-size: 108%; letter-spacing: 0em;  }


#jpCountainer .leadBox { clear: both; width: 840px; margin: 10px auto 0; }
#jpCountainer .leadBox .colL { width: 540px; padding: 15px 0 0; }
#jpCountainer .leadBox .colR { width: 300px; }

#jpCountainer .topCol2Box { clear: both; width: 100%; margin: 10px auto 0; }
#jpCountainer .topCol2Box .colL,
#jpCountainer .topCol2Box .colR  { width: 440px; }
#jpCountainer .topCol2Box .colL p,
#jpCountainer .topCol2Box .colR p  { width: 332px; text-align: left; margin: 5px auto 0; }

#jpCountainer .col3Box { clear: both; width: 100%; margin: 10px auto 0; }
#jpCountainer .col3Box .colL,
#jpCountainer .col3Box .colC,
#jpCountainer .col3Box .colR  { float: left; width: 225px; }
#jpCountainer .col3Box .colL { margin-left: 65px; }
#jpCountainer .col3Box .colC { margin-left: 55px; }
#jpCountainer .col3Box .colR { margin-left: 55px; }
#jpCountainer .col3Box .colL p,
#jpCountainer .col3Box .colC p,
#jpCountainer .col3Box .colR p  { width: 225px; text-align: left; margin: 5px auto 0; }

#jpCountainer .col3Box2 { clear: both; width: 840px; margin: 10px auto 0; }


#jpCountainer .btmGroup { width: 100%; margin: 30px auto 0; }
#jpCountainer .btmGroup .colL { width: 605px; }
#jpCountainer .btmGroup .colR { width: 295px; text-align: left; }
#jpCountainer .btmGroup .colR a { margin-left: 10px; }
#jpCountainer .btmGroup .colL p,
#jpCountainer .btmGroup .colR p { width: 295px; text-align: left; margin: 5px auto 0; }

#jpCountainer .col2Box { clear: both; width: 100%; background: url(../imgs/common/col2BoxBg.gif) repeat-x left top; margin-top: 10px; }
#jpCountainer .col2Box .imgL,
#jpCountainer .col2Box .txtR { float: left; }
#jpCountainer .col2Box .imgR,
#jpCountainer .col2Box .txtL { float: right; }
#jpCountainer .col2Box .imgL { width: 221px; padding-left: 60px; }
#jpCountainer .col2Box .imgR { width: 221px; padding-right: 60px; }
#jpCountainer .col2Box .txtR,
#jpCountainer .col2Box .txtL { width: 520px; text-align: left; margin-left: 23px; padding-top: 40px; }
#jpCountainer .col2Box .imgL p,
#jpCountainer .col2Box .imgR p,
#jpCountainer .col2Box .txtR p,
#jpCountainer .col2Box .txtL p { text-align: left; margin: 5px auto 0; }

#jpCountainer .col2Box .txtL2 { width: 520px; text-align: left; margin-left: 90px; padding-top: 40px; }
#jpCountainer ol#olalpha  { list-style:upper-alpha !important;  }

#jpCountainer .num, #jpCountainer .price { text-align: right; }
#jpCountainer .frm { margin:5px; background-color: #FFFFFF; }
#jpCountainer .frm thead td { text-align: center; }
#data .frm { margin: 20px auto; }
#datable { float: left; text-align: left; }
#datable .frm { margin: 20px auto 0 0; padding:0; }

#jpCountainer .frm th, #jpCountainer .frm td { border:1px solid #ccc; padding:0.4em; font-size:100%; color: #666;}

#jpCountainer #kom { background-color:#F7F3E5; height:200px; }
#jpCountainer #kom p { width:600px; color: #000000; text-align:left; font-size: 100% }
#jpCountainer #kom h4 { color:#FF6600; }

#jpCountainer #btmarea { background-color:#F7F3E5;  }
#jpCountainer #btmarea .txtarea { float:left; margin: 10px auto 0 60px; width:600px; display:inline; }
#jpCountainer #btmarea h4 { color:#FF6600; text-align:left; line-height:1.2em; font-size: 108%; }
#jpCountainer #btmarea p { color:#333333; text-align:left; line-height:1.3em; margin-top: 5px; }
#jpCountainer #btmarea h5 { color:#333333; text-align:left; line-height:1.2em; font-size: 100%; }

#jpCountainer a.bgbk { color: #FF9900; }

#jpCountainer .fsS { font-size: 90%; }
