@charset "UTF-8";
/*//////////////////
  共通変数
//////////////////*/
#dirList {
  display: none; }

body {
  margin: 0; }

body {
  background: #eee; }

header .main_menu {
  margin-bottom: 32px; }

/*///////////////////////////////////////

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

////////////////////////////////////////*/
/*////////////////////////////////
 pMenu
////////////////////////////////*/
#pMenu {
  width: 980px;
  margin: 0 auto 12px;
  height: 44px; }

#pMenu ul {
  float: right;
  margin-right: 7px; }

#pMenu li {
  float: left;
  width: 44px;
  height: 44px;
  margin: 0 1px;
  display: block; }

#pMenu li a {
  width: 44px;
  height: 44px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer; }

#pMenu li.active {
  background: url(/jp/img/pMenu/active_01.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/active_01.png?20111115'); }

#pMenu li.sl3 a {
  background: url(/jp/img/pMenu/sl3.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/sl3.png?20111115'); }

#pMenu li.sl a {
  background: url(/jp/img/pMenu/sl2.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/sl2.png?20111115'); }

#pMenu li.gr a {
  background: url(/jp/img/pMenu/gr.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/gr.png?20111115'); }

#pMenu li.fs a {
  background: url(/jp/img/pMenu/fs.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/fs.png?20111115'); }

#pMenu li.sc a {
  background: url(/jp/img/pMenu/sc.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/sc.png?20111115'); }

#pMenu li.ie a {
  background: url(/jp/img/pMenu/ie.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/ie.png?20111115'); }

#pMenu li.pb a {
  background: url(/jp/img/pMenu/pb.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pMenu/pb.png?20111115'); }

/*////////////////////////////////
 content
////////////////////////////////*/
#content {
  width: 980px;
  margin: 104px auto 40px;
  overflow: hidden;
  background: url(/jp/img/pictbear/entry_bg.png?20111115) repeat-y; }

#content a {
  text-decoration: none; }

/*////////////////////////////////
 mMenu
////////////////////////////////*/
#mMenu {
  width: 980px;
  height: 57px;
  margin: 0 auto;
  background: url(/jp/img/pictbear/mMenu_bg.png?20111115) no-repeat; }

#mMenu ul {
  padding: 2px 0 0 5px; }

#mMenu li {
  height: 55px;
  float: left; }

#mMenu li.active {
  background: url(/jp/img/pictbear/mMenu_active.png?20111115) no-repeat center bottom; }

#mMenu li a {
  display: block;
  color: #666;
  line-height: 55px;
  padding: 0 7px;
  font-weight: bold;
  color: #95b9ee; }

#mMenu li a:hover {
  color: #fff; }

#mMenu li.top {
  margin-right: 17px; }

#mMenu li.top a {
  width: 121px;
  height: 55px;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  background: url(/jp/img/pictbear/mMenu_top.png?20111115) no-repeat;
  _background: url(/jp/img/common/blank.gif);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pictbear/mMenu_top.png?20111115'); }

/*////////////////////////////////
 title
////////////////////////////////*/
#title {
  width: 970px;
  height: 617px;
  margin: 0 auto;
  position: relative;
  background: url(/jp/img/pictbear/title_bg.png?20111115) no-repeat; }

#title h1 {
  width: 348px;
  height: 132px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 40px;
  left: 348px;
  background: url(/jp/img/pictbear/h1.png?20111115) no-repeat; }

#title p.dlBtn {
  width: 384px;
  height: 86px;
  position: absolute;
  top: 204px;
  left: 348px; }

#title .dlBtn a {
  width: 384px;
  height: 86px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/jp/img/pictbear/dl_top.png?20111115) no-repeat; }

#title .status {
  position: absolute;
  top: 202px;
  left: 746px; }

#title .status strong {
  font-size: 116%; }

#title .status em {
  font-weight: bold; }

#title p.alert {
  color: #2b2b2b;
  font-size: 85%;
  position: absolute;
  top: 301px;
  left: 348px; }

#title p.info {
  position: absolute;
  top: 458px;
  left: 39px;
  width: 232px;
  height: 74px;
  padding: 47px 20px 0;
  font-size: 93%;
  line-height: 1.6em;
  background: url(/jp/img/pictbear/infobox.png) no-repeat; }

#title p.info a {
  color: #0492e5;
  text-decoration: underline; }

#title #appendSBM {
  position: absolute;
  top: 312px;
  left: 401px;
  width: 448px;
  padding: 12px 0 0;
  height: 21px;
  text-align: center; }

#title #appendSBM iframe {
  margin-right: 10px; }

#title #pLink a {
  height: 195px;
  width: 189px;
  display: block;
  text-indent: -9999px;
  overflow: hidden; }

#title #pLink li {
  height: 206px;
  position: absolute;
  top: 420px; }

#title #pLink li.p1 {
  left: 346px; }

#title #pLink li.p2 {
  left: 539px; }

#title #pLink li.p3 {
  left: 735px; }

#title #pLink li.p1 a {
  background: url(/jp/img/pictbear/title_pLink01.png?20111115) no-repeat; }

#title #pLink li.p2 a {
  background: url(/jp/img/pictbear/title_pLink02.png?20111115) no-repeat; }

#title #pLink li.p3 a {
  background: url(/jp/img/pictbear/title_pLink03.png?20111115) no-repeat; }

/*////////////////////////////////
 entry
////////////////////////////////*/
#entry {
  width: 980px;
  overflow: hidden;
  margin: 0 auto; }

/*////////////////////////////////
 main
////////////////////////////////*/
#entry #main {
  padding: 40px 5px 0;
  background: url(/jp/img/pictbear/etc_top.png) no-repeat 5px bottom; }

#entry .section {
  position: relative;
  padding: 0 40px 80px; }

#entry p.gotop {
  width: 208px;
  height: 20px;
  margin: 0;
  position: absolute;
  bottom: 40px;
  right: 0;
  _right: 10px; }

#entry .gotop a {
  width: 208px;
  height: 20px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/jp/img/pictbear/gotop.png?20111115) no-repeat;
  _background: url(/jp/img/blank.gif?20111115) no-repeat;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pictbear/gotop.png?20111115'); }

#entry .section h4 {
  font-weight: bold;
  font-size: 108%;
  margin-bottom: 5px; }

#entry p {
  margin-bottom: 20px; }

#entry p.read {
  text-align: center;
  margin-bottom: 30px; }

#entry #main h2 {
  width: 237px;
  height: 54px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 17px 20px;
  background: url(/jp/img/pictbear/h2_main.png?20111115) no-repeat; }

#entry #main h3 {
  margin-bottom: 20px; }

#entry #main #layer {
  _width: 900px;
  padding-bottom: 50px;
  margin-bottom: 45px; }

#entry #main #layer h3 {
  width: 383px;
  height: 49px;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: 268px;
  background: url(/jp/img/pictbear/h3_layer.png?20111115) no-repeat; }

#entry #main #layer .left {
  float: left;
  width: 592px;
  height: 437px; }

#entry #main #layer .right {
  float: right;
  width: 280px; }

#entry #main #layer .right img {
  margin-bottom: 15px; }

#entry #main #interface {
  _width: 900px;
  padding-bottom: 50px;
  margin-bottom: 42px; }

#entry #main #interface h3 {
  width: 495px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: 190px;
  background: url(/jp/img/pictbear/h3_interface.png?20111115) no-repeat; }

#entry #main #interface .left {
  float: left;
  width: 547px; }

#entry #main #interface .right {
  float: right;
  width: 320px; }

#entry #main #interface img {
  margin-bottom: 20px; }

#entry #main #interface .pos {
  position: relative;
  z-index: 1;
  top: -30px; }

#entry #main #brush {
  _width: 900px;
  _overflow: hidden; }

#entry #main #brush h3 {
  width: 492px;
  height: 52px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 15px 171px;
  background: url(/jp/img/pictbear/h3_brush.png?20111115) no-repeat; }

#entry #main #brush ul {
  width: 918px;
  margin-right: -28px; }

#entry #main #brush li {
  float: left;
  border: 1px solid #ccc;
  padding: 2px;
  margin-right: 28px;
  width: 272px; }

/*////////////////////////////////
 etc
////////////////////////////////*/
#entry #etc {
  padding: 33px 0 0;
  width: 970px;
  margin: 0 5px;
  position: relative;
  background: url(/jp/img/pictbear/etc_bg.png?20111115) repeat; }

#entry #etc .etc_btm {
  background: url(/jp/img/pictbear/etc_btm.png?20111115) no-repeat 0 bottom; }

#entry #etc h2 {
  width: 237px;
  height: 54px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 0 17px 20px;
  background: url(/jp/img/pictbear/h2_etc.png?20111115) no-repeat; }

#entry #etc h3 {
  color: #3f3f3f;
  font-size: 108%;
  font-weight: bold;
  float: left;
  padding: 14px 0 0 41px; }

#entry #etc .right {
  width: 772px;
  overflow: hidden;
  padding: 14px 0 0 0;
  float: right; }

#entry #etc .right .clearfix {
  margin-bottom: 30px; }

#entry #etc .box {
  float: left;
  width: 355px;
  margin-right: 31px;
  overflow: hidden; }

#entry #etc .box2 {
  float: left;
  width: 352px;
  margin-right: 33px; }

#entry #etc h4,
#entry #etc p {
  color: #3f3f3f; }

#entry #etc .box h4 {
  padding: 0 0 4px;
  font-weight: bold; }

#entry #etc .box p {
  line-height: 1.6em;
  font-size: 93%; }

#entry #etc .box a {
  color: #0492e5;
  padding-right: 10px;
  font-weight: bold;
  background: url(/jp/img/common/footer_arrow02.gif) no-repeat right center; }

#entry #etc .gotop {
  _right: 0px; }

/*////////////////////////////////
 DL
////////////////////////////////*/
#DL {
  width: 980px;
  position: relative;
  background: url(/jp/img/pictbear/DL_bg.png?20111115) no-repeat 0 bottom; }

#DL .dlBtn {
  width: 227px;
  height: 86px;
  position: absolute;
  top: 236px;
  left: 513px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  margin: 0; }

#DL .dlBtn a {
  width: 227px;
  height: 86px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/jp/img/pictbear/dl_btm.png?20111115) no-repeat;
  _background: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='../img/pictbear/dl_btm.png?20111115'); }

#DL .etcProduct {
  padding: 46px 0 238px;
  width: 890px;
  margin: 0 auto; }

#DL .etcProduct h3 {
  font-weight: bold;
  margin: 0 0 5px; }

#DL .etcProduct li {
  float: left; }

#DL .etcProduct li a {
  height: 98px;
  display: block;
  overflow: hidden;
  text-indent: -9999px; }

#DL .etcProduct li.sc a {
  width: 296px;
  background: url(/jp/img/pictbear/etc_product.png) no-repeat; }

#DL .etcProduct li.sl a {
  width: 296px;
  background: url(/jp/img/pictbear/etc_product.png) no-repeat -296px 0; }

#DL .etcProduct li.fs a {
  width: 298px;
  background: url(/jp/img/pictbear/etc_product.png) no-repeat -592px 0; }

#DL .status {
  color: #464646;
  line-height: 1.4em;
  position: absolute;
  top: 238px;
  left: 751px; }

#DL .status strong {
  font-size: 108%; }

#DL .status em {
  font-weight: bold;
  font-size: 93%; }

#DL .alert {
  position: absolute;
  top: 326px;
  left: 513px;
  font-size: 85%;
  color: #464646; }