/* CSS Document */

@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　共有スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 設定リセット
--------------------------------------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	font-style:normal;
	}

body {
	color: #555555;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height:1.0;
	text-align: center;
}

html>/**/body {	font-size: 12px;} /* IE以外に適用*/
	
body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

img,table { border: none;}

th, td, textarea { font-size: 12px; }

ol,ul {	list-style: none; }

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

a { overflow: hidden;}

img{ border:0; vertical-align:bottom; }


/* --------------------------------------------------------------------------------------
 共通設定
--------------------------------------------------------------------------------------- */

/* リンクカラー -------------------- */

a:link { color: #466788; text-decoration: none;}
a:visited { color: #466788; text-decoration: none; }
a:active { color: #466788; text-decoration: none; }
a:hover { color: #466788; text-decoration: underline; }


/* フォントサイズ -------------------- */

.ts10px { font-size: 10px;}
.ts12px { font-size: 12px;}
.ts14px { font-size: 14px;}
.ts16px { font-size: 16px;}


/* カラー -------------------- */

.bgWhite { background: #FFF; }


/* 位置 -------------------- */

.alnR { text-align: right; }
.alnC { text-align: center; }
.alnL { text-align: left; }

.fltR { float: right; }
.fltL { float: left; }


/* マージン・余白 -------------------- */

.mgT10 { margin-top: 10px; }
.mgT20 { margin-top: 20px; }
.mgT30 { margin-top: 30px; }
.mgT40 { margin-top: 40px;}
.mgT50 { margin-top: 50px;}
.mgL115 { margin-left: 115px;}


/* インデント -------------------- */

.indent {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}


/* float解除 -------------------- */

.clear  { clear: both; font-size: 0px; line-height: 0px;}

.clearfix:after { content:""; display:block; clear:both; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/**/


/* --------------------------------------------------------------------------------------
 レイアウト枠　　
--------------------------------------------------------------------------------------- */

#wrap {
	width: 1006px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background: url(../img/header-background.jpg) no-repeat center top;
}


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

#header {
	width: 940px;
	margin-right: 33px;
	margin-left: 33px;
	position: relative;
	padding-top: 24px;
	padding-bottom: 12px;
	text-align: left;
}

#gnavi {
	position: absolute;
	left: 458px;
	top: 78px;
	width: 482px;
	height: 19px;
}

#gnavi li { display: block; float: left; }

.gn01 {	background: url(../img/gnavi01_over.gif) no-repeat;	width: 113px;	margin-right: 27px;}
.gn02 { background: url(../img/gnavi02_over.gif) no-repeat; width: 204px;	margin-right: 11px; }
.gn03 { background: url(../img/gnavi03_over.gif) no-repeat; width: 127px; }

#gnavi li a { display: block; height: 19px; }

#gnavi li a:hover img,
#gnavi li .stay { visibility:hidden; }

#gnavi li a:hover { background-color:transparent; }


/* --------------------------------------------------------------------------------------
 1カラム
--------------------------------------------------------------------------------------- */

#AllColumn {
	width: 940px;
	line-height: 1.5;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
 }


/* --------------------------------------------------------------------------------------
 左カラム
--------------------------------------------------------------------------------------- */

#leftColumn {
	width: 185px;
	float: left;
	line-height: 1.3;
}


/* --------------------------------------------------------------------------------------
 コンテンツカラム
--------------------------------------------------------------------------------------- */

#main {
	width: 736px;
	float: right; 
	line-height: 1.5;
}


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

#footer {
	width: 1006px;
	background: url(../img/footer-background.jpg) no-repeat left top;
	height: 150px;
	clear: both;
	font-size: 10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#footer li {	display: inline;}

#footer #fnavi01 {
	line-height: 2em;
	margin-right: 40px;
	margin-left: 40px;
}

#footer #footer-in {
	border-top: 1px solid #CCCCCC;
	margin-right: 40px;
	margin-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer-in .fnavi02 {
	clear: both;
	padding-top: 5px;
}

#footer li a:link { color: #466788; text-decoration: none;}
#footer li a:visited { color: #466788; text-decoration: none; }
#footer li a:active { color: #466788; text-decoration: none; }
#footer li a:hover { color: #466788; text-decoration: underline; }


/* --------------------------------------------------------------------------------------
 左ナビゲーション
--------------------------------------------------------------------------------------- */

#leftColumn .leftNavi {	width: 185px;}

#leftColumn .leftNavi li {
	border-bottom: 1px dotted #90B8D5;
	padding-top: 10px;
	padding-bottom: 10px;
}

#main h1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 4;
}

#leftColumn .TxtLink {
	font-weight: bold;
	font-size: 10px;
	background: url(../img/arrow-link.gif) no-repeat right 2px;
	width: 110px;
	_width: 118px;
	padding-right: 10px;
	padding-bottom: 8px;
}

#leftColumn .TxtLink a { text-decoration: none; }
#leftColumn .TxtLink a:visited { text-decoration: none; }
#leftColumn .TxtLink a:hover { text-decoration: underline; }


/**/

#leftColumn .Lifenavi {
	width: 185px;
	margin-top: 40px;
	margin-bottom: 20px;
}

#leftColumn .Lifenavi li { display: block; border-top: 1px solid #D1CBB3; }

.ln01 {	background: url(../../lifestyle/img/navi01_over.gif) no-repeat;	width: 185px; }
.ln02 { background: url(../../lifestyle/img/navi02_over.gif) no-repeat; width: 185px;	}
.ln03 { background: url(../../lifestyle/img/navi03_over.gif) no-repeat; width: 185px; }

#leftColumn .Lifenavi li a { display: block; height: 34px; }

#leftColumn .Lifenavi li a:hover img { visibility:hidden; }

#leftColumn .Lifenavi li a:hover { background-color:transparent; }