@charset "utf-8";

/* CSS for closeup category */


/* common settings
-------------------------------------------------------------- */

#closeup-container #upper_title dt {
	width: 265px;
}
#closeup-container #upper_title dd {
	width: 545px;
	background-image: url(../../closeup/images/com_bg01.gif);
}
#closeup-container .icon-link,
#closeup-container .icon-link02 {
	display:block;
	float:left;
}
#closeup-container .icon-link {
	background: url(../../closeup/images/com_ic02.gif) no-repeat scroll 0 0.3em;
	padding:0 0 0 18px;
	font-size: 100%;
}
#closeup-container #main-visual h1 {
	margin: 0;
	padding: 0;
	background-image: none;
	font-size: 0;
}
#closeup-container #duo-contents #duo-detail-contents h2 img {
	margin: 20px 0 20px 20px;
}
#closeup-container #duo-contents #duo-detail-contents #third-block h2 img {
	margin-top: 30px;
}
#closeup-container ul#tab_navi li, 
#closeup-container ul#lower_tab_navi li {
	margin: 0 0 0 1px !important;
}
#closeup-container ul#tab_navi li.first, 
#closeup-container ul#lower_tab_navi li.first {
	margin: 0 !important;
}
#closeup-container ul#lower_tab_navi {
	padding: 0 !important;
}


/* main visual */

#closeup-container #main-visual {
	width: 650px;
	background: url(../../closeup/images/index_bg01.gif) repeat-y 0 0;
}
#closeup-container #main-visual .ph {
	float: left;
	width: 540px;
}
#closeup-container #main-visual .catch-txt {
	float: right;
	width: 110px;
	margin-bottom: 0;
}
#closeup-container #main-visual .lead-txt {
	display: inline;
	float: left;
	width: 480px;
	margin-left: 30px;
	background-color: #2E2317;
	color: #CBC8C5;
	font-size: 100%;
}

/* aside parts */

#closeup-container div#aside #special-index h2 {
	height: 47px;
	width: 156px;
	background: url(../images/closeup_h01.gif) no-repeat 0 0;
}
#closeup-container div#aside #special-index h2 a {
	height: 47px;
}
#closeup-container div#aside #special-index ul {
	width: 141px;
	margin: 5px 0 0 5px;
	padding: 0 0 10px 5px;
	background-image: none;
	background-color: #EFEADC;
	font-size: 120%;
}
#closeup-container div#aside #special-index ul li {
	line-height: 1.4;
	padding-left: 7px;
	background: url(../images/special_ic01.gif) no-repeat scroll 0 0.3em;
}

/* margin parts */

#closeup-container .mb10 {
	margin-bottom: 10px !important;
}
#closeup-container .mb20 {
	margin-bottom: 20px !important;
}
#closeup-container .mb30 {
	margin-bottom: 30px !important;
}

/* padding parts */

#closeup-container .pt30 {
	padding-top: 30px !important;
}
#closeup-container .pb0 {
	padding-bottom: 0 !important;
}
#closeup-container .pb10 {
	padding-bottom: 10px !important;
}
#closeup-container .pb20 {
	padding-bottom: 20px !important;
}
#closeup-container .pb30 {
	padding-bottom: 30px !important;
}
#closeup-container .pb50 {
	padding-bottom: 50px !important;
}

/* align parts */

#closeup-container .a-l {
	text-align: left!important;
}
#closeup-container .a-c {
	text-align: center!important;
}
#closeup-container .a-r {
	text-align: right!important;
}


/* closeup top page
-------------------------------------------------------------- */

#closeup-container #closeup-contents {
	width: 650px;
	padding: 33px 0 48px 0;
	background: #E8E3D8 url(../../closeup/images/index_bg02.gif) no-repeat 0 0;
}
#closeup-container #closeup-contents .pickup-ic {
	display: inline;
	float: left;
	width: 50px;
	margin-left: 20px;
	padding-top: 1px;
}
#closeup-container #closeup-contents .closeup-body {
	float: right;
	width: 559px;
	padding-bottom:30px;
	background: url(../../closeup/images/index_tx04.gif) no-repeat 100% 28px;
	border-left: 1px #BAB6AD solid;
}
#closeup-container #closeup-contents .closeup-body .sub-txt {
	margin: 4px 0 0 20px;
}
#closeup-container #closeup-contents .closeup-body .main-txt {
	margin: 9px 0 0 20px;
}
#closeup-container #closeup-contents .closeup-body .detail-btn {
	float: right;
	width: 96px;
	margin: -15px 10px 0 0;
}
#closeup-container #closeup-contents .closeup-body .closeup-item {
	margin-top: 21px;
}
#closeup-container #closeup-contents .closeup-body .closeup-item .left {
	float: left;
	min-height: 160px;
	width: 309px;
	padding-right: 10px;
	background: #DFD5BF url(../../closeup/images/index_bg03.gif) no-repeat 0 0;
}
* html #closeup-container #closeup-contents .closeup-body .closeup-item .left { /* for IE6 */
	height: 160px;
}
#closeup-container #closeup-contents .closeup-body .closeup-item .left ul {
	margin-left: 20px;
	padding-top: 18px;
}
#closeup-container #closeup-contents .closeup-body .closeup-item .left ul li {
	margin-bottom: 9px;
}
#closeup-container #closeup-contents .closeup-body .closeup-item .left ul li a {
	padding: 2px 0 2px 18px;
}
#closeup-container #closeup-contents .closeup-body .closeup-item .right {
	float: right;
	width: 240px;
}
#closeup-container #closeup-contents .closeup-body .closeup-item .right p {
	margin-bottom: 0;
}


#closeup-container #closeup-contents .closeup-sub-box {
	float: left;
	width: 261px;
	padding-left:19px;
	margin:13px 0 0 90px;
	background: url(../../closeup/images/index_tx06.gif) no-repeat 100% 42px;
	border-left: 1px #BAB6AD solid;
	display:inline;
}
#closeup-container #closeup-contents .closeup-sub-box .subbox-txt {
	margin-top:5px;
}
#closeup-container #closeup-contents .closeup-sub-box .subbox-img {
	margin-bottom:10px;
}

/* duo category
-------------------------------------------------------------- */

#closeup-container #duo-contents {
	color: #343233;
}
#closeup-container #duo-contents p {
	margin-bottom: 0;
	line-height: 1.5;
}
#closeup-container #duo-contents .first-letter {
	font-size: 180%;
	font-weight: bold;
	line-height: 1.1;
}
#closeup-container #duo-contents .txt-col {
	padding: 27px 20px;
}
#closeup-container #duo-contents .icon {
	height: 1%;
	background: url(../../closeup/duo/images/duo_bg01.gif) no-repeat 0 28px;
}
#closeup-container #duo-contents .icon2 {
	height: 1%;
	background: url(../../closeup/duo/images/duo_bg02.gif) no-repeat 0 28px;
}
#closeup-container #duo-contents #first-block {
	background-color: #E8E3D8;
}
#closeup-container #duo-contents #second-block {
	background-color: #E7E3D8;
}
#closeup-container #duo-contents #third-block {
	background-color: #E8E3D8;
}
#closeup-container #duo-contents #forth-block {
	background-color: #A99D81;
}
#closeup-container #duo-contents #fifth-block {
	background-color: #E8E3D8;
}
#closeup-container #duo-contents #sixth-block {
	background-color: #A99D81;
}
#closeup-container #duo-contents .asym-col {
	width: 650px;
}
#closeup-container #duo-contents .asym-col .left {
	float: left;
	width: 325px;
}
#closeup-container #duo-contents .caption {
	width: 325px;
	background-color: #A89D81;
	color: #FFFFFF;
	font-size: 100%;
}
#closeup-container #duo-contents .asym-col .caption .left-cap {
	float: left;
	width: 132px;
	padding: 10px 19px 10px 9px;
}
#closeup-container #duo-contents .asym-col .caption .right-cap {
	float: right;
	width: 132px;
	padding: 10px 19px 10px 9px;
}
#closeup-container #duo-contents .asym-col .right {
	float: right;
	width: 324px;
}
#closeup-container #duo-contents #link-area {
	width: 540px;
	margin: 50px 0 0 90px;
	padding: 0 0 26px 20px;
	background-color: #FFFFFF;
}
#closeup-container #duo-contents #link-area #title {
	margin: 0 0 10px -3px;
}
#closeup-container #duo-contents #link-area .asym-col {
	width: 540px;
	border-top: 1px #E8E3D8 solid;
}
#closeup-container #duo-contents #link-area .asym-col .left {
	float: left;
	width: 380px;
	padding: 16px 0 10px;
}
#closeup-container #duo-contents #link-area .asym-col .right {
	float: right;
	width: 150px;
}
#closeup-container #duo-contents #link-area .asym-col .left p,
#closeup-container #duo-contents #link-area .asym-col .right p {
	margin-bottom: 0;
}
#closeup-container #duo-contents #link-area .asym-col .left .supplement {
	display: block;
	margin: 10px 0 0 19px;
}
#closeup-container #duo-contents #link-area .last {
	border-bottom: 1px #E8E3D8 solid;
}


/* duo detail contents */

#closeup-container #duo-contents #duo-detail-contents #main-visual {
	background-image: none;
}
#closeup-container #duo-contents #duo-detail-contents #main-visual .ph,
#closeup-container #duo-contents #duo-detail-contents #main-visual .catch-txt {
	width: 325px;
}

#closeup-container #duo-contents #duo-detail-contents #second-block {
	background-color: #A99D81;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col {
	width: 630px;
	margin-left: 20px;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .left {
	float: left;
	width: 315px;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .right {
	float: right;
	width: 315px;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .white-area {
	background-color: #FFFFFF;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .inner-txt {
	padding: 0 20px 0 10px;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .left .inner-txt {
	padding-left: 0;
}
#closeup-container #duo-contents #duo-detail-contents .white-txt {
	color: #FFFFFF;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .caption {
	width: 295px;
	padding: 7px 10px;
	background-color: #6E634A;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col {
	width: 315px;
	margin-top:10px;
	background: url(../../closeup/duo/images/structure_bg01.gif) no-repeat 0 10px;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col {
	width: 271px;
	margin-left: 22px;
	padding: 13px 0 20px 7px;
	background: url(../../closeup/duo/images/structure_bg02.gif) no-repeat 0 100%;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col .spec dt {
	float: left;
	width: 1.5em;
	font-weight: bold;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col .spec dd {
	margin-left: 2em;
	zoom: 1;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col .type-name {
	margin-bottom: 13px;
	font-size: 120%;
	font-weight: bold;
}
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .last {
	background-image: none;
}
#closeup-container #duo-contents #duo-detail-contents #bottom-link {
	padding: 30px 0 20px;
	background-color: #E8E3D8;
	text-align: center;
}
#closeup-container #duo-contents #duo-detail-contents #bottom-link ul {
	width: 610px;
	margin: 0 auto;
}
#closeup-container #duo-contents #duo-detail-contents #bottom-link ul .back {
	float: left;
	width: 300px;
	text-align: left;
}
#closeup-container #duo-contents #duo-detail-contents #bottom-link ul .next {
	float: right;
	width: 300px;
	text-align: right;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phl,
#closeup-container #duo-contents #duo-detail-contents .asym-col-phr {
	width: 630px;
	margin-left: 20px;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phl .left {
	float: left;
	width: 415px;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phl .right {
	float: right;
	width: 215px;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phr .left {
	float: left;
	width: 215px;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phr .right {
	float: right;
	width: 415px;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phl .img-col {
	margin-top: 28px;
	text-align: right;
}
* html #closeup-container #duo-contents #duo-detail-contents .asym-col-phl .img-col { /* for IE6 */
	margin-top: 29px;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phr .img-col {
	margin-top: 28px;
	text-align: left;
}
* html #closeup-container #duo-contents #duo-detail-contents .asym-col-phr .img-col { /* for IE6 */
	margin-top: 29px;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phr .left .txt-col {
	padding: 19px 16px 0 0;
}
#closeup-container #duo-contents #duo-detail-contents .asym-col-phl .right .txt-col {
	padding: 22px 20px 0;
}
#closeup-container #duo-contents #duo-detail-contents .caption-area {
	width: 590px;
	margin-left: 20px;
	padding: 10px 20px;
	background-color: #6E634A;
	text-align: right;
	color: #FFFFFF;
	font-size: 100%;
}
#closeup-container #duo-contents #duo-detail-contents #third-block .caption-area,
#closeup-container #duo-contents #duo-detail-contents #fifth-block .caption-area {
	background-color: #A89D81;
}
#closeup-container #duo-contents #duo-detail-contents .column-box {
	position: relative;
	width: 630px;
	margin: 70px 0 0 20px;
	background: url(../../closeup/duo/images/styling_bg01.gif) repeat-y 0 0;
}
#closeup-container #duo-contents #duo-detail-contents .column-box .title {
	position: absolute;
	top: -41px;
	left: -1px;
	width: 132px;
}
#closeup-container #duo-contents #duo-detail-contents .column-box .txt {
	float: left;
	width: 410px;
	padding: 30px 30px 20px;
	background-color: #FFFFFF;
}
#closeup-container #duo-contents #duo-detail-contents .column-box p {
	zoom:1;
}
#closeup-container #duo-contents #duo-detail-contents .column-box .ph {
	float: right;
	width: 160px;
}
#closeup-container #duo-contents #duo-detail-contents .column-box .ph .caption {
	width: 140px;
	padding: 10px;
}
#closeup-container #duo-contents #duo-detail-contents .interview-box {
	position: relative;
	width: 630px;
	background-color: #FFFFFF;
}
#closeup-container #duo-contents #duo-detail-contents .interview-box .txt {	
	float: left; 
	width: 410px;
	padding: 34px 30px 13px;
}
#closeup-container #duo-contents #duo-detail-contents .interview-box .txt .title {
	position: absolute;
	top: -4px;
	left: 30px;
}
#closeup-container #duo-contents #duo-detail-contents .interview-box .txt .profile-txt {
	border-top: 1px #A99D81 solid;
	border-bottom: 1px #A99D81 solid;
}
#closeup-container #duo-contents #duo-detail-contents .interview-box .txt .profile-txt .name {
	padding: 10px 0 16px 18px;
}
#closeup-container #duo-contents #duo-detail-contents .interview-box .photo {	
	float: right; 
	width: 160px;
}


/* rrec category
-------------------------------------------------------------- */

/* rrec */

#closeup-container #main-visual #rrec-top-contents .catch-txt {
	float: right;
	width: 110px;
	margin-bottom: 0;
}

#closeup-container #duo-contents #rrec-top-contents .asym-col-phr .left {
	float: left;
	width: 450px;
}
#closeup-container #duo-contents #rrec-top-contents .asym-col-phr .right {
	float: right;
	width: 160px;
	padding-right:30px;
	padding-top:27px;
}

/* duresta */

#closeup-container #main-visual #rrec-detail-contents .catch-txt {
	float: right;
	width: 110px;
	margin-bottom: 0;
}

#closeup-container #duo-contents #rrec-detail-contents #main-visual {
	background-image: none;
}
#closeup-container #duo-contents #rrec-detail-contents #main-visual .ph,
#closeup-container #duo-contents #rrec-detail-contents #main-visual .catch-txt {
	width: 325px;
}
#closeup-container #duo-contents #rrec-detail-contents #second-block {
	background-color: #A99D81;
}
#closeup-container #duo-contents #rrec-detail-contents .sym-col {
	width: 630px;
	margin-left: 20px;
}
#closeup-container #duo-contents #rrec-detail-contents .sym-col .left {
	float: left;
	width: 305px;
}
#closeup-container #duo-contents #rrec-detail-contents .sym-col .right {
	float: right;
	width: 315px;
}
#closeup-container #duo-contents #rrec-detail-contents h2 img {
	margin: 20px 0 20px 20px;
}
#closeup-container #duo-contents #rrec-detail-contents .white-txt {
	color: #FFFFFF;
}
#closeup-container #duo-contents #rrec-detail-contents #third-block h2 img {
	margin: 30px 0 -3px 20px;
}
#closeup-container #duo-contents #rrec-detail-contents #bottom-link {
	padding: 30px 0 20px;
	height:23px;
	background-color: #E8E3D8;
	text-align: center;
}
#closeup-container #duo-contents #rrec-detail-contents #bottom-link ul {
	width: 610px;
	margin: 0 auto;
}
#closeup-container #duo-contents #rrec-detail-contents #bottom-link ul .back {
	float: left;
	width: 300px;
	text-align: left;
}
#closeup-container #duo-contents #rrec-detail-contents #bottom-link ul .next {
	float: right;
	width: 300px;
	text-align: right;
}

/* catalog */

#closeup-container #duo-contents #rrec-detail-contents .column-box {
	position: relative;
	width: 630px;
	margin: 70px 0 0 20px;
	background: url(../../closeup/duo/images/styling_bg01.gif) repeat-y 0 0;
}
#closeup-container #duo-contents #rrec-detail-contents .column-box .title {
	position: absolute;
	top: -41px;
	left: -1px;
	width: 132px;
}
#closeup-container #duo-contents #rrec-detail-contents .column-box .txt {
	float: left;
	width: 410px;
	padding: 30px 0px 20px 30px;
	background-color: #FFFFFF;
}
#closeup-container #duo-contents #rrec-detail-contents .column-box p {
	zoom:1;
}
#closeup-container #duo-contents #rrec-detail-contents .column-box p.caption {
	text-align:left;
}
#closeup-container #duo-contents #rrec-detail-contents .column-box .ph {
	float: right;
	width: 160px;
}
#closeup-container #duo-contents #rrec-detail-contents .column-box .ph .caption {
	width: 140px;
	padding: 10px;
}
#closeup-container #duo-contents #rrec-detail-contents .cat-col .inner-txt {
	padding: 0 20px 0 10px;
}


/* ==================================
sou
================================== */

.spec_title {
margin: 15px 0px;
}

.subtitle_st01{
margin: 20px 20px 20px 0px;
padding:2px 0px 2px 7px;
border-bottom: 1px solid #996;
border-left: 4px solid #996;
font-size: 115%;
font-weight: bold;
color: #333;
}

.img_r_sou_b {
border: 1px solid #ccc;
float: right;
margin: 0 23px 0 10px;
}


.font_39f {
font-size:130%;
font-weight: bold;
color: #39f;
}

.font_detail {
font-size:120%;
font-weight: bold;
color: #39f;
}

.font_f6c {
font-size:160%;
font-weight: bold;
color: #f6c;
}

.font_3c3 {
font-size:160%;
font-weight: bold;
color: #3c3;
}

.font_c3c {
font-size:160%;
font-weight: bold;
color: #c3c;
}

.font_fc0 {
font-size:160%;
font-weight: bold;
color: #fc0;
}


.big {
font-size:125%;
font-weight: bold;
}

.alc_main {
text-align: center;

}

.alc_title {
text-align: center;
margin: 10px 0 0 0;
}


#adv {
clear: both;
margin: 10px 0px 0px 0px;
padding: 15px 0px 10px 0px;
border-top: 1px #ccc solid;
}

#digital {
clear: both;
margin: 10px 0px 0px 0px;
padding: 15px 0px 10px 0px;
}

.spec {
padding: 0px 0px 25px 0px;
margin: 0px 20px 25px 0px;
text-align: right;
font-weight: bold;
}



.li_nav {
background: url(../../closeup/storage/images/back01.png) no-repeat left center ;
padding: 3px 0 1px 2em;
margin: 0px 23px 3px 20px;
}

div#main_contents .design_h2_sou {
	clear: both;
	min-height: 23px;
	margin: 35px 23px 10px 0px;
	padding: 3px 6px;
	background: url(../../closeup/images/com_h002.gif) repeat-x 0 100%;
}

.alc_h {
clear: both;
margin: 5px 25px 5px 22px;
padding: 3px 6px;
border-bottom: 1px solid #9cf;
border-left: 4px solid #9cf;
}


* html div#main_contents .design_h2_sou { /* for IE6 */
	height: 23px;
}

div#main_contents .design_h2_sou .txt {
	display: block;
	padding: 2px 10px 2px 10px;
	border-left: 6px solid #69f;
	font-size: 100%;
}

* html div#main_contents .design_h2_sou .txt { /* for IE6 */
	height: 1px;
}


#clear01 {
clear: both;
}

#clear02 {
clear: both;
}

#clear03 {
clear: both;
}

#clear04 {
clear: both;
}

#clear05 {
clear: both;
}

#clear06 {
clear: both;
}

#clear07 {
clear: both;
}

#clear08 {
clear: both;
}

.pa_r {
margin: 0px;
padding: 0px 20px 0px 0px;
}



/* ==================================
Clear fix
================================== */
#closeup-container #main-visual:after,
#closeup-container #closeup-contents:after,
#closeup-container #closeup-contents .closeup-body .closeup-item:after,
#closeup-container .column:after,
#closeup-container #duo-contents .asym-col .caption:after,
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col .spec:after,
#closeup-container #duo-contents #duo-detail-contents #bottom-link ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
#closeup-container #main-visual,
#closeup-container #closeup-contents,
#closeup-container #closeup-contents .closeup-body .closeup-item,
#closeup-container .column,
#closeup-container #duo-contents .asym-col .caption,
#closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col .spec,
#closeup-container #duo-contents #duo-detail-contents #bottom-link ul {
	min-height: 1px;
}

/* for IE6 */
* html #closeup-container #main-visual,
* html #closeup-container #closeup-contents,
* html #closeup-container #closeup-contents .closeup-body .closeup-item,
* html #closeup-container .column,
* html #closeup-container #duo-contents .asym-col .caption,
* html #closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col .spec,
* html #closeup-container #duo-contents #duo-detail-contents #bottom-link ul {
	height: 1px;
}

/* for IE7 */
*:first-child+html #closeup-container #main-visual,
*:first-child+html #closeup-container #closeup-contents,
*:first-child+html #closeup-container #closeup-contents .closeup-body .closeup-item,
*:first-child+html #closeup-container .column,
*:first-child+html #closeup-container #duo-contents .asym-col .caption,
*:first-child+html #closeup-container #duo-contents #duo-detail-contents .sym-col .type-col .inner-col .spec,
*:first-child+html #closeup-container #duo-contents #duo-detail-contents #bottom-link ul {
	zoom: 1;
}