@charset "utf-8";

/* ---------- reset ---------- */

*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body
{
	text-align:center;
	color:inherit;
	background:transparent;
	background-image:url(img/body_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	font-size:12px;
}

a
{
	text-decoration:none;
	color:#666666;
	background-color:transparent;
}

a:hover
{
	text-decoration:underline;
	color:#bc3a4c;
	background-color:transparent;
}

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

/* ---------- body_end ---------- */

/* ---------- container ---------- */

div#container
{
	width:815px;
	margin:0 auto;
	background-color:transparent;
        background-image:url(http://www.salon-rin.com/img/container_bg.png);
        background-repeat:repeat-y;
        background-position:center top;
}
* html div#container { behavior: expression(IEPNGFIX.fix(this)); }
div#container-inner
{
        width:800px;
        margin:0 auto;
}

/* ---------- container_end ---------- */

/* ---------- index ---------------- */

div#index
{
        width:800px;
        height:550px;
        margin:0 auto;
}

/* ------------------------------- */

/* ---------- header ---------- */

div#header
{
	width:800px;
	height:117px;
	color:inherit;
	background-color:#ffffff;
}

div#header img
{
	float:left;
}

div#header p
{
	text-align:right;
	font-size:70%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	position:relative;
	left:0;
}

/* ---------- header_end ---------- */

/* ---------- banner ---------- */

div#banner
{
	width:800px;
	margin:0px auto;
	text-align:left;
}

div#banner-inner
{
	background:#ffffff;
	background-image:url(img/body_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	color:#374d67;
}

div#banner-inner h1
{
	position:relative;
	left:0;
	font-size:80%;
	font-weight:100;
	font-family:sans-serif, "ＭＳ ゴシック", Verdana, osaka;
	letter-spacing:0.1em;
	width:95%;
}

div#banner-inner h1 a
{
	color:#ffffff;
	background-color:transparent;
	text-decoration:none;
}

div#banner-inner h1 a:hover
{
	text-decoration:underline;
}

div#banner-inner h2
{
	position:relative;
	left:0;
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	width:95%;
}

/* ---------- banner_end ---------- */

/* ---------- wrapper ---------- */

div#wrapper
{
	width:800px;
	text-align:left;
	background:#ffffff;
	color:inherit;
        border-bottom:1px solid #999999;
}

/* ---------- wrapper_end ---------- */

/* ---------- main ---------- */


div.main-contents
{
	padding:20px 10px 15px 10px;
        _padding:20px 0 15px 10px;
	background-color:#ffffff;
	background-position:100% 0;
	background-repeat:no-repeat;
	width:580px;
	color:#666666;
}


div#main
{
	float:right;
	width:600px;
	background:#ffffff;
	background-position:100% 0;
	background-repeat:no-repeat;
}
div#main2
{
	float:left;
	width:790px;
	background:#ffffff;
}



div.main-contents p
{
	font-size:12px;
	color:#666666;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}

div.info-box
{
	padding-bottom:30px;
}

div.info-box img
{
	float:left;
	margin-right:20px;
	vertical-align:middle;
}

div.info-box p
{
	font-size:80%;
	color:#666666;
	background-color:transparent;
	line-height:150%;
	margin:0 10px 10px 0;
}

div.news-box
{
	margin-bottom:20px;
}

div.news-box h3
{
	font-size:2px;
	text-indent:-9999px;
	background-color:#ffffff;
	background-image:url(img/new-topics.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:inherit;
	width:780px;
	height:26px;
}
div.news-box a
{
        color:#212473;
}

div.news-box-inner ul
{
	list-style-type:none;
	width:779px;
}

div.news-box-inner li
{
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	line-height:150%;
	list-style-position:outside;
	display:inline;
	background:transparent;
	color:inherit;
	border-bottom:1px solid #dddcdc;
	padding-bottom:1px;
	position:relative;
}

div.news-box-inner li.list-border
{
	display:block;
	padding: 10px 0 6px 36px;
	background-color:transparent;
	background-image:url(img/link-h6.gif);
	background-position:10px 12px;
	background-repeat:no-repeat;
}

p.list-body {
	position:absolute;
	left:210px;
	top:8px;
	}

/* ---------- main_end ---------- */



/* ---------- category-archives ---------- */

div#sidebar
{
	float:left;
	width:200px;
	text-align:left;
	background:#ffffff;
	background-position:left top;
	background-repeat:no-repeat;
        clear:left;
}

div#sidebar-inner
{
	padding:28px 0 15px 0;
}

div#category-archives h4
{
	font-size:2px;
	text-indent:-9999px;
	background:#ffffff;
	background-image:url(img/contents-menu.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:inherit;
	width:200px;
	height:27px;
}

div.category-archives
{
	margin-bottom:40px;
}

div#sidebar ul
{
	list-style-type:none;
}

div#sidebar ul.sub-category
{
	list-style-type:none;
	margin:0;
}

div.category-archives ul li
{
	width:200px;
	font-size:12px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	margin-bottom:0;
	display:inline;
	line-height:180%;
}

div.category-archives ul li a
{
	color:#666666;
	background:transparent url(img/icon_topcategory_.gif) no-repeat;
	display:block;
	border-bottom:1px solid #dfdfdf;
	padding:10px 0 5px 27px;
}

div.category-archives ul li a:hover
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:underline;
	color:#666666;
	background:transparent url(img/icon_topcategory_.gif) no-repeat;
	display:block;
}

div.category-archives ul.sub-category
{
	padding:5px 0;
	width:200px;
	margin:0;
	list-style-type:none;
	background:#eeeeee url(img/subcategory-ul_bg.gif) no-repeat right 100%;
}

div.category-archives ul li ul.sub-category li
{
	font-size:100%;
	width:200px;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	background-color:#eeeeee;
	margin:0;
	padding:0;
}

div.category-archives ul.sub-category li a
{
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	display:block;
	background-color:#eeeeee;
	background-image: url(img/icon_subcategory.gif);
	background-repeat:no-repeat;
	background-position:19px 5px;
	padding:3px 5px 3px 33px;
	line-height:100%;
}

div.category-archives ul.sub-category li a:hover
{
	color:#666666;
	text-decoration:none;
	background-color:#eeeeee;
	background-image: url(img/icon_subcategory_hover.gif);
	background-repeat:no-repeat;
	background-position:19px 5px;
}
div.search-form form input#search
{
	color:#333333;
	background-color:#ffffff;
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	padding:2px;
	border:1px solid #b4b4b4;
	width:130px;
}

div.search-form form input.searchsubmit
{
	color:#ffffff;
	background-color:#788da5;
	font-size:60%;
	padding:4px 7px 3px 7px;
	position:relative;
	top:0;
	left:-1px;
}
/* ---------- category-archives_end ---------- */

/* ---------- footer ---------- */

div#footer
{
        width:813px;
        height:52px;
        background-image:url(http://www.salon-rin.com/img/footer_bg.png);
        background-repeat:no-repeat;
        background-position:center top;
	background-color:transparent;
	color:inherit;
        margin:0 auto;
	clear:both;
}
* html div#footer { behavior: expression(IEPNGFIX.fix(this)); } 

div#footer-inner
{
	height:52px;
	width:800px;
}
div#footer p
{
	background-color:transparent;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
        top:5px;
	left:0;
}
div#footer-inner a
{
        color:#666666;
}
div#footer-inner a:hover
{
        text-decoration:underline;
}

/* ---------- footer_end ---------- */

/* ---------- archives ---------- */

div#main p.navi
{
        color:#666666;


	font-size:60%;
	font-weight:normal;
	padding:0 10px 5px 0;
	margin-bottom:15px;
}

div#main p.navi a
{
        color:#212473;
	text-decoration:none;
}

div#main p.navi a:hover
{
	text-decoration:underline;
}

div.entry
{
	margin:0 0 20px 0;
	_margin:0 0 20px 0;
        font-size:80%;
}

div.entry h3.entry-header
{
        width:580px;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#ffffff;
	background:transparent url(img/h3_2.gif) no-repeat left top;
	padding:5px 10px 5px 15px;
	line-height:130%;
	margin-bottom:20px;
}

h3.entry-header a
{
	color:#4e6a8a;
	background-color:#ffffff;
	text-decoration:none;
}

h3.entry-header a:hover
{
	color:#4e6a8a;
	background-color:transparent;
	text-decoration:underline;
}

div.entry p,
div.comments-body p,
p.comments-open-moderated
{
	font-size:12px;
	color:#666666;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}


div.entry blockquote,
div.entry-body blockquote
{
	font-size:80%;
	line-height:150%;
	color:#555555;
	background:#eeeeee;
	padding:15px;
	margin-bottom:20px;
}

div.entry h1,
div.entry-body h1
{
	font-size:100%;
	font-weight:bold;
	color:#4a6c9a;
	background:transparent url(img/h1.gif) no-repeat left top;
	border:1px solid #93b1cf;
	padding:10px 10px 10px 10px;
	line-height:150%;
	margin-bottom:20px;
}

div.entry h2,
div.entry-body h2
{
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
	background:transparent url(img/h2.gif) no-repeat left top;
	padding:5px 10px 5px 20px;
	line-height:150%;
	margin-bottom:20px;
}

div.entry h3,
div.entry-body h3
{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:transparent url(img/h3.gif) no-repeat left top;
	padding:5px 10px 5px 15px;
	line-height:130%;
	margin-bottom:20px;
}

div.entry h4,
div.entry-body h4
{
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#5b5b5b;
	background:#ffffff url(img/h4.gif) no-repeat left top;
	padding:0 5px 5px 15px;
	margin-bottom:20px;
}

div.entry h5,
div.entry-body h5
{
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#5b5b5b;
	background: url(img/h5.gif) no-repeat 2px 6px;
	padding: 0 10px 0 16px;
	line-height:150%;
	margin-bottom:10px;
	font-size:12px;
}

div.entry h6,
div.entry-body h6
{
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#5b5b5b;
	background:transparent url(img/link-h6.gif) no-repeat 0 6px;
	padding: 0 10px 0 16px;
	line-height:150%;
	margin-bottom:10px;
}

div.entry-tags h4
{
	font-size:80%;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#333333;
	background:transparent url(img/h6_bg.gif) no-repeat 2px 2px;
	padding: 0 10px 0 25px;
	line-height:150%;
	margin-bottom:5px;
}
div.entry-tags-inner
{
	color:inherit;
	background-color:#e4f1f1;
	padding:15px 15px 10px 15px;
}
div.entry-tags ul
{
	list-style-type:none;
	margin-bottom:20px;
}
div.entry-tags ul li
{
	color:#339999;
	background-color:transparent;
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	float:left;
	margin-right:10px;
}

div.entry-info
{
	margin-bottom:20px;
}

div.entry-info ul
{
	list-style-type:none;
	text-align:right;
	border-top:2px solid #d8d8d8;
	padding:5px 0 10px 0;
	width:100%;
}

div.entry-info ul li
{
	font-size:60%;
	color:#666666;
	background-color:inherit;
	display:inline;
}

div.entry-content
{
	padding-bottom:5px;
	width:100%;
}

div.entry-content p.posted
{
	margin-bottom:40px;
}


div.entry-content h3 a
{
	color:#333333;
	background-color:transparent;
	text-decoration:none;
}
div.entry-content h3 a:hover
{
	color:#333333;
	background-color:transparent;
	text-decoration:underline;
}

div.trackbacks,
div#comments
{
	margin:0 0 15px 0;
}

div.entry form
{
	width:80%;
}

div.typekey-text
{
display:none;
}

h2.module-header
{
	color:#000000;

	background:transparent url(img/entry_title.gif) no-repeat left top;
	font-size:80%;
	font-weight:normal;
	padding:11px;
	margin-bottom:10px;
}

div.module-content
{
	color:#333333;
	background-color:#ffffff;
	padding:15px;
	margin-bottom:20px;
}

div.module-content ul
{
	list-style-type:disc;
	line-height:150%;
	padding:0 15px;
}

div.module-content ul li
{
	font-size:80%;
	font-weight:normal;
}

/* ---------- archives_end ---------- */

div#sitemap{
        font-size:80%;
       margin-top:20px;
       margin-left:10px;
}
div#sitemap a{
        color:#212473;
}
div#sitemap a:hover{
        text-decoration:underline;
}


/* ---------- entry ---------- */

.text-area {
	margin:10px 0;
	}

.left {
	float:left;
	}
	
.right {
	float:right;
	}	
	
.clear {
	clear:both;
	}
	
div.sentence p {
	font-size:12px;
	color:#666666;
	padding:10px 0 0 10px	
	}		
	
div.border-kata	{
	border:#3333CC 1px solid;
	padding:10px;
	width:560px;
	margin-top:10px;
	}
	
div.attent {
	padding:10px;
	}	

table td p {
	padding:10px 5px 10px 5px;
	}	
	
div.btn-price {
	text-align:right;
	padding:10px 40px 10px 0;
	}
		
img.border-blue {
	border:#0f5ca8 3px solid;
	}		

.border-s-blue {
	border:#0f5ca8 1px solid;
	padding:0;
	margin:0;
	float:none;
	}
	
.img-left{
	float:left;
	margin:0 10px 10px 0;
	}
	
.img-right {
	float:right;
	margin:0 20px 10px 10px;
	}

.meeting {
	width:560px;
	margin:0 auto;
	text-align:center;
	}	

.border-gray {
	border:#CCCCCC 2px solid;
	}	
	
table {
	font-size:12px;
	color:#666666;
	}	
	
.wrap-left {
	width:380px;
	}	
	
div#photo-kata {
	width:250px;
	float:right;
	text-align:right;
	}
	
div#photo-kata a img {
	margin:0;
	padding:0;
	float:none;
	}
	
div#photo-kata img{
	margin:0;
	padding:0;
	float:none;
	}
		
div.wrap {
	margin:15px 0;
	}
	
div.kimono-area {
	background:url(img/back-kimono_02.jpg) no-repeat;
	width:580px;
	clear:both;
	}
	
.mgb-5 {
    margin-bottom:5px;
	}

.mgb-20 {
	margin-bottom:20px;
	}	
	
td.line {
	border-bottom:1px solid #ccc;
	}
	
.tbl-normal td {
	padding-top:10px;
	padding-bottom:2px;
	}
	
ul.rin-entry {
	text-align:left;
	margin-bottom:10px;
	width:570px;
	}
	
ul.rin-entry li {
	line-height:2.5em;
	display:inline;
	padding:5px;
	margin-right:10px;
	background:#daeaf9 url(img/lineback.gif) repeat;
	border:1px solid #1f4e7c;
	color:#fff;
	font-size:12px;
	}
	
ul.rin-entry li a{
	color:#1f4e7c;
	}
	
div#box1-l {
	width:355px;
	float:left;
	}
	
div#box1-r {
	width:205px;
	float:right;
	}
	
div.banner1 {
	margin:0 auto 10px auto;
	text-align:center;
	}
	
div#yawabox1 {
	background:url(img/yawa/back1.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#yawabox2 {
	background:url(img/yawa/back2.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#yawabox3 {
	background:url(img/yawa/back3.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#yawabox4 {
	background:url(img/yawa/back7.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#yawabox5 {
	background:url(img/yawa/back5.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#yawabox6 {
	background:url(img/yawa/back6.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#yawabox7 {
	background:url(img/yawa/back4.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}

div#yawabox8 {
	background:url(img/yawa/back-roca.jpg) no-repeat top right;
	padding:10px 0 0 10px;
	height:142px;
	clear:both;
	}
	
div#obibox1 {
	background:url(img/obi/back1.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#obibox2 {
	background:url(img/obi/back2.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#obibox3 {
	background:url(img/obi/back3.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	}
	
div#katabox1 {
	background:url(img/kata/back1.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	height:302px;
	clear:both;
	}
	
div#katabox2 {
	background:url(img/kata/back2.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	height:180px;
	clear:both;
	}
	
div#katabox3 {
	background:url(img/kata/back3.jpg) no-repeat top left;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	clear:both;
	}
	
div#katabox4 {
	background:url(img/kata/back4.jpg) no-repeat top left;
	margin-bottom:20px;
	padding:10px 0 0 10px;
	clear:both;
	}
	
div#katabox5 {
	background:url(img/kata/back-roca.jpg) no-repeat top left;
	padding-left:200px;
	height:142px;
	clear:both;
	}
	
/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div#container:after,
div#wrapper:after,
div#content:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div#container,
div#wrapper,
div#content{ display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div#container,
* html div#wrapper,
* html div#content{ height: 1% }
.clearfix,
div#container,
div#wrapper,
div#content{display:block;}
/* end MacIE5 */




/*きもの倶楽部のページ kimonoclub*/
div.kimonoclub {
	
}

div.kimonoclub p {
	font-size: 12px;
	margin: 1em 1.5em;
	line-height: 1.6;
}

div.kimonoclub ul {
	margin: 15px 0 15px 45px;
	font-size: 16px;
}

div.kimonoclub ul li {
	margin: 3px 0;
}

div.kimonoclub ul.image1,
div.kimonoclub ul.image2,
div.kimonoclub ul.image3 {
	overflow: hidden;
	list-style: none;
	margin: 7px 0;
}

div.kimonoclub ul.image1 li,
div.kimonoclub ul.image2 li,
div.kimonoclub ul.image3 li {
	float: left;
	margin-bottom: 5px;
	text-align: center;
}

div.kimonoclub ul.image1 li {
}

div.kimonoclub ul.image1 li.w {
	margin-right: 7px;
}

div.kimonoclub ul.image2 li {
	width: 193px;
}

div.kimonoclub ul.image3 li.w {
	width: 193px;
}

div.kimonoclub ul.image3 li.h {
	width: 96px;
}

div.kimonoclub ul.image1 li img {
}