@charset "utf-8";
@import url(default.css);
@import url(menu.css);
/*--------------------------------------
  ichirosan-printkobo.com Total Style Sheet
  Last Update 2008-01-10
  CREATED:
  Imaging Noias  
  http://noias.net/
---------------------------------------*/

/********************************
Universal
*********************************/
div.content_left{
	clear : both;
	float : left;
	width : 300px;
}
div.content_right{
	float : right;
}
div.content_box{
	clear : both;
}
/********************************
Big Box
*********************************/
body{
	text-align : center;
	background : transparent url(../images/share/box_rep.gif)  repeat;
	filter:expression('');
}
div#box{
	background : #eee url(../images/share/box_rep.gif) bottom center repeat-x;
	text-align : center;
}
div#container{
	text-align : left;
	margin : 88px auto 15px;
	width : 980px;
	position : relative;
	background : transparent url(../images/share/container_bg.gif) 49px 50px no-repeat;
}
body#index div#container{
	margin-bottom : 0;
}

body#catalog_5942 div#container,
body#catalog_5882 div#container,
body#catalog_5618 div#container,
body#catalog_5620 div#container,
body#catalog_5928 div#container,
body#catalog_size div#container,
body#catalog_color div#container,
body#print_ink div#container,
body#print_position div#container,
body#order div#container,
body#catalog_top div#container
{
/*html用に戻すときは、下のコメントアウトを逆にして、catalog_top.css内のpadding-leftを変更*/
 	text-align : left;
	width : 980px;
	position : relative;
	padding : 0;
	background : transparent;
	padding-top:20px;
	/*_margin-top:20px;
	_padding-top:0;*/
	/*
	margin:0 auto 20px;
	padding-bottom: 50px ;*/
}

body#catalog_5942 div#container h3#h3L,
body#catalog_5882 div#container h3#h3L,
body#catalog_5618 div#container h3#h3L,
body#catalog_5620 div#container h3#h3L,
body#catalog_5928 div#container h3#h3L
{background : transparent url(../images/catalog_top/h3_3.gif) no-repeat;margin-top:20px;}

div#leftside{
	margin-top : 20px;
	width : 315px;
	float : left;
	background : transparent url(../images/share/white.jpg) 49px 0 repeat-y;
}
div#rightside{
	margin-top : 20px;
	padding-top : 35px;
	border-right : 1px solid #ccc;
	width : 619px;
	_width : 659px;
	padding-right : 35px;
	float : left;
	background : #fff;
}
/********************************
LeftSide
*********************************/
div#postit{
	background : transparent url(../images/share/postit.jpg) no-repeat;
}
h1{
	font-size : 16px;
	font-family:"HGPｺﾞｼｯｸE","Arial Black",  "ヒラギノ角ゴ Std W8",  HiraKakuStd-W8, Osaka, sans-serif;
	text-indent : -9999px;
	width : 310px;
	height : 130px;
	background : transparent url() 40px 43px no-repeat;
}
div#calendar{
	height : 644px;
	margin : 70px 0 0 70px;
}
div#column_b{
	height : 644px;
	margin : 70px 0 0 70px;
}
/********************************
RightSide
*********************************/
h3{
	font-size : 20px;
	font-family:"ＭＳ Pゴシック",MS PGothic,"Arial Black",  "ヒラギノ角ゴ Std W8",  HiraKakuStd-W8, Osaka, sans-serif;
	width : 300px;
	height : 50px;
	text-indent : -9999px;
	background-position : 5px 0;
	background-repeat : no-repeat;
}
h4{
	color : #7797AC;
	background : transparent url(../images/print_type/h4.gif) 0 center no-repeat;
	padding-left : 15px;
}
/********************************
Btn
*********************************/
.btn{
	display : block;
	text-indent : -9999px;
	background : transparent url() no-repeat;
}

.download_btn,.calculate_btn{
	display : block;
	text-indent : -9999px;
	width : 82px;
	height : 23px;
	background-image : url(../images/share/download_btn.gif);
}
.calculate_btn{background-image : url(../images/share/calculate_btn.gif);}
.download_btn:hover,.calculate_btn:hover{background-position : 0 -23px;}
.pagetop{
	clear : both;
	display : block;
	text-indent : -9999px;
	width : 103px;
	height : 17px;
	background : transparent url(../images/share/pagetop.gif) center center no-repeat;

}
/********************************
Sub Menu
*********************************/
ul#submenu{
	margin-left : 50px;
}
ul#submenu li a{
	display : block;
	text-indent : -9999px;
	width : 210px;
	height : 30px;
	background : transparent url() 0 0 no-repeat;
}
ul#submenu li#sub1 a{background-position : 0 0;}
ul#submenu li#sub2 a{background-position :  0 -30px;}
ul#submenu li#sub3 a{background-position :  0 -60px;}
ul#submenu li#sub4 a{background-position :  0 -90px;}
ul#submenu li#sub5 a{background-position :  0 -120px;}
ul#submenu li#sub6 a{background-position :  0 -150px;}
ul#submenu li#sub7 a{background-position :  0 -180px;}
ul#submenu li#sub8 a{background-position :  0 -210px;}
ul#submenu li#sub9 a{background-position :  0 -240px;}
ul#submenu li#sub10 a{background-position :  0 -270px;}

ul#submenu li#sub1 a:hover{background-position : -210px 0;}
ul#submenu li#sub2 a:hover{background-position : -210px -30px;}
ul#submenu li#sub3 a:hover{background-position : -210px -60px;}
ul#submenu li#sub4 a:hover{background-position : -210px -90px;}
ul#submenu li#sub5 a:hover{background-position : -210px -120px;}
ul#submenu li#sub6 a:hover{background-position : -210px -150px;}
ul#submenu li#sub7 a:hover{background-position : -210px -180px;}
ul#submenu li#sub8 a:hover{background-position : -210px -210px;}
ul#submenu li#sub9 a:hover{background-position : -210px -240px;}
ul#submenu li#sub10 a:hover{background-position : -210px -270px;}

/********************************
ads
*********************************/
ul#ads{
	margin-left : 50px;
}
ul#ads li a{
	margin-top:40px;
	margin-left:20px;
	display : block;
	text-indent : -9999px;
	width : 190px;
	height : 102px;
	background : transparent url(../images/share/gallery_banner.jpg) 0 0 no-repeat;
}
ul#ads li a:hover{
	background-position:0 -102px;
}

/********************************
Player
*********************************/
div#player{
	z-index : 1;
	width : 980px;
	height : 550px;
}

/********************************
Banner
*********************************/
/* case by index.html and flash page*/
ul#banner li{
	float:left;
}

ul#banner li a{
	text-indent : -9999px;
	display: block;
	width:225px;
	height:67px;
	background-color:#ccc;
	margin: 10px 26px 0 0;
	_margin-top : 3px;
	text-decoration: none;
}
ul#banner li#banner1 a{background : transparent url(../images/share/banner.jpg) 0 0 no-repeat;}
ul#banner li#banner2 a{background : transparent url(../images/share/banner.jpg) -225px 0 no-repeat;}
ul#banner li#banner3 a{background : transparent url(../images/share/banner.jpg) -450px 0 no-repeat;}
ul#banner li#banner4 a{margin-right:0px;background : transparent url(../images/share/banner.jpg) -675px 0 no-repeat;}

ul#banner li#banner1 a:hover{background : transparent url(../images/share/banner.jpg) 0 -67px no-repeat;}
ul#banner li#banner2 a:hover{background : transparent url(../images/share/banner.jpg) -225px -67px no-repeat;}
ul#banner li#banner3 a:hover{background : transparent url(../images/share/banner.jpg) -450px -67px no-repeat;}
ul#banner li#banner4 a:hover{margin-right:0px;background : transparent url(../images/share/banner.jpg) -675px -67px no-repeat;}

/********************************
form
*********************************/
.form_memo{
	margin : 0 10px 50px 10px;
}
.send_btn{
	display : block;
	width : 82px;
	height : 23px;
	margin : 40px auto;
	text-indent : -9999px;
	background : transparent url(../images/share/send_btn.jpg) 0 0 no-repeat;
	cursor : pointer;
}

form dl.dl_list dt{
	background-position : 6px 8px;
	background-repeat : no-repeat;
	width : 10em;
}
form dl.dl_list dd{
	margin-left : 10em;
}
.form_error{
	color : #f00;
}
/********************************
footmenu
*********************************/
div#footer{
	clear:both;
	text-align:left;
	margin : 0 auto ;
	width : 980px;
}

ul#footmenu li{
	float:left;
	margin : 10px 20px 20px 0;
}

p#copy{
	float:right;
	margin : 8px 0 20px 0;
}
/********************************
gallery
*********************************/
div#blocklayer{
	width:100%;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	opacity: .95; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=65); /* IE lt 8 */
	-ms-filter: "alpha(opacity=65)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */	
}
ul#listlayer{
	position:absolute;
	top:0;
	left:0;
}
	ul#listlayer li{
		float:left;
		width:80px;
		height:80px;
		background-color:#000;
		margin:1px;
		overflow:hidden;
		cursor:pointer;
	}
	ul#listlayer li img{
		background:#ccc;
	}
div#bar{
	position:fixed;
	_position:absolute;
	bottom:12px;
	left:12px;
	_top:expression((documentElement.scrollTop||document.body.scrollTop)-47+(document.body.clientHeight||document.documentElement.clientHeight)+'px');
	height:35px;
	background:#33415b;
	line-height:35px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #000;
	-moz-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 10px #000;
}
	div#bar p{
		float:left;
		text-indent:10px;
		color:#ccc;
		cursor:default;
	}
	div#bar a{
		display:block;
		float:right;
		margin-right:20px;
		text-decoration:none;
		color:#fff;
		font-weight:bold;
	}
	div#bar a:hover{
		color:#f00;
	}
div#canvasBox{
	height:100%;
	width:100%;
	background:#333;
	position:absolute;
}
	div#canvasBox img{
		background:#fff url(../images/share/loader.gif) no-repeat 50% 50%;
		position:absolute;
		cursor:pointer;
	}
	a#gallery_prev,a#gallery_next{
		display:block;
		opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=30); /* IE lt 8 */
		-ms-filter: "alpha(opacity=30)"; /* IE 8 */
		-khtml-opacity: .30; /* Safari 1.x */
		-moz-opacity: .30; /* FF lt 1.5, Netscape */
		text-decoration:none;
		color:#000;
		height:53px;
		width:53px;
		margin-top:-26px;
		text-indent:-9999px;
		position: absolute;
		top:50%;
		background:transparent url() no-repeat 50% 50%;
		outline:none;
	}
	a#gallery_prev:hover,a#gallery_next:hover{
		opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=100); /* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
		-khtml-opacity: 1; /* Safari 1.x */
		-moz-opacity: 1; /* FF lt 1.5, Netscape */

	}
	a#gallery_prev{
		background-image:url(../images/gallery/prev.gif);
		left:10px;
	}
	a#gallery_next{
		background-image:url(../images/gallery/next.gif);
		right:10px;
	}