@charset "Shift_JIS";

/*------------------------------------------------------
＜説明＞
・特定ＩＤ内要素に限らない指定から、限る指定、の順
・タグ、クラス、IDと、後ろにいくほど、限定された指定
・BUI＝Browser-User-Interface
・basic_model.cssの通り、属性の定義順に準拠する。
------------------------------------------------------*/

/*------------------------------------------------------
■ここからタグ（特定ＩＤ内に限らない）
------------------------------------------------------*/
body {
	/*T----*/
	margin-top: 0px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	/*----T*/
	/*U----*/
	background-color: #ffffff;
	/*----U*/
	/*V----*/
	font-family: "メイリオ", Meiryo, "ＭＳゴシック", "HGｺﾞｼｯｸM", "ＭＳ Ｐ明朝", "MS PMincho", "osaka", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	color: #000;
	text-align: center;
	/*----V*/
}

h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}

img {
	border-style: none;
}
p {
	margin: 0px;
	padding: 0px;
}

strong {
	font-weight: bold;
}
/*アンカー----*/
/*----アンカー*/

/*------------------------------------------------------
■ここまでタグ（特定ＩＤ内に限らない）
------------------------------------------------------*/

/*------------------------------------------------------
■ここからClass（特定ＩＤ内に限らない）
------------------------------------------------------*/

/*フロート解除用セレクタ----*/
.classEracerBoth {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	font-size: 1px;
}
.classEracerLeft {
	clear: left;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	font-size: 1px;
}
.classEracerRight {
	clear: right;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	font-size: 1px;
}
/*----フロート解除用セレクタ*/
/*汎用フロート----*/
.classFloatRight {
	overflow: hidden;
	clear: none;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}
.classFloatLeft {
	overflow: hidden;
	clear: none;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}
/*----汎用フロート*/
.classHidden {
	display: none;
}
/*コンテンツタイトル----*/
.classTitle {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 22px;
}
/*
.classDetail {
	margin-top: 8px;
	margin-bottom: 8px;	
	margin-left: 12px;	
	margin-right: 12px;
	line-height: 200%;
}
.classDetail2 {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 12px;
	margin-right: 12px;
	line-height: 150%;
}
*/
.classDetail, .classDetail2 {
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 8px;
	margin-left: 12px;
}
.classDetail {
	line-height: 200%;
}
.classDetail2 {
	line-height: 150%;
}
.classWhiteSpace {
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
.classSeparator {
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(../img/common/ring/Line.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: auto;
}

/*----掲示板用クラスからの汎用化クラス*/
.divalignleft {
	text-align: left;
}
.divaligncenter {
	text-align: center;
}
.divalignright {
	text-align: right;
}
.veralignTop {
	vertical-align: top;
}
.veralignMid {
	vertical-align: middle;
}
.veralignBottom {
	vertical-align: bottom;
}
.divMargiEqlr {
	margin-left : 8px;
	margin-right : 8px;
}
.divuserarticle {
	margin-left : 8px;
	margin-right : 8px;
}
/*掲示板用クラスからの汎用化クラス----*/

/*掲示板用クラスからの汎用化クラス----*/
table.stdtablecenter {
	margin-left : auto;
	margin-right : auto;
	text-align : left ;
}
/*掲示板用クラスからの汎用化クラス----*/

/*----デザイン開発用時・調整クラス*/
span.stdsizedevpre {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}
/*デザイン開発用時・調整クラス-----*/

/*----ここからカラー・ホライゾン・ベルト*/
.basicBand950Green {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	width: 950px;
	height: 30px;
	background-image: url(../image/common/basicBand_bg_green.png);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.basicBand950Green .captionZone {
	float: left;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	height: 30px;
	background-image: url(../image/common/basicBand_bg_green_caption.png);
	background-repeat: repeat-x;
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
}
.basicBand950Green .captionMarginLeft {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 111px;
	height: 30px;
}
.basicBand950Red {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	width: 950px;
	height: 30px;
	background-image: url(../image/common/basicBand_bg_red.png);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.basicBand950Red .captionZone {
	float: left;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	height: 30px;
	background-image: url(../image/common/basicBand_bg_red_caption.png);
	background-repeat: repeat-x;
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: bold;
}
.basicBand950Red .captionMarginLeft {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 111px;
	height: 30px;
}
/*ここまでカラー・ホライゾン・ベルト----*/

/*------------------------------------------------------
■ここまでClass（特定ＩＤ内に限らない）
------------------------------------------------------*/

/*------------------------------------------------------
■ここから、特定ＩＤ内の制御
------------------------------------------------------*/

#Container {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	padding: 0px;
	text-align: left;
}

/*----ここからBUIヘッダー*/

#Header {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: 135px;
	background-image: url(../image/common/title.png);
	background-repeat: no-repeat;
	background-position: right;
}

#Header h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 40px
	margin-right: 0px;
	padding: 0px;
	font-size: 26px;
	line-height: 36px;
}

#Header .headerLeftCompany {
	margin-top: 0px;
	margin-bottom: auto;
	margin-left: 40px;
	margin-right: auto;
	padding: 0px;
	height: 135px;
	font-size: 11px;
}

#Header .engCorpName{
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
	
}
#Header .engCorpType{
	font-size: 24px;
	line-height: 24px;
}

#Navigation_per100 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: 60px;
}

#Navigation_per100 ul {
	margin: 0px;
	padding: 0px;
}
#Navigation_per100 li {
	clear: right;
	float: left;
	margin: 0px;
	list-style-type: none;
}
#Navigation_per100 span {
	overflow: hidden;
	clear: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 200px;
	height: 60px;
}

#Navigation_per100 .navFloatLeft{
	overflow: hidden;
	clear: none;
	float: left;
	margin: 0px;
	border: 0px;
	padding: 0px;
	width: 200px;
	height: 60px;
	list-style-type: none;
}

#Navigation_per100 .mainMenu_px1000 {
	/*--自身のwidthを指定しないと中央寄りにならない--*/
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 1000px;
	height: 60px;
}

#Navigation_per100 .mainMenu_per100 {
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	padding: 0px;
	width: 100%;
	height: autopx;
}

#Navigation_per100 .mainMenu_home a {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 200px;
	height: 60px;
	background-image: url(../image/common/mainMenu_home.png);
	display: block;
}
#Navigation_per100 .mainMenu_home a:hover {
	background-image: url(../image/common/mainMenu_home_over.png);
}
#Navigation_per100 .mainMenu_okara a {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 200px;
	height: 60px;
	background-image: url(../image/common/mainMenu_okara.png);
	display: block;
}
#Navigation_per100 .mainMenu_okara a:hover {
	background-image: url(../image/common/mainMenu_okara_over.png);
}
#Navigation_per100 .mainMenu_trailer a {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 200px;
	height: 60px;
	background-image: url(../image/common/mainMenu_trailer.png);
	display: block;
}
#Navigation_per100 .mainMenu_trailer a:hover {
	background-image: url(../image/common/mainMenu_trailer_over.png);
}
#Navigation_per100 .mainMenu_angel a {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 200px;
	height: 60px;
	background-image: url(../image/common/mainMenu_angel.png);
	display: block;
}
#Navigation_per100 .mainMenu_angel a:hover {
	background-image: url(../image/common/mainMenu_angel_over.png);
}
#Navigation_per100 .mainMenu_kanban a {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 200px;
	height: 60px;
	background-image: url(../image/common/mainMenu_kanban.png);
	display: block;
}
#Navigation_per100 .mainMenu_kanban a:hover {
	background-image: url(../image/common/mainMenu_kanban_over.png);
}
#Navigation_per100 .mainMenu_greeting a {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 200px;
	height: 60px;
	background-image: url(../image/common/mainMenu_greeting.png);
	display: block;
}
#Navigation_per100 .mainMenu_greeting a:hover {
	background-image: url(../image/common/mainMenu_greeting_over.png);
}
#Navigation_per100 .mainMenu_company a {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	width: 200px;
	height: 60px;
	background-image: url(../image/common/mainMenu_company.png);
	display: block;
}
#Navigation_per100 .mainMenu_company a:hover {
	background-image: url(../image/common/mainMenu_company_over.png);
}

/*ここまでBUIヘッダー----*/

/*----ここからBUIフッター*/
/*ここまでBUIフッター----*/

#mainContent {
	margin-top: 45px;
	margin-bottom: 45px;
	margin-left: 0px;
	margin-right: 0px;
	border: 0px;
	padding: 0px;
}

#mainContent .baseDiv_per100 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}

#mainContent .centerDiv_px950 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	padding: 0px;
	width: 950px;
	height: auto;
}

#mainContent .text-L {
	margin-top: 0px;
	margin-bottom: 12px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 728px;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}
#mainContent .text-R {
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 728px;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;
	text-align: right;
}

/*------------------------------------------------------
■ここまで、特定ＩＤ内の制御
------------------------------------------------------*/