@charset "utf-8";

/*
Theme Name:hairclover
*/

/*---全部クリアするアスタリスク-----*/

* {
  margin: 0px;    /* 全要素の外側余白を0pxにリセット */
  padding: 0px;   /* 全要素の内側余白を0pxにリセット */
}

img {
	border:0;
	}

/*--------共通して使えるスタイル-------*/

/*クリアボス*/
.clearboth{
clear:both;
}

div.clear { clear:both; }
div.clear hr { display:none;}

/*マージンボトム10ｐｘ*/
.mb10{
margin-bottom:10px;
display:block;
}


.mb20{
margin-bottom:20px;
display:block;
}


.mt10{
margin-top:10px;
}

.ml10{
margin-left:10px;
}

.mt20{
margin-top:20px;
}


.mt40{
margin-top:40px;
}


.pb10{
padding-bottom:5px;
display:block;
}

img.titlebar {
clear:both;
/*display:block;*/
 padding:5px 0 10px 0;
}
	
a {
color:#19338f;
text-decoration:none;
}

txtright {
text-align:right;!important
}


/*-------ボディー-------*/
body {
font-size:12px;
line-height:170%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-image:url(images/common/header-back.jpg);
background-position:center top;
background-repeat:repeat-x;
margin:0 auto;
background-color:f1eadb;
 }
 
 
 /*-----------大枠---------*/
#container{
   width:935px;
   margin:0 auto;
   /*background-color:#ff0012;*/
   /*高さを自動調整*/
   /*overflow:hidden; */
}


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

#header{
width:935px;


}

#header .tel{
float:right;
margin-top:15px;
}

#header .sitename{
margin:10px 0 0 360px;
}

/*--------メニューボタン---------*/
#nav{
width:935px;
padding-top:10px;

/*margin:5px 0 30px 0;*/
/*height:50px;*/
margin-bottom:10px;
}

#nav li{
list-style-type:none;
float:left;
/*width:120px;*/
}

#nav ul{
/*background-color:#ffaacc;*/
width:935px;
overflow:hidden;
background-color:#f1eadb;
}

/*メニューボタンのスタイル*/
.menu{
border:none;
/*height:50px;*/
}

ul .menu a{
border:none;
}

ul .menu img {
float:left;
margin:0;
}


/*--------コンテンツ---------*/
#content{
	overflow:hidden;
	margin-top:5px 0 0 0;
}


/*---flashまたはページタイトル画像-------*/

#topflash{
margin:5px 0 0 0;
}

#pagetitle{
margin:0 0 0 0;
}



/*-----左の大枠ー------*/

#article{
/* overflow:hidden; */
width:935px;
/* float:left; */
margin:0;
}

#articlemenu{
/* overflow:hidden; */
width:935px;
/* float:left; */
margin:0 15px;
}


/*----新着情報-------*/

.pickupwaku{
width:635px;
float:left;
}

.leftwaku{
float:left;
width:325px;
background-image:url(images/top/news-backlong.png);
background-position:center top;
background-repeat:no-repeat;
height:250px;
}

.rightwaku-menu{
float:right;
width:300px;
background-image:url(images/top/back-menu.png);
background-position:center top;
background-repeat:no-repeat;
height:143px;
}

.rightwaku-blog{
float:right;
width:300px;
background-image:url(images/top/back-blog.png);
background-position:center top;
background-repeat:no-repeat;
height:110px;
}

.blog-about{
width:200px;
padding:10px;
}


/*--　トップページの新着情報のテーブル--　*/

.newstable {
	/* width:630px; */
	margin-left:10px;
	border:none;
	border-top:1px dotted #19338F;
    margin-bottom:15px;
	}

.newstable th {
	font-weight:normal;
	text-align:left;
	width:90px;
	vertical-align:top;
	border-bottom:1px dotted #19338F;
	padding:3px 0;
	}

.newstable td {
	vertical-align:top;
	color:#19338F;
	border-bottom:1px dotted #19338F;
	width:200px;
	padding:3px 0;

	}

.newstable td a:link,
.newstable td a:visited { color:#19338F; }
.newstable td a:hover   { color:#4A6CDF; }






/*--　newsページのテーブル--　*/

.newsptable {
	/* width:630px; */
	margin-left:10px;
	border:none;
    margin-bottom:60px;
	border-top:1px dotted #19338F;
	}

.newsptable th {
	font-weight:normal;
	text-align:left;
	width:150px;
	vertical-align:top;
	padding:3px 0;
	}

.newsptable td {
	vertical-align:top;
	width:450px;
	padding:3px 0;

	}

.newsptable td a:link,
.newsptable td a:visited { color:#19338F; }
.newsptable td a:hover   { color:#4A6CDF; }


.newstitle{
font-weight:bold;
font-size:16px;
color:2b1c18;
margin-bottom:15px;
}





/*--　aboutページのテーブル--　*/

.abouttable {
	/* width:630px; */
	margin-left:50px;
	border:none;
    margin-bottom:60px;
	margin-top:30px;
	
	}

.abouttable th {
	font-weight:normal;
	text-align:left;
	width:290px;
	vertical-align:top;
	padding:3px 0;
	}

.abouttable td {
	vertical-align:top;
	width:605px;
	padding:3px 0;

	}

.abouttable td a:link,
.abouttable td a:visited { color:#19338F; }
.abouttable td a:hover   { color:#4A6CDF; }


.abouttitle{
font-weight:bold;
font-size:16px;
color:2b1c18;
margin-bottom:15px;
}




/*--　aboutページの逆むきテーブル--　*/

.aboutgtable {
	/* width:630px; */
	margin-left:50px;
	border:none;
    margin-bottom:60px;
	margin-top:30px;
	
	}

.aboutgtable th {
	vertical-align:top;
	width:605px;
	padding:3px 0;
	font-weight:normal;
	text-align:left;
	}

.aboutgtable td {

	font-weight:normal;
	text-align:left;
	width:290px;
	vertical-align:top;
	padding:3px 0;

	}

.abouttable td a:link,
.abouttable td a:visited { color:#19338F; }
.abouttable td a:hover   { color:#4A6CDF; }


.abouttitle{
font-weight:bold;
font-size:16px;
color:2b1c18;
margin-bottom:15px;
}






/*--　topページのmenuのテーブル--　*/

.topmenutable {
margin-left:10px;
	}

.topmenutable th {
	font-weight:normal;
	text-align:left;
	width:87px;
	vertical-align:top;
	padding:1px;
	}

.topmenutable td {
	vertical-align:top;
	width:162px;
	padding:1px;
	}

.newstable td a:link,
.newstable td a:visited { color:#19338F; }
.newstable td a:hover   { color:#4A6CDF; }


/*--　menuページのテーブル--　*/

.3box{
width:825px;

}



.menubox {
width:250px;
	padding:15px 0 15px 25px;
	border:none;
	margin-top:30px;
	float:left;
	}
	
	.menuboxwhite {
width:280px;
	padding:15px 0;
	border:none;
	margin-top:30px;
	float:left;
	margin-right:15px;
	text-align:center;
	}


/*--　menuページのmenuのテーブル--　*/

.menumenutable {
margin-left:5px;
	}

.menumenutable th {
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
	padding:1px 5px 0 0;
	}

.menumenutable td {
	vertical-align:top;
	white-space:nowrap;
/*	width:162px; */
	padding:1px;
	}

.menumenutable td a:link,
.menumenutable td a:visited { color:#19338F; }
.menumenutable td a:hover   { color:#4A6CDF; }




/*------コンテント----*/


.kijiwaku{
width:658px;
margin:0 0 40px 0;
}


h3{
/* border-left:#4983bc solid 5px; */
border-bottom:solid 4px #000; /* #ff6600 */
padding:0 0 9px 5px;
margin:25px 0;
font-size:19px;
color:#000000;
/* background-color:#ece9d8; */
}	

h4{
/* border-left:#4983bc solid 5px; */
border-bottom:solid #000000 1px; /* #ff6600 */
padding:8px 0 6px 10px;
margin:30px 0 15px 0;
font-size:14px;
color:#000000;
}


.kijitext {
font-size:12px;
padding:8px 8px 6px 10px;

}

.blogdate{
font-size:12px;
margin-left:450px;
}



.txtandimg{
width:660px;
/* margin:0 30px; */
height:auto;
overflow:hidden;
}

.img-left{
float:left;
}

.txt-right{
float:right;
width:305px;
}
















/*-----会社概要--------*/

dl.data{
    /* border-bottom:1px dotted #ccc;*/
   /* margin:40px 0 10 120px;*/
   font-size:12px;
   margin-top:35px;
    }
	
dl.data dt,
dl.data dd{
    padding:12px 0;
    border-top:1px dotted #ccc;
    float:left;
    line-height:1.4;
    }
dl.data dt {
    clear:left;
    font-weight:bold;
    width:140px;
    }
	
dl.data dd {
    width:470px;
    }
	
	
dl.data dt:first-of-type,
dl.data dd:first-of-type {
border-top:0;
    }



/*-----------テーブル------*/

table.nomal {
/* width:100%; */
border-collapse:collapse;
margin:0 auto;
	}
	
	
table.nomal th{
border:1px solid #999999;
/*padding:1px;*/
font-weight:normal;
vertical-align:middle;
white-space:nowrap;
background-color:#f5f0dc;
width:200px;
/*height:20px;*/
/* text-align:center; */
border-collapse:collapse;
margin:0;
padding:5px;
text-align:left;
font-size:13px;
}



table.nomal td{
border:1px solid #999999;
/* text-align:center; */
border-collapse:collapse;
margin:0;
padding:5px;
font-size:13px;
width:270px;
}


table.nomal td.left{
text-align:left;
}














/*--------パンくず----*/

#pankuzu {
font-size:9px;
margin-top:5px;
padding-left:3px;
}

#pankuzu a {
text-decoration:underline;
}





/*------サイドバー--------*/

#sidebar{
line-height:100%;
width:270px;
float:right;
padding-top:0;
}


#sidebar img{
padding-bottom:0px;
}
  
#sidebar p{
margin-left:5px;

}

#sidebar span{
font-size:11px;
color:#333333;
margin-bottom:5px;
}



/*------フッター------*/

.footmenu{
margin-top:10px;
padding:10px 0 0 0;
border-top:1px solid #ccc;
text-align:center;
color:#330000;
font-size:10px;
}


#footer{
clear:both;
width:auto;
background:#f5f0dc;
color:#330000;
font-size:11px;
margin:10px 0 0 0;
text-align:center;
font-family:Helvetica, Arial, sans-serif;
font-style:normal;
padding:10px 0;

}





/*----------------お問い合わせフォーム　----------------------------------*/

table.contactForm {
	/* width:65%; */
	margin:0 auto;
	padding:20px 0;
	}

table.contactForm th {
/*	background:#DCFABE;*/
	background:#fddce5;
	white-space:nowrap;
	padding:15px;
	width:200px;
	margin:10px 0;
	font-weight:normal;
	text-align:left;
	}
	
	
	
table.contactForm td{
/* border:1px solid #999999; */
/* text-align:center; */
border-collapse:collapse;
margin:0;
padding:5px;
font-size:13px;
width:270px;
}

	
	table.contactForm tr {
	margin::10px 0;
	
	}

table.contactForm span.example {
	display:block;
	font-size:11px;
	color:#777;
	}

td.formSubmit {
	text-align:center;
	margin:5px 0;
	}

td.formSubmit input {
	padding:10px;
	}