@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

*html {overflow: hidden; overflow-y: auto;}


html,body {
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #676767;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	height: 100%;
	background-image: url(../img/bg_page.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: scroll;
	behavior:url("/common/js/csshover.htc"); 
}

body,div,p,h1,h2,h3,h4,h5,h6,form,blockquote,table,th,tr,td {
	margin:0;
	padding:0;
/*文字種統一テストここから*/
	color:#676767;
	font-family:Arial,Sans-Serif;
	font-size:12px;
	line-height:1.8;
/*文字種統一テストここまで*/
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th {
	font-style:normal;
	text-align:left;
}
img {
	border:0;
}


.DetBox {
	overflow:hidden;
	zoom:100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.DetBox:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}



/*--------------------------------------------------------------------Firefox */
.Clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*--------------------------------------------------------------------MacIE WinIE7 */
.Clear {
	display: inline-table;
	min-height: 1%;
}

/*--------------------------------------------------------------------IE-mac */
* html .Clear {height: 1%;}


.DotXBottom {
	background-attachment: scroll;
	background-image: url(../../../common/img/dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*--------------------------------------------------------------------KeyMode*/

/*--OK--*/
.IMEM1 { ime-mode:active;}

/*--A~Z0~9OK--*/
.IMEM2 { ime-mode:inactive;}

/*--A~Z0~9NG--*/
.IMEM3 { ime-mode:disabled;}



/*--------------------------------------------------------------------TextAlign*/
.Center {	text-align: center;}
.Left {	text-align: left;}
.Right {	text-align: right;}

/*--------------------------------------------------------------------Format*/


#Container {
	width: 960px;
	height: 100%;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
 
body > #Container {
    height: auto;
}

#Wrapper {
	width: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
}

#Contents {
	height: auto;
	width: 960px;
}

/*--------------------------------------------------------------------Header*/

#BoxHeader {
	width: 960px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* ============================================================
	#Header
============================================================ */
#Header {
	width:960px;
	margin:0px;
	overflow:hidden;
	zoom:100%;	/*IE独自拡張　clearfix用*/
	padding: 0px;
	height: 83px;
}

#Header #H1 {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#CatchCopy {
	/*枠はheight:32px width:650px*/
	color:#555;
	font-size:9px;
	width: 640px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	display: block;
}
#Logo h1 {
	background-image:url(/common/img/logo.gif);
	background-repeat:no-repeat;
	width:240px;
	height:45px;
	margin:0px;
	padding: 0px;
	display: block;
}
#Logo a {
	display:block;
	width:240px;
	height:45px;
	text-indent:-9999px;
	outline:none;
	margin: 0px;
	padding: 0px;
}
/* ------------------------------------------------------------
	#HeadInfo
------------------------------------------------------------ */
#HeadInfo {
	float:right;
	width:300px;	/*#HeadInfo+#Logo>#Header*/
	text-align:right;
	margin: 0px;
	padding: 0px;
	height: 80px;
}
#Tel {
	margin:0px;
	text-align:right;
	height: 50px;
	width: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
}

/* ------------------------------------------------------------
	#HeadNavi
------------------------------------------------------------ */
#HeadNavi {
	display: block;
	width: 270px;
	margin: 0px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#HeadNavi li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:block;
	text-align:right;
	float: left;
}

/* ------------------------------------------------------------
	#GMenu
------------------------------------------------------------ */

#GMenu {
	width:955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-attachment: scroll;
	background-image: url(../img/bg_gmenu.png);
	behavior:url(/common/js/iepngfix.htc);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	display: block;
	padding: 0px;
	float: none;
}

#GMenu ul.S01 {
	margin: 0px;
	height: 51px;
	width: 955px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#GMenu ul.S01 li {
	list-style-type:none;
	display:block;
	background-attachment: scroll;
	background-image: url(../img/gmenu_side_line.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 157px;
	height: 51px;
	float: left;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	position: relative;
}


#GMenu ul.S01 li ul {
	list-style: none;
	margin: 0px;
	background-color: #FFFFFF;
	width: 157px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	position: absolute;
	top: 51px;
	display: none;
	left: 0px;
}

#GMenu ul.S01 li:hover ul {	display: block;	position: absolute;	z-index: 100;}
#GMenu ul.S01 li ul li {
	float: none;
	display: block;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	background-image: none;
	width: 155px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	text-indent: -9999px;
}

#GMenu ul.S01 li ul li.SM01,
#GMenu ul.S01 li ul li.SM02,
#GMenu ul.S01 li ul li.SMC01,
#GMenu ul.S01 li ul li.SMC02 {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 1px 1px;
}
#GMenu ul.S01 li ul li.SM01 {background-image: url(../img/submenu_02_01_off.gif);}
#GMenu ul.S01 li ul li.SM02 {background-image: url(../img/submenu_02_02_off.gif);}
#GMenu ul.S01 li ul li.SMC01 {background-image: url(../img/submenu_01_01_off.gif);}
#GMenu ul.S01 li ul li.SMC02 {background-image: url(../img/submenu_01_02_off.gif);}

#GMenu ul.S01 li ul li.SM01 a,
#GMenu ul.S01 li ul li.SM02 a,
#GMenu ul.S01 li ul li.SMC01 a,
#GMenu ul.S01 li ul li.SMC02 a{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 155px;
}
#GMenu ul.S01 li ul li.SM01 a:hover {background-image: url(../img/submenu_02_01_on.gif);}
#GMenu ul.S01 li ul li.SM02 a:hover {background-image: url(../img/submenu_02_02_on.gif);}
#GMenu ul.S01 li ul li.SMC01 a:hover {background-image: url(../img/submenu_01_01_on.gif);}
#GMenu ul.S01 li ul li.SMC02 a:hover {background-image: url(../img/submenu_01_02_on.gif);}


/*--------------------------------------------------------------------MainContents*/
#BoxMain {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
}

/* ------------------------------------------------------------
	.Breadcrumbs（#Header用）
------------------------------------------------------------ */
#Pnkz .Breadcrumbs {
	list-style-type:none;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#Pnkz .Breadcrumbs li {
	margin:0px 5px 0px 0px;
	list-style-type:none;
	display:inline;
}
#Pnkz .Breadcrumbs li a {
	padding-right:10px;
	background-image:url(/common/img/bg_nextlink01.gif);
	background-repeat:no-repeat;
	background-position:right 3px;
	text-decoration:none;
}



/* ============================================================
	#BodyCont（#MainCont + #SubCont）
============================================================ */
#BodyCont {
	width:960px;
	zoom:100%;	/*IE独自拡張　clearfix用*/
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

/* ============================================================
	#MainCont
============================================================ */
#MainCont {
	width:725px;
	/*#MainCont+#SubCont>#BodyCont*/
	float:left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
/* ============================================================
	#SubCont
============================================================ */
#SubCont {
	width:216px;
		/*#MainCont+#SubCont>#BodyCont*/
		/*枠はwidth:216px*/
	float:left;
	background-image:url(/common/img/bg_subcont.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
/* ------------------------------------------------------------
	.Banner
------------------------------------------------------------ */
#SubCont .Banner {
	width:216px;
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#SubCont .Banner li {
	width:206px;
	margin:0px 0px 4px 0px;
	padding:0px 5px;
	list-style-type:none;
}
#SubCont .Banner img {
	width:206px;
}
#SubCont .Banner .ft {
	margin:0px;
	padding-bottom:10px;
	background-image:url(/common/img/bg_subcont_foot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
/* ------------------------------------------------------------
	#SubMenu
------------------------------------------------------------ */
#SubMenu {
	width:170px;
	height:82px;
	margin:10px 0px 0px 5px;
	padding:3px 18px;
	list-style-type:none;
	background-image:url(/common/img/bg_submenu.gif);
		/*枠はwidth:206px height:90px*/
	background-repeat:no-repeat;
}
#SubMenu li.Link01 {
	margin:0px;
	padding:3px 0px;
	list-style-type:none;
	border-top:none;
	border-bottom:1px solid #cde1fc;
}
#SubMenu li.Link02 {
	padding:2px 0px;
	border-top:1px solid #fff;
	border-bottom:1px solid #cde1fc;
}
#SubMenu li.Link03 {
	padding:2px 0px;
	border-top:1px solid #fff;
	border-bottom:none;
}
#SubMenu a {
	display:block;
	padding-left:20px;
	background-image:url(/common/img/icon_navi.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	text-decoration:none;
}
#SubMenu a:link ,
#SubMenu a:visited {
	color:#0056cb;
}
#SubMenu a:hover ,
#SubMenu a:active {
	color:#69f;
}

/* ============================================================
	#Footer
============================================================ */
#BoxFooter {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
}

#Footer {
	margin:0px;
	padding:0px;
	background-color:#fff;
}
#FootCont {
	width:960px;
	margin:0px auto;
}

/* ------------------------------------------------------------
	#FootMenu（.Breadcrumbs + #Menu）
------------------------------------------------------------ */
#FootMenu {
	width:936px;
	height:292px;
	overflow:hidden;
		/*枠はwidth:950px height:247px*/
	margin:5px 5px 5px 5px;
	padding:7px;
	background-image:url(/common/img/bg_footmenu.gif);
	background-repeat:no-repeat;
}
/* ------------------------------------------------------------
	.Breadcrumbs（#Footer用）
------------------------------------------------------------ */
#FootMenu .Breadcrumbs {
	width:911px;
	height:30px;
		/*枠はwidth:936px height:30px*/
	margin:0px;
	padding:0px 0px 0px 25px;
	list-style-type:none;
	background-image:url(/common/img/bg_breadcrumbs.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
}
#FootMenu .Breadcrumbs li {
	height:30px;
	margin:0px;
	padding:0px 5px;
	float:left;
	list-style-type:none;
	line-height:30px;
}
#FootMenu .Breadcrumbs li a {
	display:block;
	height:30px;
	margin:0px;
	padding-right:15px;
	float:left;
	background-image:url(/common/img/bg_nextlink02.gif);
	background-repeat:no-repeat;
	background-position:right top;
	line-height:30px;
	text-decoration:none;
}

/* ------------------------------------------------------------
	#Menu（#Footer用）
------------------------------------------------------------ */
#Menu {
	overflow:hidden;
	zoom:100%;	/*IE独自拡張　clearfix用*/
	margin:20px 0px 0px 20px;
}
#Menu:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#Menu .MenuGroup {
	width:245px;
	float:left;
	list-style-type:none;
	margin:0px 20px 0px 0px;
	padding:0px;
}
#Menu .Link01 {
	width:245px;
}
#Menu .Link02 {
	width:155px;
}
#Menu .Link03 {
	width:235px;
}
#Menu .Link04 {
	width:195px;
	margin:0px;
}
#Menu .MenuGroup li {
	margin-bottom:15px;
}
#Menu .MenuGroup ul {
	list-style-type:none;
	margin:0px 0px 0px 25px;
	padding:0px;
}
#Menu .MenuSubGroup li {
	margin-bottom:0px;
}
#Menu .MenuGroup a {
	display:block;
	padding-left:20px;
	background-image:url(/common/img/icon_footmenu01.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	text-decoration:none;
}
#Menu .MenuSubGroup a {
	display:block;
	padding-left:10px;
	background-image:url(/common/img/icon_footmenu02.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	text-decoration:none;
}
#Menu a:link ,
#Menu a:visited {
	color:#666;
}
#Menu a:hover ,
#Menu a:active {
	color:#333;
}
/* IE6 */
* html #Menu .MenuGroup li {
	margin-bottom:15px;
	border-bottom:1px solid #f1f1f1;
}
* html #Menu .MenuSubGroup li {
	margin-bottom:0px;
	border-bottom:1px solid #f1f1f1;
}


/* ------------------------------------------------------------
	.NaviTop（#Footer用）
------------------------------------------------------------ */
#Footer .NaviTop {
	text-align:right;
	list-style-type:none;
	margin:5px;
	padding:0px;
}
#Footer .NaviTop a {
	padding-left:20px;
	background-image:url(/common/img/icon_navitop.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	text-decoration:none;
}
#Footer .NaviTop  a:link ,
#Footer .NaviTop a:visited {
	color:#0056cb;
}
#Footer .NaviTop a:hover ,
#Footer .NaviTop a:active {
	color:#69f;
}

/* ------------------------------------------------------------
	#FootInfo（#Address + #Copyright）
------------------------------------------------------------ */
#FootInfo {
	width:100%;
	border-top:3px solid #1c6cd0;
	background-color:#fff;
	color:#484848;
}
#FootInfo .DetBox {
	width:960px;
	margin:5px auto 0px auto;
	padding-bottom:5px;
}
#Address {
	margin:0px;
	width:45%;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#Address dt {
	margin:0px;
	padding:0px;
	font-size:12px;
}
#Address dd {
	margin:0px;
	padding:0px;
	font-size:10px;
}
#Copyright {
	margin:0px;
	padding:0px;
	width:45%;
	float:right;
	font-size:11px;
	text-align:right;
}


/* ------------------------------------------------------------
	リンク関連
------------------------------------------------------------ */
a:link ,
a:visited {
	color:#1c6cd0;
}
a:hover ,
a:active {
	color:#69f;
}

a img {opacity:1;filter: alpha(opacity=100);}
a img:hover {opacity:0.7;filter: alpha(opacity=70);}
