@charset "UTF-8";
/* CSS基本設定 */

/* 一括初期化
------------------------------------------------- */
/*マージン及びパディング*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

/*テーブル*/
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*イメージボーダー*/
img{
	border: 0;
}

/*ヘッディング*/
h1,h2,h3,h4{
	font-style: normal;
	font-weight: normal;
}

/*パラグラフ*/
p{
	margin: 0;
	padding: 0 0 1em 0;
}


/* ボディ設定
------------------------------------------------- */
body{
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	background-image: url(../../images/common/background.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

a:link{
	color: #333;
}
a:visited{
	color: #666;
}
a:hover{
	color: #AD2302;
}




/* ページ設定
------------------------------------------------- */
#container{
	width: 1000px;
	text-align: center;
	background-color: #fff;
	background-image: url(../../images/common/back_container.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

#box{
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}



/* ページトップ設定
------------------------------------------------- */
#pageTop{
	clear: both;
	width: 960px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}



/* コピーライト設定
------------------------------------------------- */
#copyright{
	clear: both;
	text-align: right;
	font-size: 0.9em;
	padding-right: 20px;
}


/* ヘッダ関連の設定
------------------------------------------------- */
#header{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#header p{
	margin: 0;
	padding: 0;
}


#headerNavi{
	float: right;
	width: 540px;
}

#headerNavi ul{
	margin-bottom: 10px;
}

#headerNavi li{
	float: left;
	width: 135px;
	list-style-type: none;
}

.telNumber{
	float: left;
	width: 390px;
}

.telNumberTime{
	float: right;
	width: 149px;
	height: 50px;
	background-image: url(../../images/common/head_tel_back.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 1px;
}


/* フッタ設定
------------------------------------------------- */
#footer{
	clear: right;
	width: 960px;
	border-top: 1px solid #c1c1c1;
	margin-left: auto;
	margin-right: auto;
}

#footer p{
	margin: 0;
	padding: 0;
}

#footerLogo img{
	float: left;
	width: 375px;
	margin-top: 25px;
	padding: 0;
}

#footerMenu{
	float: right;
	width: 540px;
	margin-bottom: 1em;
}

#footerMenu ul{
	margin-bottom: 10px;
}

#footerMenu li{
	float: left;
	width: 135px;
	list-style-type: none;
}


/* サブエリア（右カラム）設定
------------------------------------------------- */
#subArea{
	float: right;
	width: 330px;
	margin-bottom: 2em;
}

#subArea h3{
	margin-top: 10px;
	margin-bottom: 15px;
}


/*　サブエリアテーブル　*/
#subTable{
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

#subTable th{
	width: 25%;
	font-weight: normal;
	background-color: #EDEDED;
	border: 1px solid #ccc;
	padding: 5px;
	text-align:left;/* 120110追記 */
}

#subTable td{
	width: 35%;
	border: 1px solid #ccc;
	padding: 5px;
}

#subTable strong{
	color: #AD2302;
}


/* 右カラムアクセス設定  */
#accessImg{
	float: left;
	width: 130px;
}

#accessText{
	float: right;
	width: 190px;
}


/*　メニューバナー　*/
#bannerTel{
	border: 1px solid #c6c6c6;
	text-align: center;
	padding-top: 10px;
}


#mainBanner{
	list-style-type: none;
	margin: 15px 0;
}

#menuBanner{
	list-style-type: none;
	margin: 15px 0;
}


#menuBanner li img{
	margin-bottom: -2px;
}


#bannerTel ul{
	margin-left: 25px;
}

#bannerTel li{
	float: left;
	list-style-type: none;
	margin-right: 15px;
	margin-bottom: 10px;
}


/* CSSハック設定
------------------------------------------------- */

/*　メニューバナー部分｜IE6のみ　*/
/* hide from Mac IE \*/
* html #mainBanner li{
	margin-bottom: 5px;
}
/* */ 


/*　メニューバナー部分｜IE7のみ　*/
*:first-child+html #mainBanner li{
	margin-bottom: 5px;
}

/*　メニューバナー部分｜IE8のみ　*/
html>/**/body #mainBanner li{  
	margin-bottom /***/: 5px;
}  


/*　メニューバナー部分｜IE6のみ　*/
/* hide from Mac IE \*/
* html #menuBanner li{
	margin-bottom: 5px;
}
/* */ 


/*　メニューバナー部分｜IE7のみ　*/
*:first-child+html #menuBanner li{
	margin-bottom: 5px;
}

/*　メニューバナー部分｜IE8のみ　*/
html>/**/body #menuBanner li{  
	margin-bottom /***/: 5px;
}








/* 回り込み解除
------------------------------------------------- */
.clear{
	clear: both;
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


.clearBoth{
	clear: both;
}



/* SOCIAL BUTTON
------------------------------------------------- */
#socialBtn{
	width:400px;
/*	float:left;
*/	display:block;
	height:22px;
	margin:1em 0 0.5em;
	padding:0;
}

#socialBtn li{
	float:left;
	margin:0 5px 0 0;
	list-style-type:none;
	line-height:0;
	padding:0;
}

body#index #socialBtn{
	display:block;
	height:22px;
	margin:1.5em 0 1.5em 0;}

	
