@charset "utf-8";

/*------------------------------------------------------------
  base-layout
-------------------------------------------------------------*/
#container {
width:960px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#header_area {
height:121px;
}

#topic_path {
padding-top: 2px;
padding-left: 8px;
}

#contents_area {
padding-left:28px;
padding-right:28px;
padding-top: 13px;
padding-bottom: 10px;
}

#contents_left_area {
float:left;
width:650px;
}

#contents_right_area {
display:inline;
float:right;
margin-right:-12px;
margin-top:-10px;
width:254px;
}

#footer_area {}

/* シスセットキャンペーン用 */
#billboard {
	margin-top: 10px;
	margin-bottom: 10px;
}
#billboard p {
	text-align: center;
}
#billboard p img {
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 1px;
}
#billboard p a {
}
#billboard p a:hover img {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/*------------------------------------------------------------
  background
-------------------------------------------------------------*/
body {
background-color:#eafcfe;
background-image:url(../image/bodyBg.gif);
background-repeat:repeat-x;
}

#header_area {
background-image:url(../image/headerBg.gif);
background-position:bottom;
background-repeat:no-repeat;
}

/*------------------------------------------------------------
  GlobalParts
-------------------------------------------------------------*/
ul.siteNavi {
font-size: 10px;
line-height:1em;
}

ul.siteNavi li{ display:inline;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #888888;}

ul.siteNavi li a{
}

ul.siteNavi li a:hover{
}


/*------------------------------------------------------------
  #header_area
-------------------------------------------------------------*/
#header_area {
position:relative;
padding-left:8px;
padding-right:8px;
}

#siteLogo {
position:absolute;
top: 45px;
left:8px;
}

#descriptionImg {
position:absolute;
top: 65px;
right:8px;
}

#descriptionText {
float:left;
font-size: 10px;
padding-top: 7px;
color:#03878c;
}

#header_area .siteNavi {
float:right;
padding-top: 7px;
}

/*------------------------------------------------------------
  #header_area
-------------------------------------------------------------*/
ul#topic_path {
font-size: 10px;
line-height:1em;
margin-top:5px;
}

ul#topic_path li{display:inline;
color:#03878c;}

ul#topic_path li a{
}

ul#topic_path li a:hover{
}

/*------------------------------------------------------------
  #contents_head
  #contents_area
  #contents_foot  
-------------------------------------------------------------*/
#contents_head {
background-image:url(../image/contentsBgHead.gif);
background-repeat:no-repeat;
height:18px;
display:block;
}
#contents_area {
background-image:url(../image/contentsBgBody.png);
background-repeat:repeat-y;
}
#contents_foot {
background-image:url(../image/contentsBgFoot.gif);
background-repeat:no-repeat;
height:18px;
display:block;
}

/*------------------------------------------------------------
  #contents_left_area
-------------------------------------------------------------*/
#contents_left_area {}

#contents_left_area 
a:hover img {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

#contentsHeader {
	margin-bottom:20px;
}

.contents_bloc {
position:relative;
}

.contentsTitle {
margin-bottom:10px;
}

img.historylist {
position:absolute;
top:13px;
right:10px;
}

#home 
.topicsBox {}


.topicsBox {margin-left:-10px;
}
.topicsBox li{
margin-left:10px;
margin-bottom:10px;
}

.topicsBox  .topics1st .topicsTitle,
.topicsBox  .topics2st .topicsTitle{
background-image:url(../image/contentsTitleHead.gif);
background-repeat:no-repeat;
margin-bottom:3px;
padding-left:10px;
height:36px;
line-height:30px;}

.topicsBox .topics3st .topicsTitle{
background-image:url(../image/eyecatch.gif);
background-repeat: no-repeat;
background-position:left center;
padding-left: 10px;
margin-bottom:3px;
}

.topicsBox .topics1st img,
.topicsBox .topics2st img{
margin-right: 10px;
float:left;}
.topicsBox .topics1st 
a:hover.imgLink img,
.topicsBox .topics2st
a:hover.imgLink img{
	overflow: hidden;
  	border: solid 1px #cccccc;
	margin: -1px;
	margin-right: 9px;
}

.topicsBox .topics1st p,
.topicsBox .topics1st ul{
/*margin-left: 210px;*/
}

.topicsBox .topics1st .date_area {
width:409px;
}

.topicsBox .topics1st p.topicsText,
.topicsBox .topics1st ul.status_area {
width: 440px;
}

.topicsBox .topics1st p,
.topicsBox .topics2st p{
text-justify : inter-ideograph;
text-align: justify;
}

.topicsBox .topics2st p{
/*margin-left: 80px;*/
}

.topicsBox .topics2st p.topicsText{
width: 240px;
}
.topicsBox .topics2st .date_area {
width:209px;
}

.topicsBox .topics2st ul{
margin-top: 10px;
}

.topicsBox .topicsText { line-height:18px;}
.topicsBox .topicsText span{ float:right;}
.topicsBox li ul {
float:none;
}

.topicsBox li ul li{
float:none;
display:block;
margin-bottom:0;
margin-left:0;
}

.topics1st {width:650px;
display:inline;
float:left;
}
.topics2st {width:320px;
display:inline;
float:left;
}
.topics3st {
border-bottom: 1px solid #e6e6e6;
padding-top:10px;
padding-bottom:10px;
}

.topicsTitle a{
color:#147b80;
text-decoration:none;
}
.topicsTitle a:hover{
text-decoration:underline;
}

.topicsText {
color:#444444;
}

.topicsBox  .topics1st .topicsText{
margin-bottom:10px;
}

.status_area {
font-size:10px;
color:#666666;
}

.status_area li{
line-height:12px;
}

.topicsBox  .topics1st .status_area li,
.topicsBox  .topics2st .status_area li{
margin-bottom:5px;
}

.status_area li a{
}

.status_area li a:hover{
}


.topics3st .status_area {
margin-left: 10px;
}
.topics3st .status_area li{
display:inline;
margin-right: 20px;
}


.date_area {
background-image:url(../image/newtopict_date.gif);
background-repeat:no-repeat;
padding-left:31px;}

.category_area {
background-image:url(../image/newtopict_category.gif);
background-repeat:no-repeat;
padding-left:52px;}
.shop_area {background-image:url(../image/newtopict_shop.gif);
background-repeat:no-repeat;
padding-left:30px;}

.postTitle {
color:#147B80;
background-image:url(../image/contentsTitleHead.gif);
background-repeat:no-repeat;
margin-bottom:3px;
padding-left:10px;
height:36px;
line-height:30px;
}
/*------------------------------------------------------------
カテゴリーID
cat1:サロン体験レポート
cat3:綺麗の情報箱
cat4:お店からのお知らせ
-------------------------------------------------------------*/

.cat1_topics_box,
.cat3_topics_box,
.cat4_topics_box{
}

.cat1_topics_box li,
.cat3_topics_box li,
.cat4_topics_box li{
margin-bottom:10px;
}

.cat1_topics_box li .topicsTitle,
.cat3_topics_box li .topicsTitle,
.cat4_topics_box li .topicsTitle{
background-image:url(../image/eyecatch.gif);
background-repeat: no-repeat;
background-position:left center;
padding-left: 10px;
margin-bottom:3px;
}
/*
オレンジ
#ff7400
ブルー
#02b0e6
ブラウン
#6e5324
*/
.cat1_title,
.cat3_title,
.cat4_title {
	background-repeat:no-repeat;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:20px;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left: 10px;
	color:#ffffff;
}  
.cat1_title {
background-image:url(../image/titleBgType1.gif);
background-color:#ff7400;
border-bottom: 1px solid #ffb97f;
}
.cat3_title {
background-image:url(../image/titleBgType3.gif);
background-color:#6e5324;
border-bottom: 1px solid #b6a991;
}
.cat4_title {
background-image:url(../image/titleBgType2.gif);
background-color:#02b0e6;
border-bottom: 1px solid #80d7f2;
}

.cat1_category_title,
.cat3_category_title,
.cat4_category_title {
border-left: solid 3px;
padding-left: 5px;
margin-bottom: 5px;
}
.cat1_category_title {
border-left-color: #FF7300;
color: #FF7300;
}
.cat3_category_title {
border-left-color: #9A8865;
color: #9A8865;
}
.cat4_category_title {
border-left-color: #17B9E8;
color: #17B9E8;
}

.cat1_topics_box,
.cat3_topics_box,
.cat4_topics_box {
border-top:solid 1px;
}
.cat1_topics_box {
border-top-color: #ffb97f;
}
.cat3_topics_box {
border-top-color: #b6a991;
}
.cat4_topics_box {
border-top-color: #80d7f2;
}

#ichiranBotan {
	text-align:right;
	
}

p#pagetop {
	clear:both;
	text-align: right;
	margin-top:20px;
}
/*------------------------------------------------------------*/
/*
div.wp-pagenavi {
	margin-bottom: 20px;
	clear: both;
}

div.wp-pagenavi {
	font-size: 11px;
	text-align:center;
}

div.wp-pagenavi span.pageNavi {
	margin-right: 10px;
	font-weight: bold;
	color: #444444;
}

div.wp-pagenavi span.current,
div.wp-pagenavi a {
	border:1px solid #CCCCCC;
	padding: 6px;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration:none;
}

div.wp-pagenavi span.current {
	background-color: #147B80;
	color: #FFFFFF;
}

div.wp-pagenavi a {
	background-color: #F5F5F5;
	color:#666666;
}

div.wp-pagenavi a.noLink {
	background-color: #FFFFFF;
	color: #FF66FF;
}

div.wp-pagenavi a:hover {
	color: #FFFFFF;
	background-color: #999999;
}
div.wp-pagenavi a:active {
	background:none;
}
*/
/*------------------------------------------------------------*/

div.wp-pagenavi {
	margin-bottom: 20px;
	clear: both;
	font-size: 12px;
	text-align:center;
	line-height: 1.2;
	color: #666666;
}

div.wp-pagenavi span.pageNavi {
	margin-right: 10px;
	font-weight: bold;
	color: #444444;
}

div.wp-pagenavi span.current,
div.wp-pagenavi a {
	border:1px solid #cccccc;
	margin-right: 1px;
	margin-left: 1px;
	text-decoration:none;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}

div.wp-pagenavi span.current {
	background-color: #147B80;
	color: #FFFFFF;
	border-top-color: #00929B;
	border-right-color: #00929B;
	border-bottom-color: #00929B;
	border-left-color: #00929B;
}

div.wp-pagenavi a {
	background-color: #F5F5F5;
	color:#666666;
}

div.wp-pagenavi a:hover,
div.wp-pagenavi a.noLink:hover {
	color: #FFFFFF;
	background-color: #999999;
	border-top-color: #BBBBBB;
	border-right-color: #BBBBBB;
	border-bottom-color: #BBBBBB;
	border-left-color: #BBBBBB;
}
div.wp-pagenavi a:active {
	background:none;
}

/*------------------------------------------------------------
  #contents_right_area
-------------------------------------------------------------*/
#contents_right_area {}

#category_link_area
a:hover img {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

#banner_link_area {
text-align:center;
}
/*------------------------------------------------------------
  #footer_area
-------------------------------------------------------------*/
#footer_area {
padding-left:8px;
padding-right:8px;}

#footer_area #copyright {
float:left;
color:#666666;
font-size:10px;
font-style:normal;
}
#footer_area #copyright strong {
font-weight:normal;}
#footer_area .siteNavi {
float:right;
}