@charset "utf-8";
/*-- sirena common class ------------------------*/
 
html, body { 
	margin:0; 
	padding:0; 
	height:100%;
	color: #333333;
	background: #f8f1e2 url(../../images/common/bg.gif) repeat-x;
} 
body {font:12px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;line-height:142%;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

.midashi{
	font-size : 20px;
	line-height : 24px;
	color: #996633;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

.px14{font-size : 14px ;line-height : 18px }
.px12{font-size : 12px ;line-height : 16px }
.px10{font-size : 10px ;line-height : 14px }

.brown{
	color: #996633;
}

.brown2{
	color: #CCCC99;
}

.cRed{
	color: #F00;
}
.cPink {color: #FF66CC}
.cBlue {color: #3333FF}
.cYellow {color: #FFCC00}
.cRuby {color: #FF0066}
.cGreen {color: #66CC66}
.cOrange {color: #FF9900}
.cNeonBlue {color: #3399FF}
.cIceBlue {color: #99CCFF}
.cAmethyst {color: #9966CC}
A:link{ color: #996633 ;}
A:visited{ color: #999966;}
A:hover{ color: #996633 ;}

/*ヘッダー------------------------*/

#header {
	width:900px;
	height: 97px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}

#logo {
	width: 325px;
	height: 97px;
	float:left;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#logo a{
	width: 325px;
	height: 97px;
	float:left;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


/*メニュー------------------------*/

.menu0{
	width:142px;
	height: 97px;
	float:left;
}

#menu1b {
	width:56px;
	height: 97px;
	display:block;
	float:left;
	outline:none;
}
#menu1 a{
	width:56px;
	height: 97px;
	display:block;
	float:left;
	background: url(img/menu1.gif) no-repeat;
	text-indent: -9999px;
	outline:none;
}

#menu1 a:hover{
background: url(img/menu1_f2.gif) no-repeat;
}

#menu2 a{
	width:109px;
	height: 97px;
	display:block;
	float:left;
	background: url(img/menu2.gif) no-repeat;
	text-indent: -9999px;
	outline:none;
}

#menu2 a:hover{
background: url(img/menu2_f2.gif) no-repeat;
}

#menu3 a{
	width:68px;
	height: 97px;
	display:block;
	float:left;
	background: url(img/menu3.gif) no-repeat;
	text-indent: -9999px;
	outline:none;
}

#menu3 a:hover{
background: url(img/menu3_f2.gif) no-repeat;
}

#menu4 a{
	width:76px;
	height: 97px;
	display:block;
	float:left;
	background: url(img/menu4.gif) no-repeat;
	text-indent: -9999px;
	outline:none;
}

#menu4 a:hover{
background: url(img/menu4_f2.gif) no-repeat;
}

#menu5 a{
	width:72px;
	height: 97px;
	display:block;
	float:left;
	background: url(img/menu5.gif) no-repeat;
	text-indent: -9999px;
	outline:none;
}

#menu5 a:hover{
background: url(img/menu5_f2.gif) no-repeat;
}

#menu6 a{
	width:74px;
	height: 97px;
	display:block;
	float:left;
	background: url(img/menu6.gif) no-repeat;
	text-indent: -9999px;
	outline:none;
}

#menu6 a:hover{
background: url(img/menu6_f2.gif) no-repeat;
}

#menu7{
	width:28px;
	height: 97px;
	float:left;
	background: url(img/hd_r.gif) no-repeat;
}

/*メイン
------------------------*/
.sps30 {
	width:900px;
	height: 30px;
	float:left;
}
.sps200 {
	width:900px;
	height: 180px;
	float:left;
}
.sps15 {
	width:900px;
	height: 15px;
	float:left;
}

/*左メニュー
------------------------*/

#sidemenu {
	width:190px;
	height: 598px;
	float:left;
}

#sidemenu0 {
	width:146px;
	height: 126px;
	float:left;
	background: url(img/bg1.gif) no-repeat;
}

#side1 {
	width:190px;
	height: 632px;
	float:left;
	background: url(img/bg2.jpg) no-repeat;
}

#sidemenu01 {
	width:146px;
	height: 31px;
	display:block;
	float:left;
	background: url(img/menu.gif) no-repeat;
}

#sidemenu02 a{
	width:146px;
	height: 19px;
	display:block;
	float:left;
	background: url(img/nail_1.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu02 a:hover{
background: url(img/nail_1_f2.gif) no-repeat;
}


#sidemenu03 a{
	width:146px;
	height: 16px;
	display:block;
	float:left;
	background: url(img/nail_2.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu03 a:hover{
background: url(img/nail_2_f2.gif) no-repeat;
}

#sidemenu04 a{
	width:146px;
	height: 15px;
	display:block;
	float:left;
	background: url(img/nail_6.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu04 a:hover{
background: url(img/nail_6_f2.gif) no-repeat;
}


#sidemenu05 a{
	width:146px;
	height: 17px;
	display:block;
	float:left;
	background: url(img/nail_7.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu05 a:hover{
background: url(img/nail_7_f2.gif) no-repeat;
}

#sidemenu06 a{
	width:146px;
	height: 23px;
	display:block;
	float:left;
	background: url(img/nail_8.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu06 a:hover{
background: url(img/nail_8_f2.gif) no-repeat;
}

#sidemenu07 a{
	width:146px;
	height: 22px;
	display:block;
	float:left;
	background: url(img/naild.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu07 a:hover{
background: url(img/naild_f2.gif) no-repeat;
}

#sidemenu08 a{
	width:146px;
	height: 15px;
	display:block;
	float:left;
	background: url(img/naild_1.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu08 a:hover{
background: url(img/naild_1_f2.gif) no-repeat;
}

#sidemenu09 a{
	width:146px;
	height: 21px;
	display:block;
	float:left;
	background: url(img/naild_2.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu09 a:hover{
background: url(img/naild_2_f2.gif) no-repeat;
}

#sidemenu10 a{
	width:146px;
	height: 27px;
	display:block;
	float:left;
	background: url(img/makidume.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu10 a:hover{
background: url(img/makidume_f2.gif) no-repeat;
}

#sidemenu11 a{
	width:146px;
	height: 24px;
	display:block;
	float:left;
	background: url(img/eye.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu11 a:hover{
background: url(img/eye_f2.gif) no-repeat;
}

#sidemenu12 a{
	width:146px;
	height: 27px;
	display:block;
	float:left;
	background: url(img/color.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu12 a:hover{
background: url(img/color_f2.gif) no-repeat;
}

#sidemenu13{
	width:146px;
	height: 20px;
	float:left;
	background: url(img/menu_a.gif) no-repeat;
}

#sidemenu14 a{
	width:146px;
	height: 37px;
	display:block;
	float:left;
	background: url(img/blog.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu14 a:hover{
background: url(img/blog_f2.gif) no-repeat;
}

#sidemenu15{
	width:146px;
	height: 9px;
	float:left;
	background: url(img/menu_b.jpg) no-repeat;
}


#sidemenu16 a{
	width:146px;
	height: 37px;
	display:block;
	float:left;
	background: url(img/bridal.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu16 a:hover{
background: url(img/bridal_f2.gif) no-repeat;
}

#sidemenu17{
	width:146px;
	height: 9px;
	float:left;
	background: url(img/menu_c.jpg) no-repeat;
}

#sidemenu18 a{
	width:146px;
	height: 241px;
	display:block;
	float:left;
	background: url(img/info.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu18 a:hover{
background: url(img/info_f2.gif) no-repeat;
}

#sidemenu19 a{
	width:146px;
	height: 15px;
	display:block;
	float:left;
	background: url(img/nail_3.gif) no-repeat;
	text-indent: -9999px;
}

#sidemenu19 a:hover{
background: url(img/nail_3_f2.gif) no-repeat;
}


#sidemenu20 a{
	width:146px;
	height: 15px;
	display:block;
	float:left;
	background: url(img/nail_4.gif) no-repeat;
	text-indent: -9999px;
}
#sidemenu20 a:hover{
background: url(img/nail_4_f2.gif) no-repeat;
}
#sidemenu22 {
	width:120px;
	height: 23px;
	margin-top:15px;
	display:block;
	float:left;
	background: url(img_media/media_title.gif) no-repeat;
	text-indent: -9999px;
}
#sidemenu23 {
	width:120px;
	height: 5px;
	display:block;
	float:left;
	background: url(img_media/media_bottom.gif) no-repeat;
	text-indent: -9999px;
}
#sidemenu21 {
	width:120px;
	display:block;
	float:left;
	background: url(img_media/media_bg.gif) ;
}
ul.media{
width:400px;
padding:0;
}
 
ul.media li{
vertical-align:top;
display:-moz-inline-box; /* Firefox 2 and older */
display:inline-block;
width:100px;
margin:10px;
list-style:none;
}
 
* html ul.media li{ /* IE 6 */
display:inline;
zoom:1;
}
 
*:first-child+html ul.media li{ /* IE 7 */
display:inline;
zoom:1;
}
 
/* code for "-moz-inline-box" [BEGIN] */
div.text{
display:table-row-group;
}
div.text p{
width:100px;
font-size:10px;
}
 
p.image{
width:100px;
display:table-row-group;
}
/* code for "-moz-inline-box" [END] */

/*右メインブロック
------------------------*/

#mainblock {
	width:717px;
	background-color: #fff;
	background: url(img/conbg.gif) repeat;
	float:left;
}

#mainhd{
	width:717px;
	height: 44px;
	background: url(img/main_hd.gif) no-repeat;
}

#honbun{
	width:625px;
	margin-left: auto;
	margin-right: auto;
}

#mainft{
	width:717px;
	height: 44px;
	float:left;
	background: url(img/main_ft.gif) no-repeat;
}

/*コピーライト------------------------*/

#footer {width:900px;height:20px;background:#591e30;text-align: center;background-image:url(http://sirena-salon.com/images/footer.gif);
margin:auto;}

/* Copyright
========================================== */
#footer address {text-indent:-9999px;}



/* Copyright
========================================== */
 /* *** Float containers fix:
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* MacIE begin \*/
*+html div.clearfix{height: 1%;}

* html div.clearfix{height: 1%;}

.clearfix {display: block;}
/* Mac IE end */

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}



/* ======================================== */
/*                 blog                     */
/* ======================================== */


#content-blog {
	font-size: 1.2em;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	}





.widgettitle{
	font-size:12px;
	line-height:18px;
	margin: 20px 0 10px 0;
	text-align:center;
}


div.widget_search  {
background-image: url(img_blog/title_blog_search.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
padding: 30px 0px 0px 0px;
}


.widget_calendar .widgettitle {
background-image: url(img_blog/title_blog_calendar.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}


.widget_recent_entries .widgettitle {
background-image: url(img_blog/title_blog_entry.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}


.widget_categories .widgettitle {
background-image: url(img_blog/title_blog_category.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}


.widget_archive .widgettitle {
background-image: url(img_blog/title_blog_archive.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}


.widget_recent_comments .widgettitle {
background-image: url(img_blog/title_blog_comment.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}

.widget_links .widgettitle {
background-image: url(img_blog/title_blog_link.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}

.widget_text .widgettitle {
background-image: url(img_blog/title_blog_ranking.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}

.widget_tag_cloud .widgettitle {
background-image: url(img_blog/title_blog_tag.gif);
background-repeat: no-repeat;
margin: 20px 0px 10px 0px;
height: 29px;
text-indent: -9999px;
}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	background-color:#CCA467;
	color:#FFFFFF;
	padding: 3px;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	font-size: 11px;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 11px;
	}

#wp-calendar a {
	text-decoration: underline;
	}

#wp-calendar caption {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	font-size: 12px;
	color:#006699;
	}
/* End Calendar */


/* Begin List */
.widget_recent_entries ul,
.widget_categories ul,
.widget_recent_comments ul,
.widget_text .textwidget ul,
.widget_links ul,
.widget_archive ul {
	margin: 0px;
	padding: 0px;
	}
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_text .textwidget ul li,
.widget_links ul li,
.widget_archive ul li {
	font-size:12px;
	line-height:18px;
	color: #333333;
	margin: 0px 5px 5px 10px;
	padding: 0px 0px 2px 15px;
	background-image: url(/img/arrow01.gif);
	background-repeat:no-repeat;
	list-style: none;
	}

/* End List */



/* Begin Comment */
h3#comments{
	margin: 20px 0px 10px 0px;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCA467;
	border-top: 1px solid #CCA467;
	padding: 3px 0px 0px 10px;
	color: #CCA467;
	}
	
#respond h3{
	margin: 30px 0px 10px 0px;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCA467;
	padding: 0px 0px 0px 10px;
	color: #CCA467;
	}
	
	
	
#commentform input {
	margin: 5px 0 1px 5px;
}

#commentform #submit {
	float:left;
}
#commentform p {
	margin: 5px 0;
	}

.commentlist p {
	margin: 10px 0 10px 5px;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

ol.commentlist li {
	margin: 1px 0px 0px 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

#sidebar {
	width:200px;
	float: right;
	background-color: #FFFFFF;
	padding:0 25px 0 0;
	margin-right:30px;
	display: inline;
}

#mainblock-blog {
	width:600px;
	background-color: #fff;
	background: url(img_blog/conbg-blog.gif) repeat;
	float:left;
	margin-left:30px;
	display: inline;
}

#mainhd-blog {
	width:600px;
	height: 44px;
	background: url(img_blog/main_hd-blog.gif) no-repeat;
}

#honbun-blog {
	width:520px;
	margin:0 auto;
}
#honbun-blog p {
	font-size: 12px;
	line-height:18px;
}


#mainft-blog {
	width:600px;
	height: 44px;
	float:left;
	background: url(img_blog/main_ft-blog.gif) no-repeat;
}

.entry_footer {
	border-bottom: 1px dotted #666666;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

#blog .container {width: 900px;margin:0 auto;background:#fff;overflow: hidden;position: relative;
height:235px;}

#blog ul#globalnavi{margin:0;padding:0;position:absolute;top:123px;left:40px;list-style:none;}

#blog ul#globalnavi li {display:inline;height:44px;}

#blog ul#globalnavi li a {display: block;float:left;width:152px;height:44px;background:url(http://sirena-salon.com/images/common/globalimg.gif) no-repeat;text-indent:-9999px;background-repeat:no-repeat;margin-left:10px;}

ul#globalnavi li#gnavi1 a {background-position:  0  -20px;}
ul#globalnavi li#gnavi2 a {background-position: -157px -20px;}
ul#globalnavi li#gnavi3 a {background-position: -314px -20px;}
ul#globalnavi li#gnavi4 a {background-position: -471px -20px;}
ul#globalnavi li#gnavi5 a {background-position: -628px -20px;}

/* When Mouse Over */
ul#globalnavi li#gnavi1 a:hover {background-position:  0 -69px;}
ul#globalnavi li#gnavi2 a:hover {background-position: -157px -69px;}
ul#globalnavi li#gnavi3 a:hover {background-position: -314px -69px;}
ul#globalnavi li#gnavi4 a:hover {background-position: -471px -69px;}
ul#globalnavi li#gnavi5 a:hover {background-position: -628px -69px;}

#blog h1 a{position:absolute;top:34px;left:51px;display:block;width:168px;height:74px;background:url(http://sirena-salon.com/images/common/siteID.gif) no-repeat;text-indent:-9999px;background-repeat:no-repeat;background-position:-290px 0;}

#blog h1 a:hover{background-position:-463px 0;}

#blog .blogTitle {position:absolute;top:36px;left:239px;display:block;width:598px;height:66px;background:url(http://sirena-salon.com/images/common/siteID.gif) no-repeat;text-indent:-9999px;background-repeat:no-repeat;background-position:0 -218px;}

#headerHead {
	width:900px;
	height:20px;
	background: #591e30;
	margin-top:0px;
}
/* Description
========================================== */
#headerHead .blogHead {
	position:absolute;
	top:5px;
	left:7px;
	display: block;
	width: 301px;
	height: 12px;
	background: url(http://sirena-salon.com/images/common/globalimg.gif) no-repeat;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position: -586px 0;
}
/* Inquiry
========================================== */
#headerHead .blogHead2 a {
	position:absolute;
	top:3px;
	left:607px;
	display: block;
	width: 288px;
	height: 13px;
	background: url(http://sirena-salon.com/images/common/globalimg.gif) no-repeat;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position: 0 0;
}

/* When Mouse Over */
#headerHead .blogHead2 a:hover {background-position: -293px 0;}

.blogR{position:absolute;top:196px;left:50px;display:block;width:800px;height:37px;background:url(http://sirena-salon.com/images/common/titleR.gif) no-repeat;background-repeat:no-repeat;text-indent:-9999px;background-position:0 -110px;}

#blog table {
	margin-top:0;
}
<!-- 20110801  依頼により非表示を解除
.blog_title {
	display:none;
}
-->

ul, menu, dir {
	list-style:none;
}
#headerHead .block2 {
	position:absolute;
	top:20px;
	left:2px;
	display: block;
	width: 896px;
	height: 6px;
	background: url(http://sirena-salon.com/images/common/block.gif) no-repeat;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position: 0 0;
	z-index:2;
}