/*--基本設計--*/ body#index, body#solution, body#message, body#download, body#information { margin: 0px; padding: 0px; background-color:#FFFFFF; color:#000000; font-size: 9pt; line-height: 140%; } p{ color:#000000; font-size: 9pt; line-height: 140%; margin-top:0px; } p.small{ color:#000000; font-size: 7pt; line-height: 140%; margin-top:0px; } td{color:#000000; font-size: 9pt; line-height: 135%;} .migiyose{ text-align:right; } #mainbox img{ text-align: center; } /*--大コンテンツボックス--*/ #box{ width: 780px; margin: 0px; background-color:#FFFFFF; color:#000000; font-size: 9pt; line-height: 135%; } /*--メインボックス--*/ #mainbox{ float: right; width: 600px; margin-left:10px; margin-right: 0px; } /*--左メニュー--*/ #leftbox{ float: left; width: 160px; margin-left:0px; } /*--Aタグ基本設計--*/ a:link{color:#0033ff; text-decoration:none;} a:visited{color:#0033ff; text-decoration:none;} a:active{color:#0033ff; text-decoration:underline;} a:hover{color:#0033ff; text-decoration:underline;} /*--Aタグフッターリンク設定--*/ a.afut{color:#ffffff; text-decoration:none;} /*--左メニューリスト設定 TOP--*/ #leftbox1 { width: 150px; margin-left:10px; background-color: #CC9900; } #leftbox1 div.menutop1{ float:left; background-color: #CC9900; width: 28px; max-height: 100%; padding: 8px 0px; vertical-align: middle; display: block; } #leftbox1 div.menutop2{ float: right; width: 122px; word-wrap: break-word; background-color: #C94677; } /*--Aタグ左メニューTOP設定--*/ div#leftbox div#leftbox1 div.menutop2 a.lmenutop{ font-size:9pt; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#913255; display:block; padding:5px; } body#index div#leftbox div#leftbox1 div.menutop2 a.lmenutop, div#leftbox div#leftbox1 div.menutop2 a.lmenutop:hover{ font-size:9pt; font-weight:bold; text-decoration:none; color:#ffffff; background-color:#C94677; display:block; padding:5px; } /*--左メニューリスト設定下段--*/ #leftbox2 { width: 150px; margin: 5px 0px 0px 10px; } /*----Aタグ左メニューリスト設定----*/ /*--基本設定　リンク lmenusol.lmenumes.lmenudow.lmenuinf--*/ div#leftbox div#leftbox2 a.lmenusol, div#leftbox div#leftbox2 a.lmenumes, div#leftbox div#leftbox2 a.lmenudow, div#leftbox div#leftbox2 a.lmenuinf { color: #FFFFFF; font-size:9pt; font-weight:bold; text-decoration:none; padding:5px 5px 5px 21px; background-color:#913255; display:block; margin-bottom:5px; background-image:url(menubt_arrow.gif); background-repeat:no-repeat; background-position:5px 7px;} /*--基本設定　マウスオーバー＆現在ページ自動ハイライトの＃＃＃ID名で判別--*/ div#leftbox div#leftbox2 a.lmenusol:hover, div#leftbox div#leftbox2 a.lmenumes:hover, div#leftbox div#leftbox2 a.lmenudow:hover, div#leftbox div#leftbox2 a.lmenuinf:hover, body#solution div#leftbox div#leftbox2 a.lmenusol, body#message div#leftbox div#leftbox2 a.lmenumes, body#download div#leftbox div#leftbox2 a.lmenudow, body#information div#leftbox div#leftbox2 a.lmenuinf{ background-color:#C94677; } /*--Aタグ左メニューリスト設定▼--*/ div#leftbox #leftbox2 div.point{ text-indent: -12px; padding: 0px 0px 0px 12px; margin: 3px 0px 3px 12px; color: #cc0000; } div#leftbox #leftbox2 div.point a:link.pointa{color:#0033ff; text-decoration:none; line-height: 120%;} div#leftbox #leftbox2 div.point a:visited.pointa{color:#0033ff; text-decoration:none;} div#leftbox #leftbox2 div.point a:active.pointa{color:#0033ff; text-decoration:underline;} div#leftbox #leftbox2 div.point a:hover.pointa{color:#0033ff; text-decoration:underline; background-color:#efefef; } a:link.pointaon{color:#cc0000; text-decoration:none;} /*左メニューリスト・リストタグ*/ #leftbox2 ul{ margin:0px; padding:0px; } #leftbox2 li{ list-style-image:url(menubt_arrow.gif); padding:5px; margin-bottom:5px; display:block; } a.list:link{ color: #FFFFFF; font-size:9pt; font-weight:bold; text-decoration:none; background-color:#913255; text-indent: 20px; display:block; } /*--ヘッダー--*/ #header{ width: 780px; height: 80px; margin: 0px 0px 10px 0px; } #header div.headl{ float:left; width:600px; height: 80px; margin: 0px ; padding : 0px; } #header div.headr{ float:right; width:180px; height: 80px; margin: 0px ; padding : 0px; } /*--テキスト基本設計--*/ td{ color:#000000; font-size: 9pt; line-height: 135%; } /*--indexロゴ--*/ #logoarea{ width: 600px; height: 100px; margin-bottom:10px; } #logoarea div.logo{ float:left; width: 320px; height: 100px; vertical-align:middle; text-align:center; } #logoarea div.watlogo{ float:right; width: 280px; height: 100px; } h1{ text-indent : -9999em; } /*--大見出し　グレー--*/ h2 { font-size: 18px; font-weight: bold; color: #ffffff; line-height: 125% ; margin: 0px 0px 20px 0px; padding: 6px; border-bottom: solid 2px #333333; border-left: solid 8px #913255; background-color:#c94677;} /*--大見出し　青--*/ h3 { font-size: 16px; font-weight: bold; color: #ffffff; background-color: #913255; background-image: url(midashi-bg.gif); background-repeat: repeat-y; margin: 20px 0px 10px 0px; padding: 6px ; border: 1px #913255 solid; line-height: 125%;} /*--■小見出し　黄色--*/ .komidashi{ color:#CC6600; font-size:10pt; font-weight:bold; margin:15px 0px 5px 0px; border-bottom: dashed 1px #CC6600; padding-bottom:3px; } /*--協力--*/ .kyoryoku{color:#990000; font-size: 9pt; line-height: 130%; padding-bottom:10px; border-bottom:solid 1px #666666;} /*--インタビュー--*/ #photowaku{ width: 600px; } #photowaku div.photowakul{ float: left; width: 300px; margin:0px; padding: 0px; } #photowaku div.photowakur{ float: right; width: 290px; margin-left:10px; padding: 0px; } #person{ width: 300px; margin-bottom:10px; } #person div.photo{ float:left; width: 100px; margin:0px; text-align: right; } #person div.name{ float: right; width: 190px; margin-top:15px; } #person div.name div.company{ color:#333366; font-size: 12px; font-weight: bold; line-height:120%; padding-top:5px; border-top:dotted 1px #999999; } #person div.name div.dev{ margin-top: 5px; color:#333366; font-size: 12px; line-height:120%; } .mesbox{ background-color:#FFCCFF; border:solid 1px #913255; padding:15px; display:block; } .meslist{ font-weight:bold; line-height:125%; padding-left:12px; text-indent:-12px; margin-top:6px; } /*--ダウンロード--*/ div.downc{ font-size:12px; font-weight: bold; padding: 5px; background-color:#CCCC99; display:block; } div.downw{ font-size:12px; font-weight: bold; padding: 5px; background-color:#CC9999; display:block; } div.downp{ padding: 5px; } #down{ border: solid 1px #913255; } /*--お問い合わせ--*/ #info{ width:610px; background-color:#FFFAAC; max-height:inherit; margin-bottom:10px; } #info div.infoleft{ float: left; width: 180px; padding: 10px; } #info div.inforight{ float:right; width: 390px; padding: 10px; background-color:#CCCC99; } #info2{ width:610px; background-color:#FAC8C8; max-height:inherit; margin-bottom:10px; } #info2 div.infoleft2{ float: left; width: 180px; padding: 10px; } #info2 div.inforight2{ float:right; width: 390px; padding: 10px; background-color:#CC9999; } /*--フッター--*/ #fut{ width: 780px; background-color:#000000; } #fut .cr{ float:left; width: 370px; color:#913255; background-color:#913255; padding: 5px 10px; } #fut .iwld{ float:right; width:370px; background-color:#913255; color:#ffffff; font-size: 9pt; font-weight: bold; text-align: right; padding: 5px 10px; } div.back{ text-align: right; width: 780px; margin: 30px 0px 15px 0px; } /*クリア*/ br.c0 { clear:both; } br.c10 { clear:both; margin-bottom: 10px;} br.c20 { clear:both; margin-bottom: 20px;} br.c40 { clear:both; margin-bottom: 40px;} /*--リストグローバル設定--*/ ul,li{ margin:0px 0px 10px 0px; padding:0; } ol{ margin:0; padding:0; } ol li{margin-left:30px;} li{ margin-left:20px; } #box #mainbox p.kakudai { color: #913255; text-align: center; padding: 2px 2px 4px; width: 100px; margin-top: 10px; margin-bottom: 5px; margin-left: 230px; border: 1px solid #913255; background: #efefef; }