@charset "utf-8";
*{margin:0px;padding:0px;}
body{font-size:100%;font-style:normal;
	font-family:Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic',"Osaka",Arial,sans-serif;
	text-align:center;
	background-color:#f2f2f2;background-image:url(/upimg/ms02.gif);
	animation:fadeIn 0.2s ease 0s 1 normal;-webkit-animation:fadeIn 2s ease 0s 1 normal;}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

p{margin-bottom:5px;color:#000000;line-height:1.5;}
li, dt, dd, address{color:#000000;line-height:1.5;}
ul li ol{margin-bottom:10px;}

em{font-weight:bold;}
img{margin-right:10px;margin-bottom:5px;border:0px;box-shadow:3px 3px 5px gray;}
object{margin-left:10px;}
pre{width:430px;margin:10px;padding:5px;border:1px solid #EEEEEE;overflow:auto;}
code, var, kbd{color:#0000cc;font-family: 'ＭＳ ゴシック', monospace;line-height: 1.2;}

blockquote{margin:10px;border-left:2px solid #7777AA;}
blockquote p{color:#999999;}

form fieldset{border:0px solid #000000;}
form fieldset dl dt{font-size:87.5%;text-align:right;margin:0px;padding:0px 5px 0px 0px;}
form legend{display:none;}
form input, form select{max-width:70%;height:auto;margin-right:1px;padding:1px;font-size:90%;}
@media screen{form input, form select {font-family: Verdana, Arial, sans-serif;}}
form select{margin-top:1px;}
form p input{text-align:center;}
form textarea{padding:1px;font-family: 'ＭＳ ゴシック', Osaka, monospace;line-height:1.2;}
input.example1{width:65px;font-family:Verdana, Roboto, 'Droid Sans',"Osaka", 'MS PGothic',Arial,sans-serif;}

table{margin-bottom:10px;border:1px solid #666680;border-collapse:collapse;}
table tr th{padding:5px;border:1px solid #AAAAAA;background-color:#EEEEEE;text-align:center;}
table tr td{font-size:87.5%;padding:5px;border:1px solid #AAAAAA;}
table tr td input{margin:-2px;}

/* -----------↓-------- ここから menu-zz---------------- */
#menu-zz{float:none;clear:both;width:897px;max-width:99.8%;height:auto;font-size:81.25%;text-align:center;margin:0px 0px 5px 1px;padding:0px 0px 0px 0px;border:1px #bbbbbb solid;background-image:url(/upimg/bg-99a.gif);}
#menu-zz ul{text-align:center;list-style-type:none;}
.menu-yy1{width:100%;text-align:center;margin:3px 0px 0px 0px;padding:0px 0px 0px 0px;}
.menu-yy1 ul{width:100%;}
.menu-yy1 ul li{width:127px;max-width:99%;height:auto;float:left;margin:0px 0px 3px 0px;border:1px #bbbbbb solid;border-left:0px #bbbbbb solid;}

.clearFix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearFix{min-height:1px;}

.pagetop{position:fixed;bottom:15px;right:10px;}
.pagetop:hover{opacity: 0.4;filter: alpha(opacity=40);-webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}

/* ----- 個別指定 -------------------------------------- */
.new{color:#ff0000;}
.clear{clear:both;}
.logo{float:left;border:0px;}/*--画像左側に文字が回り込む--*/
.logo2{float:right}/*--画像右側に文字が回り込む--*/
.countt{max-width:99%;height:auto;position:relative;left:5px;bottom:-6px;}/*--カウンタ、画像の位置を文字と揃える--*/
.bunya{margin:5px 0px -10px 0px;border:1px solid #666680;}/*サイドメニュー専務個人blogのリンクイメージ*/
.icon_f{margin:15px auto 0px auto;text-align:center;padding:0px;border:0px solid #666680;}/*facebookは枠なしで*/
.icon_a{margin:15px auto 0px auto;text-align:center;padding:0px;border:1px solid #666680;}/*サイドメニュー小アイコンご来訪謝辞、製品のご案内へ*/
.icon_b{margin:0px auto 0px auto;text-align:center;padding:0px;border:1px solid #666680;}/*サイドメニュー小アイコンバリトール、公開終了へ*/
.icon_box{width:220px;max-width:90%;height:auto;margin:0px auto 0px auto;text-align:center;}
.resizeimage img{max-width:90%;height:auto;}
.nonnon{display:none;}

.font82{font-size:81.25%;}
.font88{font-size:87.5%;}
.font94{font-size:93.75%;}
.font100{font-size:100%;}
.font107{font-size:106.25%;}
.font116{font-size:116%;}
.font_b{font-weight:bold;}

#tracker{position:absolute;visibility:hidden;}/* 次長に頼まれたやつ */

/* ----- 基本構造 -------------------------------------- */
#container {max-width:99%;height:auto;width:900px;margin:2px auto;border:1px solid #555555;background-color:#f2f2f2;
			background-image:url(/upimg/ms02.gif);text-shadow:1px 1px 0px #ffffff;text-align:center;}

#header{float:none;clear:both;height:90px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;
			background-image:url("/upimg/001b.jpg");background-repeat:no-repeat;}

.header2{float:none;clear:both;height:90px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;
			background-image:url("/upimg/001a.jpg");background-repeat:no-repeat;background-position:right top;}

#logs{width:72%;border:1px solid #8080B0;float:right;margin:0px 2px 10px 0px;}
#navigation{width:26%;margin:0px 0px 10px 2px;float:left;top:149px;}
#information{width:195px;position:absolute;right:0px;top:149px;margin:0px 3px 0px 0px;}
#diary{background-color:#ffffff;margin:0px 0px 0px 2px;}
#comment, #trackback{background-image:url(/upimg/ms02.gif);background-color:#f2f2f2;margin:0px 0px 0px 2px;}
#page, #navi, #contents, #form, #canvas, #status{text-align:left;float:none;clear:both;background-image:url(/upimg/ms02.gif);
			background-color:#f2f2f2;padding:0px 15px;}
#footer{font-size:81.25%;width:99%;margin:0px 5px 0px 5px;padding:0px 0px 2px 0px;float:none;clear:both;}
#work{font-size:87.5%;float:none;clear:both;position:absolute;left:1px;top:160px;background-color:#f2f2f2;
			margin:0px 0px 10px 0px;padding:0px 0px 2px 0px;}
#admin{margin:3px 10px 5px 100px;text-align:left;}

/* -- ヘッダー @media screen{#header h1 a{font-family:Verdana, Arial, sans-serif;} }---- */
#header h1{font-size:137.5%;margin:0px auto 0px auto;padding:0px 0px 5px 5px;text-align:center;}
#header h1 a{font-style:italic;color:#000000;text-decoration:none;}
#header p{margin:0px 0px 5px 10px;padding:2px 0px 0px 0px;text-align:left;}
#header p a{font-size:75%;color:#000000;text-decoration:none;}

/* ----- ナビゲーション -------------------------------- */
#navigation h2{font-size:87.5%;margin:0px 7px 7px 7px;padding:3px;border:1px solid #8080B0;text-align:center;
			background:linear-gradient(#eeeeee,#ffffff);text-shadow:-1px -1px 0px #e7e7e7;}
#navigation ul{font-size:87.5%;margin:0px 10px 0px 12px;text-align:left;}
#navigation ul li{font-weight:bold;margin:5px 0px 5px 0px;list-style-type:none;}
#navigation ul li a{font-weight:normal;margin:5px 0px 5px 0px;list-style-type:none;}
#navigation ul li ul{font-size:87.5%;margin:0px 0px 0px 15px;}

.disp_n{display:none;}
.fonor{font-weight:normal;}
.fonbol{font-weight:bold;}

#navigation dl{font-size:87.5%;margin:0px 10px 5px 12px;text-align:left;}
#navigation dl dt{}
#navigation dl dd{}
#navigation form dl{}
#navigation form dl dt{display:none;}
#navigation form dl dd{}
#navigation form p{margin-left:12px;margin-bottom:0px;}
#navigation table{width:140px;margin:-2px 0px 7px 7px;border:0px solid #AAAAAA;}
@media screen{#navigation table{margin:-2px auto 7px auto;}}
#navigation table tr th{padding:5px;border:0px solid #AAAAAA;text-align:left;}
#navigation table tr td{padding:3px;border:1px solid #AAAAAA;text-align:center;}
@media screen{#navigation table tr td {padding:5px;}}

#navigation .day{color:#444444;}
#navigation .satday{color:#4444CC;}
#navigation .sunday{color:#CC4444;}
#navigation .today{background-color:#EEEEEE;}
#navigation .calender{margin:2px 10px;}
#navigation .calender li{display:inline;margin-right:10px;}

#navigation .block{margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;background-color:#f2f2f2;border:1px solid #8080B0;
			background-image:url(/upimg/ms02.gif);text-align:center;}

.block ul li ul li{font-size:100%;}

#navigation .kensaku_block{margin:0px;padding:5px 0px 0px 0px;background-color:#f2f2f2;border:1px solid #8080B0;
			border-bottom:0px solid #8080B0;background-image:url(/upimg/ms02.gif);text-align:center;}
#navigation img{padding:0px;}

.kensaku_block dl{margin:0px 10px 5px 12px;}

.rogoECO{text-align:center;border:1px solid #8080B0;border-top:0px solid #8080B0;}

.linkgirl{text-align:center;margin:0px auto 5px auto;}

/* ----- インフォメーション ---------------------------- */
#information h2{margin:0px 7px 7px 7px;padding:5px;border:1px solid #8080B0;background-color:#CFCFCF;
			background-image: url("/upimg/tbg3.png");text-align:center;}
#information ul{margin:0px 10px 0px 12px;}
#information ul li{margin:5px 0px 0px 0px;list-style-type:none;}
#information ul li ul{margin:0px 0px 0px 10px;}
#information dl{margin:0px 10px 0px 12px;}
#information dl dt{}
#information dl dd{}

#information .block{margin:0px 0px 5px 0px;padding:5px 0px 10px 0px;background-image:url(/upimg/ms02.gif);border:1px solid #8080B0;
			background-color:#f2f2f2;text-align:center;}

/* ----- 記事一覧 --html>body #diary .text *{font-size:87.5%;}------ */
#diary .diary{margin:0px 0px 10px 0px;padding:2px 0px 0px 0px;background:linear-gradient(#e9e9e9,#ffffff);}
#diary h2{display:none;}
#diary h3{font-size:87.5%;margin:5px 20px 20px 20px;padding:3px;text-align:center;border:1px solid #8080B0;
			background:linear-gradient(#eeeeee,#ffffff);text-shadow:-1px -1px 0px #e7e7e7;}
#diary h4{margin:10px;}
#diary .text{font-size:87.5%;}
#diary .text p{margin:15px 10px;text-align:left;}
#diary .text ul{margin:15px 30px;}
#diary .text ul li{font-size:100%;margin:15px 20px;text-align:left;}
#diary .text ol{margin:15px 40px;}

#diary .info{margin:5px 5px;background-color:#ffffff;text-align:left;padding:5px 5px;}
#diary .info *{font-size:12px;}
#diary .info ul{display:inline;margin:0px 0px 5px 0px;}
#diary .info li{display:inline;margin:0px 0px 5px 0px;}

#diary .list{border:1px solid #AAAAAA;margin:0px 0px 10px 20px;padding:5px 10px;}
#diary .list h4{border-bottom:1px solid #CCCCCC;margin:0px 0px 15px 0px;padding:3px 5px;color:#444444;background-color:#f2f2f2;}
#diary .list ul{margin:0px 0px 10px 20px;}
#diary .list dl dt{margin:0px 5px;font-weight:bold;text-align:left;}
#diary .list dl dd{margin:10px 10px 0px 15px;text-align:left;}

/* ----- #trackback --------------------------- */
#trackback h2{font-size:87.5%;margin-bottom:15px;padding:5px;border-top:1px solid #8080B0;border-bottom:1px solid #8080B0;
			background-color:#f2f2f2;background-image:url(/upimg/ms02.gif);}
#trackback ul li{font-size:81.25%;text-align:left;margin:2px 2px 10px 20px;}
#trackback ul li a{text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#trackback dl{margin-bottom:10px;padding:2px 2px 10px 2px;border:1px solid #AAAAAA;}
#trackback dl dt{margin-top:10px;margin-left:10px;}
#trackback dl dd{margin-left:30px;}

#comment .comment{margin-bottom:10px;padding:2px 2px 10px 2px;border:1px solid #AAAAAA;}
#comment h2{font-size:87.5%;margin-bottom:15px;padding:5px;border-top:1px solid #8080B0;border-bottom:1px solid #8080B0;
			background-color:#f2f2f2;background-image:url(/upimg/ms02.gif);}
#comment h3{font-size:87.5%;margin:5px 5px 10px 5px;padding:5px;text-align:left;}
#comment h3 a{text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#comment ul li{font-size:81.25%;text-align:left;margin:2px 2px 10px 20px;}
#comment ul li a{text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#comment .text *{font-size:x-small;}
html>body #comment .text *{font-size:small;}
#comment .text p{margin:10px;text-align:left;}

/* ----- ページ移動 ------------------------------------ */
#page h2{display:none;}
#page ul{margin:0px;text-align:left;}
#page ul li{display:inline;font-size:87.5%;margin-right:10px;}

#page a{text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#page a:link{color:#333333;}
#page a:visited{color:#0000CC;}
#page a:hover{color:#ffffff;background-color:#a1000d;margin:0px;padding:0px;border:0px;text-shadow:1px 1px 0px #a1000d;}
#page a:active{color:#ffffff;background-color:#0000cc;text-shadow:1px 1px 0px #080000;}

/* ----- ナビゲーション -------------------------------- */
#navi h2{display: none;}
#navi ul{margin:5px 0px;text-align:right;}
#navi ul li{display:inline;font-size:87.5%;margin-left:5px;}
#navi form dl{}
#navi form dl dt{display:none;}
#navi form dl dd{float:left;}
#navi form input{padding:0px;}

#navi a{text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#navi a:link{color:#0000cc;}
#navi a:visited{color:#0000CC;}
#navi a:hover{color:#ffffff;background-color:#a1000d;margin:0px;padding:0px;border:0px;text-shadow:1px 1px 0px #a1000d;}
#navi a:active{color:#ffffff;background-color:#0000cc;text-shadow:1px 1px 0px #080000;}

/* ----- コンテンツ ------------------------------------ */
#contents h2 {font-size:87.5%;margin-bottom:15px;padding:5px;border-top:1px solid #8080B0;border-bottom:1px solid #8080B0;
			background-color:#f2f2f2;background-image:url(/upimg/ms02.gif);}
#contents h3{margin-bottom:15px;padding:3px 0px;border-bottom:1px double #BBBBBB;}
#contents h4{margin-bottom:10px;}
#contents dl{margin-bottom:20px;}
#contents dl dt{font-size:81.25%;margin-top:10px;text-align:left;}
#contents dl dd{margin-left:30px;text-align:left;}
#contents ul{}
#contents ul li{font-size:93.75%;margin-top:10px;text-align:left;}

/* ----- 処理選択 -------------------------------------- */
#work h2{display:none;}
#work ul.menu{width:150px;margin:0px 0px 10px 0px;padding:0px;border:1px solid #8080B0;}
#work ul.menu li{margin:0px;padding:4px 5px 0px 5px;background-color:#f2f2f2;list-style-type:none;}
#work ul.menu li ul{margin:0px 0px;padding-top:3px;font-size:93.75%;}
#work ul.menu li ul li{padding:0px;}
#work ul.menu li a{display:block;width:130px;margin:1px 0px 0px 0px;padding:3px 2px;background-color:#ffffff;border: 1px solid #444444;}
html>body #work ul.menu li a{width:130px;}
#work ul.menu li a.selected{background-color:#F0F0F0;}

/* ----- フォーム -------------------------------------- */
#form h2{font-size:87.5%;margin-bottom:15px;padding:5px;border-top:1px solid #8080B0;border-bottom:1px solid #8080B0;
			background-color:#f2f2f2;background-image:url(/upimg/ms02.gif);}
#form ul li{font-size: 87.5%;text-align:left;}
#form form{margin-bottom:10px;text-align:left;}
#form form dl{margin-bottom:20px;}
#form form dl dt{float:left;clear:left;width:5em;}
#form form dl dd{}
#form form dl dd textarea{margin-top:2px;}
#form form ul{margin:0px 0px 20px 0px;}
#form form ul li{list-style-type:none;}

/* ----- 環境設定 -------------------------------------- */
#env{text-align:left;float:none;clear:both;background-image:url(/upimg/ms02.gif);background-color:#f2f2f2;padding:0px 15px;}
#env h2{font-size:93.75%;margin-bottom:15px;padding:5px;border-top:1px solid #8080B0;border-bottom:1px solid #8080B0;background-color:#DDDDEE;}
#env ul{font-size:93.75%;margin-bottom:20px;}
#env h3{font-size:93.75%;margin-bottom:15px;padding:5px;background-color:#EEEEEE;}
#env dl{font-size:93.75%;margin-bottom:20px;}
#env dl dt{margin-bottom:10px;text-align:left;}
#env dl dd{margin-bottom:10px;}
#env form{margin-bottom:20px;}

/* ----- キャンバス ------------------------------------ */
#canvas h2{margin-bottom:15px;padding:5px;border-top:1px solid #8080B0;border-bottom:1px solid #8080B0;background-color:#DDDDEE;}
#canvas applet{margin-bottom:15px;}
/* ----- ステータス ------------------------------------ */
#status h2{font-size:93.75%;margin-bottom:15px;padding:5px;border-top:1px solid #8080B0;border-bottom:1px solid #8080B0;background-color:#DDDDEE;}
#status h3{font-size:93.75%;margin-bottom:15px;padding:3px 0px;border-bottom:1px double #BBBBBB;}
#status h4{font-size:93.75%;margin-bottom:10px;}
#status dl{font-size:93.75%;margin-bottom:20px;}
#status dl dt{float:left;clear:left;width:10em;}
#status dl dd{}
#status ul{font-size:93.75%;margin-bottom:20px;}
/* ----- link -------------------------------------- */
a img{border:none }
a img{text-decoration: none;}

a:link, a:visited{color:#0000cc;text-decoration:none;}
a:active, a:hover{color:#ff0000;text-decoration:none;}

.menu-bmw a:link{display:block;padding:2px 2px 3px 2px;background:linear-gradient(#ffffff,#bbbbbb);color:#555555;}
.menu-bmw a:visited{padding:2px 2px 3px 2px;background:linear-gradient(#ffffff,#bbbbbb);color:#555555;}
.menu-bmw a:hover{padding:2px 2px 3px 2px;background:linear-gradient(45deg,#87cefa,#4169e1);color:#ffffff;text-shadow:1px 1px 0px #222222;}
.menu-bmw a:active{padding:2px 2px 3px 2px;background:linear-gradient(#ffffff,#bbbbbb);color:#ff0000;text-shadow:1px 1px 0px #ffffff;}

.menu-zzxx a:link{display:block;padding:2px 2px 3px 2px;background:linear-gradient(45deg,#87cefa,#4169e1);color:#ffffff;text-shadow:1px 1px 0px #222222;}
.menu-zzxx a:visited{padding:2px 2px 3px 2px;background:linear-gradient(45deg,#87cefa,#4169e1);color:#ffffff;text-shadow:1px 1px 0px #222222;}
.menu-zzxx a:hover{padding:2px 2px 3px 2px;background:linear-gradient(#ffffff,#bbbbbb);color:#555555;text-shadow:1px 1px 0px #ffffff;}
.menu-zzxx a:active{padding:2px 2px 3px 2px;background:linear-gradient(#ffffff,#bbbbbb);color:#ff0000;}

.linkboy a:link{color:#0000CC;text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
.linkboy a:visited{color:#0000CC;text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
.linkboy a:hover{color:#ffffff;background:linear-gradient(45deg,#87cefa,#4169e1);
			text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;margin:0px;padding:0px;text-shadow:1px 1px 0px #080000;}
.linkboy a:active{color:#ff0000;background:linear-gradient(#ffffff,#bbbbbb);
			text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;margin:0px;padding:0px;text-shadow:1px 1px 0px #080000;}
/* ----- #contents ul liのリンク----------------------------- */
#contents ul li a:link{color:#0000CC;text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#contents ul li a:visited{color:#0000CC;text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#contents ul li a:hover{color:#ffffff;background-color:#a1000d;margin:0px;padding:0px;border:0px;
			text-decoration:none;text-shadow:1px 1px 0px #080000;}
#contents ul li a:active{color:#ffffff;background-color:#0000cc;text-decoration:none;}
/* ----- フッター -------------------------------------- */
#footer address{color:#000000;padding:5px 5px 5px 5px;margin:0px 0px 20px 0px;text-align:left;border:1px solid #8080B0;
			background-image:url(/upimg/ms02.gif);background-color:#f2f2f2;}
#footer a:link{color:#0000CC;text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#footer a:visited{color:#0000CC;text-decoration:none;border-bottom:1px solid blue;padding-bottom:2px;}
#footer a:hover{color:#ffffff;background-color:#a1000d;margin:0px;padding:0px;border:0px;text-shadow:1px 1px 0px #080000;}
#footer a:active{color:#ffffff;background-color:#0000cc;}
/*-----初期の設定-----------
p, li, dt, dd, address{color:#000000;line-height:1.4;}
p{margin-bottom:15px;}
ul{margin:0px 0px 20px 20px;}
ul li ol li{margin:0px 20px 0px 25px;}
---------------------------- */