/* keitodama contents css */

/*
keitodama css start --------------------------*/

h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	margin:0;
	padding:0;
	border:0;
	text-decoration: none;
}

.keitodama {
	width:570px;
	margin:10px 0 0 0;
	padding:0;
	background-color:#ffffff;
	border:5px solid #f0f0f0;
	color:#696969;
}

.keitodama p{
	padding:0;
	margin:0;
	font-size:75%;
	line-height:1.5em;
}

.keitodama a img { border:none; }

.keitodama a { color:#696969; }

.keitodama a:hover { text-decoration:none; }

/*
ヘッダ部分 --------------------------*/

.keitoHeader{
	width:550px;
	margin:0;
	padding: 20px 0 0 20px;
}

.keitoHeader h3 {
	width: 324px;
	height: 83px;
	margin-bottom: 20px;
}

.keitoHeader .cover {
	width: 200px;
	float: left;
}
.keitoHeader .cover img {
	margin: 0;
}
.keitoHeader .cover p {
	text-align: center;
	font-weight: bold;
	margin: 5px 0 0 0;
}

.keitoHeader .headerTxt{
	color: #555;
	width:335px;
	float: right;
	padding-bottom: 10px;
}

.keitoHeader .headerTxt h4 {
	margin: 0 0 5px 0;
}

.keitoHeader .headerTxt p {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.keitoHeader .headerTxt ul{
	padding:0;
	margin:0 0 0 5px;
	font-size:75%;
	line-height:1.5em;
	list-style-type: none;
}

.keitoHeader .headerTxt li {
	margin: 0;
	padding: 0;
}

.keitoHeader .headerTxt .headerLink{
	margin:10px 0 0 25px;
}

.keitoHeader .headerTxt .headerLink img{
	margin:0 5px;
}

/* IE6 hack --*/
*html body .keitoHeader .headerImg{ margin-right:12px; }

/*
コンテンツ --------------------------*/

.keitoBlock{
	width:530px;
	margin:0 20px;
	padding:0;
}

.keitoBlock .nextBlock{
	width:513px;
	padding-left:15px;
	border-right:1px solid #967c5a;
	border-left:1px solid #967c5a;
}

.keitoBlock .nextBlock-yokoku{
	background:url(../images/bg_next.jpg) no-repeat 267px 0px;
}

.keitoBlock .nextBlock .boxL{
	float:left;
	width:130px;
	margin-bottom:20px;
}

.keitoBlock .nextBlock .boxR{
	float:right;
	width:363px;
	padding-left:10px;
}

.keitoBlock .nextBlock .boxR p{
	margin-bottom:5px;
}

.keitoBlock .nextBlock .boxL02{
	float:left;
	width:146px;
	border-right:1px solid #967c5a;
}

.keitoBlock .nextBlock .boxR02{
	float:right;
	width:197px;
	padding-left:10px;
}

.keitoBlock .nextBlock .boxR02 ul{
	margin:0 0 0 5px;
	font-size:75%;
	line-height:1.5em;
}

.keitoBlock .nextBlock .boxR h4{
	margin-bottom:10px;
}

.keitoBlock .nextBlock .nextBox{
	width:500px;
	background-color:#faf3dc;
}

.keitoBlock .nextBlock .nextBox h4{
	width:300px;
	margin-bottom:15px;
}

.keitoBlock .nextBlock .nextBox p{
	margin-bottom:15px;
}

.keitoBlock .nextBlock .nextBox strong{
	color:#7c6444;
}

.keitoBlock .nextBlock .nextBox .nextBtn{
	float:right;
	margin-right:10px;
}
/* IE6 hack --*/
*html body .keitoBlock .nextBlock .nextBox .nextBtn{ margin-right:5px; }


.keitoBlock .nextBlock .nextBox .picBox{
	margin-left:10px;
}

.keitoBlock .nextBlock .nextBox .picBox img{
	margin-left:5px;
}

.keitoBlock .nextBlock .nextBox h4,
.keitoBlock .nextBlock .nextBox p{
	margin-left:15px;
}

.keitoBlock .albumBox{
	margin-top:10px;

}

.keitoBlock .albumBox p.inTxt{
	margin:0px 10px 0 115px;
	padding-top:10px;
	height:260px;
}



.keitoBlock .albumBox p.inBtn{
	text-align:center;
}


.keitoBlock .albumBox .boxL{
	float:left;
	width:260px;
}

.keitoBlock .albumBox .boxR{
	float:right;
	width:260px;
	margin-left:10px;	
}

.keitoBlock .albumBox .boxL02{
	width:258px;
	border-right:1px solid #65a452;
	border-left:1px solid #65a452;
}

.keitoBlock .albumBox .boxR02{
	width:258px;
	border-right:1px solid #d55b54;
	border-left:1px solid #d55b54;
	background:url(../images/bg_album.jpg) no-repeat 0 0;	
}

.keitoBlock .infoBox{
	clear: both;
	padding-top: 20px;
}

.keitoBlock .infoBox h4{
	margin-bottom:15px;
}

.keitoBlock .infoBox p{
	margin-bottom:20px;
}

.keitoBlock .infoBox .boxL{
	float:left;
	width:240px;
	margin-bottom:35px;
}

.keitoBlock .infoBox .boxR{
	float:right;
	width:280px;
	margin-left:10px;	
}

.keitoBanner{
	clear:both;
	width:530px;
	margin-bottom:20px;
	text-align:center;
}

/*
掲載作品一覧 --------------------------*/

.itemBlock{
	width:530px;
	margin:0;
	padding:0 20px;
}

/* IE6 hack --*/
*html body .itemBlock{}


.itemBlock h4{
	margin-bottom:20px;
}

.itemBlock p{
	margin-bottom:20px;
}

.itemBlock .h4Txt{
	margin-bottom:25px;
}

.itemBlock .h4Img{
	margin-bottom:5px;
}

.itemBlock .itemBox{
	width:530px;
	margin:15px 0;
	background-color:#faf3dc;
}

.itemBlock .itemBox .topBox,
.itemBlock .itemBox .bottomBox{
	width:505px;
	margin: 0 0 16px 16px;
}

.itemBlock .itemBox .photoBox{
	float:left;
	position: relative;
	width:62px;
	margin-right:10px;
}

.itemBlock .itemBox .photoBox .thumb{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.itemBlock .itemBox .photoBox .thumb a img {
	border: 1px solid #fff;
}

.itemBlock .itemBox .photoBox .thumb a:hover img {
	border: 1px solid #ff6600;
}

.itemBlock .itemBox .photoBox .zoom{
	position: relative;
	top: -73px;
	left: 5px;
	z-index: 1;
}

.itemBlock .itemBox .photoBox .page{
	position: absolute;
	top: 80px;
	left: 0px;
	width:62px;
	padding:1px 0;
	background-color:#7b4d30;
	color:#ffffff;
	text-align: center;
	font-size: 75%;
}

/*
リンク -------------------- */

.keitodama .linkBox{
	width:530px;
	margin:0 20px 25px;
	padding: 11px 0;
	background-color:#faf3dc;
	text-align: center;
}

.keitodama .linkBox p{

}

.keitodama .linkBox p span{
	background: url(../images/bg_link.gif) repeat-y;
	margin-left: 21px;
	padding-left: 20px;
}

/*
ポップアップページ -------------------- */

.popBg{
	margin:0;
	padding:0;
}
.footerCopy{
	background: url(../pop/images/bg_pop.gif) repeat-x 0 100%;
	padding-top:20px;
	padding-bottom:40px;
}

.keitoPop{
	width:500px;
	height:600px;
}

.keitoPop img{
	margin:0;
	padding:0;
}

.keitoPop a img { border:none; }

.keitoPop h3{
	margin:10px;
}

.keitoPop .popBox{
	height:430px;
	margin:0 0 10px 20px;
}

.keitoPop .popBox .boxL{
	float:left;
	width:350px;
}

.keitoPop .popBox .boxR{
	float:right;
	width:120px;
	margin-left:10px;
}

.keitoPop .popBox .boxR .thumb{
	margin-bottom:7px;
}

.keitoPop .closeBtn{
	clear:both;
	width:500px;
	margin-bottom:15px;
	text-align: center;	
}

.keitoPop .footerCopy{
	width:500px;
	text-align: center;
}

.keitoPop .albumpopBox{
	height:430px;
	margin:0 0 10px 20px;
}

.keitoPop .albumpopBox .boxL{
	float:left;
	width:352px;
}

.keitoPop .albumpopBox .boxR{
	float:right;
	width:122px;
	margin-left:6px;
}

.keitoPop .albumpopBox .boxR .thumb{
	margin-bottom:7px;
}

.keitoPop .albumpopBox img{
	border: 1px solid #BDBDBD;
}

.keitoPop .albumpopBox img.guide{
	border: 0px;
}


/* add 08/10/20 */
.keitoPop{
font-size:80%;
}

.keitoPop .popTtl,
.keitoPop .popTxt,
.keitoPop .btmLinks{
margin-left:20px;
margin-right:20px;
}
.keitoPop .popTtl p,
.keitoPop .popTxt p,
.keitoPop .btmLinks ul,
.keitoPop .btmLinks li{
margin:0;
padding:0;
font-size:100%;
}

/* a */
.keitoPop .btmLinks a,
.keitoPop .btmLinks a:link,
.keitoPop .btmLinks a:visited{
color:#696969;
}
.keitoPop .btmLinks a:hover{
text-decoration:none;
}

/* set margin */
.btmLinks,
.keitoPop .popTxt p{
margin-top:13px;
}
.btmLinks{
margin-bottom:15px;
}

/* ttl */
.keitoPop .popTtl{
	padding:8px 10px;
	background-color:#f5e5de;
}
.keitoPop .popTtl strong{
	color:#d56932;
	line-height:1.4;
}

.keitoPop .popTtl .hName{
float:left;
width:342px;
border-right:solid 1px #d56931;
}
.keitoPop .popTtl .hNotes{
float:right;
width:90px;
}

/* btm links */
.btmLinks{
padding:8px 10px;
background-color:#f0f0f0;
}
.btmLinks ul li.back{
float:left;
}
.btmLinks ul li.next{
float:right;
text-align:right;
}
.btmLinks ul li{
width:220px;
list-style:none;
}

/* icon */
.btmLinks ul li{
background-repeat:no-repeat;
}
.btmLinks ul li.back{
float:left;
background-image:url(../images/popup_icon_link.gif);
background-position:0 50%;
}
.btmLinks ul li.next{
float:right;
text-align:right;
background-image:url(../images/popup_icon_link_n.gif);
background-position:100% 50%;
}

.btmLinks ul li.back a{
padding-left:20px;
}
.btmLinks ul li.next a{
padding-right:20px;
}


/* clear */
.keitoPop .popTtl:after,
.keitoPop .btmLinks ul:after{
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE6, IE7 \*/
*:first-child+html .keitoPop .popTtl,
*:first-child+html .keitoPop .btmLinks ul{
display:inline-block;
}

*html .keitoPop .popTtl,
*html .keitoPop .btmLinks ul{
height:1%;
}
/* end */

/*  /keitodama_web/y2008winter/
---------------- add 08/10/21 */
/* reset */
.albumItems .itemSet p,
.albumItems .itemSet dl,
.albumItems .itemSet dt,
.albumItems .itemSet dd{
margin:0;
padding:0;
}

/* wrap */
.albumHead{
min-height:265px;
background-image:url(../y2008winter/images/knitalbum_head_bg.jpg);
background-repeat:no-repeat;
background-position:0 0;
}
/* IE6 \ */
*html .albumHead{
height:265px;
}
/* end */

.albumHead h3 {
	margin: 20px 0 30px 20px;
}

.albumLead,
.albumHead h4,
.albumItems{
margin-left:20px;
margin-right:20px;
}

.albumItems .bg{
padding-left:10px;
padding-right:10px;
}
.albumItems .conItem{
margin-bottom:20px;
}
.albumLead{
margin-top:15px;
}


p.albumBnr{
margin-top:15px;
margin-bottom:20px;
text-align:center;
}
.albumHead h4{
margin-top:11px;
}
/* bg */
.albumItems .bg,
.albumItems{
background-repeat:no-repeat;
}
.albumItems{
padding-top:15px;
background-position:0 0;
background-color:#f5e5de;
background-image:url(../y2008winter/images/knitalbum_con_bg_top.gif);
}
.albumItems .bg{
padding-bottom:1px;
background-position:0 100%;
background-image:url(../y2008winter/images/knitalbum_con_bg_btm.gif);
}

/* ----- lead */
.albumLead p{
float:left;
width:400px;
}

.albumLead .btn{
width:130px;
margin-top:50px;
}


/* ----- items */
.albumItems .itemSet{
float:left;
width:170px;
}

.albumItems .itemSet p,
.albumItems .itemSet dl{
margin-left:5px;
margin-right:5px;
}
.albumItems .itemSet p{
padding-bottom:3px;
background-color:#f5e5de;
}
.albumItems .itemSet dl{
padding:5px 5px;
font-size:80%;
background-color:#eda17a;
text-align:center;
color:#fff;
}
.albumItems .itemSet dd{
font-size:80%;
}
.albumItems .itemSet dt{
font-weight:bold;
}
.albumItems .conItem{
background-image:url(../y2008winter/images/album_item_ttl_bg.gif);
background-repeat:repeat-y;
background-position:50% 0;
}


/* -----  banner */

/* -----  clear */
.albumLead:after,
.albumItems .conItem:after{
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE6, IE7 \*/
*:first-child+html .albumLead,
*:first-child+html .albumItems .conItem{
display:inline-block;
}
*:first-child+html .albumItems .bg{
height:1%;
}

*html .albumLead,
*html .albumItems .conItem,
*html .albumItems .bg{
height:1%;
}
/* end */