/* WWW極地の飾り枠用外部スタイルシート */

/* 囲い枠・単純枠 */

/* 枠無し白透過 */
.waku000 {
 background-color:#ffffff;
 opacity: 0.70; /* 70％不透明度(＝30％透過) */
 padding:3px;
}

/* 黒1p線囲い */
.waku011 {
 border-width : 1px;
 border-style : solid;
 border-color : #000000;
 padding:3px;
}

/* 黒2p線囲い */
.waku012 {
 border-width : 2px;
 border-style : solid;
 border-color : #000000;
 padding:3px;
}

/* 赤2p線囲い */
.waku112 {
 border-width : 2px;
 border-style : solid;
 border-color : #ff0000;
 padding:3px;
}

/* 赤3p線囲い */
.waku113 {
 border-width : 3px;
 border-style : solid;
 border-color : #FF0000;
 line-height : 150%;
}

/* 赤4p線囲い */
.waku114 {
 border-width : 4px;
 border-style : solid;
 border-color : #ff0000;
 padding:3px;
}

/* 赤二重線囲い */
.waku124 {
 border-width : 4px;
 border-style : double;
 border-color : #ff0000;
 padding:3px;
}

/* タイトル枠 */

/* 木枠薄黄 */
.ttlwaku01 {
 width : 300px;
 padding:5px;
 border: ridge 5px #cc9966;
 background-color:#fffacd;
}

/* 赤凹枠黄 */
.ttlwaku02 {
 width : 300px;
 padding:5px;
 border: inset 6px #ff3300;
 background-color:#ffff99;
}

/* 赤二重枠白 */
.ttlwaku03 {
 width : 300px;
 padding:5px;
 border: double 6px #ff0000;
 background-color:#ffffff;
}

/* 赤中太丸枠白H2対応 */
.ttlwaku03-2 {
 border-width : 3px;
 border-style : solid;
 border-color : #ff0000;
 border-radius: 20px;
 background-color:#ffffff;
}

/* 青破線枠ピンク */
.ttlwaku04 {
 width : 300px;
 padding:7px;
 border: dashed 4px #660099;
 background-color:#ffeeff;
}

/* 赤細丸枠黄土 */
.ttlwaku05 {
 width : 300px;
 padding:2px;
 border: solid 1px #ff0000;
 border-radius: 10px;
 background-color:#f0e68c;
}

/* リンク枠用 */

/* 赤太枠白リンク用 */
.ttlwaku06 {
 width : 300px;
 padding: 1px;
 border: solid 3px #ff0000;
 background-color: #ffffff;
 text-decoration: none; 
}
.ttlwaku06 a { text-decoration: none; }
.ttlwaku06 a:link { color: #800000; }
.ttlwaku06 a:visited { color: #800000; }
.ttlwaku06 a:hover { color: #ff00ff; }
.ttlwaku06 a:active { color: #ff00ff; }

/* オレンジグラデ枠無し浮遊 */
.ttlwaku07 {
 width : 300px;
 padding: 20px;
 background: #fff;
  box-shadow: 0 0 50px #ff7e00 inset, 5px 5px 0 #cecece;
  -moz-box-shadow: 0 0 50px #ff7e00 inset, 5px 5px 0 #cecece;
  -webkit-box-shadow: 0 0 50px #ff7e00 inset, 5px 5px 0 #cecece;
}
/* "WP navi" http://wp.myafi.net/css-design-frame/ を参考にしました */

.ttlwaku07 a { text-decoration: none; }
.ttlwaku07 a:link { color: #ff0000; }
.ttlwaku07 a:visited { color: #ff0000; }
.ttlwaku07 a:hover { color: #ff00ff; }
.ttlwaku07 a:active { color: #ff00ff; }

/* ピンクグラデ枠無し角丸 */
.ttlwaku08 {
 width : 300px;
 padding: 20px;
 background: #ffe5e9;
 background: linear-gradient(to bottom, #fff, #ffc0cb);
             -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffc0cb));
             -moz-linear-gradient(top, #fff, #ffc0cb);
             filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff', endColorstr='#FFffc0cb');
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc0cb',GradientType=0 );
             border-radius: 5px;
             -moz-border-radius: 5px;
             -webkit-border-radius: 5px;
             box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
            -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
            -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}
/* "WP navi" http://wp.myafi.net/css-design-frame/ を参考にしました */

.ttlwaku08 a { text-decoration: none; }
.ttlwaku08 a:link { color: #800000; }
.ttlwaku08 a:visited { color: #800000; }
.ttlwaku08 a:hover { color: #ff00ff; }
.ttlwaku08 a:active { color: #ff00ff; }

/* 赤二重枠ピンク */
.ttlwaku09 {
 width : 300px;
 padding:5px;
 border: double 6px #ff0000;
 background-color:#ffe5e9;
}

.ttlwaku09 a { text-decoration: none; }
.ttlwaku09 a:link { color: #800000; }
.ttlwaku09 a:visited { color: #800000; }
.ttlwaku09 a:hover { color: #ff00ff; }
.ttlwaku09 a:active { color: #ff00ff; }


/* 角丸茶凹枠薄黄 */
.ttlwaku10 {
 width : 300px;
 padding: 10px;
 border: ridge 5px #ff9900;
 border-radius: 10px;
 background-color: #ffff99;
 text-decoration: none;
 box-shadow: 2px 1px 10px 1px rgba(34,0,0,0.2) inset;
}
.ttlwaku10 a { text-decoration: none; }
.ttlwaku10 a:link { color: #333300; }
.ttlwaku10 a:visited { color: #333300; }
.ttlwaku10 a:hover { color: #ff3300; }
.ttlwaku10 a:active { color: #ff3300; }


/* 非対称変形枠薄紫 */
.ttlwaku11 {
 width : 300px;
 padding:5px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
 border: inset 6px #D67BA8;
 background-color:#FFE4E1;
 text-align:center
}
.ttlwaku11 a { text-decoration: none; }
.ttlwaku11 a:link { color: #5F093D; }
.ttlwaku11 a:visited { color: #5F093D; }
.ttlwaku11 a:hover { color: #F7AC32; }
.ttlwaku11 a:active { color: #5F093D; }


/* 非対称変形枠緑系 */
.ttlwaku12 {
 width : 300px;
 padding:5px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
 border: inset 6px #33cc33;
 background-color:#ffff99;
 text-align:center
}
.ttlwaku12 a { text-decoration: none; }
.ttlwaku12 a:link { color: #5F093D; }
.ttlwaku12 a:visited { color: #5F093D; }
.ttlwaku12 a:hover { color: #F7AC32; }
.ttlwaku12 a:active { color: #5F093D; }


/* 非対称変形枠赤系 */
.ttlwaku13 {
 width : 300px;
 padding:5px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
 border: inset 6px #ff6600;
 background-color:#ffff99;
 text-align:center
}
.ttlwaku13 a { text-decoration: none; }
.ttlwaku13 a:link { color: #5F093D; }
.ttlwaku13 a:visited { color: #5F093D; }
.ttlwaku13 a:hover { color: #F7AC32; }
.ttlwaku13 a:active { color: #5F093D; }