@charset "Shift_JIS";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　サブページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

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

div#head {
	width: 800px;
	background: url(../img/sub_top_bg.jpg) no-repeat -3px top;
	height: 70px;
	margin: 0px 3px;
}

/* ヘッダーグローバルナビ -------------------- */

#bg_sub_gnavi {
	background: url(../img/gnavi_sub_bg.gif) repeat-x;
	height: 40px;
	margin-top: 10px;
}

.dropdown {
	display: block;
	width: 570px;
	background: url(../img/gnavi.jpg) no-repeat 10px top;
	padding-right: 10px;
	padding-left: 10px;
}

.dropdown ul {
 visibility: hidden;
 position: absolute;
}

.dropdown li {
	position: relative;
	display: block;
	float: left;
	z-index: 3;
}

.dropdown li li { height: 24px; }

.dropdown a {
	display: block;
	height: 30px;
	text-indent: -9999px;
}

.dropdown li.gnavi01 { width: 52px; 	}
.dropdown li.gnavi02 { width: 102px; }
.dropdown li.gnavi03 { width: 114px; }
.dropdown li.gnavi04 { width: 59px; }
.dropdown li.gnavi05 { width: 117px; }
.dropdown li.gnavi06 { width: 48px; 	}
.dropdown li.gnavi07 { width: 78px; }

.dropdown li.gnavi01 a:hover { background: url(../img/gnavi.jpg) no-repeat left -30px;}
.dropdown li.gnavi02 a:hover { background: url(../img/gnavi.jpg) no-repeat -52px -30px; }
.dropdown li.gnavi03 a:hover { background: url(../img/gnavi.jpg) no-repeat -154px -30px; }
.dropdown li.gnavi04 a:hover { background: url(../img/gnavi.jpg) no-repeat -268px -30px;}
.dropdown li.gnavi05 a:hover { background: url(../img/gnavi.jpg) no-repeat -327px -30px;}
.dropdown li.gnavi06 a:hover { background: url(../img/gnavi.jpg) no-repeat -444px -30px;}
.dropdown li.gnavi07 a:hover { background: url(../img/gnavi.jpg) no-repeat -492px -30px;}

.dropdown li.gnavi02 a.stay { background: url(../img/gnavi.jpg) no-repeat -52px -30px; }
.dropdown li.gnavi03 a.stay { background: url(../img/gnavi.jpg) no-repeat -154px -30px; }
.dropdown li.gnavi04 a.stay { background: url(../img/gnavi.jpg) no-repeat -268px -30px;}
.dropdown li.gnavi05 a.stay { background: url(../img/gnavi.jpg) no-repeat -327px -30px;}
.dropdown li.gnavi06 a.stay { background: url(../img/gnavi.jpg) no-repeat -444px -30px;}
.dropdown li.gnavi07 a.stay { background: url(../img/gnavi.jpg) no-repeat -492px -30px;}

.dropdown li.gnavi02 ul {
	width: 180px;
	height: 24px;
	background: url(../img/pnavi_terasoluna.gif) no-repeat left top;
	filter: Alpha(opacity=90); 
 opacity:0.9;
}

li.gnavi02 li { width: 180px; }

li.gnavi02 li a { height: 24px; }

li.gnavi02 li.g02pnavi01 a:hover { background: url(../img/pnavi_terasoluna.gif) no-repeat -180px top;}

.dropdown li.gnavi03 ul {
	width: 160px;
	height: 96px;
	background: url(../img/pnavi_product.gif) no-repeat left top;
	filter: Alpha(opacity=90);
 opacity:0.9;
}

li.gnavi03 li { width: 160px; }

li.gnavi03 li a { height: 24px; }

li.gnavi03 li.g03pnavi01 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px top; }
li.gnavi03 li.g03pnavi02 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px -24px; }
li.gnavi03 li.g03pnavi03 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px -48px; }
li.gnavi03 li.g03pnavi04 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px -72px; }

.dropdown li.gnavi04 ul {
	width: 101px;
	height: 120px;
	background: url(../img/pnavi_jisseki.gif) no-repeat left top;
	filter: Alpha(opacity=90); 
 opacity:0.9;
}

li.gnavi04 li { width: 101px; }

li.gnavi04 li a { height: 24px; }

li.gnavi04 li.g04pnavi01 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px top; }
li.gnavi04 li.g04pnavi02 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -24px; }
li.gnavi04 li.g04pnavi03 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -48px; }
li.gnavi04 li.g04pnavi04 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -72px; }
li.gnavi04 li.g04pnavi05 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -96px; }

.dropdown li:hover > ul { visibility: visible;}


/*--------------------------------------------------------------------------------- 
　共通
--------------------------------------------------------------------------------- */

h2 {
	height: 45px;
	width: 570px;
	font-size: 185%;
	padding-top: 15px;
	text-indent: 2em;
	text-align: left;
	background: url(../img/h2_title.gif);
}
#pankuzu {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}


/* パンクズ -------------------- */

#pankuzu li {
	display: inline;
	padding-right: 5px;
	line-height: 1.5em;
}

/* ページタイトル -------------------- */

.pageTitle {
	height: 160px;
	width: 570px;
}

.pageTitleIde {
	height: 160px;
	width: 570px;
	position: relative;
}

.pageTitleIde img {
	position: absolute;
	top: 0px;
	right: 50px;
}

/* h3枠無し用 */
.pageTitle2 {
	width: 570px;
	background: url(../img/bg_pagetitle.gif) no-repeat;
}

/* h3ダーク背景用 */
.pageTitle3 {
	width: 570px;
	background: url(../img/bg_pagetitle02.gif) no-repeat;
}

.pageTitle3 h2 {
	background: url(../img/bg_pagetitle02.gif);
	color: #FFFFFF;
}

h3 {
	height: 85px;
	width: 570px;
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5;
	padding-top: 15px;
}

/* テキストボックス -------------------- */

h4 {
	width: 470px;
	margin-right: 40px;
	margin-left: 40px;
	background: url(../img/bg_h4.gif);
	font-weight: bold;
	color: #FFFFFF;
	font-size: 115%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	display: block;
	margin-top: 10px;
}

.commonBox {
	width: 448px;
	margin-right: 40px;
	margin-left: 40px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 20px;
	line-height: 1.8;
	position: relative;
}
.commonBox img { display: block; }


.commonBox2 {
	width: 448px;
	margin-right: 40px;
	margin-left: 40px;
	padding: 20px;
	line-height: 1.8;
	border: 1px solid #CCCCCC;
}

.commonBox3 {
	width: 450px;
	margin-right: 40px;
	margin-left: 40px;
	padding: 20px;
	line-height: 1.8;
}

.commonText {
	width: 490px;
	margin-right: 40px;
	margin-left: 40px;
	line-height: 1.8;
	display: block;
}

.commonText2 {
	width: 490px;
	margin-right: 40px;
	margin-left: 40px;
	line-height: 1.8;
}

.commonText3 {
	width: 490px;
	margin-right: 40px;
	margin-left: 40px;
	line-height: 1.8;
	text-align: center;
}

.commonText4 {
	width: 470px;
	margin-right: 40px;
	margin-left: 60px;
	line-height: 1.8;
	display: block;
	text-indent: -1em;
}

.commonList {
	width: 490px;
	margin-right: 40px;
	margin-left: 40px;
}

.commonList li {
	line-height: 1.6;
	margin-left: 1em;
	text-indent: -1em;
	display: block;
}
.commonTable {
	width: 400px;
	margin-right: 85px;
	margin-left: 85px;
	border-collapse: collapse;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.commonTable th {
	padding: 3px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.commonTable td {
	padding: 3px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}




/*--------------------------------------------------------------------------------- 
　右カラム
--------------------------------------------------------------------------------- */

.about {
	background: url(../img/about.gif) no-repeat;
	height: 89px;
	width: 200px;
	display: block;
}

a.about:hover { background: url(../img/about.gif) no-repeat left -89px; }

.shitai_bana {
	width: 172px;
	margin: 10px 10px 0px 9px;
	display: block;
	clear: both;
	padding-bottom: 6px;
}

.shitaip_bana li {
	width: 172px;
	display: block;
	margin-bottom: 8px;
	height: 76px;
}


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

/* ナビゲーション */

#bnavi {
	width: 730px;
	margin-right: 18px;
	margin-left: 18px;
	clear: both;
	background: url(../img/border_page_link.gif) repeat-x left bottom;
	padding: 20px;
}

ul#sub_bnavi {
	width: 450px;
	margin-left: 310px;
	clear: both;
	display: block;
	margin-bottom: 7px;
}

ul#sub_bnavi li {
	float: left;
	margin-right: 3px;
}

ul#sub_bnavi li a {
	display: block;
	text-indent: -9999px;
}

ul#sub_bnavi .bn01 a{
	width: 109px;
	height: 32px;
	background: url(../img/head_btn01.gif);
}

ul#sub_bnavi .bn02 a{
	width: 109px;
	height: 32px;
	background: url(../img/head_btn02.gif);
}

ul#sub_bnavi .bn03 a{
	width: 210px;
	height: 32px;
	background: url(../img/head_btn03.gif);
}

ul#sub_bnavi .bn01 a:hover{ background: url(../img/head_btn01.gif) no-repeat left -32px; }
ul#sub_bnavi .bn02 a:hover{ background: url(../img/head_btn02.gif) no-repeat left -32px; }
ul#sub_bnavi .bn03 a:hover{ background: url(../img/head_btn03.gif) no-repeat left -32px; }


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

.Dot-listL {
	width: 450px;
}

.Dot-listL li {
	background: url(../img/ico_gdot.gif) no-repeat left 8px;
	padding-left: 12px;
}

.Dot-listL2 {
	width: 450px;
}

.Dot-listL2 li {
	background: url(../img/ico_gdot.gif) no-repeat left 8px;
	padding-left: 24px;
	text-indent: -12px;
}
.Dot-listL3 {
	margin: 4px 0px 0px 40px;
	line-height: 1.6;
	width: 450px;
}

.Dot-listL3 li {
	background: url(../img/ico_gdot.gif) no-repeat left 8px;
	padding: 0px 0px 3px 28px;
	text-indent: 3px;
}

.NO-mark {background: none !important; }

.btn_more {
	position: absolute;
	left: 409px;
	top: -21px;
}

.btn_more1 {
	position: absolute;
	left: 309px;
	top: -26px;
}

.btn_more2 {
	position: absolute;
	left: 399px;
	top: -26px;
}

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

.popWindow {
	text-align: right;
	display: block;
}