@charset "UTF-8";

/*==================================================
*	00. layout
==================================================*/

.visualGroup01 .layoutA-noimg {
	margin-bottom:1.25em;
}



/*==================================================
*	01. respectively
==================================================*/
.topicPath {
font-size: 0.85em;
_font-size: 90%;
margin: 5px 0 15px 7px;
text-align: left;
}

*+html .topicPath {
font-size: 90%;
}

a.underLineNone {
text-decoration: none;
}

#contents {
overflow: visible;
}

#contents #contentColumn {
margin-right: 10px;
padding: 1px 0;
width: 760px;
float: left;
}


#contents .pageLink {
height: 59px;
background: url(/common/misc/img/respectively/bg_pageLink.jpg) no-repeat top left;
}

#contents .pageLink li {
margin-top: 15px;
margin-left: 22px;
float: left;
}

.respectively h3 {
margin-top: 11px;
margin-bottom: 10px;
clear: both;
}

.categoryTitle {
position: relative;
}

.btnBackList {
position: absolute;
top: 22px;
right: 5px;
_right: 7px;
}

/*--productsBox01
------------------------------*/

#contents .productsBox01 {
margin: 7px 0;
padding: 10px 11px 10px 10px;
border: 1px solid #d6d6d6;
background-color: #fffbef;
clear: both;
}

#contents .productsBox01 .productsImgArea {
width: 315px;
float: left;
font-weight: bold;
background: url(/common/misc/img/respectively/line_dotY.gif) repeat-y right center;
}

#contents .productsBox01 .productsImgArea p {
margin-left: 100px;
}

#contents .productsBox01 .productsImgArea p.hitIcon {
padding-bottom: 65px;
background: url(/common/misc/img/respectively/icon_hitmark.gif) no-repeat 150px bottom;
}

#contents .productsBox01 .productsImgArea .productsImg {
margin: 0 10px 0 0;
width: 95px;
float: left;
}

#contents .productsBox01 .productsExpArea {
margin-left: 330px;
}

#contents .productsBox01 .productsExpArea .expImg {
width: 74px;
float: left;
}

#contents .productsBox01 .productsExpArea .expTextArea {
margin-left: 85px;
padding: 5px;
min-height: 90px;
_height: 90px;
background-color: #FFFFFF;
position: relative;
}

#contents .productsExpArea .expTextArea .btn_more {
position: absolute;
right: 5px;
bottom: 5px;
}

/*--productsBox02
------------------------------*/
#contents .productsBox02 {
margin: 7px 0;
border: 1px solid #d6d6d6;
background-color: #fffbef;
clear: both;
}

#contents .productsBox02 h4 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 100%;
font-weight: bold;
background-image: none;
background-color: #f09d26;
}

#contents .productsBox02 h4 a {
color: #FFFFFF;
}

#contents .productsBox02 .productsImgArea {
width: 380px;
float: left;
background: url(/common/misc/img/respectively/line_dotY.gif) repeat-y right center;
}

#contents .productsBox02 .productsImgArea .productsImg {
margin: 0 10px 10px;
width: 118px;
float: left;
}

#contents .productsBox02 .productsExpArea {
margin-right: 5px;
margin-bottom: 10px;
margin-left: 390px;
padding: 5px 5px 0;
background-color: #FFFFFF;
position: relative;
}

#contents .productsBox02 .productsExpArea .expImg {
padding-bottom: 5px;
width: 91px;
float: left;
text-align: center;
}

#contents .productsBox02 .productsExpArea .expImg a img {
text-decoration: none;
}

#contents .productsBox02 .productsExpArea .expTextArea {
margin-left: 100px;
}

#contents .productsBox02 .productsExpArea .expTextArea p {
margin-bottom: 5px;
}

#contents .productsBox02 .productsExpArea .expTextArea p.btn_more {
margin: 0;
}

#contents .productsBox02 .productsExpArea .leftList {
margin-right: 10px;
width: 140px;
float: left;
}

#contents .productsBox02 .productsExpArea .iconList01 li a {
background-position: left 0.2em!important;
}

#contents .productsBox02 .productsImgArea .hitIcon {
margin-right: 10px;
}


/*--productsBox
------------------------------*/

.hitCulture,
.hitBeauty,
.hitLife,
.hitFood {
font-weight: normal;
padding: 2px 5px;
color: #333333;
}

.hitCulture {
background-color: #FFE8DA;
}

.hitBeauty {
background-color: #fee1da;
}

.hitLife {
background-color: #fef6c7;
}

.hitFood {
background-color: #d1eeda;
}


/*--themeBox01
------------------------------*/

#contents .themeBox01 {
margin: 7px 0 7px 0;
padding: 10px 11px 10px 10px;
border: 1px solid #d6d6d6;
background-color: #fffbef;
clear: both;
}

#contents .themeBox01 .themeImgArea {
width: 190px;
float: left;
font-weight: bold;
}

#contents .themeBox01 .themeTextArea {
margin-left:190px;
padding:9px;
background-color:#fff;
position:relative;
}

#contents .themeBox01 .themeTextArea em {
font-weight: bold;
}

#contents .themeBox01 .themeTextArea p {
margin-bottom:0.3em;
}

#contents .themeBox01 .themeTextArea .btn_more {
text-align:right;
}



/*--PickupArea
------------------------------*/
#contents #rightColumn .productsPickupArea,
#right_column .productsPickupArea {
margin-top: 5px;
margin-bottom: 10px!important;
padding-bottom: 17px;
background: url(/common/misc/img/respectively/line_dotX.gif) repeat-x bottom center;
line-height: 1.3!important;
}

#contents #rightColumn .productsPickupArea dt,
#right_column .productsPickupArea dt {
width: 58px!important;
float: left;
border: 1px solid #CCCCCC;
}

#contents #rightColumn .productsPickupArea dd,
#right_column .productsPickupArea dd {
margin: 0 0 5px 64px!important;
}

#contents #rightColumn .productsPickupArea dd.textArea,
#right_column .productsPickupArea dd.textArea {
clear: both!important;
padding-top: 6px;
margin-top: 0!important;
margin-left: 0!important;
}


/*--prBox
------------------------------*/
.prBox {
margin: 0 auto 15px;
padding: 10px 10px 0;
width: 550px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

.prBox .imageArea {
width: 241px;
float: left;
margin-right: 10px;
}

.prBox .textArea {
margin-left: 251px;
}

.prBox .textArea dt {
padding-bottom: 0px;
margin-bottom: 1em;
font-size: 120%;
font-weight: bold;
border-bottom: 1px solid #6bae29;
color: #6bae29;
}

.prBox dd.mobileImage {
margin-right: 10px;
float: left;
width: 30px;
}



/*--textAndImg
------------------------------*/

div.textAndImgL,
div.textAndImgR {
margin-bottom:1.25em;
text-align:center;
zoom:1;
}

div.textAndImgL:after,
div.textAndImgR:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

div.textAndImgL p.image {
float:left;
margin:0 10px 5px 0;
}

div.textAndImgL p.text {
text-align:left;
}

div.textAndImgR p.image {
float:right;
margin:0 0 5px 10px;
}

div.textAndImgR p.text {
text-align:left;
}

div.textAndImgBody {
margin:0 auto;
/* width: set every page */
}

/* type-02 */

div.textAndImgL.type-02 p.image,
div.textAndImgR.type-02 p.image {
margin:0;
}



/*--general-list-01
------------------------------*/

#mainContents ul.general-list-01 {
margin:10px 0 0 0;

zoom:1;
}
ul.general-list-01:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}
ul.general-list-01 li {
float:left;
width:172px;
padding:0 4px 0 6px;
}
#mainContents ul.general-list-01 li p.text {
margin:0;
}
#mainContents ul.general-list-01 li p.text strong {
letter-spacing:-1px;
}
#mainContents ul.general-list-01 li .textAndImgL,
#mainContents ul.general-list-01 li .textAndImgR {
margin:0;
}



/*-- content-A01
------------------------------*/

.content-A01 {
	width:712px;
	margin:0 0 5px 0;
	padding:0 0 15px 0;
	background-color:#fff;
}
.content-A01 h2 {
	margin:0;
}
.content-A01 strong {
	color:#820828;
	font-weight:bold;
}



.content-A01 div.textAndImgL p.image {
	margin:0 0 0 0;
}
.content-A01 div.textAndImgL p.text {
	margin:0 0 0 0;
	padding:30px 13px 0 11px;
	text-align:left;
	line-height:1.5;
}
.content-A01 div.textAndImgR p.image {
	margin:0 0 0 0;
}
.content-A01 div.textAndImgR p.text {
	margin-right:337px;
	padding:30px 0 0 13px;
	_padding:30px 0 0 10px;
	text-align:left;
	line-height:1.5;
}



/* note-01 */

.note-01 {
	font-size:11px;
}

/* img-btn-01 */

.img-btn-01 {
	display:block;
	text-align:center;
}
.img-btn-01 img {
	border:10px solid #f1f1f1;
}
.img-btn-01 a:hover img {
	border:10px solid #aaaaaa;
}


/* list-relational-01 */

.list-relational-01 {
	border:1px solid #c1c1c1;
	margin:0 13px 30px 13px;
	padding:1px;
	background-color:#fff;
	
	zoom:1;
}
.list-relational-01:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
.list-relational-01 li {
	float:left;
	width:320px;
	_width:340px;
	padding:10px;
	background-color:#f1f1f1;
}
.list-relational-01 li.first-child {
	float:left;
	margin-right:2px;
	background-color:#fee3e3;
}
.list-relational-01 li .list-body {
	
	zoom:1;
}
.list-relational-01 li .list-body:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
.list-relational-01 li p.image {
	float:left;
	margin:0;
}
.list-relational-01 li p.text {
	margin:0 0 0 113px;
	line-height:1.3;
}
.list-relational-01 li p.text strong {
	color:#333;
}
.list-relational-01 li p.text a {
	position:relative;
	display:block;
}



/*-- information-area
------------------------------*/

.information-area {
margin: 25px 0;
border: 1px solid #f7ca17;
background-color:#fff;
}

.information-area .imgArea {
float: left;
width: 345px;
}

.information-area .informationInner {
margin: 7px;
}

.information-area .informationInner .textArea {
margin-left: 355px;
}

.information-area .informationInner h3 {
margin-bottom: 7px;
color: #696969;
font-weight: bold;
font-size: 110%;
}

.information-area .informationInner .textInner {
padding: 1px 0;
background-color: #fffdef;
_height: 108px;
min-height: 108px;
}

.information-area .informationInner .textInner p {
margin: 0.5em 7px;
}










/*--clearFix
------------------------------*/

#contents .themeBox01:after,
#contents .productsBox01:after,
#contents .productsBox02:after,
#contents .expTextArea:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

#contents .themeBox01,
#contents .productsBox01,
#contents .productsBox02,
#contents .expTextArea {
zoom: 1;
}