@charset "euc-jp";

/* =========================================
ファイル概要：全ページ共通設定用css
目次：
  - ブラウザ依存css解除設定
  - 文字色設定
  
  - レイアウト設定
  - 背景設定
  
  - ヘッダ上部分の設定
  - ヘッダメイン部分の設定
  - グローバルナビ設定
  
  - サイドナビのリンク部分の設定
  - サイドナビ問い合わせ部分の設定
  
  - ページトップへ設定
  - フッタリンクリスト設定
  - フッタ会社情報設定
========================================= */
/* -----------------------------------------
  - ブラウザ依存css解除設定
----------------------------------------- */

body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, img, blockquote, pre, hr, table, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	font-family: "メイリオ", meiryo, verdana, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3" ,Osaka ,arial ,sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}
hr {
	display: none;
}

/* IEで画像にできる隙間を消去する */
img {
	vertical-align: bottom;
}

/* -----------------------------------------
  - 文字色設定
----------------------------------------- */
body {
	color: #333;
}
a:link,
a:visited {
	color: #4378ef;
	text-decoration: underline;
}
a:hover {
	color: #39F;
	text-decoration: underline;
}


/* -----------------------------------------
  - clearfix
----------------------------------------- */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}


/* -----------------------------------------
  - レイアウト設定
----------------------------------------- */
div#container {
	position : relative;
	width: 988px;
	margin: 0 auto;
}
div#header {
	position : relative;
	height : 240px;
}
div#header * {
	position : absolute;
}
div#mainContainer {
	clear: both;
	margin: 0px 3px;
	padding-top: 15px;
}
div#mainContent {
	float: right;
	margin-bottom: 20px;
	width: 725px;
}
div.mainContentArea {
	margin: 30px 0 20px 0;
	padding-top: 30px;
}
div#snav {
	float: left;
	width: 240px;
	overflow: hidden;
}
div.pageTop {
	clear: both;
}
div#footer {
	margin: 0px 2px;
}
.right	{
	text-align:right;
}
.left	{
	text-align:left;
}
.center	{
	text-align:center;
}


/* -----------------------------------------
  - 背景設定 
----------------------------------------- */
div#container {
	background-color:#FFF;
}
div#header {
}
div#mainContainer {
}
div#snav {
}
div#footer {
	overflow: hidden;
	background-color: #E9EDE2;
}




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

#header a {
	display : block !important;
	white-space : nowrap;
	text-decoration : none;
	color : #666666;
}
#header .header-inner {
	position : absolute !important;
	left : 50% !important;
	top : 0px;
	width : 984px;
	height : 200px;
	margin : 0px 0px 0px -492px !important;
	background: #FFFFFF url(../img/common/bg-header.png) 0px -15px repeat-x;
}
.headerDesTxt {
	background-color: #f1f4ec;	/* 変更可能箇所：ヘッダトップカラー（サイト説明箇所） */
	color: #6a7759;	/* 変更可能箇所：ヘッダトップ文字色（サイト説明箇所） */
	font-size: 12px;
	padding: 6px 0 5px 4px;
	width : 980px;
	font-size : 12px;
	color : #666666;
}
#header h2 {
	left : 30px;
	top : 130px;
	font-size: 72%;
	color : #666666;
}
#header h3 {
	left : 30px;
	top : 150px;
	font-size: 72%;
	color : #666666;
}

/* -----------------------------------------
  - ヘッダロゴ
----------------------------------------- */
div.mainHeaderL {
	position : absolute;
	top : 54px;
	left : 50%;
	width : 600px;
	height : 200px;
	margin : 0px 0px 0px -462px !important;
	padding : 0px 0px 0px 0px;
}
div.mainHeaderL p.logohd a {
	font-size : 130%;
	font-weight: bold;
	color : #333333;
	text-decoration: none;
}
/* -----------------------------------------
  - 電話番号
----------------------------------------- */
div.mainHeaderR {
	background: none;
}
div.mainHeaderR {
	position : absolute;
	top : 40px;
	left : 50%;
	width : 260px;
	margin : 0px 0px 0px 220px;
	padding : 0px 0px 0px 0px;
}
div.mainHeaderR p.headnum {
	background-color: #FFFFFF;
	background: url(../img/head_Phone.png) 0px 0px no-repeat;
	color: #3a4877;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0px 3px 0px 33px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -0.03em;
	text-align: center;
	margin: 0px 0 3px;
}
div.mainHeaderR p.headnum span {
	font-weight: bold;
	color: #666666;
	font-size: 14px;
	letter-spacing: 0em;
}


/* -----------------------------------------
  - コンテンツ下部 問い合わせエリア
----------------------------------------- */
div.contents-btm-inquarea {
	margin: 0px 10px 40px;
	overflow: hidden;
}

/* -----------------------------------------
  - グローバルナビ
----------------------------------------- */
div#gnav {
	position : absolute;
	top : 188px;
	left : 50%;
	width : 988px;
	margin : 0px 0px 0px -492px;
	clear: both;
	height: 50px;
	overflow: hidden;
}
ul.gNavList {
	margin: 0px auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.gNavList li {
	width:164px;
	float:left;
	font-size:14px;
	text-align: center;
}
ul.gNavList li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 18px 2px 15px;
	height:16px;
	text-decoration: none;
	background-color:#e6f3d6;	/* 変更可能箇所：グローバルナビその他メニュー　背景カラー */
	color: #4B8F27;	/* 変更可能箇所：グローバルナビその他メニュー　文字カラー */
}
ul.gNavList li a span {
	display: block;
}
ul.gNavList li a:hover,
ul.gNavList li a.active	{
	background-color:#75b74d;	/* 変更可能箇所：グローバルナビ現在メニュー　背景カラー */
	color: #fff;	/* 変更可能箇所：グローバルナビ現在メニュー　文字カラー */
	font-weight:bold;
}

/* -----------------------------------------
  - サイドナビのリンク部分の設定
----------------------------------------- */
div.snavArea {
	padding-bottom:15px;
}
div.snavArea h3 {
	font-size: 14px;
	line-height:1.2;
	font-weight:bold;
	background-color: #75b74d;	/* 変更可能箇所：サイドナビタイトル　背景カラー */
	color: #FFF;	/* 変更可能箇所：サイドナビタイトル　文字カラー */
	padding: 8px 12px 6px;
	border-radius: 5px 5px 0 0;
}
div.snavArea ul.sNavList {
	padding: 0px 0px 15px;
}
div.snavArea ul.sNavList li {
	height: 44px;
	width: 260px;
}
div.snavArea ul.sNavList li	a:link,
div.snavArea ul.sNavList li	a:visited,
div.snavArea ul.sNavList li	a:active {
	display: block;
	text-decoration: none;
	background: url(../img/snav_bg_7point.png) no-repeat left top;
	height: 44px;
	width: 260px;
}
div.snavArea ul.sNavList li a:hover,
div.snavArea ul.sNavList li	a.active {
	background: url(../img/snav_bg_7point.png) no-repeat left bottom;
	cursor: pointer;
}
div.snavArea ul.sNavList li span {
	display:block;
	margin: 0px;
	padding: 15px 20px 13px;
}
div.sNavBan {
	padding-bottom:15px;
	clear: both;
}
ul.snav_infoNew {
	margin: 5px 10px 10px;
	padding: 10px 0px 0px;
	font-size:88%;
}
ul.snav_infoNew li {
	padding: 0px 0px 10px 0px;
	line-height: 1.4;
}
p.snav_infoNew_more {
	text-align:right;
	margin: 0px 5px 20px;
	font-size:88%;
}
p.snav_infoNew_more a {
	background: transparent url(../img/img_li_arrow.png) no-repeat left 2px;
	padding-left: 23px;
}



/* ブログカレンダー */
div.blog_calender_soto {
	margin-bottom:25px;
}
div.blog_calender_soto p.month_position {
	text-align: center;
	font-size: 88%;
	padding-top: 5px;
	margin-bottom: 5px;
	line-height: 1.3;
}
div.blog_calender_soto table.blog_calender_uti {
	border: 1px solid #d9d5d4;
	border-collapse: collapse;
	margin: 0px auto;
	width: 220px;
}
div.blog_calender_soto table.blog_calender_uti th {
	background-color: #ededed;
	border: 1px solid #d9d5d4;
	font-size: 88%;
	text-align: center;
	padding: 2px;
	vertical-align: top;
	line-height: 1.5;
}
div.blog_calender_soto table.blog_calender_uti th.blog_calender_sunday {
	background-color: #ffddff;
}
div.blog_calender_soto table.blog_calender_uti th.blog_calender_saturday {
	background-color: #ddffff;
}
div.blog_calender_soto table.blog_calender_uti td {
	background-color: #ffffff;
	border: 1px solid #d9d5d4;
	font-size: 88%;
	padding: 2px;
	line-height: 1.5;
	text-align: center;
}
div.blog_calender_soto table.blog_calender_uti td a {
	font-size: 100%;
	font-weight: bold;
}



/* -----------------------------------------
  - サイドナビ問い合わせ部分の設定
----------------------------------------- */
div.sNavInqu	{
	background-color:#eeeeee;
	font-size: 88%;
	clear:both;
	padding: 15px 0px;
	margin-bottom: 15px;
}
div.sNavInqu p.Nam	{
	font-size: 100%;
	font-weight:bold;
	margin: 0px 15px;
	line-height:1.2;
	padding-bottom:5px;
}
div.sNavInqu p.Add	{
	margin: 0px 15px;
	line-height:1.2;
}
div.sNavInqu p.Abo	{
	margin: 0px 15px;
	line-height:1.2;
	text-align:right;
}
div.sNavInqu p.Abo img	{
	vertical-align:inherit;
	margin: 0px 4px 0px 8px;
}

/* -----------------------------------------
  - サイドナビCB-TAG部分の設定
----------------------------------------- */
div.sNavTag {
	clear:both;
	margin-bottom: 15px;
}
div.sNavTag div {
	text-align: center;
}
.sNavTag h4 {
	margin : 0px;
	padding : 0px 0px 5px 0px;
	font-size : 13px;
	font-weight : bold;
}
.sNavTag p {
	margin : 0px;
	padding : 0px 0px 5px 0px;
	font-size : 12px;
	line-height:1.4;
}


/* -----------------------------------------
  - ページトップへ設定
----------------------------------------- */
div.pageTop p {
	text-align: right;
	margin-bottom: 20px;
}


/* -----------------------------------------
  - フッタエリア設定
----------------------------------------- */
div.footerArea {
	margin: 0px 30px;
	padding: 20px 0px;
}

/* -----------------------------------------
  - フッタ会社情報設定
----------------------------------------- */
div.footerComInfo {
	overflow: hidden;
	border-bottom: 2px solid #bbbbbb;
}
div.footerComInfo p.footerComNam {
	font-size: 96%;
	font-weight: bold;
	margin-bottom: 8px;
}
div.footerComInfo p.footerComAdd {
	font-size: 86%;
	margin-bottom: 8px;
	line-height:1.5;
}
div.footerComInfo p.footerComAdd span {
	font-weight: bold;
}
/* -----------------------------------------
  - フッタリンクリスト設定
----------------------------------------- */
div.footerList {
	padding-top: 10px;
}
div.footerList ul {
}
div.footerList ul li {
	display: inline;
	font-size: 75%;
	line-height:1.4;
}
div.footerList ul li a:link, 
div.footerList ul li a:visited, 
div.footerList ul li a:hover {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
/* -----------------------------------------
  - フッタコピーライト
----------------------------------------- */
div.footerArea p.footerCopyRight {
	padding-top: 10px;
	font-size: 75%;
}
div.footerArea p.footerCopyRight a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
