@charset "utf-8";

/*------------------------------
GIFT　≫　ギャラリー


------------------------------*/
/* ==========================================================================
メインビジュアル
========================================================================== */
#mainvisual {
width:800px;
height:120px;
margin:0 auto;
position:relative;
}

#mainvisual .txt {
width:560px;
position: absolute;
display:block;
top:30px;
left:230px;
text-align:right;
}

/* ==========================================================================
コンテンツ
========================================================================== */

#wrapper {
background-color:#FFFFFF;
width:800px;
margin:0 auto;
}

#wrapper #inner {
position:relative;
padding:0 18px 12px;
}

#wrapper #inner .read { font-weight:bold; }

#wrapper #inner .read span { font-weight:normal; }

.camTxt {
width:65%;
display:block;
background-color:#FFECEC;
border:3px double #CCF5D5;
padding:2px;
text-align:center;
margin:0 auto;
}

/*ページング*/
.paging {
display:block;
float:right;
text-align:right;
border-left:1px solid #999;
margin-bottom:5px;
}

.paging li {
display:block;
float:left;
text-align:center;
border:1px solid #999;
border-left:none;
}

.paging li.active,
.paging li.active2,
.paging li a {
display:block;
padding:2px 6px;
}

.paging li.active2 { background-color:#CCC; }

.paging li a {
background-color:#56256A;
color:#FFF;
}

.tablist {
clear:both;
text-align:center;
border:3px double #f1f1f1;
padding:15px 15px 10px 15px;
margin-bottom:15px;
}

/*タブ*/
#gallerylist {
height: 25px;
margin-bottom:12px;
}

#gallery_selector {
height: 25px;
cursor: pointer;
background: #ffffff;
}

.selected { height: 25px; }

#gallery .title { /*	background:url(../images/common/bg_dot01.gif) repeat-x left bottom;
	margin-bottom:15px;*/
}

#gallery .title h3 {
/*background:url(../images/common/ico_pink02.gif) no-repeat left 0.3em;
	padding:3px 0 5px 20px;
	font-weight:bold;
	padding:10px 0 0 0;*/
	font-size:109%;
display:block;
width:243px;
float:left;
}

#gallery .title h3 span { font-weight:normal; }

#gallery .title .paging {
display:block;
float:right;
text-align:right;
border-left:1px solid #999;
margin:5px 0 0 0;
}

#gallery .title .paging li {
display:inline;
text-align:center;
border:1px solid #999;
border-left:none;
}

#gallery .title .paging li.active,
#gallery .title .paging li.active2,
#gallery .title .paging li a {
display:block;
padding:2px 6px;
}

#gallery .title .paging li.active2 { background-color:#CCC; }

#gallery .title .paging li a {
background-color:#56256A;
color:#FFF;
}

#gallery #block01 {
clear:both;
display:block;
margin-right:-5px;
}

#gallery #block01 table {
width:100%;
margin-bottom:40px;
}

#gallery #block01 table th { padding:15px 0 0 0; }

#gallery #block01 table td {
width:25%;
vertical-align:top;
border-right:10px solid #FFF;
}

#gallery #block01 table td.txt {
padding-bottom:5px;
line-height:normal;
background:url(../images/common/bg_dot01.gif) left bottom repeat-x;
}

#gallery #block01 table td.price {
padding-top:5px;
font-size:88%;
color:#066;
}

#gallery #block01 table td.price span {
display:block;
text-align:right;
}

.noshow { display: none; }

/*ブロックVer*/
#gallery #block01 .box01 {
width:187px;
float:left;
margin:0 5px 10px 0;
}

#gallery #block01 .box01 h4 {
display:block;
width:178px;
margin-bottom:5px;
}

#gallery #block01 .box01 .txt01 {
width:178px;
margin:0 auto;
padding:0 0 5px 0;
line-height:130%;
background:url(../images/common/bg_dot01.gif) repeat-x left bottom;
}

#gallery #block01 .box01 h5 {
display:block;
width:178px;
color:#066;
padding-top:5px;
font-size:88%;
color:#066;
}

#gallery #block01 .box01 .price01 {
display:block;
width:178px;
color:#066;
font-size:88%;
text-align:right;
}

.noshow { display: none; }

.fixHeightBox { border:1px solid #F00; }

/*- clearfix -*/
#wrapper #inner:after,
#gallery #block01:after,
#gallery:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

/* WinIE4-6用*/
* html #wrapper #inner * html #gallery #block01,
* html #gallery {
display: inline-block;
height: 1%;
}

#wrapper #inner,
#gallery #block01,
#gallery { zoom:1; }

/*--*/
