/* 200522 morikawa メニューから「ニュースリリース」を削除 */
/*                 メニュー幅を99.5pxから116.5pxに変更        */
/* 170614 morikawa 会津用の設定を削除 */
body {
	font-size: 100%;
}
.pt8-10 {
	font-size: 8pt;
	line-height: 10pt;
}
.p80-22 {
	font-size: 80%;
	line-height: 19px;
}
table.ttable {
	padding: 0 0 0 100px; /* 領域内のスペース:記述した順に[上][右][下][左] */
}
h1 {
	padding: 5px 0 10px 10px; /* 領域内のスペース:記述した順に[上][右][下][左] */
}

/* =========================
  横型メニュー(共通)の設定  
========================== */
a {
	text-decoration: none;
}
a.span {
	font-size: 12pt;
	font-weight: 600;
}
ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#cssmenu {
	width: auto;
	list-style: none;
	margin: 0 auto;
	padding: 0 0 0 100px; /* 領域内のスペース:記述した順に[上][右][下][左] */
}

/* IE以外に対応 */
html:not(:target) #cssmenu {
	list-style: none;
	margin: 0 auto;
}

#cssmenu li {
	min-width: 116.5px;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}
#cssmenu li a {
	width:auto;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow:0 -1px 0px #333,0 1px 0px #555;
	padding:10px 0;
	text-decoration:none;
	display:block;
	background:#191970;
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
	background-image: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
	background-image: -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
	background-image: -ms-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
	background-image: linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
	border-left: 1px solid rgba(255,255,255,0.2);
	border-right: 1px solid rgba(0,0,0,0.2);
}
#cssmenu ul ul {
	min-width: 130px; /* 事業部名の長さにあわせる */
	display: none;
	position: absolute;
	z-index: 10; /* プルダウンメニューにページの内容が重なったとき、プルダウンのほうが前面に表示(数字が大きい方が上位)*/
}
#cssmenu li li {
	clear: left;
	position:relative;
	width: 215px;
/*	width: 100%; */
/*	background:#f7f7f7; /* 薄い灰色 */
	background:#191977; /* 2015.05.12 IEで文字部分以外薄い灰色で見た目が汚いので修正 */
	border-bottom:1px solid #cccccc; /* 少し濃いめの灰色 */
	margin:0px 0px 0px -2px;
	text-align:center;
}
#cssmenu li li a{
	clear: left;
	position:relative;
	width: 100%;
	display: block;
	color:#fff; /*カーソルなしの文字色 */
}
#cssmenu li li a:hover{
	clear: left;
	position:relative;
	width: 100%;
	background:#4169e1; /* royalblue */
	background-image: -webkit-linear-gradient(#5182f3, #1254ee); /* オンマウス時のグラデーションの上側－下側 */
	background-image: -moz-linear-gradient(#5182f3, #1254ee);
	background-image: -o-linear-gradient(#5182f3, #1254ee);
	background-image: -ms-linear-gradient(#5182f3, #1254ee);
	background-image: linear-gradient(#5182f3, #1254ee);
	display: block;
	text-decoration:none;
	color:#00ff7f; /* カーソルある時の文字色(springgreen) */
}
#cssmenu ul ul ul {
	top: 0;
	left: 100%;
	min-width: 180px; /* 事業部名の長さにあわせる */
}
#cssmenu ul li:hover > ul {
	display: block;
}
#cssmenu li a:hover{
	background-color: #4169e1; /* royalblue */
}
#cssmenu li a:hover {
	background: #4169e1; /* royalblue */
	background-image: -webkit-linear-gradient(#5182f3, #1254ee); /* オンマウス時のグラデーションの上側－下側 */
	background-image: -moz-linear-gradient(#5182f3, #1254ee);
	background-image: -o-linear-gradient(#5182f3, #1254ee);
	background-image: -ms-linear-gradient(#5182f3, #1254ee);
	background-image: linear-gradient(#5182f3, #1254ee);
	box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
	color:#00ff7f; /* カーソルある時の文字色(springgreen) */
}

/* =====================
  検索ボックス用の設定  
        google版
====================== */
#cse-search-box {
    width: 290px !important;
    height: 30px;
    float: right;
}
#cse-search-box table.gsc-search-box td.gsc-input {
    padding: 5!important;
    margin: 20!important;
}
#cse-search-box input[type="text"] {
    border-radius: 5px 0 0 5px;
    height: 25px;
    padding: 0 !important;
    width: 190px;
    float: left;
    margin-left: 18px;
}
#cse-search-box input[type="submit"] {
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 0 5px 5px 0;
    color: #FFFFFF;
    float: right;
    height: 31px;
    margin-left: 0 !important;
    width: 40px;
} 

/* =====================
  検索ボックス用の設定  
        yahoo版
====================== */
#srchBox {
border: 1px solid #EEEEEE;
	width: 290px;
    _width: 263px;
	float: left;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
}
#srchBox * {
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
#srchBox a img {
	border:none;
}
#srchBox #srch {
	padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm {
	white-space:nowrap;
}
#srchBox #srchInput {
	width:188px;
	margin-right:6px;
	vertical-align:bottom;
}
#srchBox #srchBtn {
	width:80px;
}
*html #srchBox #srchBtn {
	padding-top:2px;
}
*:first-child+html #srchBox #srchBtn {
	padding-top:2px;
}
#srchBox ul {
	margin-top:6px;
	text-align:left;
}
#srchBox li {
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li input {
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input {
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo {
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a {
	color:#666666;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover {
	text-decoration:underline;
}
#srchBox.watermark {
	padding-bottom: 6px;
    height: 50px;
}
#srchBox.watermark #srchInput {
	padding:1px 1px 2px 1px;
	border:1px solid #a5acb2;
	background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark {
	background: #fff;
}
#srchBox.watermark #srchLogo {
	display: none;
}


/* =======================
  全体のレイアウトの設定  
======================== */

/*↓↓↓2013/02/19↓↓↓*/
* {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	margin-top: auto;
}
#midashi {
   width: 700px;
	padding: 0 0 0 100px; /* 領域内のスペース:記述した順に[上][右][下][左] */
/*   margin: 0 auto;   /* 幅固定（700px）でセンタリングします。*/
}
#header {
   width: 700px;
   height: 30px;     /* サイトロゴの高さに合わせて調節して下さい。*/
}
#site_box {
   width: 700px;     /* メニューとコンテンツを囲んでいます。 */
}
#comments {
   float: left;
   width: 444px;     /* floatの width 指定は必須です。*/
}
#flash_contents {
   float: left;
   width: 250px;     /* floatの width 指定は必須です。*/
}
#footer {
   clear: both;      /* float をクリアしています。*/
   width: 700px;
   height: 5px;
}
#menu ul {
   list-style: none;
}
#wrapper {
   width: 700px;
/*   margin: 0 auto;   /* 幅固定（700px）でセンタリングします。*/
	padding: 0 0 0 100px; /* 領域内のスペース:記述した順に[上][右][下][左] */
}
#breadcrumb {
   width: 700px;
   height: 30px;     /* サイトロゴの高さに合わせて調節して下さい。*/
}
#outside01 {
   float: left;
   width: 160px;     /* floatの width 指定は必須です。*/
}
#main_contents {
   float: right;
   width: 538px;     /* floatの width 指定は必須です。*/
}

/*↑↑↑2013/02/19↑↑↑*/

/* 下線を引く(#3cb371 : mediumseagreen) */
p.underline {
	border-bottom: solid  1px #3cb371;
}
/* 下線を引く(#ff4500 : orangered) */
p.underline2 {
	padding: 0 0 0 20px;
	border-bottom: solid  1px #ff4500; 
	font-size: 10pt;
	line-height: 12pt;
	width: 160px;
}

/* =========================
  テーブルレイアウトの設定  
========================== */
#table { 
	display:table; 
} 
.row { 
	display:table-row; 
} 
.row>div { 
	display :table-cell; 
	margin :5px; 
	padding :5px; 
	border :1px solid; 
	background-color :#eee; 
} 
.row>div.a1{
	width : 150px;
	background-color : #66cdaa; /* mediumaquamarine */

}
.row>div.b1{
	width : 450px;

}

/* 企業情報用・会津日誠年表 */
.table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.table th{
	width:25%;
	padding:4px;
	text-align: left;
	vertical-align: top;
	color: #444;
	background-color: #66cdaa; /* mediumaquamarine */
	border-left: 3px double #999;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table td{
	width:75%;
	padding:4px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* =========================
  ボタンの設定  
========================== */
.btn_o {
	font-size: 12px;
	background: #ffb122;
	background: -moz-linear-gradient(top,#ffa500 0%,#ffc355);	/* orange色のグラデーション */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa500), to(#ffc355));
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #fff;
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	width: 100px;
	padding: 10px 5px;
}

/* =========================
  更新・お知らせ用
========================== */
#wrapper .new {
	ovwerflow: auto;
	height: 100px;
	width: 700px;
	padding-left: 10px;
}
#wrapper .new dl {
	clear: left;
	width: 680px;
	padding: 2px 0;
	border-bottom: 1px dashed #8a2be2;	/* 日付ごとに入る下線の幅 線種(点線) 色(blueviolet) */
	overflow: hidden;
}
#wrapper .new dt {
	font-weight: bold;	/* 日付を太字 */
	color: #2e8b22;		/* seagreen */
	float: left;
	width: 110px;
}
#wrapper .new dd {
	float: left;
	width: 540px;
}
#wrapper .new dd img {
	margin-top: auto;
	vertical-align: baseline;
}

/* End */

/*グラデーション参考
メインカラー				 0	#104edf	(#ff7400)
グラデーションの上側			+2	#225fef	(#ff8722)
グラデーションの下側			-2	#0e43gf	(#dd6500)
メニュー右側の1pxライン			-4	#0b38a0	(#b50)
メニュー左側の1pxライン			+4	#4276f1	(#f94)
オンマウス時のグラデーション上側	+5	#5182f3	(#ffa255)
オンマウス時のグラデーション下側	+1	#1254ee	(#ff7d11)

URL:	http://0to255.com/104edf