@charset "UTF-8";
@import url("contents.css");


/*  
Theme Name: hair-room
Theme URI: http://www.hair-room.net/
Description: <a href="http://www.hair-room.net/">ヘアールーム</a>のテーマ
Version: 1.0
Author: sprex
Author URI: http://www.general-link.com/
*/




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

Default CSS

for all pages

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

 
/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}


/* Setting */

html {  
  overflow-y: scroll;  
}

body {
  background: #FFF;
  font-family: sans-serif;
  font-size: 13px;
  color: #412A17;
  border-top:3px solid #665546
}

* html body { /* for IE6 */
  font-size: small;
}
  
*:first-child+html body { /* for IE7 */
  font-size: small;
}

ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}
  
table {
  border-collapse: collapse;
}

legend {
  color: #333;
}

div#mainwrap p,
div#mainwrap ul,
div#mainwrap ol,
div#mainwrap dl,
div#mainwrap blockquote,
div#mainwrap pre,
div#mainwrap table {
}


/* Option */

* html .smallFont {
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}
  
*:first-child+html .smallFont {
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

* html ul li dl,
* html ol li dl {
  display: inline;
}

*:first-child+html ul li dl,
*:first-child+html ol li dl {
  display: inline;
}



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

Font Size

20px : 154%
18px : 139%
16px : 124%
15px : 116%  125%
14px : 108%  117%
13px : 100%  108%
12px :  93%  100%
11px :  85%   92%

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








/***** 横幅設定 (100% or 950px) *****/
#container {
	width: 950px;
}
#wrap {
	overflow:hidden;
	padding:15px 20px;
}





/***** カラム設定 (3 or 2 or 1) *****/
#mainwrap {
	width:690px;
	float:left;
}
#side {
	width:200px;
	float:right;
}



/***** 共通のタグ CommonTag *****/
body{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
a{ 
	outline:none;
	color: #F55C00;
	text-decoration: none;
}
a:hover{
	color: #FD843C;
	text-decoration: none;
}





/***** スペース領域 AreaSpace *****/
#container{
	margin-right:auto;
	margin-left:auto;
}
#header{
	overflow: hidden;
	background-image:url(img/header.gif);
	width: 950px;
	height:135px;
}
#topimage{
	width:930px;
	clear:both;
	margin:0 auto 10px;
}
#topimage h2 {
	font-size:77%;
	font-weight:normal;
	padding-left:15px;
	margin-bottom:5px;
}
#topimage p {
}
#topwrap{
	background-image:url(img/main-top.gif);
	background-repeat:no-repeat;
	width: 950px;
	height: 9px;
}
#wrap{
	background-image:url(img/main-mid.gif);
	width:910px;
}
#mainwrap{
	overflow: hidden;
	background-color: #FFF;
}
#side{
	overflow: hidden;
}
#sidebar1{
	overflow: hidden;
}
.sidebar{
	overflow: hidden;
	padding-bottom: 15px;
}
#pagewrap{
	overflow: hidden;
}
#footer{
	background-color: #333;
}





/***** ヘッダー Header *****/
#header {
}
#header h1 {
	padding:5px 0 0 20px;
	display:inline;
	font-weight:normal;
}
#header p {
	padding:5px 0 0 10px;
	font-size:65%;
	display:inline;
}


/*ヘッダーナビ header_navi*/
#page_navi {
	overflow:hidden;
	margin:-8px 0 10px 25px;
}
#page_navi li {
	float:left;
	margin-left:5px;
	background-image:url(img/headermenu_02.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#page_navi li a {
	height:15px;
	display:block;
	background-image:url(img/headermenu_01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:10px 20px 13px;
	color:#FFFFFF;
	font-weight:bold;
}





/***** フッター Footer *****/
#footer {
	width:890px;
	padding:20px;
	margin:0 auto;
	text-align:center;
}
#footer {
	color:#CCCCCC;
	font-size:77%;
}
.block {
	margin:0 auto 5px;
}
.block li {
	padding:0 10px;
	line-height:2;
	font-size:93%;
	float:left;
}
.block li a {
	color:#CCCCCC;
}
.copyright {
	color: #E6E6E6;
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #E6E6E6;
}
.copyright h3 {
	font-size:77%;
	font-weight:normal;
	color:#676767;
	float:left;
	display:block;
}
.copyright p {
	float:right;
	display:inline;
}








/*コメント comments*/
#comments-area {padding: 15px;font-size: 90%;line-height: 170%;clear: both;}
#comments-area small{font-size: 85%;}
#comments-area ol.commentlist {list-style-type: none;padding-left: 5%;}
#comments-area input#author,
#comments-area input#email,
#comments-area input#url {border: 1px solid #666;padding: 3px;width: 50%;}
#comments-area textarea#comment {border: 1px solid #666;width: 92%;padding: 3px;}
#comments-area form#commentform {padding: 0 0 0 5%;}
#comments-area p.nocomments {display: none;}

/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;padding: 10px 0;font-size: 80%;white-space: nowrap;}
.navigation a{color: white;padding: 2px 5%;background-color: #999;border: 2px solid #ccc;float: left;}
.navigation a:hover{color: #fff;}
.navigation div.alignleft {float: left;padding: 0 0 0 10px;}
.navigation div.alignright {float: right;padding: 0 10px 0 0;}







/***** サイドバー Sidebar *****/
.sidebar .widget{
	overflow: hidden;
	border:1px solid #B7A698;
	margin-bottom:5px;
}
.sidebar .module_title {
	background-image:url(img/titlebg.gif);
	background-position:left top;
	color:#FFFFFF;
	font-weight: bold;
	height:24px;
	margin:0;
}
.sidebar ul{
	margin: 0 0 3px;
	overflow: hidden;
}
.sidebar ul li{
	background-color:#FFFFFF;
	border-bottom:1px dotted #B7A698;
}
.sidebar ul li ul li{
}
.sidebar ul li a{
	display:block;
	padding:10px;
}
.sidebar ul li a:hover{
	text-decoration: underline;
	background-color:#F6F3E8;
}
.sidebar p{
	line-height: 1.6;
	padding: 7px;
}

/*テキスト textwidget*/
.sidebar .textwidget .freetext {
	background:#FFFFFF;
	padding:5px;
}
.sidebar .textwidget img {
}

/*検索 search*/
#search {
	text-align:center;
	padding-bottom:15px;
}
.sidebar #searchform input#s {
	width: 130px;
	border: 1px solid #B8A698;
	background-color:#E6E0D2;
	font-size: 77%;
}
.sidebar #searchform label.hidden {
	font-size: 90%;
	color:#FFFFFF;
	font-weight: bold;
}
#searchsubmit {
}

/*カレンダー Calendar*/
.sidebar #wp-calendar {
	width: 100%;
	color: #666;
	background-color: #fff;
	line-height: 100%;
	font-size: 95%;
}
.sidebar #calendar p.module_title {
	display: none;
}
.sidebar #wp-calendar thead {
	background-color: #eee;
}
.sidebar #wp-calendar caption {
	color: #000;
	font-weight: bold;
	background-color: #ccc;
	padding: 5px 0;
}
.sidebar #wp-calendar th{
	text-align: center;
	padding: 5px 0;
}
.sidebar #wp-calendar td{
	text-align: center;
	padding: 3px 0;
}

/*タグクラウド*/
#sidebar2 #tag_cloud a {
	line-height:1.5;
}






/***** その他 Others *****/
.edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
.edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}