@charset "UTF-8";

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

school.css

_ ************************************** */
@import url(../base.css);
@import url(../class.css);



/* Re style
---------------------------------------------------------------------------- */


/* header
---------------------------------------------------------------------------- */

div#header{
	background-image:url(../../images/type4/bg_header.jpg);
	background-repeat: repeat-x;
}

div#header h1{
	background: url(../../images/type4/logo_pagetitle.jpg) no-repeat left center;
}

/* 2013/06/04 Izaki added #7517 プレ公開 start */
div#header h1#pre{
	background: url(../../images/type4/logo_pagetitle_pre.jpg) no-repeat left center;
}
div.pre {
	position:absolute; top:60px; left:100px;
	font-weight: bold;
	color: #ff0000;
}
/* 2013/06/04 Izaki added #7517 プレ公開 end */

div#header div#logout {
	float:right;
	margin:0 14px 0 0;
}

div#header div#logout p a{
	background: url(../../images/type4/img_logout.jpg) no-repeat center top;
}
div#header div#logout p a:hover {
	background: url(../../images/type4/img_logout.jpg) no-repeat center bottom;
}

div#header div#returnTop {
	float:right;
	margin:0 14px 0 0;
}
div#header div#returnTop p a{
	background: url(../../images/type4/img_top_he_modoru.jpg) no-repeat center top;
}
div#header div#returnTop p a:hover {
	background: url(../../images/type4/img_top_he_modoru.jpg) no-repeat center bottom;
}

div#header div#returnCat {
	float:right;
	margin:0 14px 0 0;
}
div#header div#returnCat p a{
	background: url(../../images/type4/img_category_he_modoru.jpg) no-repeat center top;
}
div#header div#returnCat p a:hover {
	background: url(../../images/type4/img_category_he_modoru.jpg) no-repeat center bottom;
}

div#header li#headerNaviTop a {
	background: url(../../images/type4/navi_header_01.jpg) no-repeat center top;
}
div#header li#headerNaviTop a:hover {
	background: url(../../images/type4/navi_header_01.jpg) no-repeat center bottom;
}

div#header li#headerNaviIbent a {
	background: url(../../images/type4/navi_header_02.jpg) no-repeat center top;
}
div#header li#headerNaviIbent a:hover {
	background: url(../../images/type4/navi_header_02.jpg) no-repeat center bottom;
}

div#header li#headerNaviMyfolda a {
	background: url(../../images/type4/navi_header_03.jpg) no-repeat center top;
}
div#header li#headerNaviMyfolda a:hover {
	background: url(../../images/type4/navi_header_03.jpg) no-repeat center bottom;
}

div#header li#headerNaviKaiininfo a {
	background: url(../../images/type4/navi_header_04.jpg) no-repeat center top;
}
div#header li#headerNaviKaiininfo a:hover {
	background: url(../../images/type4/navi_header_04.jpg) no-repeat center bottom;
}

div#header li#headerNaviChumon a {
	background: url(../../images/type4/navi_header_05.jpg) no-repeat center top;
}
div#header li#headerNaviChumon a:hover {
	background: url(../../images/type4/navi_header_05.jpg) no-repeat center bottom;
}

div#header li#headerNaviHelp a {
	background: url(../../images/type4/navi_header_help.jpg) no-repeat center top;
}
div#header li#headerNaviHelp a:hover {
	background: url(../../images/type4/navi_header_help.jpg) no-repeat center bottom;
}

div#header li#headerNaviTouroku a {
	background: url(../../images/type4/navi_header_kaiin_touroku.jpg) no-repeat center top;
}
div#header li#headerNaviTouroku a:hover {
	background: url(../../images/type4/navi_header_kaiin_touroku.jpg) no-repeat center bottom;
}

div#header li#headerNaviToiawase a {
	background: url(../../images/type4/navi_header_toiawase.jpg) no-repeat center top;
}
div#header li#headerNaviToiawase a:hover {
	background: url(../../images/type4/navi_header_toiawase.jpg) no-repeat center bottom;
}

div#header li#headerNaviCategory a {
	background: url(../../images/type4/navi_header_category.jpg) no-repeat center top;
}
div#header li#headerNaviCategory a:hover {
	background: url(../../images/type4/navi_header_category.jpg) no-repeat center bottom;
}

div#header li#headerNaviEvent a {
	background: url(../../images/type4/navi_header_event.jpg) no-repeat center top;
}
div#header li#headerNaviEvent a:hover {
	background: url(../../images/type4/navi_header_event.jpg) no-repeat center bottom;
}

div#header li#headerNaviMienai a {
	background: url(../../images/type4/navi_header_mienai.jpg) no-repeat center top;
}
div#header li#headerNaviMienai a:hover {
	background: url(../../images/type4/navi_header_mienai.jpg) no-repeat center bottom;
}
/* 20110115 Y.Kanno NPB対応 start */
div#header li#headerNaviPriceList a {
	background: url(../../images/type4/navi_header_price_list.jpg) no-repeat center top;
}
div#header li#headerNaviPriceList a:hover {
	background: url(../../images/type4/navi_header_price_list.jpg) no-repeat center bottom;
}
/* 20110115 Y.Kanno NPB対応 end */



/* galleryTitle
---------------------------------------------------------------------------- */

div#galleryTitle h2 {
	color:#000000;
}

/*kaiinLogin !!new!!
---------------------------------------------------------------------------- -----*/

div#right{
background:#c0c0c0;
}


div.kaiinLogin_border_top{
width:350px;
height:6px;
background:url(../../images/type4/login_border_top.jpg) no-repeat center bottom;
margin:0px;
padding:0px;
}

div.kaiinLogin_border_middle{
padding-top:15px;
padding-bottom:15px;
width:350px;
height:auto;
background:url(../../images/type4/login_border_mid.jpg) repeat-y;
}

div.kaiinLogin_border_bottom{
margin-bottom:5px;
width:350px;
height:6px;
background:url(../../images/type4/login_border_bottom.jpg) no-repeat center top;
}

div#kaiinLogin_top{
width:358px;
height:49px;
background:url(../../images/type4/login_top.jpg) no-repeat;
}

div#kaiinLogin_middle{
width:358px;
height:auto;
background:url(../../images/type4/login_mid.jpg) repeat-y;
padding-bottom:15px;
}

div#kaiinLogin_bottom{
width:358px;
height:18px;
margin-bottom:5px;
background:url(../../images/type4/login_bottom.jpg) no-repeat;
}

div#kaiinLogin .easyLoginBottom{
	text-indent:-9999px;
	display:block;
	width:241px;
	height:21px;
	display:block;
	background: url(../../images/type4/btn_login.jpg) no-repeat center top;
	margin:auto;
	overflow:hidden;
}
div#kaiinLogin .easyLoginBottom:hover{
	background: url(../../images/type4/btn_login.jpg) no-repeat center bottom;
}

div#kaiinLogin .password_btn{
text-indent:-9999px;
display:block;
width:155px;
height:24px;
display:block;
background:url(../../images/type4/btn_pass.gif) no-repeat;
}

div#kaiinLogin .password_btn:hover{
background:url(../../images/type4/btn_pass.gif) no-repeat center bottom;
}

.kiyaku_link{
font-weight:bold;
display:inline-block;
margin-top:5px;
margin-bottom:15px;
}

div#kaiinLogin .password_btn{
display:block;
margin-bottom:15px;
}

div#kaiinLogin p.title {

font-weight:bold;
	color:#000000;
}

#merit{
margin-bottom:15px;
text-indent:-9999px;
width:248px;
height:14px;
display:block;
background:url(../../images/type4/login_merit.jpg) no-repeat;
}

.kaiin_btn{
margin-top:15px;
text-indent:-9999px;
display:block;
width:155px;
height:24px;
display:block;
background:url(../../images/type4/btn_kaiin.jpg) no-repeat;
}

.kaiin_btn:hover{
background:url(../../images/type4/btn_kaiin.jpg) no-repeat center bottom;
}

.syousai_btn{
text-indent:-9999px;
display:block;

width:155px;
height:24px;

background:url(../../images/type4/btn_syousai.jpg) no-repeat;
}

div.kaiinLogin_border_middle .syousai_btn{
margin-top:15px;
}


.syousai_btn:hover{
background:url(../../images/type4/btn_syousai.jpg) no-repeat center bottom;
}

.oshiharai_btn{
margin-top:15px;
text-indent:-9999px;
display:block;
width:155px;
height:24px;
display:block;
background:url(../../images/type4/btn_oshiharai.jpg) no-repeat;
}

.oshiharai_btn:hover{
background:url(../../images/type4/btn_oshiharai.jpg) no-repeat center bottom;
}

.browser_box{
margin-top:30px;
border:dashed 1px #CCCCCC;
}

.browser_box p{
padding-top:10px;
}



/*eventLogin !!new!!
---------------------------------------------------------------------------- -----*/
div#eventLogin p.title {
	color:#000000;
	font-weight:bold;
	}

div#eventLogin{
padding-top:15px;
/*margin-left:auto;
margin-right:auto;*/
display:inline-block;
}

div.eventLogin_border_top{
width:579px;
height:6px;
background:url(../../images/type4/eventlogin_border_top.jpg) no-repeat;
}

div.eventLogin_border_mid{
padding-top:15px;
padding-bottom:15px;
width:579px;
height:auto;
background:url(../../images/type4/eventlogin_border_mid.jpg) repeat-y;
}

div.eventLogin_border_bottom{
margin-bottom:5px;
width:579px;
height:6px;
background:url(../../images/type4/eventlogin_border_bottom.jpg) no-repeat;
}

div#eventLogin_top{
width:605px;
height:47px;
background:url(../../images/type4/eventlogin_top.jpg) no-repeat;
}

div#eventLogin_kaiin_top{
width:605px;
height:47px;
background:url(../../images/type4/eventlogin_top_kaiin.jpg) no-repeat;
}

div#eventLogin_mid{
width:605px;
height:auto;
background:url(../../images/type4/eventlogin_mid.jpg) repeat-y;
padding-bottom:15px;
}

div#eventLogin_kaiin_mid{
width:605px;
height:auto;
background:url(../../images/type4/eventlogin_mid_kaiin.jpg) repeat-y;
padding-bottom:15px;
}

div#eventLogin_bottom{
width:605px;
height:21px;
margin-bottom:5px;
background:url(../../images/type4/eventlogin_bottom.jpg) no-repeat;
}

div#eventLogin_bottom_kaiin{
width:605px;
height:21px;
margin-bottom:5px;
background:url(../../images/type4/eventlogin_bottom_kaiin.jpg) no-repeat;
}

div#eventLogin .easyLoginBottom{
	text-indent:-9999px;
	display:block;
	width:241px;
	height:21px;
	display:block;
	background: url(../../images/type4/btn_login.jpg) no-repeat center top;
	margin:auto;
	overflow:hidden;
}
div#eventLogin .easyLoginBottom:hover{
	background: url(../../images/type4/btn_login.jpg) no-repeat center bottom;
	}


#eventPass{
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}


/* login
---------------------------------------------------------------------------- */
div#login {
	background-color: #FFD1D1;
	border: 1px solid #F4D6D6;
}

div#login p {
	font-weight:bold;

}

div#login p.title {
	color:#000000;
}

div#login hr {
	width:450px;
	height:1px;
	color:#000000;
}

/*div#login .easyLoginBottom{
	text-indent:-9999px;
	display:block;
	width:241px;
	height:21px;
	display:block;
	background: url(../../images/type4/btn_login.jpg) no-repeat center top;
	margin:auto;
	overflow:hidden;
}
div#login .easyLoginBottom:hover{
	background: url(../../images/type4/btn_login.jpg) no-repeat center bottom;
}

div#login .memberLoginBottom{
	text-indent:-9999px;
	display:block;
	width:241px;
	height:21px;
	display:block;
	background: url(../../images/type4/btm_login_member.jpg) no-repeat center top;
	margin:auto;
	overflow:hidden;
}*/
div#login .memberLoginBottom:hover{
	background: url(../../images/type4/btm_login_member.jpg) no-repeat center bottom;
}

/* whiteBox !!new!!
---------------------------------------------------------------------------- */
.alertBox{
background:#DDDDDD;
margin-left:40px;
margin-right:40px;
margin-bottom:10px;
padding-left:5px;
color:#FF2222;
font-weight:bold;
}

.refBox{
float: left;
margin-top: 0;
margin-left:25px;
margin-right:30px;
margin-bottom:10px;
padding-left:5px;
color:#222255;
font-weight:bold;
font-size: 12px;
background:#DDDDDD;
}

.whiteBox{
background:#FFFFFF;
margin-left:40px;
margin-right:40px;
padding-left:55px;
border:solid 1px #AEAEAE;
}

.whiteBox2{
background:#FFFFFF;
margin-left:40px;
margin-right:40px;
margin-bottom:10px;
padding-left:5px;
border:solid 1px #AEAEAE;
}

.whiteBox2 input{
/* 2012/12/07 nakai mod 手数料対応
float:left;
*/
	display:inline;
	vertical-align:middle;
}





/* item !!new!!
}
---------------------------------------------------------------------------- */
.item_caption, .list_item_caption .syousai{
margin-top:5px;
padding-left:20px;
background:url(../../images/type4/item_icon.jpg) no-repeat center left;
}

.about_goods_link{
	text-align:left;
	margin-left:50%;
}

/* sidehowto !!new!1
---------------------------------------------------------------------------- */
#side_howto .howto_top{
width:180px;
height:15px;
margin-top:5px;
background:url(../../images/howto_border_top.jpg) no-repeat;
}

#side_howto .howto_mid{
width:155px;
height:auto;
padding-top:4px;
padding-left:15px;
padding-right:15px;
background:url(../../images/howto_border_mid.jpg) repeat-y;
}

#side_howto .howto_bottom{
width:180px;
height:7px;
margin-bottom:20px;
background:url(../../images/howto_border_bottom.jpg) no-repeat;
}

#side_howto .howto_mid li{
	color:#444444;
	text-indent:10px;
}

/* sidenavi
---------------------------------------------------------------------------- */
div.sidenaviContent {
width:158px;
	border:1px solid #AAAAAA;
}
.order{
	text-indent:-9999px;
	display:block;
	width:179px;
	height:47px;
	display:block;
	background: url(../../images/type4/btn_chumon_side_l.gif) no-repeat center top;
	margin:auto;
	overflow:hidden;
}
.order:hover{
	background: url(../../images/type4/btn_chumon_side_l.gif) no-repeat center bottom;
}

div#sidenavi h3#ibent{
	text-indent:-9999px;
	background: url(../../images/type4/sh_ibent2.jpg) no-repeat left top;
	height:22px;
	width:180px;
}

div#sidenavi h3#subibent{
	text-indent:-9999px;
	background: url(../../images/type4/sh_subibent2.jpg) no-repeat left top;
	height:22px;
	width:180px;
}

div#sidenavi h3#myfolder{
	text-indent:-9999px;
	background: url(../../images/type4/sh_myfolder.jpg) no-repeat left top;
	height:22px;
	width:180px;
}

div#sidenavi h3#basket{
	text-indent:-9999px;
	background: url(../../images/type4/sh_basket.jpg) no-repeat left top;
	height:22px;
	width:180px;
}

div#sidenavi h3#onlinealbum { background: url(../../images/type4/sh_onlinealbum.jpg) no-repeat left top; text-indent: -9999px; width: 180px; height: 22px; }
div#sidenavi h3#login { background: url(../../images/type4/sh_login.jpg) no-repeat left top; text-indent: -9999px; width: 180px; height: 22px; }
/* ナビゲーション部分 */


div#sidenavi div.sidenaviNavigation {
	border:1px solid #AAAAAA;
	background: #D9D9D9;
	width:178px;
}

div#sidenavi div.sidenaviNavigation p {
	background: url(../../images/type4/ico_subnaviTitle.jpg) no-repeat 10px center;
	color:#575757;
	font-weight:bold;
}

div#sidenavi div.sidenaviNavigation li a{
	background: url(../../images/type4/bg_subnavi.jpg) no-repeat center top;
}

div#sidenavi div.sidenaviNavigation li#location a {
	background: url(../../images/type4/bg_subnavi.jpg) no-repeat center bottom;
}

div#sidenavi div.sidenaviNavigation li a {
	color:#333333;
	text-decoration:none;
}

div#sidenavi div.sidenaviNavigation li a:hover {
	color:#333333;
	background: url(../../images/type4/bg_subnavi.jpg) no-repeat center bottom;
}

/* 20110207 Y.Kanno 改修対応 サブタイトル複数行 */
div#sidenavi div.sidenaviNavigation li a#sub1{
	background: url(../../images/type4/bg_subnavi_row2.jpg) no-repeat center top;
}

div#sidenavi div.sidenaviNavigation li#location a#sub1 {
	background: url(../../images/type4/bg_subnavi_row2.jpg) no-repeat center bottom;
}

div#sidenavi div.sidenaviNavigation li a#sub1 {
	color:#333333;
	text-decoration:none;
}

div#sidenavi div.sidenaviNavigation li a#sub1:hover {
	color:#333333;
	background: url(../../images/type4/bg_subnavi_row2.jpg) no-repeat center bottom;
}
/* 20110207 Y.Kanno 改修対応 サブタイトル複数行 */

/* サブイベント対応 k.takahashi 20110921 START */
div#sidenavi div.sidenaviNavigation li a#sub_select{
	background: url(../../images/type4/bg_subnavi_sel.jpg) no-repeat center top;
}

div#sidenavi div.sidenaviNavigation li#location a#sub_select {
	background: url(../../images/type4/bg_subnavi_sel.jpg) no-repeat center bottom;
}

div#sidenavi div.sidenaviNavigation li a#sub_select {
	color:#333333;
	text-decoration:none;
}

div#sidenavi div.sidenaviNavigation li a#sub_select:hover {
	color:#333333;
	background: url(../../images/type4/bg_subnavi_sel.jpg) no-repeat center bottom;
}

/* 以下、改行対応 */
div#sidenavi div.sidenaviNavigation li a#sub1_select{
	background: url(../../images/type4/bg_subnavi_row2_sel.jpg) no-repeat center top;
}

div#sidenavi div.sidenaviNavigation li#location a#sub1_select {
	background: url(../../images/type4/bg_subnavi_row2_sel.jpg) no-repeat center bottom;
}

div#sidenavi div.sidenaviNavigation li a#sub1_select {
	color:#333333;
	text-decoration:none;
}

div#sidenavi div.sidenaviNavigation li a#sub1_select:hover {
    color:#333333;
	background: url(../../images/type4/bg_subnavi_row2_sel.jpg) no-repeat center bottom;
}
/* サブイベント対応 k.takahashi 20110921 END */

/* フロー部分 */

div#sidenavi div.flow {/*----!!new!!*/
background:url(../../images/type4/sidenavi_bg.jpg) no-repeat;
width:186px;
height:34px;
display:block;
	/*background: #FFD9B4;
	border: 1px solid #BF8E80;*/
	color:#575757;
}

div#sidenavi div.flowNow {/*----!!new!!*/
background:url(../../images/type4/sidenaviNow_bg.jpg) no-repeat;
width:186px;
height:34px;
/*	background: #DF747A;
	border: 1px solid #DF747A;*/
	color:#ffffff;
}

div#sidenavi flowIcon {
	height:22px;
	width:187px;
}

div#sidenavi div.flowIcon {
background:url(../../images/type4/sidenavi_icon.jpg) no-repeat center center;
	/*background: url(../../images/type4/ico_side_flow.jpg) no-repeat center center;*/
}

.chumoncancel{
	text-indent:-9999px;
	width:175px;
	height:22px;
	display:block;
	background: url(../../images/btn_chumon_cancel2.jpg) no-repeat center top;
	margin:0 auto;
}
.chumoncancel:hover {
	background: url(../../images/btn_chumon_cancel2.jpg) no-repeat center bottom;
}

.chumonHowtopay{
	text-indent:-9999px;
	width:175px;
	height:22px;
	display:block;
	background: url(../../images/btn_chumon_howtopay2.jpg) no-repeat center top;
	margin:0 auto;
}
.chumonHowtopay:hover {
	background: url(../../images/btn_chumon_howtopay2.jpg) no-repeat center bottom;
}


/* main
---------------------------------------------------------------------------- */
div.main {

	border:1px solid #AAAAAA;
	background: #f3f3f3;
}


/* mhArea
---------------------------------------------------------------------------- */
div.main div.mhArea {
	/*background: url(../../images/type4/ico_mh_main.jpg) no-repeat 5px center;*/
	background:url(../../images/type4/midashi_bg.jpg) no-repeat;/*-----!!new!!*/
	color:#575757;
	font-weight:bold;
	/*border-bottom: 1px solid #575757;*/
}
div.bottomArea .basketkara{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_basketkara.gif) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .basketkara:hover {
	background: url(../../images/btn_basketkara.gif) no-repeat center bottom;
}

/* サブイベント文字色修正対応 20110928 k.takahashi START */
div.main div.mhArea h2 span#sub_tree{
	color:#C0C0C0;
}
/* サブイベント文字色修正対応 20110928 k.takahashi END */

/* bottomArea
---------------------------------------------------------------------------- */

.backBottom,
div.bottomArea .backBottom,
.largeimage_backbt{
	text-indent:-9999px;
	display:block;
	width:134px;
	height:22px;
	display:block;
/*	background: url(../../images/btn_bback.jpg) no-repeat center top;*/
	background:url(../../images/btn_back.gif) no-repeat center top;
	overflow:hidden;
	margin:0 auto;
}

.categorybackBottom{
	text-indent:-9999px;
	display:block;
	width:134px;
	height:22px;
	display:block;
	background:url(../../images/btn_categoryback.gif) no-repeat center top;
	overflow:hidden;
	margin:0 auto;
}

.categorybackBottom:hover {
	background:url(../../images/btn_categoryback.gif) no-repeat center bottom;
}



.largeimage_backbt{
clear:both;
}


div.bottomArea .backBottom:hover {
	/*background: url(../../images/btn_bback.jpg) no-repeat center bottom;*/
	background:url(../../images/btn_back.gif) no-repeat center bottom;
}

.largeimage_backbt:hover {
	/*background: url(../../images/btn_bback.jpg) no-repeat center bottom;*/
	background:url(../../images/btn_back.gif) no-repeat center bottom;
}

div.textArea .backBottom:hover {
	/*background: url(../../images/btn_bback.jpg) no-repeat center bottom;*/
	background:url(../../images/btn_back.gif) no-repeat center bottom;
}

div.textArea .categoryBackBottom{
	text-indent:-9999px;
	display:block;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_categoryback.gif) no-repeat center top;
	overflow:hidden;
}
div.textArea .categoryBackBottom:hover {
	background: url(../../images/btn_categoryback.gif) no-repeat center bottom;
}

div.textArea .loginDoui{
	text-indent:-9999px;
	display:block;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_login_doui.jpg) no-repeat center top;
	overflow:hidden;
}
div.textArea .loginDoui:hover {
	background: url(../../images/btm_login_doui.jpg) no-repeat center bottom;
}

div.bottomArea .flowBackBottom{
	text-indent:-9999px;
	display:block;
	width:134px;
	height:22px;
	float:left;
	background: url(../../images/type4/btn_back.gif) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .flowBackBottom:hover {
	background: url(../../images/type4/btn_back.gif) no-repeat center bottom;
}

div.bottomArea .flowcanncelBottom{
	text-indent:-9999px;
	display:block;
	width:134px;
	height:22px;
	float:left;
	background: url(../../images/btm_canncel_member.gif) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .flowcanncelBottom:hover {
	background: url(../../images/btm_canncel_member.gif) no-repeat center bottom;
}

div.bottomArea .flowNextBottom {
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_toroku_next.gif) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .flowNextBottom:hover{
	background: url(../../images/type4/btn_toroku_next.gif) no-repeat center bottom;
}

/* 20130410 H.Shiromizu #2275 会員登録確認画面の「次へ」ボタンを「確定する」ボタンに変更 add start */
div.bottomArea .flowDecideBottom {
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_toroku_decide.gif) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .flowDecideBottom:hover{
	background: url(../../images/type4/btn_toroku_decide.gif) no-repeat center bottom;
}
/* 20130410 H.Shiromizu #2275 会員登録確認画面の「次へ」ボタンを「確定する」ボタンに変更 add end */

div.bottomArea .chumonDicide{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	float:right;
	background: url(../../images/type4/btm_chumon_dicide.gif) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .chumonDicide:hover {
	background: url(../../images/type4/btm_chumon_dicide.gif) no-repeat center bottom;
}

div.bottomArea .install{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_install_suru.jpg) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .install:hover {
	background: url(../../images/btn_install_suru.jpg) no-repeat center bottom;
}
div.bottomArea .notInstall{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_install_shinai.jpg) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .notInstall:hover {
	background: url(../../images/btn_install_shinai.jpg) no-repeat center bottom;
}
div.bottomArea .installTejunWin{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_install_tejun_win.jpg) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .installTejunWin:hover {
	background: url(../../images/btn_install_tejun_win.jpg) no-repeat center bottom;
}
div.bottomArea .installTejunMac{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_install_tejun_mac.jpg) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .installTejunMac:hover {
	background: url(../../images/btn_install_tejun_mac.jpg) no-repeat center bottom;
}
div.bottomArea .toInstall{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_install_page_he.jpg) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .toInstall:hover {
	background: url(../../images/btn_install_page_he.jpg) no-repeat center bottom;
}
/* checkArea
---------------------------------------------------------------------------- */

div.checkArea {
	background: #FFFFFF;
	border: 1px solid #979797;
}


/* mainSelect
---------------------------------------------------------------------------- */

div.mainSelect div.narabekae,
div.mainSelect div.changeBox,
div.mainSelect div.changeBox2,
div.mainSelect div.changeBox3,
/*div.mainSelect div.changeArea,*/

div.mainSelect div.changeArea_event {
	border:1px solid #AAAAAA;
	background: #D9D9D9;
	color:#575757;
	font-weight:bold;
}

div.mainSelect div .pagejamp{
	text-indent:-9999px;
	width:106px;
	height:22px;
	display:block;
	background: url(../../images/type4/btm_pagejamp.gif) no-repeat center top;
	overflow:hidden;
}
div.mainSelect div .pagejamp:hover{
	background: url(../../images/type4/btm_pagejamp.gif) no-repeat center bottom;
}

div.mainSelect div .allselect{
	text-indent:-9999px;
	width:106px;
	height:22px;
	display:block;
	background: url(../../images/btn_allchoice.gif) no-repeat center top;
	overflow:hidden;
}
div.mainSelect div .allselect:hover{
	background: url(../../images/btn_allchoice.gif) no-repeat center bottom;
}

div.mainSelect div .allclear{
	text-indent:-9999px;
	width:106px;
	height:22px;
	display:block;
	background: url(../../images/btn_allclear.gif) no-repeat center top;
	overflow:hidden;
}
div.mainSelect div .allclear:hover {
	background: url(../../images/btn_allclear.gif) no-repeat center bottom;
}


div.mainSelect div.choiceArea .change,
div.mainSelect div.changeArea .change{
	text-indent:-9999px;
	width:79px;
	height:21px;
	display:block;
	background: url(../../images/btn_change.jpg) no-repeat center top;
	overflow:hidden;
}
div.mainSelect div.choiceArea .change:hover,
div.mainSelect div.changeArea .change:hover{
	background: url(../../images/btn_change.jpg) no-repeat center bottom;
}

div.mainSelect div .select{
	text-indent:-9999px;
	width:79px;
	height:21px;
	display:block;
	background: url(../../images/type4/btn_choice.jpg) no-repeat center top;
	overflow:hidden;
}
div.mainSelect div .select:hover{
	background: url(../../images/type4/btn_choice.jpg) no-repeat center bottom;
}


/* choiceBox !!new!!
---------------------------------------------------------------------------- */

div.choiceBox .dicide{
	text-indent:-9999px;
	width:134px;
	height:36px;
	display:block;
	background: url(../../images/type4/btn_printdicide_bk.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}

div.choiceBox .dicide:hover {
	background: url(../../images/type4/btn_printdicide_bk.gif) no-repeat center bottom;
}

/* mainChoice
---------------------------------------------------------------------------- */

div.mainChoice {
}

div.mainChoice div {
	/*color:#575757;*/
	color:#666666;
}

div.mainChoice div span {
	background-color:#D3D3D3;
}

/* サブイベント対応 20110921 k.takahashi START */

div.mainChoice div .backevent {
	text-indent:-9999px;
	width:80px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_back_subevent_80_44.gif) no-repeat center top;
	float:left;
	margin-right:7px;
	overflow:hidden;
}
div.mainChoice div .backevent:hover {
	background: url(../../images/type4/btn_back_subevent_80_44.gif) no-repeat center bottom;
}

div.mainChoice div .nextevent{
	text-indent:-9999px;
	width:80px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_next_subevent_80_44.gif) no-repeat center top;
	float:left;
	margin-left:7px;
	overflow:hidden;
}
div.mainChoice div .nextevent:hover {
	background: url(../../images/type4/btn_next_subevent_80_44.gif) no-repeat center bottom;
}

/* サブイベント対応 20110921 k.takahashi END */

div.mainChoice div .backback {
	text-indent:-9999px;
	width:38px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_backback.gif) no-repeat center top;
	float:left;
	margin-right:7px;
	overflow:hidden;
}
div.mainChoice div .backback:hover {
	background: url(../../images/type4/btn_backback.gif) no-repeat center bottom;
}

div.mainChoice div .back {
	text-indent:-9999px;
	width:38px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_backp.gif) no-repeat center top;
	float:left;
	margin-right:7px;
	overflow:hidden;
}
div.mainChoice div .back:hover {
	background: url(../../images/type4/btn_backp.gif) no-repeat center bottom;
}

div.mainChoice div .next{
	text-indent:-9999px;
	width:38px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_nextp.gif) no-repeat center top;
	float:left;
	margin-left:7px;
	overflow:hidden;
}
div.mainChoice div .next:hover {
	background: url(../../images/type4/btn_nextp.gif) no-repeat center bottom;
}

div.mainChoice div .nextnext{
	text-indent:-9999px;
	width:38px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_nextnext.gif) no-repeat center top;
	float:left;
	margin-left:7px;
	overflow:hidden;
}
div.mainChoice div .nextnext:hover {
	background: url(../../images/type4/btn_nextnext.gif) no-repeat center bottom;
}

/*div.mainChoice div .dicide{
	text-indent:-9999px;
	width:134px;
	height:36px;
	display:block;
	background: url(../../images/type4/btn_printdicide_bk.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}*/

/*div.mainChoice div .dicide:hover {
	background: url(../../images/type4/btn_printdicide_bk.gif) no-repeat center bottom;
}*/


.hokanoeventmiru{
	text-indent:-9999px;
	width:134px;
	height:22px;
	margin-top:5px;
	display:block;
	background: url(../../images/btn_hokanoeventmiru.gif) no-repeat center top;
	float:left;
	overflow:hidden;
}
.hokanoeventmiru:hover {
	background: url(../../images/btn_hokanoeventmiru.gif) no-repeat center bottom;
}
.basketkakunin{
	text-indent:-9999px;
	width:134px;
	height:22px;
	margin-top:5px;
	display:block;
	background: url(../../images/btn_basketkakunin.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}
.basketkakunin:hover {
	background: url(../../images/btn_basketkakunin.gif) no-repeat center bottom;
}

.mailhenkou{
	text-indent:-9999px;
	width:104px;
	height:20px;
	display:block;
	background: url(../../images/btn_mailhenkou.gif) no-repeat center top;
	float:right;
	margin-right:5px;
	overflow:hidden;
}
.mailhenkou:hover {
	background: url(../../images/btn_mailhenkou.gif) no-repeat center bottom;
}

.taikai_btn{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_taikai.gif) no-repeat center top;
	margin-left:auto;
	margin-right:auto;

	overflow:hidden;
}
.taikai_btn:hover {
	background: url(../../images/btn_taikai.gif) no-repeat center bottom;
}



/* photoArea
---------------------------------------------------------------------------- */

div#photoArea table {
}


/* photoArea135
---------------------------------------------------------------------------- */

div.photoArea135 table table {
	background: #FFFFFF;
	border: 1px solid #979797;
}


/* photoArea300
---------------------------------------------------------------------------- */

div.photoArea300 table table {
	background: #FFFFFF;
	border: 1px solid #979797;
}


/* photocumonArea710
---------------------------------------------------------------------------- */

div.photocumonArea350,
div.photocumonArea710 {
	background: #E5E5E5;
	border: 1px solid #989898;
}

div.photocumonArea350 table table,
div.photocumonArea710 table table {
	background: #FFFFFF;
	border: 1px solid #979797;
	width:135px;
}

div.photocumonBottom350 .otherSizeChoice,
div.photocumonBottom .otherSizeChoice {
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_chumon_sizechange.gif) no-repeat center top;
	overflow:hidden;
}
div.photocumonBottom350 .otherSizeChoice:hover,
div.photocumonBottom .otherSizeChoice:hover {
	background: url(../../images/type4/btn_chumon_sizechange.gif) no-repeat center bottom;
}

div.photocumonBottom350 .motonimodosu,
div.photocumonBottom .motonimodosu {
	text-indent:-9999px;
	width:127px;
	height:21px;
	display:block;
	background: url(../../images/btn_motonimodosu.jpg) no-repeat center top;
	overflow:hidden;
}
div.photocumonBottom350 .motonimodosu:hover,
div.photocumonBottom .motonimodosu:hover {
	background: url(../../images/btn_motonimodosu.jpg) no-repeat center bottom;
}

/* photocumonArea350 */


/* paymentChoiceArea
---------------------------------------------------------------------------- */

div.paymentChoiceArea {
}

div.paymentChoiceArea div {
	/*background-color:#FFFFFF;*/
	color:#000000;
	/*border: 1px solid #AEAEAE;*/
}

div.paymentChoiceArea #category_box{/*new*/
padding-left:10px;
padding-right:10px;
border: 1px solid #AEAEAE;
background: #F4F4F4;

}

div.paymentChoiceArea div h3 {
	font-weight:bold;
	font-size:13px;
}
div.paymentChoiceArea .item_print {
	text-indent:-9999px;
	width:561px;
	height:48px;
	display:block;
	background: url(../../images/type4/btn_item_print.jpg) no-repeat center top;
	overflow:hidden;
}
div.paymentChoiceArea .item_print:hover {
	background: url(../../images/type4/btn_item_print.jpg) no-repeat center bottom;
}
div.paymentChoiceArea .item_carender {
	text-indent:-9999px;
	width:561px;
	height:48px;
	display:block;
	background: url(../../images/type4/btn_item_carender.jpg) no-repeat center top;
	overflow:hidden;
}
div.paymentChoiceArea .item_carender:hover {
	background: url(../../images/type4/btn_item_carender.jpg) no-repeat center bottom;
}
div.paymentChoiceArea .item_magcap {
	text-indent:-9999px;
	width:561px;
	height:48px;
	display:block;
	background: url(../../images/type4/btn_item_magcap.jpg) no-repeat center top;
	overflow:hidden;
}
div.paymentChoiceArea .item_magcap:hover {
	background: url(../../images/type4/btn_item_magcap.jpg) no-repeat center bottom;
}
div.paymentChoiceArea .item_miniTshirt {
	text-indent:-9999px;
	width:561px;
	height:48px;
	display:block;
	background: url(../../images/type4/btn_item_miniTshirt.jpg) no-repeat center top;
	overflow:hidden;
}
div.paymentChoiceArea .item_miniTshirt:hover {
	background: url(../../images/type4/btn_item_miniTshirt.jpg) no-repeat center bottom;
}
div.paymentChoiceArea .item_pazzle {
	text-indent:-9999px;
	width:561px;
	height:48px;
	display:block;
	background: url(../../images/type4/btn_item_pazzle.jpg) no-repeat center top;
	overflow:hidden;
}
div.paymentChoiceArea .item_pazzle:hover {
	background: url(../../images/type4/btn_item_pazzle.jpg) no-repeat center bottom;
}
div.paymentChoiceArea .item_autoalbum {
	text-indent:-9999px;
	width:561px;
	height:48px;
	display:block;
	background: url(../../images/type4/btn_item_auto.jpg) no-repeat center top;
	overflow:hidden;
}
div.paymentChoiceArea .item_autoalbum:hover {
	background: url(../../images/type4/btn_item_auto.jpg) no-repeat center bottom;
}
/* 20101209 Y.Kanno NPB対応 start */
div.paymentChoiceArea .item_netphotobook {
	text-indent:-9999px;
	width:561px;
	height:48px;
	display:block;
	background: url(../../images/type4/btn_item_netphotobook.jpg) no-repeat center top;
	overflow:hidden;
}
div.paymentChoiceArea .item_netphotobook:hover {
	background: url(../../images/type4/btn_item_netphotobook.jpg) no-repeat center bottom;
}
/* 20101209 Y.Kanno NPB対応 end */
/* categoryChoiceArea
---------------------------------------------------------------------------- */

div.categoryChoiceArea {
}

div.categoryChoiceArea div {
	background-color:#FFFFFF;
	color:#000000;
	border: 1px solid #AEAEAE;
}

div.categoryChoiceArea div div {
	border:none;
}

div.categoryChoiceArea div h3 {
	font-weight:bold;
	font-size:13px;
}

/* categoryChoiceArea_goods
---------------------------------------------------------------------------- */
div.categoryChoiceArea_goods .goods_box {
	background-color:#FFFFFF;
	color:#000000;
	border: 1px solid #AEAEAE;
}

div.categoryChoiceArea_goods .goods_box .formTitle{
width:100px;
}



div.categoryChoiceArea_goods .goods_box {
	background-color:#FFFFFF;
	color:#000000;
	border: 1px solid #AEAEAE;
}

div.categoryChoiceArea_goods .goods_box h3,
.categoryChoiceArea .chara_box h4,
.categoryChoiceArea .chara_box_bt h4,
.mag_color_box h4{
background-color:#cccccc;
padding:10px;
font-size:1em;
}

div.categoryChoiceArea .mag_color_box h4{
margin-left:25px;
margin-right:25px;
margin-top:20px;
}




div.categoryChoiceArea_goods div div {
	border:none;
}

div.categoryChoiceArea_goods div h3 {
	font-weight:bold;
	font-size:13px;
}


/* formArea
---------------------------------------------------------------------------- */

div.marginArea table td.formTitle,
div.formArea720 table th.formTitle,
div.formArea720 table td.formTitle,
div.formArea450 table th.formTitle, /*公開日カウントダウン対応 20110926 k.takahashi*/
div.formArea450 table td.formTitle, /*公開日カウントダウン対応 20110926 k.takahashi*/
div.formArea table td.formTitle,
div.formArea table th.formTitle {
	background-color:#c9c9c9;
}

div.formArea table th.formTitle_right{
background-color:#ffffeb;
text-align:right;
}

div.formArea table th.formTitle_right_w240{
background-color:#ffffeb;
text-align:right;
width:232px;
}

div.formArea table th.formTitle_center{
background-color:#ffffeb;
text-align:center;
}

div.formArea table td.formData_center{
text-align:center;
}


div.formArea table td.formData_center_color_a{
background-color:#ffffeb;
text-align:center;
}

div.formArea table td.formData_center_color_b{
background-color:#fff6aa;
text-align:center;
}

div.formArea table td.formData_center_table{
text-align:center;
background:#3366CC;
}

table td .bg_color_y{
background-color:#ffffeb;
}






div.marginArea table,
div.formArea720 table,
div.formArea table {
	background-color:#979797;
}

div.formArea450 table { /*公開日カウントダウン対応 20110926 k.takahashi*/
	background-color:#ffffff;
	border-collapse:collapse;
	border:2px solid #a9a9a9;
}

div.marginArea table td.tdTitle,
div.formArea720 table td.tdTitle,
div.formArea700 table td.tdTitle,
div.formArea450 table td.tdTitle, /*公開日カウントダウン対応 20110926 k.takahashi*/
div.formArea table td.tdTitle {
	background-color:#c9c9c9;
}

div.marginArea table,
div.formArea700 table,
div.formArea table {
	background-color:#979797;
}

div.marginArea table td,
div.formArea700 table th,
div.formArea700 table td,
div.formArea table td,
div.formArea table th {
	background-color:#ffffff;
}

div.formArea720 table td,
div.formArea720 table th {
	background-color:#ffffff;
}

div.formArea .haisou{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_haisou.gif) no-repeat center top;
	overflow:hidden;
}
div.formArea .haisou:hover {
	background: url(../../images/btn_haisou.gif) no-repeat center bottom;
}

div.formArea .address{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_address.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.formArea .address:hover {
	background: url(../../images/btn_address.gif) no-repeat center bottom;
}
div.formArea .card_koushin{
	text-indent:-9999px;
	width:142px;
	height:21px;
	display:block;
	background: url(../../images/btn_card_koushin.jpg) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.formArea .card_koushin:hover {
	background: url(../../images/btn_card_koushin.jpg) no-repeat center bottom;
}
div.formArea .card_henkoushinai{
	text-indent:-9999px;
	width:142px;
	height:21px;
	display:block;
	background: url(../../images/btn_card_henkoushinai.jpg) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.formArea .card_henkoushinai:hover {
	background: url(../../images/btn_card_henkoushinai.jpg) no-repeat center bottom;
}
div.formArea .cardriyou{
	text-indent:-9999px;
	width:142px;
	height:21px;
	display:block;
	background: url(../../images/btn_cardriyou.jpg) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.formArea .cardriyou:hover {
	background: url(../../images/btn_cardriyou.jpg) no-repeat center bottom;
}


/* 20100507 add start */
div.formArea .creditChangeCenter{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_creditChange.gif) no-repeat center top;
	overflow:hidden;
}
div.formArea .creditChangeCenter:hover {
	background: url(../../images/btn_creditChange.gif) no-repeat center bottom;
}

div.formArea .conbeniChangeCenter{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_conbeniChange.gif) no-repeat center top;
	overflow:hidden;
}
div.formArea .conbeniChangeCenter:hover {
	background: url(../../images/btn_conbeniChange.gif) no-repeat center bottom;
}

div.formArea .backTopCenter{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_backTop.gif) no-repeat center top;
	overflow:hidden;
}
div.formArea .backTopCenter:hover {
	background: url(../../images/btm_backTop.gif) no-repeat center bottom;
}

div.formArea .payChangeCenter{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_payChange.gif) no-repeat center top;
	overflow:hidden;
}
div.formArea .payChangeCenter:hover {
	background: url(../../images/btm_payChange.gif) no-repeat center bottom;
}

div.formArea .payChange{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_payChange.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.formArea .payChange:hover {
	background: url(../../images/btm_payChange.gif) no-repeat center bottom;
}

div.formArea .sizeChange{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_sizeChange.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.formArea .sizeChange:hover {
	background: url(../../images/btm_sizeChange.gif) no-repeat center bottom;
}

div.formArea .prontKakunin{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_print_kakunin.jpg) no-repeat center top;
	overflow:hidden;
}
div.formArea .prontKakunin:hover {
	background: url(../../images/btm_print_kakunin.jpg) no-repeat center bottom;
}

div.formArea .taikai{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_taikai.jpg) no-repeat center top;
	overflow:hidden;
}
div.formArea .taikai:hover {
	background: url(../../images/btn_taikai.jpg) no-repeat center bottom;
}


/* printArea
---------------------------------------------------------------------------- */

.closeBottom{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_close.gif) no-repeat center top;
	overflow:hidden;
    margin:0 auto;
}
.closeBottom:hover {
	background: url(../../images/btm_close.gif) no-repeat center bottom;
}


/* textArea
---------------------------------------------------------------------------- */

div.textArea .membertoroku{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_membertoroku.jpg) no-repeat center top;
	overflow:hidden;
}
div.textArea .membertoroku:hover {
	background: url(../../images/btm_membertoroku.jpg) no-repeat center bottom;
}

div.textArea .backTop{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_backTop.gif) no-repeat center top;
	overflow:hidden;
}
div.textArea .backTop:hover {
	background: url(../../images/btm_backTop.gif) no-repeat center bottom;
}

div.textArea .gotoLogin{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_goto_login.gif) no-repeat center top;
	overflow:hidden;
}
div.textArea .gotoLogin:hover {
	background: url(../../images/btm_goto_login.gif) no-repeat center bottom;
}

/* 20100504 add start */
div.textArea .creditChange{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_creditChange.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.textArea .creditChange:hover {
	background: url(../../images/btn_creditChange.gif) no-repeat center bottom;
}

div.textArea .conbeniChange{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_conbeniChange.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.textArea .conbeniChange:hover {
	background: url(../../images/btn_conbeniChange.gif) no-repeat center bottom;
}

div.textArea .payChange{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_payChange.gif) no-repeat center top;
	float:right;
	overflow:hidden;
}
div.textArea .payChange:hover {
	background: url(../../images/btm_payChange.gif) no-repeat center bottom;
}
/* 20100504 add end */


/* bottomArea
---------------------------------------------------------------------------- */

div.marginArea .choiceBottom{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_choice.gif) no-repeat center top;
	overflow:hidden;
}
div.marginArea .choiceBottom:hover {
	background: url(../../images/btm_choice.gif) no-repeat center bottom;
}

.temp_select_box .choiceBottom{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_choice.gif) no-repeat center top;
	overflow:hidden;
}
.temp_select_box .choiceBottom:hover {
	background: url(../../images/btm_choice.gif) no-repeat center bottom;
}

.kakudaiBottom{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_kakudai.gif) no-repeat center top;
	overflow:hidden;
}
.kakudaiBottom:hover {
	background: url(../../images/btm_kakudai.gif) no-repeat center bottom;
}

/* 動画再生ボタン対応 20111006 k.takahashi start */
.kakudaiMovieBottom{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btm_movie_kakudai.gif) no-repeat center top;
	overflow:hidden;
}
.kakudaiMovieBottom:hover {
	background: url(../../images/btm_movie_kakudai.gif) no-repeat center bottom;
}

/* 動画再生ボタン対応 20111006 k.takahashi end */

.saikeisan{
	text-indent:-9999px;
	width:53px;
	height:22px;
	display:block;
	background: url(../../images/btm_saikeisan.gif) no-repeat center top;
	overflow:hidden;
}
.saikeisan:hover {
	background: url(../../images/btm_saikeisan.gif) no-repeat center bottom;
}


/* 同意します */
div.bottomArea .agree_{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_douishimasu.jpg) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .agree_:hover {
	background: url(../../images/btn_douishimasu.jpg) no-repeat center bottom;
}
/* 同意しません */
div.bottomArea .notagree_{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/btn_douishimasen.jpg) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .notagree_:hover {
	background: url(../../images/btn_douishimasen.jpg) no-repeat center bottom;
}

/* 同意し利用する */
div.bottomArea .agree{
	text-indent:-9999px;
	width:134px;
	height:22px;
	display:block;
	background: url(../../images/type4/btn_doui_riyoua.gif) no-repeat center top;
	overflow:hidden;
}
div.bottomArea .agree:hover {
	background: url(../../images/type4/btn_doui_riyoua.gif) no-repeat center bottom;
}

/* キャンセル */
div.bottomArea .cancel{
	text-indent:-9999px;
	width:155px;
	height:26px;
	display:block;
	background: url(../../images/btn_chumon_cancel.jpg) no-repeat center top;
	margin:0 auto;
}
div.bottomArea .cancel:hover {
	background: url(../../images/btn_chumon_cancel.jpg) no-repeat center bottom;
}

/* footer
---------------------------------------------------------------------------- */

div#footer{
	background: url(../../images/type4/bg_footer.jpg) repeat-x bottom;
}

div#footer p {
	color:#000000;
}

div#footer a {
	color:#000000;
}

div#footer address {
	color:#FFFFFF;
}


/*---------------------------
add 08.03.12 ---*/

/* popup
---------------------------------------------------------------------------- */
div.pop {
	width:750px;
	margin:10px 0 0 10px;
	padding-bottom:20px;
	border:1px solid #AAAAAA;
	background: #f3f3f3;
}

/*pop  mhArea
---------------------------------------------------------------------------- */
div.pop div.mhArea {
	width:702px;
	text-align:left;
	margin:15px auto;
}

div.pop div.mhArea h2 {
	padding: 0 0 2px 20px;
	font-weight:bold;
	font-size:13px;
}

/* pop mhArea
---------------------------------------------------------------------------- */
div.pop div.mhArea {
	background: url(../../images/type4/ico_mh_main.jpg) no-repeat 5px center;
	color:#575757;
	font-weight:bold;
	border-bottom: 1px solid #575757;
}
div.mhArea02 {
	background: url(../../images/type4/ico_mh_main.jpg) no-repeat 5px 2px;
	color:#575757;
	font-weight:bold;
	border-bottom: 1px solid #575757;
}



/* main dateArea
---------------------------------------------------------------------------- */
div.main div.dateAreatitle,
div.main div.dateAreatitle02 {
	border-bottom: 1px solid #575757;
	width: 702px;
	margin: 15px auto 0;
	position:relative;
	padding-bottom: 35px;
}

div.main div.dateAreatitle {
	background: url(../../images/type4/ico_mh_main.jpg) no-repeat 5px 2px;
}

div.main div.dateAreatitle02 {
	padding-bottom: 52px;
}



div.main div.dateAreatitle h2 {
	color:#575757;
	font-weight:bold;
	padding: 0 0 2px 20px;
	font-weight:bold;
	font-size:13px;
}

div.main div.dateAreatitle div.dateArea,
div.main div.dateAreatitle02 div.dateArea {
	position:absolute;
	right: 3px;
	top: 0;
}

/*item_select_box
---------------------------------------------------------------------------- */

.categoryChoiceArea .item_select_box{
border:1px solid #cccccc;
width:600px;
}

.categoryChoiceArea .item_select_box_caption{
border:1px solid #cccccc;
}

.categoryChoiceArea .item_select_box_caption td{
border-bottom:1px solid #cccccc;
}

.categoryChoiceArea .bg_color_y{
background-color:#ffffeb;
}
/*add20081210 event_expandlist
---------------------------------------------------------------------------- */
div#sidenavi h3#community { background: url(../../images/type4/sh_community.jpg) no-repeat left top; text-indent: -9999px; width: 180px; height: 22px; }
div#sidenavi div.sidenaviNavigation2 { background: #d9d9d9; border: solid 1px #aaa; }
div#sidenavi div.sidenaviNavigation2 ul { width: 169px; float: right; border-top: 1px solid #505050; }
div#sidenavi div.sidenaviNavigation2 li a { background: url(../../images/type4/bg_subnavi4.gif) no-repeat center top; }
div#sidenavi div.sidenaviNavigation2 li.over a { background: url(../../images/type4/bg_subnavi4.gif) no-repeat center bottom; }
div#sidenavi div.sidenaviNavigation2 li#location a { background: url(../../images/type4/bg_subnavi.jpg) no-repeat center bottom; }
div#sidenavi div.sidenaviNavigation2 li a { color: #464646; text-decoration: none; }
div#sidenavi div.sidenaviNavigation2 li a:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
div#sidenavi div.sidenaviNavigation2 ul.subnavi3 li a { background-image: url(../../images/type4/bg_subnavi5.gif); }
div#sidenavi div.sidenaviNavigation2 ul.subnavi3 li a:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
a.upload { background-image: url(../../images/type4/btn_upload.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; position: relative; left: 10px; width: 159px; height: 24px; float: left; margin-top: 10px; display: block; }
a.upload:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.deliteonline { background-image: url(../../images/type4/btn_deliteonline.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; position: relative; left: 10px; width: 197px; height: 22px; margin: 10px auto; }
a.deliteonline:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.reroad { background-image: url(../../images/type4/btn_reroad.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 106px; height: 22px; margin: 10px auto; }
a.reroad:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.onlinealbums { background-image: url(../../images/type4/btn_onlinealbum.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; margin-top: 10px; position: relative; left: 10px; width: 159px; height: 24px; float: left; }
a.onlinealbums:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.albumkanri { background-image: url(../../images/type4/btn_albumkanri.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; margin-top: 10px; position: relative; left: 10px; width: 159px; height: 24px; float: left; }
a.albumkanri:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.autoalbum { background-image: url(../../images/type4/btn_autoalbum.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; margin-top: 10px; position: relative; left: 10px; width: 159px; height: 24px; float: left; }
/* 20101209 Y.Kanno NPB対応 */
a.netphotobook { background-image: url(../../images/type4/btn_netphotobook.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; margin-top: 10px; position: relative; left: 10px; width: 159px; height: 24px; float: left; }
a.autoalbum:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.communitykanri { background-image: url(../../images/type4/btn_comminuty.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; position: relative; left: 10px; display: block; margin-top: 10px; width: 159px; height: 24px; float: left; margin-bottom: 10px; }
a.communitykanri:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; margin-bottom: 10px; display: block; }
a.kojingazo { background-image: url(../../images/type4/btn_kojingazo.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; margin-top: 10px; margin-bottom: 5px; position: relative; left: 10px; width: 159px; height: 24px; float: left; }
a.kojingazo:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
.basket_cont,.basket_cont:link,.basket_cont:visited { color: #464646; font-size: 14px; }
.basket_cont:hover { color: #464646; font-size: 14px; text-decoration: underline; }
a.albumdelite { background-image: url(../../images/type4/btn_albumdelite.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 185px; height: 22px; float: left; margin-right: 10px; }
a.albumdelite:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.albumcopy { background-image: url(../../images/type4/btn_albumcopy.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 185px; height: 22px; float: left; margin-right: 10px; }
a.albumcopy:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.sakujyo { background-image: url(../../images/type4/btn_sakujyo.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; margin-right: 10px; width: 185px; height: 22px; float: left; }
a.sakujyo:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.gazoinfo { background-image: url(../../images/type4/btn_gazoinfo.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; margin-right: 10px; width: 185px; height: 22px; float: left; }
a.gazoinfo:hover { background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; display: block; }
a.copy { background-image: url(../../images/btn_copy.gif); background-repeat: no-repeat; background-position: 50% top; text-indent: -9999px; position: relative; top: -2px; width: 77px; height: 22px; float: right; display: block; }
a.copy:hover { background-position: 50% bottom; }
/*add20081210 upload
---------------------------------------------------------------------------- */
div.formArea a.upload { background: url(../../images/btm_upload.gif) no-repeat center top; text-indent: -9999px; display: block; width: 134px; height: 22px; float: left; overflow: hidden; }
div.formArea a.upload:hover { background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
div.bottomArea .flowBackBottom2 { background: url(../../images/btn_back2.gif) no-repeat center top; text-indent: -9999px; display: block; width: 134px; height: 22px; float: left; overflow: hidden; }
div.bottomArea .flowBackBottom2:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
div.bottomArea .nextupload { background: url(../../images/btn_nextupload.gif) no-repeat center top; text-indent: -9999px; display: block; width: 134px; height: 22px; float: left; overflow: hidden; }
div.bottomArea .nextupload:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
div#sidenavi div.flow2 { color: #fff; background: url(../../images/type4/sidenavi_bg.jpg) no-repeat; display: block; width: 186px; height: 34px; }
div#sidenavi div.flowNow2 { color: #ffffff; background: url(../../images/type4/sidenaviNow_bg.jpg) no-repeat; width: 186px; height: 34px; }
/*add20081210 function
---------------------------------------------------------------------------- */
.function { color: #464646; font-size: 14px; background-color: #fff; text-align: center; width: 250px; height: 48px; margin: 50px auto; padding: 10px; border: solid 1px #aaa; }
.function a.btn_function { background-image: url(../../images/btn_functionon.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; width: 74px; height: 22px; margin-top: 10px; margin-right: auto; margin-left: auto; display: block; }
.function a.btn_function:hover { background-repeat: no-repeat; background-position: center bottom; }
.function_off { color: #464646; font-size: 14px; background-color: #fff; text-align: center; margin: 50px auto; padding: 10px; width: 250px; height: 48px; border: solid 1px #aaa; }
.function_off a.btn_function { background-image: url(../../images/btn_functionoff.gif); background-repeat: no-repeat; background-position: center top; text-indent: -9999px; display: block; margin-top: 10px; margin-right: auto; margin-left: auto; width: 74px; height: 22px; }
.function_off a.btn_function:hover { background-repeat: no-repeat; background-position: center bottom; }
div.bottomArea .back { background: url(../../images/btn_back.gif) no-repeat center top; text-indent: -9999px; display: block; width: 134px; height: 22px; float: left; overflow: hidden; }
div.bottomArea .back:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
div.bottomArea .next2 { background: url(../../images/type4/btn_next2.gif) no-repeat center top; text-indent: -9999px; display: block; width: 134px; height: 22px; float: right; overflow: hidden; }
div.bottomArea .next2:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
div.bottomArea .reload { background: url(../../images/type4/btn_reload2.gif) no-repeat center top; text-indent: -9999px; display: block; width: 134px; height: 22px; float: right; overflow: hidden; }
div.bottomArea .reload:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
div#sidenavi div.sidenaviNavigation2 p { color: #464646; font-size: 10px; width: 169px; float: right; }
/*add20081210 albumsakujyo
---------------------------------------------------------------------------- */
a.topback { background-image: url(../../images/btn_back.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 134px; height: 22px; clear: both; margin-right: auto; margin-bottom: 5px; margin-left: auto; display: block; }
a.topback:hover { background-position: left bottom; }
div.paymentChoiceArea .item_auto { background: url(../../images/type4/btn_item_auto.jpg) no-repeat center top; text-indent: -9999px; display: block; width: 561px; height: 48px; overflow: hidden; }
div.paymentChoiceArea .item_auto:hover { background: url(../../images/type4/btn_item_auto.jpg) no-repeat center bottom; }
a.empty { background-image: url(../../images/btn_empty.gif); background-repeat: no-repeat; background-position: 50% top; text-indent: -9999px; width: 134px; height: 22px; margin-right: auto; margin-left: auto; display: block; }
a.empty:hover { background-position: 50% bottom; }
/* footerauto
---------------------------------------------------------------------------- */
div#footerauto{
	background: url(../../images/type4/bg_footer.jpg) repeat-x bottom;
}
div#footerauto li { padding-left: 12px; border-left: 1px solid #6e6e6e; }
div#footerauto p {
	color:#6e6e6e;
}
div#footerauto a {
	color:#6e6e6e;
}
div#footerauto address {
	color:#FFFFFF;
}
div#footerauto p.title { text-align: center; width: 910px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-bottom: 5px; border-bottom: 1px solid #6e6e6e; }
div.main2 div.mhArea { color: #6e6e6e; font-weight: bold; background: url(../../images/type4/midashi2_bg.jpg) no-repeat; }

/* new onlineAlbum
---------------------------------------------------------------------------- */
.btn_emptyalbum{
    text-indent:-9999px;
    display:block;
    width:197px;
    height:22px;
    display:block;
    background:url(../../images/type4/btn_emptyalbum.gif) no-repeat center top;
}

.btn_emptyalbum:hover{
    background:url(../../images/type4/btn_emptyalbum.gif) no-repeat center bottom;
}

.btn_choicealbum{
    text-indent:-9999px;
    display:block;
    width:330px;
    height:22px;
    display:block;
    background:url(../../images/type4/btn_choicealbum.gif) no-repeat center top;
}

.btn_choicealbum:hover{
    background:url(../../images/type4/btn_choicealbum.gif) no-repeat center bottom;
}

.btn_btn_viewalbum {
    text-indent:-9999px;
    display:block;
    width:330px;
    height:22px;
    display:block;
    background:url(../../images/type4/btn_viewalbum.gif) no-repeat center top;
}

.btn_btn_viewalbum:hover{
    background:url(../../images/type4/btn_viewalbum.gif) no-repeat center bottom;
}

/* A4 Printing 20091111 iijima
---------------------------------------------------------------------------- */
div#header_A4{
	background-image:url(../../images/type1/bg_header.jpg);
	background-repeat: repeat-x;
}

div#header_A4 h1{
	background: url(../../images/type1/logo_pagetitle.jpg) no-repeat left center;
}