@charset "utf-8";

@import "SEOAdmin.css";
@import "/Portals/0/css/contents.css";


/* ===========================================================
common
=========================================================== */
body, h2, h3, h4, div, h1, img, p {
	margin:0;
	padding:0;
	border:none;
	color:#3d3629;
}
body{height:100%;font-family:'Verdana','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック',sans-serif;font-size:13px;*font-size:small;*font:x-small;}

.Normal p, .Normal td, .Normal li, .Normal th {
    color:#3d3629;
}

/* ---------------------------------------------------------
Ajax
--------------------------------------------------------- 
#__dnn_body{background:none;}*/

/* ---------------------------------------------------------
admin
--------------------------------------------------------- 
.ADMIN{padding:0;}*/

body			{ height:100%; line-height:160%;}
 
a,
/*a:link,*/
a:active,
a:visited		{ color:#7e5206; text-decoration:underline;}
a:hover,
a:active/*,
a:focus	*/		{ color:#7e5206; text-decoration:none;}


/* ===========================================================
 skin
=========================================================== */
#skin_index,
#skin_2Column { width:100%;}

#PageBody { width:980px; clear:both; overflow:hidden; _zoom:1; margin:20px auto 20px auto; }


/* ===========================================================
 headBody
=========================================================== */

#HeadBody { width:980px; margin:0 auto; clear:both; overflow:hidden; _zoom:1; }
#HeadBody .Logo { float:left; width:280px; padding:20px 0 0 0; }
#HeadBody .HeadBox { float:right; width:680px; margin-bottom:15px; }
#HeadBody .LoginBox { float:right; width:680px; margin-bottom:15px; }

.HeadBox ul { margin:0px; padding:0px; float:right; width:210px; }
.HeadBox li, .HeadBox p { list-style:none; float:right; }
.HeadBox a, .LoginBox a { text-indent:-9999px; display:block; overflow:hidden; }
.HeadBox .Traffic_guide a { background:url(images/traffic_guide_btn.gif) no-repeat top; height:31px; width:70px;margin: 0 10px; }
.HeadBox .Inquiry a { background:url(images/inquiry_btn.gif) no-repeat top; height:31px; width:99px; margin: 0 10px; }
.HeadBox .English_btn a { background:url(images/english_btn.gif) no-repeat top; width:93px; height:35px; margin-left:15px; }
.HeadBox .Traffic_guide a:hover { background:url(images/traffic_guide_btn_hover.gif) no-repeat top; }
.HeadBox .Inquiry a:hover { background:url(images/inquiry_btn_hover.gif) no-repeat top; }
.HeadBox .English_btn a:hover { background:url(images/english_btn_hover.gif) no-repeat top; }

.LoginBox .Demand_btn a { background:url(images/demand_btn.gif) no-repeat; display:block; width:287px; height:33px; margin-left:15px;}
.LoginBox .Demand_btn a:hover { background:url(images/demand_btn_hover.gif) no-repeat;}
.LoginBox .LoginlineBox { border: solid 1px #8e8075; background:#f1ebde; width:350px; float:right; }
.LoginBox .LoginlineBox p { float:left; }
.LoginBox .Logintxt { margin:8px 0 0 10px; }
.LoginBox .Loginbtn a { background:url(images/login_btn.gif) no-repeat; width:74px; height:19px; margin: 6px 0 0 5px; }
.LoginBox .Loginbtn a:hover { background:url(images/login_btn_hover.gif) no-repeat; }
.LoginBox .Inspectionbtn a { background:url(images/inspection_btn.gif) no-repeat; width:119px; height:19px; margin: 6px 0 0 8px; }
.LoginBox .Inspectionbtn a:hover { background:url(images/inspection_btn_hover.gif) no-repeat; }
.LoginBox .Logoutbtn a { background:url(images/logout_btn.gif) no-repeat; width:74px; height:19px; margin: 6px 0 0 5px; }
.LoginBox .Logoutbtn a:hover { background:url(images/logout_btn_hover.gif) no-repeat; }

#HeadBody .search { float:right; padding:10px 10px 0 0; width:185px; height:22px; }
#HeadBody .search a { display:block; width:52px; float:right; background:url(images/search.gif) no-repeat; height:22px; }
#HeadBody .search a:hover { display:block; width:52px; float:right; background:url(images/search_hover.gif) no-repeat; height:22px; }
#HeadBody .search input { float:left; width:120px; }
*html #HeadBody .search a { margin-top:-20px; }
*+html #HeadBody .search a { margin-top:-20px; }


/* ===========================================================
 pageBody >> index
=========================================================== */

#skin_index .Navi { clear:both; width:980px; margin:0 auto; background:#9e9494; padding:0 15px; }
#skin_index .Indeximg { background:url(images/top_bg.gif) repeat-x top; text-align:center; clear:both; }

#skin_index .ContentPane { width:730px; text-align:left; float:left; }
#skin_index .RightWrapper { width:232px; float:right; text-align:left; }

#skin_index #slider { height:220px; margin: 0 auto; width:980px; padding:0px; overflow: hidden; position: relative; }  
#skin_index #slider #sliderContent { width:980px; margin:0px; padding:0px; background:#e7dbbe; height:220px; }
#skin_index #sliderContent li { display: none; list-style:none; padding:0px; margin:0px; height:220px; }
#skin_index #sliderContent .sliderImage { display: none; position: relative; height:220px;}

#skin_index .FootLink { width:980px; margin:30px auto 0 auto; clear:both; overflow:hidden; _zoom:1; }


/* ===========================================================
 pageBody >> 2Column
=========================================================== */

#skin_2Column .Navibg { background:#9e9494; }
#skin_2Column .Navi { background:#e7dbbe; padding:0 15px; width:980px; margin:0 auto; }

.Breadcrumbs { text-align:right; width:980px; margin: 0 auto 15px auto; }

#skin_2Column .ContentPane { width:730px; float:left; text-align:left; }
#skin_2Column .LeftWrapper { width:235px; float:right; text-align:left; }


/* ===========================================================
 pageBody >> 0Column
=========================================================== */

#skin_1Column .Navibg { background:#9e9494; }
#skin_1Column .Navi { background:#e7dbbe; padding:0 15px; width:980px; margin:0 auto; }

#skin_1Column .ContentPane { width:980px; text-align:left; }

/* ===========================================================
 pageBody >> english
=========================================================== */

#skin_english #HeadBody .Logo { padding:10px 0; }

#skin_english .ContentPane { width:730px; float:right; text-align:left; }
#skin_english .LeftWrapper { width:235px; float:left; text-align:left; }

#skin_english .Indeximg { background:url(images/top_bg.gif) repeat-x; text-align:center; margin:0px; padding:0px; }

#skin_english .HeadBox .English_btn a { background:url(images/japanese_btn.gif) no-repeat top; width:93px; height:35px; margin-left:15px; text-indent:-9999px; display:block; overflow:hidden; }
#skin_english .HeadBox .English_btn a:hover { background:url(images/japanese_btn_hover.gif) no-repeat top; }
#skin_english .PageTopPane { padding-top:15px;}

#skin_english #HeadBody .search { float:right; padding:10px 10px 0 0; width:185px; height:22px; }
#skin_english #HeadBody .search a { display:block; width:52px; float:right; background:url(images/search_e.gif) no-repeat; height:22px; }
#skin_english #HeadBody .search a:hover { display:block; width:52px; float:right; background:url(images/search_e_hover.gif) no-repeat; height:22px; }
#skin_english #HeadBody .search input { float:left; width:120px; }
*html #skin_english #HeadBody .search a { margin-top:-20px; }
*+html #skin_english #HeadBody .search a { margin-top:-20px; }

#skin_english #PageBody { margin-bottom:30px; }

#skin_english #slider { height:200px; margin: 20px auto; width:730px; padding:0px; overflow: hidden; position: relative; }  
#skin_english #slider #sliderContent { width:730px; margin:0px; padding:0px; height:200px; }
#skin_english #sliderContent li { display: none; list-style:none; padding:0px; margin:0px; height:200px; }
#skin_english #sliderContent .sliderImage { display: none; position: relative; height:200px;}


/* ===========================================================
 footBody
=========================================================== */

.AnalyticsPane { width:980px; margin: 0 auto; }

.PageTopPane { width:980px; margin:0 auto; text-align:right;}

#FootBody { background:#9e9494;}
.Footbg { background:url(images/foot_bg.gif) repeat-y; width:950px; margin:0 auto; padding:25px 30px 15px 30px; font-size:12px; color:#d9cdb3; clear:both; overflow: hidden; zoom:1;  }
.Company_txt { float:right; width:250px;}
.Copyright { float:left; width:650px; padding-top:35px;}
.Copyright, .Company_txt { font-size:12px; color:#d9cdb3; line-height:160%; text-align:left; }

.FootLink { width:980px; margin:50px auto 0 auto; clear:both; overflow:hidden; _zoom:1; }
.FootLink ul { list-style:none; margin:0px; padding:0px; }
.FootLink li { float:left; background:url(images/link_bg.gif) no-repeat left; list-style:none; padding:0 25px 0 15px; font-size:12px; }


/* ===========================================================
 SEOmenu
=========================================================== */

/* IE6 li Hover */
* html .SEOMenuV2 .SEOMenu li {
behavior: expression(this.onmouseover=new Function("this.className+=' seoenuv2_hover'"), this.onmouseout=new Function("this.className = this.className.replace(' seoenuv2_hover','')"), this.style.behavior=null);
}

/*----------------------------------
 IE6
 -----------------------------------*/
* html .SEOMenuV2 .SEOMenu ul li a:hover {text-decoration:none;}
* html .SEOMenuV2 ul li.seoenuv2_hover ul {	display:block;	position:absolute; z-index:999999;}
* html .SEOMenuV2 .SEOMenu ul li.seoenuv2_hover ul li ul { display:none; z-index:999999; margin:0px; padding:0px; }
* html .SEOMenuV2 .SEOMenu ul li.seoenuv2_hover ul li.seoenuv2_hover ul { display:block; position:absolute; left:162px; z-index:999999; padding:0px; margin:-37px 0 0 0; }
* html .SEOMenuV2 .SEOMenu ul li.seoenuv2_hover ul li.seoenuv2_hover ul li ul { display:none; z-index:999999; }


/*-------------------------------------------
 グローバルメニュー
--------------------------------------------*/
.SEOMenuV2 .SEOMenu { margin:0 auto; clear:both; overflow:hidden; _zoom:1;}
.SEOMenuV2 .SEOMenu ul	   {list-style:none; margin:0; padding:0;}
.SEOMenuV2 .SEOMenu ul li   { margin:0; padding:0;list-style-type:none;float:left;z-index:999999;}
.SEOMenuV2 .SEOMenu ul li a { display:block; overflow:hidden;text-decoration:none; padding:0;margin:0;}


/*headNavi*/
.SEOMenuV2 .SEOMenu ul li a{ display:none;}
.SEOMenuV2 .SEOMenu ul li a { text-indent:-1000em; }

/*第1階層*/
.SEOMenuV2 .SEOMenu ul li.Tab36 a,
.SEOMenuV2 .SEOMenu ul li.Tab68 a,
.SEOMenuV2 .SEOMenu ul li.Tab69 a,
.SEOMenuV2 .SEOMenu ul li.Tab70 a,
.SEOMenuV2 .SEOMenu ul li.Tab71 a,
.SEOMenuV2 .SEOMenu ul li.Tab72 a,
.SEOMenuV2 .SEOMenu ul li.Tab73 a,
.SEOMenuV2 .SEOMenu ul li.Tab74 a   {display:block; height:64px;}

/*第一階層、幅と背景画像の設定*/
.SEOMenuV2 .SEOMenu ul li.Tab36 a	 { background:url(images/navi.gif) 0 0 no-repeat; width:122px; }
.SEOMenuV2 .SEOMenu ul li.Tab68 a	 { background:url(images/navi.gif) -122px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab69 a	 { background:url(images/navi.gif) -245px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab70 a	 { background:url(images/navi.gif) -368px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab71 a	 { background:url(images/navi.gif) -491px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab72 a	 { background:url(images/navi.gif) -614px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab73 a	 { background:url(images/navi.gif) -737px 0 no-repeat; width:122px; }
.SEOMenuV2 .SEOMenu ul li.Tab74 a	 { background:url(images/navi.gif) -859px 0 no-repeat; width:121px; }

.SEOMenuV2 .SEOMenu ul li.Tab36 a:hover	 { background:url(images/navi_hover.gif) 0 0 no-repeat; width:122px; }
.SEOMenuV2 .SEOMenu ul li.Tab68 a:hover	 { background:url(images/navi_hover.gif) -122px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab69 a:hover	 { background:url(images/navi_hover.gif) -245px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab70 a:hover	 { background:url(images/navi_hover.gif) -368px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab71 a:hover	 { background:url(images/navi_hover.gif) -491px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab72 a:hover	 { background:url(images/navi_hover.gif) -614px 0 no-repeat; width:123px; }
.SEOMenuV2 .SEOMenu ul li.Tab73 a:hover	 { background:url(images/navi_hover.gif) -737px 0 no-repeat; width:122px; }
.SEOMenuV2 .SEOMenu ul li.Tab74 a:hover	 { background:url(images/navi_hover.gif) -859px 0 no-repeat; width:121px; }

/*----------------------------------
 2階層
 -----------------------------------*/
/*第二階層以下は普段は非表示にする*/

.SEOMenuV2 .SEOMenu ul li ul { display:none ;position:relative; color:#3d2929;}

/*第2階層以下はオーバー時に表示する*/
.SEOMenuV2 .SEOMenu ul li:hover ul            { display:block; position:absolute; z-index:99999; border-top:1px solid #ccc; background:none;}
.SEOMenuV2 .SEOMenu ul li.seoenuv2_hover ul	 { display:block; position:absolute; z-index:99999; border-top:1px solid #ccc; background:none;}
.SEOMenuV2 .SEOMenu ul li ul li,
.SEOMenuV2 .SEOMenu ul li ul li a {display:block;}
.SEOMenuV2 .SEOMenu ul li ul li a {text-align:left; margin:0px; padding:0px; }
 
/*第2階層以下は縦並びに*/
.SEOMenuV2 .SEOMenu ul li ul li { clear:both; height:auto; padding:0px; margin:0px;}

/*第2階層以下 幅指定　ボーダー指定　背景指定*/
.SEOMenuV2 .SEOMenu ul li ul li a, 
.SEOMenuV2 .SEOMenu ul li ul li a:link, 
.SEOMenuV2 .SEOMenu ul li ul li a:visited, 
.SEOMenuV2 .SEOMenu ul li ul li a:hover, 
.SEOMenuV2 .SEOMenu ul li ul li a:active, 
.SEOMenuV2 .SEOMenu ul li ul li a:focus {
	border:1px solid #ccc !important;
	border-top:none;
	z-index:9999999;
	color:#3d2929 !important;
	margin: 0;
	padding:7px 5px;
	background:#ffffff !important;
	height:auto;
	text-decoration:none;
	text-indent:0px;
	width:200px  !important;
}

/*--hover時--*/
.SEOMenuV2 .SEOMenu ul li ul li a:hover { background:#e7dbbe !important; color:#3d2929 !important;}


/*----------------------------------
 3階層
 -----------------------------------*/
/*第三階層以下は普段は非表示にする*/
.SEOMenuV2 .SEOMenu ul li:hover ul li ul {display:none;z-index:999999;}

/*第三階層以下をロールオーバー時に表示する*/
.SEOMenuV2 .SEOMenu ul li:hover ul li:hover ul { display:block; position:absolute; left:211px; z-index:999999; margin:-37px 0 0 0; padding:0px; }
*:first-child+html .SEOMenuV2 .SEOMenu ul li:hover ul li:hover ul { margin:0px; padding:0px; }

/*第四階層以下はいつでも非表示にする*/
.SEOMenuV2 .SEOMenu ul li:hover ul li:hover ul li ul {
	display:none;
	z-index:999999;
}

/* ===========================================================
SideNavi
=========================================================== */

.SEOMenuV2 .SideNavi {
	padding-top:5px;
	margin-bottom:-6px;
}
/* 一階層 */
.SEOMenuV2 .SideNavi ul {
	list-style:none;
	margin:0;
	padding:0;
}
.SEOMenuV2 .SideNavi ul li {
	margin:5px 0 5px 0;
	padding:0px;
	display:block;
	line-height:0;
}
.SEOMenuV2 .SideNavi li a,
.SEOMenuV2 .SideNavi li a:link,
.SEOMenuV2 .SideNavi li a:visited  {
	background:url(images/navi_01.gif) no-repeat left bottom;
	display:block;
	font-size:13px;
	text-decoration:none;
	padding:0px 10px 5px 25px;
	text-align:left;
	color:#3d2929;
	line-height:180%;
	border-bottom: solid 1px #3d2929;
}
.SEOMenuV2 .SideNavi li a:hover {
	color:#3d2929;
	text-decoration:underline;
	background:url(images/navi_01_hover.gif) no-repeat left bottom #f1ebde;
}
.SEOMenuV2 .SideNavi ul li.CurrentItem a,
.SEOMenuV2 .SideNavi ul li.CurrentItem a:link,
.SEOMenuV2 .SideNavi ul li.CurrentItem a:visited {
	display:block;
	font-size:13px;
	text-decoration:none;
	padding:0px 10px 5px 25px;
	text-align:left;
	color:#3d2929;
	line-height:180%;
	border-bottom: solid 1px #3d2929;
	background:url(images/navi_01_hover.gif) no-repeat left bottom #f1ebde;;
}


/* 二階層 */
.SEOMenuV2 .SideNavi ul li ul {
	padding:0;
	margin:0px;
	display:block;
	overflow:hidden;
}
.SEOMenuV2 .SideNavi li li {
	padding:0px;
	margin:5px 0 5px 0;
    display:block;
	line-height:0;	
}
.SEOMenuV2 .SideNavi ul li ul li a,
.SEOMenuV2 .SideNavi ul li ul li a:link,
.SEOMenuV2 .SideNavi ul li ul li a:visited {
	font-size:12px;
	font-weight:normal;
    display:block;	
	line-height:180%;
	padding:0px 10px 5px 30px;
	border-bottom: dotted 1px #3d2929  !important;
	background:url(images/navi_02.gif) no-repeat left bottom !important;
}
.SEOMenuV2 .SideNavi ul li ul li a:hover {
	padding:0px 10px 5px 30px;
	display:block;
	background:url(images/navi_02_hover.gif) no-repeat left bottom #f6f6f6 !important;
}
.SEOMenuV2 .SideNavi ul li ul li.CurrentItem a,
.SEOMenuV2 .SideNavi ul li ul li.CurrentItem a:link,
.SEOMenuV2 .SideNavi ul li ul li.CurrentItem a:visited {
	font-size:12px;
	font-weight:normal;
    display:block;	
	line-height:180%;
	text-decoration:none;
	padding:0px 10px 5px 30px;
	border-bottom: dotted 1px #3d2929  !important;
	background:url(images/navi_02_hover.gif) no-repeat left bottom #f6f6f6 !important;
}
.SEOMenuV2 .SideNavi ul li.CurrentItem ul li a,
.SEOMenuV2 .SideNavi ul li.CurrentItem ul li a:link,
.SEOMenuV2 .SideNavi ul li.CurrentItem ul li a:visited {
	font-size:12px;
	font-weight:normal;
    display:block;	
	line-height:180%;
	padding:0px 10px 5px 30px !important;
	border-bottom: dotted 1px #3d2929 !important;
	background:url(images/navi_02.gif) no-repeat left bottom !important;
}

	
/* 三階層 */
.SEOMenuV2 .SideNavi ul li ul li ul {
	padding:0;
	margin:0px;
	display:block;
	overflow:hidden;
}
.SEOMenuV2 .SideNavi li li li li {
	padding:0px;
	margin:5px 0 5px 0;
    display:block;
	line-height:0;	
}
.SEOMenuV2 .SideNavi ul li ul li ul li a,
.SEOMenuV2 .SideNavi ul li ul li ul li a:link,
.SEOMenuV2 .SideNavi ul li ul li ul li a:visited {
	font-size:12px;
	font-weight:normal;
    display:block;	
	line-height:180%;
	padding:0px 10px 5px 45px;
	border-bottom: dotted 1px #3d2929  !important;
	background:url(images/navi_03.gif) no-repeat left bottom !important;
}
.SEOMenuV2 .SideNavi ul li ul li ul li a:hover {
	padding:0px 10px 5px 45px;
	display:block;
	background:url(images/navi_03_hover.gif) no-repeat left bottom #f6f6f6 !important;
}
.SEOMenuV2 .SideNavi ul li ul li ul li.CurrentItem a,
.SEOMenuV2 .SideNavi ul li ul li ul li.CurrentItem a:link,
.SEOMenuV2 .SideNavi ul li ul li ul li.CurrentItem a:visited {
	font-size:12px;
	font-weight:normal;
    display:block;	
	line-height:180%;
	text-decoration:none;
	padding:0px 10px 5px 30px;
	border-bottom: dotted 1px #3d2929  !important;
	background:url(images/navi_02_hover.gif) no-repeat left bottom #f6f6f6 !important;
}
.SEOMenuV2 .SideNavi ul li.CurrentItem ul li.CurrentItem ul li a,
.SEOMenuV2 .SideNavi ul li.CurrentItem ul li.CurrentItem ul li a:link,
.SEOMenuV2 .SideNavi ul li.CurrentItem ul li.CurrentItem ul li a:visited {
	font-size:12px;
	font-weight:normal;
    display:block;	
	line-height:180%;
	padding:0px 10px 5px 45px;
	border-bottom: dotted 1px #3d2929  !important;
	background:url(images/navi_03.gif) no-repeat left bottom !important;
}


/* ===========================================================
リンク
=========================================================== */
.top_link {
	display:none;
}

/* ===========================================================
可変対応
=========================================================== */


#skin_2Column-test .Navi { background:#3d2929; padding:0 15px; min-width:300px; margin:0 auto; padding:0 20px; width:100%; }

#skin_2Column-test #HeadBody { width:100%; padding-bottom:10px; }
#skin_2Column-test #HeadBody .Logo {
    float: left;
    padding: 20px 0 0 20px;
    width: 280px;
}
#skin_2Column-test #HeadBody .HeadBox {
    float: right;
    margin-bottom: 15px;
    width: 680px;
	padding-right:20px;
}
#skin_2Column-test #HeadBody .LoginBox {
    float: right;
    margin-bottom: 15px;
    width: 680px;
	padding-right:20px;
}
#skin_2Column-test .Footbg {
    clear: both;
    color: #D9CDB3;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    padding: 25px 30px 15px;
	width:100%;
	background:#3d2929;
}
#skin_2Column-test .FootLink {
    clear: both;
    margin: 50px auto 0;
    overflow: hidden;
	width:100%;
	padding:0 20px;
}
#skin_2Column-test .ContentPane {
	margin:	0 250px 0 30px;
	padding:0px;
    position: relative;
}
#skin_2Column-test .Contentarea {
	margin-right:-250px;
	float: left;
    width: 100%;
}
#skin_2Column-test .PageWrapper{
    clear: both;
    overflow: hidden;
	width:100%;

}
#skin_2Column-test .Breadcrumbs {
	width:100%;
}
#skin_2Column-test #PageBody{
	width:100%;
}
#skin_2Column-test .LeftWrapper  { 
	width:235px; float:right; text-align:left;
}