@charset "utf-8";
/*
Theme Name: 100nen_theme
Theme URI: http://www.100hyakunen.com/
Description: 
Author: tetsuo igarashi
Version: 201307
Tags: 
*/

@import url('./css/setup.css');


/* link */
a,a img,li{text-decoration:none;}

a:link,a:visited{color:#556;}
a:hover,a:active{color:#001;}



/* clearfix */
.clr{*zoom:1;}
.clr:before{display:table; content:'';}
.clr:after{display:table; content:''; clear:both;}

/* etc */
.inactive{display:none !important;}

/* layout */
html,body{height:100%;}
html{_overflow-x:hidden;}
.wr{width:100%; margin:0; padding:0;}
.cnt{width:936px; margin:0 auto; padding:0;}

.cntSide{width:246px;}
.cntMain{width:690px;}
.cntFull{width:936px;}

.bloc96{width:88px; margin:0px 18px 18px 18px;}   /***** in Side 1/2 *****/
/*.bloc210{width:210px; margin:0px 18px 18px 18px;} /***** in Side 1/1 *****/

.bloc210{width:228px; margin:0px 9px 18px 9px;} /***** in Side 1/1 *****/

.bloc194{width:194px; margin:0px 18px 18px 18px;} /***** in Main 1/3 *****/
/*.bloc309{width:309px; margin:0px 18px 18px 18px;} /***** in Main 1/2 *****/
.bloc654{width:654px; margin:0px 18px 18px 18px;} /***** in Main 1/1 *****/

.bloc309{width:318px; margin:0px 0px 18px 18px;} /***** in Main 1/2 *****/
.blocGrd{width:318px; margin:0px 9px 18px 9px;} /***** in Main 1/2 for wookmark *****/
.blocGrd{width:318px; margin:0px 0px 18px 18px; *float:left;} /***** in Main 1/2 for masonry *****/

.bloc198{width:198px; margin:0px 18px 18px 18px;} /***** in Full 1/4 *****/
.bloc276{width:276px; margin:0px 18px 18px 18px;} /***** in Full 1/3 *****/
.bloc432{width:432px; margin:0px 18px 18px 18px;} /***** in Full 1/2 *****/
.bloc900{width:900px; margin:0px 18px 18px 18px;} /***** in Full 1/1 *****/

.flt{float:left;}

.blocTWTR, .blocFB{height:475px; overflow:hidden; background:#fff;}
.blocTWTR > div{ width:296; margin:0 0px; overflow:hidden; z-index:15;}
.blocTWTR iframe{max-width:102% !important; margin:-1px -1%;}
.blocFB div{margin:0 0px;}

/***** styling *****/
.sans{font-family:'Lucida Grande', Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
.serif{font-family:'Times New Roman', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}

html{
font-family:'Lucida Grande', Roboto, 'Droid Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
background:#fff url("./img/paint2.jpg") center top repeat;
background-attachment:fixed;
}
body{font-size:13px;}

.bg{width:980px; height:auto; margin:45px auto; background:#fff;}

.navAdmins{position:absolute; top:20px; left:50%; z-index:9; margin-left:-480px;}

#pageHD{background:#8b0;}

.navGlobals{width:980px; height:35px; overflow:hidden; z-index:10;}
.navGlobals li{display:block; float:left;}
.navGlobals li a{display:block; 
width:128px; height:35px;
text-align:center; line-height:35px; font-weight:bold;
background:#8b0;}
.navGlobals li a.btnHome{background:#fff;}
.navGlobals span.uc{display:block; 
width:128px; height:35px;
text-align:center; line-height:35px; font-weight:bold;
background:#8b0; color:#999;}

.navGlobals .sns{position:absolute; right:10px; top:50%; margin-top:-12px;}
.navGlobals .twtr img{background:#4099ff;}
.navGlobals .fb img{background:#3b5998;}
.navGlobals .gplus img{background:#dd4b39;}
.navGlobals .instgrm img{background:#3f729b;}

.searchs{position:absolute; top:85px; right:30px; z-index:15; }
.searchs form > div{background:#fff; padding:0 8px 0 21px; line-height:1;}
.searchs input{border:none;}
.searchs input:focus{outline:none;}
.searchs input[type="search"]{width:180px; font-size:12px;}
.searchs input[type="submit"]{border:none; background:transparent;}
.searchs input[type="image"]{display:block; position:absolute; top:50%; left:6px;
width:14px; height:14px; margin-top:-8px;
opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);-ms-filter:'alpha(opacity=50)';}


#pageHD header{min-height:120px; margin-top:0px; background:#fff;}
.home #pageHD header{height:375px;}
.error404 #pageHD header{height:375px;}

#pageHD h1{position:absolute; top:30px; left:30px; z-index:10; margin-top:-3px;}
#pageHD h1 img{width:180px;}

#pageHD h2{position:absolute; top:30px; left:270px; z-index:10;
height:60px;
padding:0 40px;
font-size:36px; line-height:57px; font-weight:normal;
color:#8b0;
border-right:0px solid #8b0; border-left:0px solid #8b0;}

/*
.root-pr #pageHD h2{
font-size:36px; line-height:30px;}
#pageHD h2 span{display:block;
margin-top:3px;
font-size:12px; line-height:1.2; }
*/
#pageHD .prText{position:absolute; top:50px; left:75px;}
.prText img{width:600px;}
#pageHD .fotorama{position:absolute; top:-35px; left:0; padding-top:5px;}
#pageHD .fotorama img{width:1000px; height:375px;}

#pageHD .fotorama__wrap{top:30px;}



.navSide{text-align:left; border-bottom:1px solid #dde;}
.navSide .root{border-top:1px solid #8b0;}
.navSide .root > a{}
.navSide li{display:block; border-top:1px solid #dde; padding:4px 2px 0 2px;}
.navSide li a{display:block; position:relative;
margin-bottom:4px;
padding:6px 27px 6px 6px;
font-weight:bold;
-moz-border-radius:3px;border-radius:3px;
behavior: url(./css/PIE.htc);}
.navSide li a:before{position:absolute; top:50%; right:10px;
margin-top:-15px;
content:'›'; color:#8b0;
font-size:20px; font-weight:bold;}

.navSide li ul{}

.navSide li.current-menu-item > a,
.navSide li.current-post-parent > a,
.root-pr .navSide li.current-category-ancestor > a,
.root-pr .navSide li.current-post-ancestor > a,
.navSide li.current-menu-item > a:hover,
.navSide li.current-post-parent > a:hover{background:#8b0; color:#fff;}
.navSide li.current-menu-item > a:before,
.navSide li.current-post-parent > a:before{position:absolute; top:50%; right:10px;
margin-top:-15px;
content:'›'; color:#fff;
font-size:20px; font-weight:bold;}

.navSide li a:hover{background:#eee;}
.navSide li ul li a{margin-left:0px; font-weight:normal;}




#pageBD{padding:45px 0 15px 0;}
.home #pageBD{padding:15px 0 45px 0;}
.error404 #pageBD{padding:15px 0 45px 0;}



.navFT{
width:100%;
clear:both;
margin:30px auto;
font-weight:bold;
background:#8b0;
}

/* universal */
.colorbgfff{background:#fff;}
.colorbgTrans{background:transparent !important;}
.colorbgTrans *{background:transparent !important;}

.hvr{display:none;}
/*
.hvr{display:block;
opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';
-webkit-transition:all 0.12s linear; -moz-transition:all 0.12s linear; transition:all 0.12s linear;}
*:hover > .hvr{display:block;
opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(opacity=80);-ms-filter:'alpha(opacity=80)';}
*/
.hvrOL{outline:0 solid #fff;
-webkit-transition:all 0.12s linear; -moz-transition:all 0.12s linear; transition:all 0.12s linear;}
/*-webkit-transitionに難あり*/
.hvrOL:hover{outline:solid 4px #eee; outline-offset:-5px; outline:0\9;}
.hvrOL:hover:not(:target){outline:0\9;}
.hvrOL:hover, x:-moz-any-link{outline-offset:-8px;}
/* outline-offsetは、chromeとfirefoxで、box-shadow値の受けとり方が異なり距離がかわる */
.hvrOL:hover > *{opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(opacity=80);-ms-filter:'alpha(opacity=80)';}
.hvrOL:hover figure img{opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;filter:alpha(opacity=40);-ms-filter:'alpha(opacity=40)';}

.hvrOLfff:hover{outline:solid 2px #fff; outline-offset:-3px;}


.btnR16{display:block; position:relative; width:16px; height:16px; margin:0 4px; float:left;}
.btnR16 img{display:block; width:16px; height:16px;}
.btnR20{display:block; position:relative; width:20px; height:20px; margin:0 5px; float:left;}
.btnR20 img{display:block; width:20px; height:20px;}
.btnR24{display:block; position:relative; width:24px; height:24px; margin:0 6px; float:left;}
.btnR24 img{display:block; width:24px; height:24px;}
.btnR16 img, .btnR20 img, .btnR24 img{background:#aaa;}

.twtr:hover img{background:#4099ff;}
.fb:hover img{background:#3b5998;}
.gplus:hover img{background:#dd4b39;}

.btnOpen:hover img{background:#8b0;}
.btnClose:hover img{background:#8b0;}
.btnEdit:hover img{background:#8b0;}

.tips{position:relative; display:block; z-index:3;}
.tips .tip{display:none;
position:absolute; bottom:30px; left:50%; z-index:2;
width:50px; padding:5px; margin-left:-30px;
text-align:center; font-size:11px; font-weight:bold; line-height:1.3;
background:#aaa; color:#fff;
-moz-border-radius:5px;border-radius:5px;
behavior: url(./css/PIE.htc);
}
.tip:after{z-index:-1;
position:absolute; bottom:-15px; left:50%;
width:0px;height:0px;
margin-left:-10px;
content:'';
border:10px solid transparent;
border-top-color: #aaa;
box-sizing: border-box;
background-origin: border-box;
}

.twtr .tip{background:#4099ff;}
.twtr .tip:after{border-top-color: #4099ff;}
.fb .tip{background:#3b5998;}
.fb .tip:after{border-top-color: #3b5998;}
.gplus .tip{background:#dd4b39;}
.gplus .tip:after{border-top-color: #dd4b39;}
.btnOpen .tip, .btnClose .tip, .btnEdit .tip{background:#8b0;}
.btnOpen .tip:after, .btnClose .tip:after, .btnEdit .tip:after{border-top-color: #8b0;}



#grids{position:relative; width:690px; height:auto; clear:both;}

.postThumb{display:block; overflow:hidden;}
.postThumb img{display:block; background:#eee;}

.postDate{
font-size:12px; line-height:1.3; text-align:center;}

.postDetail{position:absolute; bottom:0px; right:4px;
padding:4px;
font-size:12px; font-weight:bold;
}
.postFT .sns{position:absolute; right:0px; top:50%; margin-top:-10px;}

.postList .postFT .panel{position:absolute; right:90px; top:50%; margin-top:-10px; margin-left:-30px;}
.post .postFT .panel{position:absolute; right:108px; top:50%; margin-top:-10px; margin-left:-30px;}
.postFT .panel a.btnR20 img{width:16px; height:16px; border:2px solid #aaa;}
.postFT .panel a.btnR24 img{width:20px; height:20px; border:2px solid #aaa;}
.postFT .panel a:hover img{border:2px solid #8b0;}




.blocNews{height:360px; overflow:hidden; background:#fff;}
.blocNews .blocHD{padding:8px 18px; border-bottom:0px solid #dde;}
.blocNews > div{border-top:1px solid #dde;}
.blocNews a{display:block;}
.blocNews .postThumb{margin:10px 5px 10px 20px;}
.blocNews .postThumb img{width:50px;}
.blocNews a  > div{width:235px;}
.blocNews .postHD{padding:5px;}
.blocNews .postHD h1{}
.blocNews .postDate{}

.blocNews .postEX{display:none;}


.blocMenuItem{height:185px;}
.blocMenuItem .postThumb{height:185px;}
.blocMenuItem .postThumb img{width:318px;}
.blocMenuItem .postEX{position:absolute; top:0px; left:0px;
width:92%; height:87%;margin:2%; padding:2%;
background:#fff; color:#001;}
.blocMenuItem .postHD{position:absolute; bottom:0%; left:0; z-index:3;
width:92%; margin:2%; padding:2%; 
text-align:left; font-size:12px; line-height:1.3; font-weight:bold; 
color:#001;}
.blocMenuItem h2{display:none;}
.home .blocMenuItem h2{display:block;}
.error404 .blocMenuItem h2{display:block;}

.blocBnr{display:block; width:212px; overflow:hidden; margin:0 -9px 18px 18px; padding:1px background:#fff;}
.blocBnr a{display:block; *background:#fff;}
.blocBnr span{*display:block; *background:#fff;}
.blocBnr .postThumb{height:212px;}
.blocBnr .postThumb img{display:block; width:212px;}

.menu-item .postDate{color:#445;}

.postList{margin-bottom:20px; background:#fff;}
.postList .blocLoad{display:block;}
.postList .postThumb{height:122px;}
.postList .postThumb img{width:210px;}
.postList .wrPost{width:424px; height:102px; padding:10px; overflow:hidden;}
.postList .postFT{position:absolute; bottom:0; left:0; z-index:5;
width:98%; margin:8px 1%;}
.postList .postDate{margin-left:5px;}

.post{margin-bottom:30px; padding-bottom:15px; background:#fff;}
.post .postHD{padding:24px 27px 0 27px; font-size:24px; margin:0 0 -6px 0;}
.post .postHD a{color:#8b0; font-weight:normal; }
.post .postBD{min-height:128px; padding:30px 27px 30px 27px; font-size:14px;}
.post .postFT{width:630px; margin:0 auto;}
.post .postDate{margin-left:5px;}

.loaded{margin:0;}
.loaded .postBD{padding-bottom:30px; }
.loaded .postFT{display:none;}

.btnClose{display:none;}
.loading:after{position:absolute; top:0; left:0;
width:100%; height:100%;
content:' ';
background:#fff url("./img/postloading.gif") center center no-repeat;
opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;filter:alpha(opacity=60);-ms-filter:'alpha(opacity=60)';}


.post .postBD img{display:block; max-width:100% !important; height:auto !important; margin:0.5em auto;}
.postBD p{margin-bottom:0.9em;}
.postBD hr{background-color:#dde;}
.postBD blockquote{color:#778; font-size:12px;}
.postBD blockquote a{text-decoration:underline; color:#778;}
.postBD em{font-style:normal; color:#d11;}
.postBD em a{text-decoration:underline; color:#d11 !important;}

.postBD h2{color:#8b0; margin:1.8em 0 0.9em 0; font-size:1.2em;}
.meta{padding:7px 0; text-align:right; font-size:12px; color:#778; 
border-top:1px dashed #ccd; border-bottom:1px dashed #ccd;}
.dash{letter-spacing:-0.1em;}
.i0{color:#89a; letter-spacing:0.05em;}
.i1{color:#f6a;}
.i2{color:#4ce;}
.nn{color:#f6a; font-style:normal; font-size:12px; vertical-align:top;}
.notes{display:block; margin-left:2.7em; text-indent:-2.7em; font-size:12px;}

.postBD h3{color:#8b0; margin:1.8em 0 0.9em 0em;position:relative;}

.dcaps{color:#8b0; margin:1.8em 0 0.9em 0em; padding-left:2em; position:relative;}
.dcaps i{position:absolute; top:50%; left:0;
display:block; 
width:16px; height:16px; line-height:16px;
margin-top:-13px; margin-left:-3px; padding:4px;
text-align:center;
font-style:normal;
color:#fff; background:#8b0;
-moz-border-radius:20px;border-radius:20px;}

.credits{min-height:6em; margin:0 0 1.8em 0;padding:0 0; 
font-size:12px; 
border:0px solid #8b0;
-moz-border-radius:3px;border-radius:3px;}

.source{font-size:12px; font-weight:bold; color:#778; margin:-0.9em auto;}
.source:before{position:absolute; top:-1.8em; left:0px;
content:'From'; color:#8b0;
font-size:15px; font-weight:bold;}

.infos{font-size:12px; color:#778; margin:-0.9em auto;}
.infos:before{position:absolute; top:-1.8em; left:0px;
content:'Information'; color:#8b0;
font-size:15px; font-weight:bold;}
.infos img{width:120px;}

.profs{width:30%; margin-right:-1px; float:left;
border-right:1px dashed #fff;
font-size:12px; color:#778; }
.profs + p{width:64.5%; padding-left:2%; float:left;
font-size:12px; color:#778; 
border-left:1px dashed #ccd;}
.profs + p + .profs{margin-top:0.9em;}
.profs + p + .profs + p{margin-top:0.9em;}
.profs:nth-child(1):before{position:absolute; top:-1.8em; left:0px;
content:'Profile'; color:#8b0;
font-size:15px; font-weight:bold;}
.profs + p a{text-decoration:underline;}

.lead{font-size:16px; font-weight:bold; color:#445;}

.blocCatBD > div a{text-decoration:underline;}

.postBD p + .clr{padding-top:5.4em;}

.alignleft{margin-right:1em !important; float:left;}
.alignright{margin-left:1em !important; float:right;}
.aligncenter{margin:0.5em auto;}


.blocCatTop{margin-bottom:30px; background:#fff;}
.blocCatTop .blocCatThumb{display:block; width:654px; height:380px; overflow:hidden; border-bottom:1px solid #dde;}
.blocCatTop .blocCatThumb img{display:block; width:654px; margin:0 auto;}
.blocCatTop .blocCatHD > div{position:absolute; bottom:15px; right:24px; z-index:5;}
.blocCatTop .blocCatBD > div{padding:30px 30px 30px 30px;}

.listPosts{padding-top:30px; border-bottom:1px solid #dde;}
.listPosts:before{position:absolute; top:0; left:30px;
content:'Recent Posts'; color:#8b0;
font-size:15px; font-weight:bold;}
.listPosts li{display:block; padding:3px; border-top:1px solid #dde;}
.listPosts a{display:block; padding:10px 30px 10px 25px;}
.listPosts a:before{position:absolute; top:50%; right:18px;
margin-top:-15px;
content:'›'; color:#8b0;
font-size:20px; font-weight:bold;}
.listPosts a:hover{background:#eee;}
.listPosts .postDate{margin-right:1em;}

.listTags{margin-top:30px; padding:5px 0;border-top:1px solid #dde;}
.listTags a{display:inline-block; margin-right:5px; padding:0 5px; background:#eee;
-moz-border-radius:3px;border-radius:3px;}
.listTags:before{position:absolute; top:-20px; left:0px;
content:'KEYWORDS'; color:#8b0;
font-size:12px; font-weight:bold;}

.hrfff{margin-bottom:0.5em;
background-color:#fff; }

.sep{width:100%; display:block; overflow:hidden; 
margin-bottom:0.5em;
text-align:center;
font-size:12px; letter-spacing:0.5em;}

.xxx{color:#5a0;}

.copys{padding-bottom:45px; color:#bbc;}

.navSect{position:absolute; bottom:-25px; left:50%; z-index:10;
width:300px; margin-left:-150px;
text-align:center;}
.navSect span{display:inline-block; width:24px; height:24px; margin:0 3px;
font-size:12px; line-height:24px;
background:#8b0; color:#fff;}
.navSect a span{background:#aaa; color:#fff;}
.navSect a:hover span{background:#8b0; color:#fff;}
.loaded .navSect{position:absolute; bottom:-5px; left:50%; z-index:10;
width:300px; margin-left:-150px;
text-align:center;}
.loaded .navSect span{display:inline-block; width:20px; height:20px;
font-size:12px; line-height:20px;
background:#8b0; color:#fff;}
.loaded .navSect a span{background:#aaa; color:#fff;}
.loaded .navSect a:hover span{background:#8b0; color:#fff;}


/* nav post category */
#navPosts{margin-bottom:30px; text-align:center;}
#navPosts .btnItem{overflow:hidden; background:#eee; *margin-bottom:10px;}
#navPosts .btnItem a{display:block; padding:10px;}
#navPosts .btnPageTop{display:none;}
#navPosts .loading{color:#fff;}

/* nav post single */
#navPost{margin:30px 17px; overflow:hidden; border:1px solid #eee;}
#navPost .btnItem{width:50%; height:82px; overflow:hidden; background:#eee;}
#navPost .btnItem a{display:block;}
#navPost .btnItem figure{display:block;}
#navPost .btnItem img{display:block; width:140px; background:#eee;}
#navPost .btnItem h3{width:145px; padding:5px;}

#navPost .btnPrev h3{width:165px; padding:5px;}
#navPost .btnPrev a{}
#navPost .btnPrev a:before{position:absolute; top:50%; left:10px;
margin-top:-20px;
content:'‹'; color:#fff;
font-size:20px; font-weight:bold;}
#navPost .btnNext a{}
#navPost .btnNext a:before{position:absolute; top:50%; right:10px;
margin-top:-20px;
content:'›'; color:#fff;
font-size:20px; font-weight:bold;}

#navPost .btnNoPrev{background:#eee;}
#navPost .btnNoPrev:before{position:absolute; top:50%; left:0%;
width:90%; margin-top:-16px; margin-left:5%; text-align:center;
content:'No Previous Post'; color:#bbc;
font-size:16px; font-weight:normal;}
#navPost .btnNoNext{background:#eee;}
#navPost .btnNoNext:before{position:absolute; top:50%; left:0%;
width:90%; margin-top:-16px; margin-left:5%; text-align:center;
content:'No Next Post'; color:#bbc;
font-size:16px; font-weight:normal;}

/* form */
#commentform{padding:15px;}
#commentform > div{text-align:center;}
#commentform > p{padding-bottom:5px;}
#commentform input[type=text],#commentform input[type=email],
#commentform textarea{width:98%; padding:1%; font-size:; 
border:none; background:#efefef;}
#commentform input[type=submit]{display:block; 
width:150px; margin:10px auto 0 auto; padding:8px 0; vertical-align:top;
font-size:; font-weight:normal; 
background:#8b0; color:#fff; border:none;
-moz-border-radius:5px;border-radius:5px;}
#commentform a#cancel-comment-reply-link{display:inline-block; 
width:150px; margin:10px 5px 0 5px; padding:5px 0; vertical-align:top;
font-size:12px; font-weight:bold; 
background:#f90; color:#fff;
-moz-border-radius:5px;border-radius:5px;}
.wpcf7 .ajax-loader{margin:0 auto !important;}

.opc00{
opacity:0; /* Standard: FF gt 1.5, Opera, Safari */
-moz-opacity:0; /* FF lt 1.5, Netscape */
-khtml-opacity:0; /* Safari 1.x */
filter:alpha(opacity=0); /* IE lt 8 */
-ms-filter:'alpha(opacity=0)'; /* IE 8 */
}
.opc10{opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;filter:alpha(opacity=10);-ms-filter:'alpha(opacity=10)';}
.opc20{opacity:0.2;-moz-opacity:0.2;-khtml-opacity:0.2;filter:alpha(opacity=20);-ms-filter:'alpha(opacity=20)';}
.opc30{opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(opacity=30);-ms-filter:'alpha(opacity=30)';}
.opc40{opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;filter:alpha(opacity=40);-ms-filter:'alpha(opacity=40)';}
.opc50{opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);-ms-filter:'alpha(opacity=50)';}
.opc60{opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;filter:alpha(opacity=60);-ms-filter:'alpha(opacity=60)';}
.opc70{opacity:0.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);-ms-filter:'alpha(opacity=70)';}
.opc80{opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;filter:alpha(opacity=80);-ms-filter:'alpha(opacity=80)';}
.opc90{opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);-ms-filter:'alpha(opacity=90)';}
.opc100{opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);-ms-filter:'alpha(opacity=100)';}
/***** css3 *****/
/*text-shadow*/
.blur03000{text-shadow:0 1px 3px #000;}
.blur04000{text-shadow:0 1px 4px #000;}
.blur05000{text-shadow:0 1px 5px #000;}
.blur06000{text-shadow:0 1px 6px #000;}
.blur07000{text-shadow:0 1px 7px #000;}
.blur08000{text-shadow:0 1px 8px #000;}
.blur09000{text-shadow:0 1px 9px #000;}
.blur10000{text-shadow:0 1px 10px #000;}
.blur11000{text-shadow:0 1px 11px #000;}
.blur12000{text-shadow:0 1px 12px #000;}
.blur13000{text-shadow:0 1px 13px #000;}
.blur14000{text-shadow:0 1px 14px #000;}
.blur15000{text-shadow:0 1px 15px #000;}

.txtOL01000{
text-shadow:
1px 1px 2px #000,
-1px 1px 2px #000,
1px -1px 2px #000,
-1px -1px 2px #000;
}
.txtOL01fff{
text-shadow:
1px 1px 2px #fff,
-1px 1px 2px #fff,
1px -1px 2px #fff,
-1px -1px 2px #fff;
}

/*radius*/
.radius3{-moz-border-radius:3px;border-radius:3px;}
.radius4{-moz-border-radius:4px;border-radius:4px;}
.radius5{-moz-border-radius:5px;border-radius:5px;}
.radius6{-moz-border-radius:6px;border-radius:6px;}
.radius7{-moz-border-radius:7px;border-radius:7px;}
.radius8{-moz-border-radius:8px;border-radius:8px;}
.radius9{-moz-border-radius:9px;border-radius:9px;}
.radius10{-moz-border-radius:10px;border-radius:10px;}
.radius11{-moz-border-radius:11px;border-radius:11px;}
.radius12{-moz-border-radius:12px;border-radius:12px;}
.radius15{-moz-border-radius:15px;border-radius:15px;}
.radius20{-moz-border-radius:20px;border-radius:20px;}
.radius25{-moz-border-radius:25px;border-radius:25px;}
.radius30{-moz-border-radius:30px;border-radius:30px;}
.radius80{-moz-border-radius:80px;border-radius:80px;}
.radius100{-moz-border-radius:100px;border-radius:100px;}

.radius3top{-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.radius3lft{-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
.radius3rgt{-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}


.radius05top{-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.radius10top{-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}

.radius5btm{-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.radius10btm{-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}

/*box-shadow*/
.shadow00out{
-webkit-box-shadow: 0px 0px 3px 0px rgba(255,255,255,0.4);
-moz-box-shadow: 0px 0px 2px 0px rgba(255,255,255,0.3);
box-shadow: 0px 0px 3px 0px rgba(255,255,255,0.4);}
.shadow00out:not(:target){box-shadow: 0px 0px 6px 0px rgba(255,255,255,0.3)\9;}
.shadow00out, x:-moz-any-link {box-shadow: 0px 0px 2px 0px rgba(255,255,255,0.3);}

.shadow01out{
-webkit-box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.4);
-moz-box-shadow: 0px 0px 2px 0px rgba(000,000,000,0.3);
box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.4);}
.shadow01out:not(:target){box-shadow: 0px 0px 4px 0px rgba(000,000,000,0.3)\9;}
.shadow01out, x:-moz-any-link {box-shadow: 0px 0px 2px 0px rgba(000,000,000,0.3);}

.shadow01out{
-webkit-box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.3);
-moz-box-shadow: 0px 0px 2px 0px rgba(000,000,000,0.2);
box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.3);}
.shadow01out:not(:target){box-shadow: 0px 0px 4px 0px rgba(000,000,000,0.2)\9;}
.shadow01out, x:-moz-any-link {box-shadow: 0px 0px 2px 0px rgba(000,000,000,0.2);}

.shadow01in{
-webkit-box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.2) inset;
-moz-box-shadow: 0px 0px 2px 0px rgba(000,000,000,0.1) inset;
box-shadow: 0px 0px 3px 0px rgba(000,000,000,0.2) inset;}
.shadow01in:not(:target){box-shadow: 0px 0px 6px 0px rgba(000,000,000,0.1) inset\9;}
.shadow01in, x:-moz-any-link {box-shadow: 0px 0px 2px 0px rgba(000,000,000,0.1) inset;}

.shadow01top{
-webkit-box-shadow: 0px -3px 3px -3px rgba(000,000,000,0.2);
-moz-box-shadow: 0px -3px 2px -3px rgba(000,000,000,0.1);
box-shadow: 0px -3px 3px -3px rgba(000,000,000,0.2);}
.shadow01top:not(:target){box-shadow: 0px -3px 6px -3px rgba(000,000,000,0.1)\9;}
.shadow01top, x:-moz-any-link {box-shadow: 0px -3px 2px -3px rgba(000,000,000,0.1);}

.shadow01topin{
-webkit-box-shadow: 0px 3px 3px -3px rgba(000,000,000,0.4) inset;
-moz-box-shadow: 0px 3px 2px -3px rgba(000,000,000,0.3) inset;
box-shadow: 0px 3px 3px -3px rgba(000,000,000,0.4) inset;}
.shadow01topin:not(:target){box-shadow: 0px 3px 6px -3px rgba(000,000,000,0.3) inset\9;}
.shadow01topin, x:-moz-any-link {box-shadow: 0px 3px 2px -3px rgba(000,000,000,0.3) inset;}

.shadow01btm{
-webkit-box-shadow: 0px 3px 3px -3px rgba(000,000,000,0.2);
-moz-box-shadow: 0px 3px 2px -3px rgba(000,000,000,0.1);
box-shadow: 0px 3px 3px -3px rgba(000,000,000,0.2);}
.shadow01btm:not(:target){box-shadow: 0px 3px 6px -3px rgba(000,000,000,0.1)\9;}
.shadow01btm, x:-moz-any-link {box-shadow: 0px 3px 2px -3px rgba(000,000,000,0.1);}

.shadow01btmin{
-webkit-box-shadow: 0px -3px 3px -3px rgba(000,000,000,0.2) inset;
-moz-box-shadow: 0px -3px 2px -3px rgba(000,000,000,0.1) inset;
box-shadow: 0px -3px 3px -3px rgba(000,000,000,0.2) inset;}
.shadow01btmin:not(:target){box-shadow: 0px -3px 6px -3px rgba(000,000,000,0.1) inset\9;}
.shadow01btmin, x:-moz-any-link {box-shadow: 0px -3px 2px -3px rgba(000,000,000,0.1) inset;}

.shadow01lft{
-webkit-box-shadow: -3px 0px 3px -3px rgba(000,000,000,0.2);
-moz-box-shadow: -3px 0px 2px -3px rgba(000,000,000,0.1);
box-shadow: -3px 0px 3px -3px rgba(000,000,000,0.2);}
.shadow01lft:not(:target){box-shadow: -3px 0px 6px 0px rgba(000,000,000,0.1)\9;}
.shadow01lft, x:-moz-any-link {box-shadow: -3px 0px 2px 0px rgba(000,000,000,0.1);}

.shadow01rgt{
-webkit-box-shadow: 3px 0px 3px -3px rgba(000,000,000,0.2);
-moz-box-shadow: 3px 0px 2px -3px rgba(000,000,000,0.1);
box-shadow: 3px 0px 3px -3px rgba(000,000,000,0.2);}
.shadow01rgt:not(:target){box-shadow: -3px 0px 6px -3px rgba(000,000,000,0.1)\9;}
.shadow01rgt, x:-moz-any-link {box-shadow: -3px 0px 2px -3px rgba(000,000,000,0.1);}

.shadow02out{
-webkit-box-shadow: 0px 1px 6px 1px rgba(000,000,000,0.1);
-moz-box-shadow: 0px 1px 5px 1px rgba(000,000,000,0.1);
box-shadow: 0px 1px 6px 1px rgba(000,000,000,0.15);}
.shadow02out:not(:target){box-shadow: 0px 1px 10px 1px rgba(000,000,000,0.1)\9;}
.shadow02out, x:-moz-any-link {box-shadow: 0px 1px 5px 1px rgba(000,000,000,0.1);}

/*rotate*/
.rotateL1{
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
transform: rotate(-1deg);}
.rotateL2{
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);}
.rotateL3{
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);}
.rotateL4{
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
transform: rotate(-4deg);}
.rotateL5{
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);}
.rotateL10{
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);}
.rotateR1{
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
transform: rotate(1deg);}
.rotateR2{
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);}
.rotateR3{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);}
.rotateR4{
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform: rotate(4deg);
transform: rotate(4deg);}
.rotateR5{
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);}
.rotateR10{
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);}
/*gradient*/
.gradient01{background:#fff;
background:-webkit-gradient(linear, left top, left bottom, from(#eef), to(#fff));
background:-webkit-linear-gradient(top, #eef, #fff);
background:-moz-linear-gradient(top, #eef, #fff);
background:-ms-linear-gradient(top, #eef, #fff);
background:-o-linear-gradient(top, #eef, #fff);
background:linear-gradient(top, #eef, #fff);}
.gradient01rev{background:#fff;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef));
background:-webkit-linear-gradient(top, #fff, #eef);
background:-moz-linear-gradient(top, #fff, #eef);
background:-ms-linear-gradient(top, #fff, #eef);
background:-o-linear-gradient(top, #fff, #eef);
background:linear-gradient(top, #fff, #eef);}
/* css3 for IE */
/*.pie{behavior: url(./css/PIE.htc);}*/

/* AutoPagerize */
hr.autopagerize_page_separator{background:transparent;}
p.autopagerize_page_info{padding:0 0 1em 0;text-align:right;font-size:;color:#135;}
p.autopagerize_page_info a{color:#135;}
p.autopagerize_page_info a:hover{color:#999;}