/* * * * * * * * * * * * * * * * * * * *
 * support.css
 * 同時上書きさけるためのcssです。
 * あとからcustom.cssと合致します。
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ TOPに戻る ■■■■ */
#box_top {
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffb501;
background : -webkit-gradient(linear, left top, left bottom, from(#FFDE6F), to(#FFB000));

font-size : 100%;
line-height : 30px;
width : 95%;
height : 30px;
margin-left : auto;
margin-right : auto;
margin-bottom : 10px;
text-align : left;
text-shadow : -1px -1px 0 rgba(150, 150, 150, 0.3);

-webkit-box-shadow : 0px 0px 5px #000000;
-moz-box-shadow : 0px 0px 5px #000000;
box-shadow : 0px 0px 10px #000000;
}

#box_top a{
display : block;
width : auto;
text-decoration : none;
color : #000000;
font-weight : bold;
}

/* ■■■■ 枠（白　大きさは内容に依存） ■■■■ */
.waku_small {
border : solid 1px #ffffff;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff;
background : -webkit-gradient(linear, left top, left bottom,);
width : auto;
height : auto;
padding : 5px 5px 5px 5px;
-webkit-box-shadow : 0px 0px 2px #000000;
}











/* ■■■■ ％表記のグラフ用 ■■■■ */
.button{
width : 90%;
height : 24px;
margin-right : auto;
margin-left : auto;
-webkit-border-radius : 16px;
-moz-border-radius : 16px;
border : 2px solid #ccc;
position : relative;
}

.aqua{
background-color : rgba(60, 132, 198, 0.8);
background-image : -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
border-top-color : #8ba2c1;
border-right-color : #5890bf;
border-bottom-color : #4f93ca;
border-left-color : #768fa5;
/*-webkit-box-shadow : rgba(66, 140, 240, 0.5) 0px 10px 16px;*/
/*-moz-box-shadow : rgba(66, 140, 240, 0.5) 0px 10px 16px;*/
}


.button .glare {
position : rerative;
top : 0;

-webkit-border-radius : 8px;
-moz-border-radius : 8px;
height : 1px;
width : 97%;
padding : 8px 0;
margin-right : auto;
margin-left : auto;
background-color : rgba(255, 255, 255, 0.25);
background-image : -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.button .ber {
position : absolute;
top : 4px;
left : 5px;http://rika.ajapa.jp/admin/common_admins/edit_page2/edit_page2.cgi?mode=view2&file=f/top&ext=sp.html
border-radius : 15px;
-webkit-border-radius : 15px;
-moz-border-radius : 15px;
height : 16px;
background-color : #ff0000;
background-image : -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.ber.long0 {width : 1%;}
.ber.long10 {width : 9%;}
.ber.long20 {width : 19%;}
.ber.long30 {width : 28%;}
.ber.long40 {width : 38%;}
.ber.long50 {width : 48%;}
.ber.long60 {width : 58%;}
.ber.long70 {width : 68%;}
.ber.long80 {width : 77%;}
.ber.long90 {width : 87%;}
.ber.long100 {width : 96%;}



/* ■■■■ 対談ページ用カラー ■■■■ */
.sima_01 {color : #0000FF;}
.sima_02 {color : #7A6D99;}
.haha_01 {color : #FF0000;}
.haha_02 {color : #FA8072;}




/* ■■■■ 監修者ページ 島田紹介用 ■■■■ */
#shimada {
margin : 0 auto;
padding : 0;
width : 250px;
}

/* ■■■■ 監修者ページ 画像用 ■■■■ */
#super_img {
float : left;
margin : 0 10px 0 0;
}

#super_img2 {
float : right;
}