@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%; }


