@charset "UTF-8";
/* CSS Document */


/*/////////////////////////////////////////////////////
	製品　サイド下メニュー
/////////////////////////////////////////////////////*/


#proboxmenu2contenr {
	width: 200px;
	list-style-type: none;
	padding: 0px 5px 10px 5px;
	float: left;
	height: 100%;
	background-color: #FBFBFB;
	border: #CCC solid 1px;
}



#proboxmenu2contenr .title{
	width: 190px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
	float: left;
	background:#999;
	color: #FFF;
}





/*/////////////////////////////////////////////////////
	製品　サイドメニュー
/////////////////////////////////////////////////////*/

/*MYBOOKボタン*/
.probtn01 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro01_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn01 a:hover {
  background-image: url(../image/pro01_on.gif);
}


/*かんたんMYBOOKボタン*/
.probtn02 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro02_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn02 a:hover {
  background-image: url(../image/pro02_on.gif);
}

/*autobook*/
.probtn03 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro03_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn03 a:hover {
  background-image: url(../image/pro03_on.gif);
}


/*アトリエ*/
.probtn04 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro04_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn04 a:hover {
  background-image: url(../image/pro04_on.gif);
}

/*photeget*/
.probtn05 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro05_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn05 a:hover {
  background-image: url(../image/pro05_on.gif);
}


/*マガジン*/
.probtn06 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro06_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn06 a:hover {
  background-image: url(../image/pro06_on.gif);
}

/*遺影バンク*/
.probtn07 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro07_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn07 a:hover {
  background-image: url(../image/pro07_on.gif);
}


/*遺影スタジオ*/
.probtn08 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro08_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn08 a:hover {
  background-image: url(../image/pro08_on.gif);
}

/*遺影ラボボタン*/
.probtn09 a{
  display: block; /* ブロック要素にする */
  width: 220px;  /* 横幅 */
  height: 40px;
  background-image: url(../image/pro09_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn09 a:hover {
  background-image: url(../image/pro09_on.gif);
}



/*↓↓↓法人向け↓↓↓*/


.probtn10 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro10_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn10 a:hover {
  background-image: url(../image/pro10_on.gif);
}

.probtn11 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro11_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn11 a:hover {
  background-image: url(../image/pro11_on.gif);
}


.probtn12 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro12_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn12 a:hover {
  background-image: url(../image/pro12_on.gif);
}

.probtn13 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro13_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn13 a:hover {
  background-image: url(../image/pro13_on.gif);
}
.probtn14 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro14_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn14 a:hover {
  background-image: url(../image/pro14_on.gif);
}

.probtn15 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro15_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn15 a:hover {
  background-image: url(../image/pro15_on.gif);
}
.probtn16 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro16_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn16 a:hover {
  background-image: url(../image/pro16_on.gif);
}

.probtn17 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro17_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn17 a:hover {
  background-image: url(../image/pro17_on.gif);
}
.probtn18 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro18_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn18 a:hover {
  background-image: url(../image/pro18_on.gif);
}

.probtn19 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro19_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn19 a:hover {
  background-image: url(../image/pro19_on.gif);
}

.probtn20 a{
  display: block; /* ブロック要素にする */
  width: 200px;  /* 横幅 */
  height: 25px;
  background-image: url(../image/pro20_off.gif);
  background-repeat: no-repeat;
  float: left;
}
.probtn20 a:hover {
  background-image: url(../image/pro20_on.gif);
}



/*/////////////////////////////////////////////////////
	 製品ページへリンク　デカバナー
/////////////////////////////////////////////////////*/

/*MYBOOK*/
.push1 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn1_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push1 a:hover {
  background-image: url(../image/pro_btn1_on.gif);
}

/*かんたんMYBOOK*/
.push2 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn2_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push2 a:hover {
  background-image: url(../image/pro_btn2_on.gif);
}

/*autoalubum*/
.push3 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn3_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push3 a:hover {
  background-image: url(../image/pro_btn3_on.gif);
}

/*アトリエフォトブック*/
/*photeget*/
.push4 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn4_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push4 a:hover {
  background-image: url(../image/pro_btn4_on.gif);
}

/*photeget*/
.push5 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn5_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push5 a:hover {
  background-image: url(../image/pro_btn5_on.gif);
}


/*遺影バンク*/
.push7 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn7_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push7 a:hover {
  background-image: url(../image/pro_btn7_on.gif);
}



/*遺影スタジオ*/
.push8 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn8_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push8 a:hover {
  background-image: url(../image/pro_btn8_on.gif);
}


/*遺影ラボボタン*/
.push9 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn9_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push9 a:hover {
  background-image: url(../image/pro_btn9_on.gif);
}

/*AIボタン*/
.push10 a{
  display: block; /* ブロック要素にする */
  width: 550px;  /* 横幅 */
  height: 150px;
  margin-bottom: 10px;
  background-image: url(../image/pro_btn10_off.gif);
  background-repeat: no-repeat;
  float: right;
}
.push10 a:hover {
  background-image: url(../image/pro_btn10_on.gif);
}



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


#push0 a{
  display: block; /* ブロック要素にする */
  width: 190px;  /* 横幅 */
  height: 38px;
  color: #000000; /* 文字色 */
  margin-bottom: 10px;
  background-image: url(../image/bun_off.gif);
  background-repeat: no-repeat;
  float: right;
  line-height: 30px;
  
}
#push0 a:hover {
  background-image: url(../image/pro_btn1_on.gif);
  text-decoration: none;
}


#push0 .text01 {
	font-size: 10px;
	padding: 10px 0px 5px 0px;
	float: left;
	text-align:center;
	text-indent: 10px;
	line-height: 10px
	}

#push0 .text02 {
	font-size: 15px;
	float: left;
	padding: 5px 0px 5px 0px;
	text-align:left;
	font-weight: bold;
	}