body { background-color: #454d53; margin:0; padding:0; text-align: left;
       font-family:"Meiryo",sans-serif; font-size: 15px; color: #ffffff; }
a:link { color: #2b7bb9; }
a:visited { color: #2b7bb9; }
a:hover { color: #3b94d9; }
a:active { color: #3b94d9; }
img { border: 0; vertical-align: middle; }



/*汎用*/

ul { margin: 30px 7px 20px 20px; padding: 0px 10px 0px 20px; }
li { padding: 15px 0px 5px 0px; font-size: 17px; }

.b { font-weight: bold; }
.ul{ text-decoration: underline solid #ff0000 2px; }

p { margin:0px 0px 25px 0px; padding:0; }

p.tm { margin:15px 0px 25px 0px; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.rc { border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; }



/*固定内容*/

div#toptitle { background-color:rgba(0,0,0,0.85); width:100%; padding:10px 0px 10px 230px; margin:0px;
 position:fixed; top:0px; left:0px; font-size:20px; font-weight:bold; color:#ffffff; }

div#tweetbutton { margin:0px; padding:10px 10px 5px 15px; position: fixed; top:70px; left:0px;
background:#ffffff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
box-shadow:2px 5px 10px 0px rgba(0,0,0,0.65); }


/*中央デザイン位置、カラム設定*/

div#con { background-color:#616c73; width:1470px; margin: 3% 0% 3% 11%; padding: 0px 0px 3px 0px; }

div#flexx { display:-webkit-flex; display:flex; }



/*見出し部分の設定*/
.rul { border-bottom:solid 3px;
 border-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, fuchsia) 1 / 1 / 0; }

h2 { margin: 10px 0px 5px 0px; color:#23314c; padding: 0px; }

h3 { margin: 10px 0px 5px 0px; padding: 0px; font-size:20px; }

h4 { margin: 15px 0px 5px 0px; padding: 0px; font-size:16px; }

h5 { margin: 10px 0px 0px 0px; padding: 0px; font-size:16px; }



/*左側の設定*/
div#mainarea { width: 900px; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 10px; }

div.text { background: #ffffff; color:#333333;
 margin:10px 0px; padding:20px 10px 20px 30px; text-align: left; line-height: 2em; }



/*テンプレテーブル*/
table { margin:0px; padding:0px; }
tabletemplate_dl { width:800px; }

th { padding: 5px; vertical-align:top; color: }

th.tmdl { width:396px; }

td.dltx { line-height: 1.7em; font-size: 10pt; font-weight: normal; vertical-align:top; 
 padding:15px 0px 5px 0px; width:230px;  }


table.templatemenu { width:396px; border: solid 1px #999999; }


/*テンプレダウンロード*/
a.dl { display: block;
 -webkit-transition: 0.3s ease-in-out;  
         -moz-transition: 0.3s ease-in-out;  
           -o-transition: 0.3s ease-in-out;  
              transition: 0.3s ease-in-out;  }
a:link.dl { color: #333333; font-weight: normal; text-decoration: none; }
a:visited.dl { color: #333333; font-weight: normal; text-decoration: none; }
a:hover.dl { color: #333333; font-weight: normal;
    box-shadow:
    10px 0px 20px rgba(255, 255, 0, 0.7),
    0px 10px 20px rgba(0, 255, 255, 0.7),
    -5px -10px 20px rgba(255, 0, 255, 0.7); }
a:active.dl { color: #333333; font-weight: normal; }
.ua { text-decoration:underline;  color:#2b7bb9; }


/*更新履歴*/
div#news { overflow:auto; width:850px; height:350px; background-color:#ffffff; border:solid 1px #778899;
 padding:10px 10px 0px 20px; margin-bottom:20px; line-height: 2em; }


/*Twitterとpixivのリンク*/
a:link.tp { color: #2b7bb9; }
a:visited.tp { color: #2b7bb9; }
a:hover.tp { color: #3b94d9; }
a:active.tp { color: #3b94d9; }



/*右側の設定*/
div#pl { width:540px; margin: 10px 10px 0px 0px; }

div.link { background-color:#ffffff; margin: 0px 0px 30px 0px;
padding: 30px 5px 10px 5px; color:#333333; }

h3.hb { margin: 0px 25px 20px 25px; padding:0px; color:#454d53;
border-bottom:solid 2px #454d53; }

p.txtp { margin: 10px 0px 20px 30px; padding: 0px; }

a:link.pxl { color: #2b7bb9; text-decoration: none; }
a:visited.pxl { color: #2b7bb9; text-decoration: none; }
a:hover.pxl { color: #2b7bb9; text-decoration: underline; }
a:active.pxl { color: #2b7bb9; text-decoration: underline; }


/*フッターの設定*/
div#inf { background-color: #ffffff; color:#333333;
margin:50px 10px 10px 10px; padding:0px 10px; text-align: center; }

div.text2 { margin:10px 0px; padding:20px 20px 20px 80px; text-align: left; line-height: 2em; }

div.comment { background-color: #ddedf6; margin:10px 0px; padding:20px 20px 20px 80px;
 text-align: left; line-height: 2em; }