/* --------------------------------------------
 * layout.css
 * 位置設定・レイアウト用スタイルシート
 * Date: 2009/2/13   Update:2009/2/18
 * 適応範囲: 全ページ
 * -------------------------------------------- */

/* --------------------------------------------
 * ページ基本構成
 * -------------------------------------------- */

body { margin:0;}

#pagebody {
	width: 760px;
	margin:0;
	padding:0;
}

#header {
	position:relative;
	margin: 0 5px;
	padding:0;
}

#jumppage,#Contact { margin: 20px 100px;}

#bar p#fsc {
	float:right;
	margin: 0px 0px 2px 0px; 
	padding:0;
	width: 125px;
	height: 25px;
	white-space:nowrap;
}

#bar {
	margin: 5px 5px 0;
	height: 25px;
}

#main {
	clear:both;
	margin: 5px;
}

#sideArea {
	float:left;
	width: 192px;
}

#contents {
	float:left;
	width: 558px;
	min-height: 400px;
	height: auto !important;
  height: 400px;
}

#pagetop {
	clear:both;
	margin: 0 5px 1em 0;
	text-align:right;
}

#footer { 
	margin: 0 5px;
	clear:both;
}

#footer address{
	padding: 5px 0 10px 5px; 
}

#contents { font-size: 92%;}

#contents h1, 
#contents h2{
	font-size: 110%!important;
}

/* --------------------------------------------
 * ヘッダ
 * -------------------------------------------- */
#header p#logo img { 
	margin: 10px 0 0 10px;
	zoom:1;
}

#suport {
	position:absolute;
	top: 3px;
	left: 490px;
	width: 255px;
	height: 70px;
}

#suport form { padding:0px;}

#suport p {
	margin:0;
	padding:0;
	text-align:right;
}

#suport img {
	vertical-align:bottom;
}

#suport input { 
	font-size: 10px;
	padding:1px;
}

#suport input.searchbox { width:100px;}

#suport p input.search { vertical-align:bottom;}

#suport img { margin:0; padding:0;}

#suport div.suportButton p { margin: 7px 0 5px 5px;}

p#suportMenu a {
	padding:0 0.4em 0 1em;
	font-size: 82%;
}

ul#gmenu {
	width: 750px;
	height: 40px;
}

ul#gmenu li{ display:inline;}
	
ul#gmenu,
ul#gmenu li,
ul#gmenu li img{ 
	margin:0; 
	padding:0; 
}

/*bar*/
#bar p#panlist {
	float:left;
	width: 550px;
	padding-top: 0.4em;
	font-size: 82%;
}

#bar p#fontsize {
	float:right;
	width: 125px;
	height: 25px;
	text-align:right;
	white-space:nowrap;
}

/* --------------------------------------------
 * サイドメニュー
 * -------------------------------------------- */
#sideArea {}

#sideArea div {
	color: #333;
	font-weight:bold;
}

#sideArea div,#sideArea div img{ margin:0; padding:0;}

ul#sideMenu {
	width: 162px;
	margin-bottom: 1.6em;
	padding: 5px;
	font-size: 86%;
}

ul#sideMenu li {
	width: 162px;
	margin:0 0 5px 0;
}

ul#sideMenu li a span{
	display:block;
	padding-left: 8px;
	line-height: 1.4em;
}

ul#sideMenu ul.sidesub a span{
	display:block;
	padding-left: 16px;
	line-height: 1.4em;
}

ul#sideMenu li a{
	display:block;
	width: 157px;
	padding: 3px 0 3px 5px;
	background:none;
}

ul#sideMenu li a.sel,
ul#sideMenu li a:hover {
	display:block;
}

ul.pageList { 
	margin-left: 2em;
	font-size: 110%;
}

ul.pageList li {
	line-height: 1.4em;
	list-style-type:circle;
}

ul.pressList { width: 550px;}

ul.pressList.event { width: 100%;}

ul.pressList li {
	display:inline;
	margin-left: 0.2em;
	padding-left: 0.6em;
	line-height: 1.4em;
}

/* --------------------------------------------
 * コンテンツ
 * -------------------------------------------- */
#contents img#menuTitle {
	margin-bottom: 1em;
	font-weight:bold;
	border: 1px solid #E6E6E6;
}

div.info h1 {
	line-height: 1.4;
	margin-bottom:1em;
	font-weight:bold;
	padding: 2px;	
}

#contents h1.info,
#contents h2 {
	margin-bottom: 0.4em;
	padding-left: 2px;
	font-weight:bold;
}

#contents h2.privacy {
	border:none!important;
	font-size: 100%;
	text-align:center;
}

#contents h3 {
	margin: 1em 0 0.4em 0;
	padding-left: 2px;
	font-size: 110%;
	font-weight:bold;
}

/*csr イベント*/
#main h3.event {
	width:494px;
	margin:0;
	padding: 4px 0 6px 6px;
	text-align:left;
	font-size: 130%!important;
	font-weight:bold;
}

#main h3 span.small { font-size:80%!important;}

div.section { margin-bottom: 1em;}

#contents p { line-height: 1.4;}
#contents p.imglist { 
	line-height: 1;
	margin:15px;
}

/*PDFコメント*/
p.comment_pdf {
	padding: 5px;
	border: 1px solid #CC0000;
	font-size: 86%;
	width: 537px;
}

div.pageNavi { 
	margin-top: 2em;
	padding-top: 0.4em;
}

/*沿革画像*/
div.section img#history {
	margin: 10px;
}

/*経営者からの*/
div.massage div.text {
	float:left;
	width: 378px;
}

div.massage div.image {
	float:right;
	width: 175px;
	margin-top: 10px;
}

div.section p.textRight { text-align:right;}

/*お知らせメニュー*/
div.section ol.comp {
	list-style-type:decimal;
	list-style-position:outside;
	margin: 0 0 1em 2em;
	padding:0;
}

div.section ol li {
	margin-bottom:0.6em;
}

div.section ol.comp ul li{
	list-style-type:disc;
	margin-left:1em;
	margin-bottom:0;
}

/*サイトマップ*/
div#SiteMap { margin-right: 5px;}

div.LeftTable { float:left;}
div.RightTable { float:right;}

/*お問い合わせ*/
div#Contact p.text { margin-bottom:0;}

div#Contact ol {
	list-style-type:decimal;
	list-style-position:outside;
	padding-left: 30px;
}

div#Contact li { margin-bottom:0.4em;}

div.button {
	text-align:center;
	margin-bottom:1em;
}

div.button input {
	padding:5px;
	font-weight:bold;
}

/*ジャンプページ*/
div.info p span.jump {
	color:#E2091C;
	font-weight:bold;
}

/* --------------------------------------------
 * テーブル
 * -------------------------------------------- */
table caption { font-size: 86%;}

table.tblpress {
	width: 548px;
	margin: 0 10px 1em 0;
}

table.tblpress th,
table.tblpress td {
	padding: 5px 2px;
	vertical-align:top;
}

table.tblpress col.date { width: 3em;}
table.tblpress col.dateL { width: 9em;}
table.tblpress col.status { width: 1.4em;}
table.tblpress col.statusL { width: 2em;}
table.tblpress col.title { width: auto;}

table.tblpress td.icon { padding-top: 5px;}
table.tblpress td.icon.info { padding-top: 10px;}

table.tblpress td.iconList {
	width: 20px;
	padding-left: 1em;
}

table.tblpress td span.text02 { padding-left: 20px;}

/*会社案内*/
table#profile { margin-top: 1em;}

table#profile td.text {
	padding-left: 1em;
	vertical-align:middle;
}

/*会社概要*/
table.tblinfo {
	width: 100%;
	margin-bottom: 1em;
}

table.tblinfo col.company { width: 290px;}
table.tblinfo col.task { width:auto;}
table.tblinfo col.infoTitle { width: 9em;}
table.tblinfo col.infoData { width:auto;}

table.tblinfo thead th { text-align:center;}

table.tblinfo td img { vertical-align:bottom;}
table.tblinfo td.company { font-weight:bold;}

table.tblstaff {
	margin: 5px auto;
	width: 95%;
}

table.tblinfo table.tblstaff col.position { width: 12em;}

table.tblstaff p {
	margin-bottom: 5px;
	font-size: 86%;
}

/*　IRカレンダー　*/
table.tblcalendar {
	width: 100%;
	margin: 0.4em 0;
}

table.tblcalendar thead th { text-align:center;}
table.tblcalendarE tbody th { text-align:left;}

table.tblcalendar tbody th {
	width: 3em;
	text-align:right;
}

table.tblcalendar th,
table.tblcalendar td {
	padding: 5px 4px;
	vertical-align:top;
}

table.tblcalendarE th,
table.tblcalendarE td {
	vertical-align:middle;
}

/*株主通信*/
table#tsushin td { padding: 1em 0;}

table#tsushin td.text {
	vertical-align:middle;
	padding-left: 1em;
}

table#tsushin col.image { width: 115px;}
table#tsushin col.title { width:auto;}

/*csr イベント*/
table td.comment { padding: 5px;}

/*お知らせ*/
table.plugin {
	width: 100%;
	margin-bottom: 1em;
}

table.plugin td { padding: 5px;}

table.plugin col.banner { width: 10em;}
table.plugin col.address { width:auto;}

table.tblSiteMap { 
	margin-bottom: 1em;
	width: 260px;
}

table.tblSiteMap th,
table.tblSiteMap td { 
	padding: 2px 4px;
	vertical-align:top;
}

table.tblSiteMap th a {
	color:#000;
	text-decoration:none;
}

table.tblSiteMap a:hover { text-decoration:underline;}

table.tblSiteMap td.none { background-image:none;}

table.tblSiteMap td.noneBorder {	
	background-image:none;
	text-indent:0;
	border-bottom:none;
}

table.tblform {
	margin-bottom: 2em;
	width:100%;
}

table.tblform thead th span{ font-weight:normal;}

table.tblform th,
table.tblform td {
	padding: 3px 5px;
}

table.tblform col.title { width: 8em;}
table.tblform col.date { width:auto;}

table.tblform td.button,
p.button {
	text-align:center;
}

/*CMギャラリー*/
table#gallery { margin-top: 1em;}

table#gallery td.cm {
	vertical-align:top;
}

table#gallery td.cm p {
	margin-top: 1em;
}

table#gallery td.text {
	padding-left: 1em;
	vertical-align:top;
	font-size:91%;
}

/*ジャンプページ*/
div.action table.tblbutton {
	width: 150px;
	margin:0 auto;
}

div.action table.tblbutton td.return {
	text-align:left;
}

div.action table.tblbutton td.decition {
	text-align:right;
}

/* フッター */
#footerbar {
	width: 742px;
	height: 24px;
	margin:0;
	padding-left: 8px;
}

ul#localmenu li {
	float:left;
	padding: 5px 0.4em 5px 1em;
	font-size: 82%;
}

#footer address{ clear:both;}

br.clear { clear:both;}


/* --------------------------------------------
 * トップページ仕様
 * -------------------------------------------- */

/*基本構造*/
#header h1{ margin-bottom: 1em;}

#header h1#logo img { margin: 10px 0 0 10px;}

div#FlashArea { margin:5px 0 10px 0;}

#mainTop { margin:0 5px;}

#mainTop #contents {
	float:left;
}

#mainTop #sideArea { 
	float:right;
	text-align:right;
}

/*コンテンツ*/
#mainTop h2 {
	position:relative;
	margin:0;
	padding: 3px;
	letter-spacing: 0.2em;
}

#mainTop h2 span.list {
	position:absolute;
	top: 5px;
	right:0;
	margin:0;
	padding:0;
	font-size:82%;
}

/*　English仕様　*/
#mainTop h2.en { letter-spacing: 1px;}

#mainTop h2 span.list a { padding:0 0.4em 0 1em;}

#mainTop h2 img { vertical-align:bottom;}

/*テーブル*/
table.tbltop {
	width: 95%;
	background-color:#FFF;
	margin: 5px auto;
}

table.tbltop th,
table.tbltop td {
	padding: 5px 2px;
	vertical-align:top;
}

table.tbltop col.date { width: 6em;}
table.tbltop col.status { width: 1.4em;}
table.tbltop col.title { width: auto;}

table.tbltop td.icon { 
	text-align:center;
	padding-top: 10px;
}

table.tbltop td.iconPDF { 
	text-align:center;
	padding-top: 5px;
}

table.tbltop td span.textS { font-size: 86%;}


/* --------------------------------------------
 * カテゴリトップページ
 * -------------------------------------------- */

table.cttopmenu {
	width:557px;
	margin:10px 0;
}

table.cttopmenu th,
table.cttopmenu td{
	padding:0;
	vertical-align:top;
}

table.cttopmenu p{ margin:1em;}


/* --------------------------------------------
 * その他
 * -------------------------------------------- */

/*Notes*/
div.comment {
	background-color:#FFFFEE;
	border: 1px solid #666666;
	margin-top:2em;
	padding:5px;
}

/*準備中テキスト*/
div.section p.comment {
	padding: 5px;
	border: 1px solid #CC0000;
}

@media print {
	#pagebody {
		width:100%;
	}
	#header,
	#main,
	#footer,
	body {
		padding:0; margin:0; 
	}
	ul#gmenu {
		width:750px;
		white-space:nowrap;
	}
}