@charset "utf-8";
@import url("base.css");
@import url("clear.css");
/* CSS Document */

.o-main {
	padding:40px 6px 0 6px;
}

.o-pick-up {
}

.o-title {
	height:45px;
	border-bottom:3px solid #000000;
	margin:0 0 1px 0;
}		

.o-main01 {
	border-top:1px solid #000000;
	padding:8px 0 0 0;
	width:790px;
	height:325px;
	min-height:1px;
}	

.o-pick-height {
	height:139px;
	overflow:hidden;
}
	
.osaka-pic-cover {
	float:left;
	margin:0 10px 0 0;
}

.osaka-pic-cover02 {
	float:left;
}

.osaka-pic {
	border-top:3px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	width:138px;
	padding:5px 5px 5px 5px;
}

.osaka-pic-salon {
	color:#D50000;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	padding:10px 0 0 0;
}

.osaka-pic-salon a:link,
.osaka-pic-salon a:visited,
.o-topic-salon-txt-salon a:link,
.o-topic-salon-txt-salon a:visited {
	color:#D50000;
	font-size:10px;
	text-decoration:underline;
}

.osaka-pic-salon a:hover,
.o-topic-salon-txt-salon a:hover {
	color:#cccccc;
	font-size:10px;
	text-decoration:none;
}		

.osaka-pic-txt {
	color:#000000;
	font-size:10px;
	line-height:12px;
	padding:8px 0 0 0;
	height:100px;
	overflow:hidden;
}	

.osaka-pic-btn {
	height:11px;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
	text-align:right;
	width:148px;
	vertical-align:bottom;
}	

.osaka-pic-btn img {
	display:inline;
	text-align:right;
	_vertical-align:bottom;
}

.o-contents {
	min-height:1px;
	width:790px;
	padding:60px 0 0 0;
}	

.o-contents-left01 {
	width:379px;
	padding:0 31px 0 0;
	float:left;
	height: 454px;
}	

.o-contents-right01 {
	width:379px;
	float:left;
	height: 454px;
}	

.o-main02 {
	border-top:1px solid #000000;
	padding:10px 0 0 0;
}

.o-blog-main {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000; 	
	border-right:3px solid #000000;
	border-left:3px solid #000000;
	padding:0 7px 0 7px;
}

.o-blog-banner {
	background-image:url(../img/osaka/dot01.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	width:353px;
	height:132px;
}

.o-blog-banner02 {
	width:353px;
	height:132px;
}

.o-blog-bannerimg {
	width:158px;
	float:left;
	vertical-align:middle;
	text-align:center;
	height:132px;
}

.o-blog-bannerimg img {
	vertical-align:middle;
	text-align:center;
	display:inline;
}	

.o-blog-bannertxt {
	width:184px;
	float:left;
	padding:0 0px 10px 10px;
	height:106px;
	overflow:hidden;
}	

.o-blog-title {
	padding:12px 0 0 0;
	color:#9F8415;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
}

.o-blog-title a:link,
.o-blog-title a:visited {
	color:#9F8415;
	text-decoration:none;
}

.o-blog-title a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}				

.o-blog-txt {
	padding:5px 0 0 0;
	color:#000000;
	font-size:10px;
	line-height:12px;
}	

.o-topic-salon {
	padding:15px 0 0 0;
}

.o-topic-salon-inner {
	border-bottom:1px solid #CE7CC4;
	border-left:1px solid #CE7CC4;
	border-right:1px solid #CE7CC4;
	width:298px;
	padding:10px 10px 10px 10px;
	height:146px;
}

.o-topic-salon-img {
	height:144px;
	float:left;
	width:124px;
}

.o-topic-salon-txt {
	height:144px;
	float:left;
	overflow:hidden;
	width:163px;
	padding:0 0 0 10px;
}

.o-topic-salon-txt-salon {
	color:#D50000;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	padding:0px 0 0 0;
}

.o-topic-salon-txt-salon-main {
	color:#000000;
	font-size:10px;
	line-height:12px;
	padding:5px 0 0 0;
}

.o-contents-left02 {
	width:438px;
	padding:0 32px 15px 0;
	float:left;
}	

.o-contents-right02 {
	width:320px;
	float:left;
	padding:0 0px 15px 0;
}	

.o-main03 {
	border-top:1px solid #000000;
	padding:10px 0 0 0;
}

.o-past {
	margin:0px 0 10px 0;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	padding:1px 0 1px 0;
	height:60px;
	width:438px;
}

.o-past02 {
	margin:0px 0 20px 0;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	padding:1px 0 1px 0;
	height:60px;
	width:438px;
}

.o-past-img {
	width:119px;
	padding:0 12px 0 0;
	height:60px;
	float:left;
}

.o-past-txt {
	width:304px;
	height:55px;
	overflow:hidden;
	float:left;
}	

.o-past-title {
	font-size:11px;
	color:#3D3D3D;
	font-weight:bold;
	padding:5px 0 0 0;
}

.o-past-title a:link,
.o-past-title a:visited {
	color:#3D3D3D;
	text-decoration:none;
}	

.o-past-title a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}		
	
.o-past-title-main {
	font-size:10px;
	color:#3D3D3D;
	line-height:12px;
	padding:3px 0 5px 0;
}	

.new-search {
	height:52px;
	background-image:url(../img/seach-btn/bar.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:1px 1px 0 1px;
	padding:7px 0 7px 175px;
}

.new-search-btn {
	padding:0;
	width:620px;
	height:52px;
}

.new-search-btn img {
	float:left;
}

.osaka-banner {
	background-color:#000000;
	padding:1px 0;
	height:257px;
	width:800px;
	clear:both;
	margin:3px 1px 0 1px;
}	

.osaka-banner-left {
	width:530px;
	height:257px;
	float:left;
	padding:0 1px 0 0;
}

.osaka-banner-right {
	width:269px;
	height:257px;
	float:left;
}					

#osaka-l {
	padding:40px 10px 0 0;
	height:24px;
}	 	

.osaka-ichioshi {
	border:1px solid #000000;
	background-color:#E30083;
	width:138px;
	height:20px;
	padding:0 5px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 1px 0;
}	

.m-main {
	/*border-bottom:1px solid #000000;*/
	border-top:1px solid #000000;
	padding:10px 0 0 0;
	height:396px;
}	

.m-photo {
	width:379px;
	height:118px;
}	

.m-photo img {
	float:left;
}

.m-title  {
	height:31px;
	padding:16px 0 0 0;
	overflow:hidden;
}

.m-title a:link,
.m-title a:visited {
	color:#B34C00;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}

.m-title a:hover{
	color:#CCCCCC;
	text-decoration:underline;
	font-weight:bold;
	font-size:12px;
}	

.m-txt {
	height:148px;
	padding:0 0 20px 0;
	color:#000000;
	line-height:14px;
	font-size:11px;
	overflow:hidden;
}	

.m-btn {
	height:49px;
	border-bottom:3px solid #000000;
	padding:13px 0 0 291px;
}		
		
				



/* floatさせたボックスが親要素からはみ出す現象を回避するCSS　ここから */
.o-main01:after,
.o-contents:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.o-main01,
.o-contents { 
	display:inline-table; 
}
/* Mac IEには適用させない \*/
* html .o-main01,
* html .o-contents {
	height:1px;
}
.o-main01,
.o-contents { 
	display:block; 
}
/* */
/* floatさせたボックスが親要素からはみ出す現象を回避するCSS　ここまで */