@charset "utf-8";
*{margin:0px;padding:0px;}
body{margin:0px;padding:0px;font-size:100%;text-align:left;font-weight:500;
font-family:"Times New Roman","YuGothic","Yu Gothic Medium","Yu Gothic","Meiryo","Hiragino Kaku Gothic ProN",sans-serif;
background-color:#f2f2f2;background-image:url("/vine/upjpg/noise.jpg");background-attachment:fixed;}
#header h1{margin:0px auto;padding:5px 0px;color:#000080;text-align:center;}
/* --768pxまで--*/
@media screen and (max-width:768px){
body{-webkit-text-size-adjust:100%;}
#header h1{font-size:150%;}
.non{display:none;}
.resizeimage img{max-width:90%;height:auto;}
.resizeimageB img{width:45%;max-width:100%;height:auto;}
}
/* --769pxから--*/
@media screen and (min-width:769px){
body{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}}
.nonnon{display:none;}
}
/* --以下は共通--*/
#container{width:1280px;max-width:100%;margin:0px auto;text-align:left;color:#0d0015;line-height:1.5;text-shadow:1px 1px 0px #ffffff;}
#header{width:100%;float:none;clear:both;}
#header p{margin:5px auto;text-align:center;font-size:87.5%;color:#0d0015;}
#menu{margin:5px 5px;border:1px solid #e6b422;font-size:87.5%;line-height:2.3;border-radius:0 0 7px 7px /0 0 7px 7px;-webkit-border-radius:0 0 7px 7px /0 0 7px 7px;}
#menu h2{display:none;}
#menu ul{margin:0px 4px 3px 8px;padding:2px 0px;text-align:center;}
#menu ul li{display:block;margin:0px 10px 8px 10px;float:left;color:#0d0015;}
#menu p{margin:5px 0px 5px 8px;}
#menu-navi a{display:block;padding:7px 0px;border-bottom:solid 1px #000080;text-decoration:none;color:#191970;line-height:0.7;}
.active{color:#ff0000;background-color:#aacf53 !important;}
#menu-navi a:hover{padding:7px 0px;background-color:#aacf53;border-bottom:solid 1px #000080;text-decoration:none;color:#000000;}
#menu-navi a:active{padding:7px 0px;background-color:#f8fbf8;border-bottom:solid 1px #000080;text-decoration:none;color:#000000;}

a:link img{opacity:1.0;-webkit-transition:0.6s ease-in-out;transition:0.6s ease-in-out;}
a:hover img{opacity:0.3;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
.a-info{margin:0px auto;text-align:left;}
.PageTop{position:fixed;bottom:30px;right:0px;z-index:30;}
.PageTop a{display:block;padding:10px;text-decoration:none;text-align:center;color:#ffffff;background:#d2b48c;opacity:0.6;-webkit-border-radius:15px 0px 0px 15px / 15px 0px 0px 15px;border-radius:15px 0px 0px 15px / 15px 0px 0px 15px;}
.PageTop:hover{text-decoration:none;color:#ffffff;background:#999999;opacity:0.3;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;-webkit-border-radius:15px 0px 0px 15px / 15px 0px 0px 15px;border-radius:15px 0px 0px 15px / 15px 0px 0px 15px;}
.pointer{cursor:pointer;padding:2px 0px;background-color:#dfdfdf;}
.pointer:hover{padding:2px 0px;background:#e6b422;}
/* --ギャラリー naviNon--*/
.Gallery_Box{width:345px;max-width:98%;height:240px;margin:5px 3px;float:left;}
.Gallery_Box ul li{height:220px;overflow:hidden;font-size:93.75%;}
.Gallery_Box_log{font-weight:600;border-top:1px dotted #e6b422;}
.Gallery_Box img{margin:5px 5px;float:left;}

.overflow{width:98%;display:block;word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nayamu{clear:both;margin:0px 5px 0px 0px;text-align:right;font-size:75%;}
.senbiki{margin:0px 0px;border-bottom:1px dotted #000080;}
.clear{clear:both;}
.clearFix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearFix{min-height:1px;}
.new{color:#a60125;}
.fown{font-weight:normal;}
p{margin-bottom:5px;}
ul{margin:0px 0px;}
em{font-weight:bold;}
img{border:0px solid #000080;border-radius:5px;-webkit-border-radius:5px;}

.opafilter a:link img{opacity:0.3;-webkit-transition:0.6s ease-in-out;transition:0.6s ease-in-out;}
.opafilter a:hover img{opacity:1.0;-webkit-transition: 0.7s ease-in-out;transition: 0.7s ease-in-out;}

.a-info a:link,.a-info a:visited,.a_td0p2p3pbc a:link,.a_td0p2p3pbc a:visited{padding:2px 0px 1px 0px;border-bottom:solid 1px #000080;text-decoration:none;color:#191970;}
.a-info a:hover,.a_td0p2p3pbc a:hover{padding:2px 0px 1px 0px;background-color:#aacf53;border-bottom:solid 1px #000080;text-decoration:none;color:#000000;}
.a-info a:active,.a_td0p2p3pbc a:active{padding:2px 0px 1px 0px;background-color:#f8fbf8;border-bottom:solid 1px #000080;text-decoration:none;color:#000000;}

.a-img a:link,.a-img a:visited{padding:0px 0px;text-decoration:none;color:#191970;}
.a-img a:hover{padding:0px 0px;text-decoration:none;color:#e6b422;}
.a-img a:active{padding:0px 0px;text-decoration:none;color:#000000;}

.a_td0p0p0pbc a:link,.a_td0p0p0pbc a:visited,.a_td0p2p0pbc a:link,.a_td0p2p0pbc a:visited{padding:1px 0px;text-decoration:none;color:#000080;}
.a_td0p0p0pbc a:hover,.a_td0p2p0pbc a:hover{padding:1px 0px;background-color:#aacf53;text-decoration:none;color:#000000;}
.a_td0p0p0pbc a:active,.a_td0p2p0pbc a:active{padding:1px 0px;background-color:#f8fbf8;text-decoration:none;color:#000000;}

#footer{float:none;clear:both;margin:0px 5px;text-align:center;font-size:100%;border:1px solid #e6b422;border-radius: 0 0 7px 7px / 0 0 7px 7px;-webkit-border-radius: 0 0 7px 7px / 0 0 7px 7px;}
#footer p{margin:15px auto 5px auto;text-align:center;}
#footer address{margin:0px auto;padding:5px 10px 20px 10px;text-align:center;color:#0d0015;line-height:2.3;}

form{margin:0px 0px;text-align:left;}
form fieldset{border:0px solid #000000;}
form legend{display:none;}
form input, form select{margin-right:1px;padding:1px;border:1px solid #e6b422;}
@media screen{form input, form select{font-family:Verdana, Arial, sans-serif;}}
form select{margin-top:1px;}
form p input{font-size:82.5%;}
form textarea{padding:1px;line-height:1.2;}
form a{font-size:100%;}

#navi,#contents,#form,#canvas,#env,#status{padding:0px 5px;font-size:100%;}
#work{width:200px;max-width:98%;margin-top:0px;padding:0px 5px;float:left;font-size:93.75%;}
#admin{width:85%;margin:0px 0px 10px 15%;}

#contents h2,#form h2,#env h2,#status h2,#canvas h2{
	margin:5px 15px;padding:5px;font-size:112.5%;color:#000080;border-top:3px double #999999;border-bottom:3px double #999999;}
#page h2,#navi h2,#work h2{display:none;}
/*  コンテンツ #contents------------------------------------------- */
#contents h3{margin:20px 20px;padding:3px 0px;border-bottom:1px double #999999;color:#000080;font-size:112.5%;}
#contents .search{margin-bottom:20px;}
#contents ul li{margin:5px 5px;list-style:none;color:#555555;font-size:87.5%;}
#contents ol{margin:10px 0px;list-style-type:none /*decimal*/;}
#contents ol li{margin:10px 0px 15px 0px;padding:10px 2px;border:1px solid #e6b422;font-size:87.5%;}
#contents h4{margin-bottom:10px;}
#contents dl{margin-bottom:20px;}
#contents dl dt{margin-top:10px;}
#contents dl dd{margin-left:30px;}
#contents img{float:left;max-width:47%;margin:0px 0px;padding:0px 5px;border:0px solid;}
#contents table{font-size:87.5%;}
/*  フォーム------------------------------------------------------- */
#form form{margin-bottom:10px;}
#form form dl,#form p{margin:0px 0px 10px 10px;font-size:87.5%;}
#form form dl dt{padding:1px 5px;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;font-size:100%;}
#form ul li{margin:0px 0px 10px 10px;list-style-type:none;font-size:87.5%;}
/*  ページ移動----------------------------------------------------- */
#page{float:none;clear:both;padding:0px 15px;}
#page ul{margin:0px;}
#page ul li{display:inline;margin-right:10px;}
/*  ナビゲーション #navi------------------------------------------- */
#navi ul{margin:5px 0px;text-align:right;}
#navi ul li{display:inline;margin-left:5px;}
#navi form dl{}
#navi form dl dt{display:none;}
#navi form dl dd{float:left;}
#navi form input{padding:0px;}
/*  環境設定------------------------------------------------------ */
#env h3{margin-bottom:15px;padding:5px;background-color:#eeeeee;}
#env dl{margin-bottom:20px;}
#env dl dd{margin-bottom:10px;}
#env form{margin-bottom:20px;}
#env ul{margin-bottom:10px;list-style-type:none;}
#env ul li{font-size:93.75%;}
/*  処理選択------------------------------------------------------ */
#work ul.menu{margin:0px 5px 20px 0px;padding:0px;border:1px solid #8080b0;}
#work ul.menu li{margin:0px;padding:4px 5px 0px 5px;background-color:#ddddee;list-style-type:none;}
#work ul.menu li ul{margin:0px -5px;padding-top:3px;}
#work ul.menu li ul li{padding:0px 0px;}
#work ul.menu li a{width:198px;margin:1px 0px 0px 0px;padding:3px 5px;}
#work ul.menu li a.selected{background-color:#F0F0F0;}
/*  キャンバス---------------------------------------------------- */
#canvas applet{margin-bottom:15px;}
/*  ステータス---------------------------------------------------- */
#status h3{margin-bottom:15px;padding:3px 0px;border-bottom:1px double #bbbbbb;font-size:93.75%;}
#status h4{margin-bottom:10px;}
#status dl dt{}
#status dl dd{}
#status dl{margin:0px 0px 10px 10px;font-size:93.75%;}
#status ul li{margin:0px 0px 10px 10px;list-style-type:none;font-size:93.75%;}