/* ::::: static/common/banner-styles.css ::::: */

#wm-ipp { width: 100%; min-height: 65px; min-width: 800px; left: 0px; top: 0px; padding: 0px; margin: 0px; border-radius: 0px; background-color: transparent; font-size: 11px; }
#wm-ipp * { font-family: Lucida Grande,Helvetica,Arial,sans-serif; font-size: inherit; line-height: 1.2; width: auto; outline: medium none; float: none; }
#wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form { padding: 0px; margin: 0px; border: medium none; border-radius: inherit; background-color: transparent; background-image: none; z-index: 2147483640; }
#wm-ipp table { border: medium none; border-collapse: collapse; margin: 0px; padding: 0px; width: auto; font-size: inherit; }
#wm-ipp form input { padding: 1px; height: auto; display: inline; margin: 0px; }
#wm-ipp form input[type="submit"] { padding: 0px 8px; margin: 1px 0px 1px 5px; width: auto ! important; }
#wm-ipp a:hover { text-decoration: underline ! important; }
#wm-ipp #wm-ipp-inside { width: 98% ! important; min-width: 780px; margin: 0px auto; border-right: 5px solid rgb(0, 0, 0); border-width: medium 5px 5px; border-style: none solid solid; border-color: -moz-use-text-color rgb(0, 0, 0) rgb(0, 0, 0); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background-color: rgba(255, 255, 255, 0.9); box-shadow: 1px 1px 4px rgb(51, 51, 51); border-radius: 0px 0px 8px 8px; }
#wm-ipp #wm-logo { padding: 0px 10px; vertical-align: middle; min-width: 110px; }
#wm-ipp td.c { vertical-align: top; width: 100%; }
#wm-ipp td.c td.u { padding: 3px 0px; text-align: center; }
#wm-ipp td.c td.n { padding-left: 5px; }
#wm-ipp td.c td.n a { text-decoration: none; color: rgb(51, 51, 255); font-weight: bold; }
#wm-ipp td.c td.n td.b { padding-right: 6px ! important; text-align: right ! important; overflow: visible; white-space: nowrap; color: rgb(153, 153, 170); vertical-align: middle; }
#wm-ipp td.c td.n td.c { background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(255, 255, 0); font-weight: bold; text-align: center; }
#wm-ipp td.c td.n td.f { padding-left: 6px ! important; text-align: left ! important; overflow: visible; white-space: nowrap; color: rgb(153, 153, 170); vertical-align: middle; }
#wm-ipp td.c td.n tr.m td { text-transform: uppercase; white-space: nowrap; padding: 2px 0px; }
#wm-ipp td.c td.s { padding-right: 5px; text-align: center; vertical-align: bottom; }
#wm-ipp td.c td.s a.t { color: rgb(51, 51, 255); font-weight: bold; line-height: 1.8; }
#wm-ipp td.c td.s div.r { color: rgb(102, 102, 102); font-size: 9px; white-space: nowrap; }
#wm-ipp td.c td.k { vertical-align: bottom; padding-bottom: 2px; }
#wm-ipp td.c td.n tr.y td, #wm-ipp td.c td.s { padding-bottom: 2px; }
div#wm-ipp-sparkline { position: relative; white-space: nowrap; background-color: rgb(255, 255, 255); cursor: pointer; border-right: 1px solid rgb(204, 204, 204); line-height: 0.9; }
#sparklineImgId { position: relative; z-index: 9012; }
#wm-ipp-sparkline div.yt { position: absolute; z-index: 9010 ! important; background-color: rgb(255, 255, 0) ! important; }
#wm-ipp-sparkline div.mt { position: absolute; z-index: 9011 ! important; background-color: rgb(236, 0, 140) ! important; }
#wm-ipp td.r { position: relative; padding-left: 65px; }
#wm-ipp td.r a { display: block; padding: 0px 15px 0px 0px; color: rgb(51, 51, 255); border: medium none; position: absolute; right: 5px; background-color: transparent; background-repeat: no-repeat ! important; background-position: 100% 100% ! important; }
/* ::::: twitters/anje/common/common.css ::::: */

html { overflow-y: scroll; }
body { margin: 0px; padding: 0px; line-height: 1.6; letter-spacing: 1px; font-family: Verdana,Helvetica,sans-serif; font-size: 13px; color: rgb(70, 40, 4); }
br { letter-spacing: normal; }
a { color: rgb(70, 40, 4); text-decoration: none; }
a:hover { color: rgb(205, 133, 63); }
img { border: 0px none; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6 { margin: 0px; }
div#wrapper { margin: 0px; padding: 20px 20px 100px; }
div#header { position: relative; margin-bottom: 20px; padding: 0px 5px; }
div#pr { position: absolute; left: 510px; top: 0px; }
div#sub { float: left; width: 200px; margin: 0px 27px 100px 0px; }
div#sub .section { width: 196px; height: 900px; border: 2px solid rgb(255, 255, 255); padding: 0px; margin: 10px 0px 10px 10px; background: none repeat scroll 0% 0% rgb(154, 238, 233); font-size: 9px; }
div#sub .section ul { margin: 10px 0px 10px 5px; padding: 0px; }
div#sub .section li { padding: 0px; margin: 5px 0px 5px 5px; list-style: none outside none; color: rgb(255, 255, 255); }
div#sub .section li img { width: 180px; }
div#sub .section li a { display: block; }
div#sub div#menu ul { margin: 0px 0px 15px 10px; padding: 0px; }
div#sub div#menu li { margin: 5px 0px; padding: 0px; text-align: center; list-style-type: none; width: 196px; height: 33px; border: 2px solid rgb(255, 255, 255); }
/* ::::: ここでメニュを設計 ::::: */
div#sub div#menu .infomation a { width: 196px; height: 33px; display: block; background: url('../images/menu_01.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .infomation a:hover { text-decoration: none; background: url('../images/menu_01.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .biography a { width: 196px; height: 33px; display: block; background: url('../images/menu_02.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .biography a:hover { text-decoration: none; background: url('../images/menu_02.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .funding a { width: 196px; height: 33px; display: block; background: url('../images/menu_04.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .funding a:hover { text-decoration: none; background: url('../images/menu_04.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .graphics a { width: 196px; height: 33px; display: block; background: url('../images/menu_05.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .graphics a:hover { text-decoration: none; background: url('../images/menu_05.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .google a { width: 196px; height: 33px; display: block; background: url('../images/menu_06.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .google a:hover { text-decoration: none; background: url('../images/menu_06.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .facebooks a { width: 196px; height: 33px; display: block; background: url('../images/menu_07.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .facebooks a:hover { text-decoration: none; background: url('../images/menu_07.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .twitters a { width: 196px; height: 33px; display: block; background: url('../images/menu_08.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .twitters a:hover { text-decoration: none; background: url('../images/menu_08.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .links a { width: 196px; height: 33px; display: block; background: url('../images/menu_09.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .links a:hover { text-decoration: none; background: url('../images/menu_09.jpg') repeat-x scroll 100% 100% transparent; }
div#sub div#menu .sounds a { width: 196px; height: 33px; display: block; background: url('../images/menu_03.jpg') repeat-x scroll 0px 100% transparent; }
div#sub div#menu .sounds a:hover { text-decoration: none; background: url('../images/menu_03.jpg') repeat-x scroll 100% 100% transparent; }
/* ::::: twitters/anje/common/grid.css ::::: */

.grid-content { color: rgb(108, 65, 1); margin-left: 20px; overflow: hidden; }
.grid-content a { color: rgb(108, 65, 1); }
.grid-content a:link { color: #2f18ec; }
.grid-content a:hover { color: #db5975; }
.grid-content div { display: block; }
.grid-content div h3 { line-height: 1.1em; margin: 0px; padding: 0px; }
.grid-content div p { font-size: 12px; line-height: 1.4em; margin: 10px 5px; }
.grid-content .topimg { height: auto; margin: 4px; }
.grid-content .topimg { width: 522px; border: 2px solid #D04D4D; }

/* ::::: レンガ色大型 ::::: */
.grid-content .anje {
 width: 600px;
 height: auto;
 border: 2px solid #D04D4D;
 background-color: rgb(255, 255, 255);
 color: rgb(102, 102, 102);
 margin: 10px 0px 10px;
 }

.grid-content .anje h3 {
 font-size: 13px;
 line-height: 1.4em;
 margin: 10px;
 padding: 5px;
 background: none repeat scroll 0% 0% #D04D4D;
 color: rgb(255, 255, 255);
 }

.grid-content .anje p { padding-left: 3px;
 font-size: 15px;
 }

/* ::::: 小さい細型 ::::: */
.grid-content .anje_2 {
 width: 338px;
 height: auto;
 border: 2px solid #D04D4D;
 background-color: rgb(255, 255, 255);
 color: rgb(108, 65, 1);
 margin: 5px 7px 10px 5px;
 padding: 3px;
 }

.grid-content .anje_2:hover {
 width: 338px;
 opacity: 0.9;
 }

.grid-content .anje_2 h3 {
 font-size: 13px;
 line-height: 1.4em;
 margin: 5px; padding: 5px;
 background: none repeat scroll 0% 0% #D04D4D;
 color: rgb(255, 255, 255);
 }

/* ::::: 小さい四角形 ::::: */
.grid-content .anje_3 {
 width: 160px; height:
 auto; border: 2px solid #D04D4D;
 background-color: rgb(255, 255, 255); color: rgb(108, 65, 1);
 margin: 5px 7px 10px 5px;
 padding: 3px;
 }

.grid-content .anje_3 h3 {
 font-size: 13px;
 line-height: 1.4em;
 margin: 5px; padding: 5px;
 background: none repeat scroll 0% 0% #D04D4D;
 color: rgb(255, 255, 255);
 }

.grid-content .anje_3:hover {
 width: 160px;
 opacity: 0.9;
 }

/* ::::: 小さい細型シルバー ::::: */
.grid-content .anje_4 {
 width: 160px;
 height: auto;
 border: 2px solid #C0C0C0;
 background-color: rgb(255, 255, 255);
 color: rgb(108, 65, 1);
 margin: 5px 7px 10px 5px;
 padding: 3px;
 }

.grid-content .anje_4:hover {
 width: 160px;
 opacity: 0.9;
 }

.grid-content .anje_4 h3 {
 font-size: 13px;
 line-height: 1.4em;
 margin: 5px;
 padding: 5px;
 background: none repeat scroll 0% 0% rgb(192, 192, 192);
 color: rgb(255, 255, 255);
 }

.grid-content .twitters { width: 560px; border: 2px solid rgb(252, 187, 163); background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); margin: 2px 2px 4px; }
.grid-content .twitters h3 { font-size: 13px; line-height: 1.4em; margin: 10px; padding: 5px; background: none repeat scroll 0% 0% rgb(252, 187, 163); color: rgb(255, 255, 255); }
.grid-content .twitters p { padding-left: 3px; }
.grid-content .red { width: 160px; height: auto; border: 2px solid rgb(252, 187, 163); background-color: rgb(255, 255, 255); color: rgb(108, 65, 1); margin: 5px 7px 10px 5px; padding: 3px; }
.grid-content .red:hover { width: 160px; opacity: 0.9; }
.grid-content .red h3 { font-size: 13px; line-height: 1.4em; margin: 5px; padding: 5px; background: none repeat scroll 0% 0% rgb(252, 187, 163); color: rgb(255, 255, 255); }
.grid-content .red_2 { width: 338px; height: auto; border: 2px solid rgb(252, 187, 163); background-color: rgb(255, 255, 255); color: rgb(108, 65, 1); margin: 5px 7px 10px 5px; padding: 3px; }
.grid-content .red_2:hover { width: 339px; opacity: 0.9; }
.grid-content .red_2 h3 { font-size: 13px; line-height: 1.4em; margin: 5px; padding: 5px; background: none repeat scroll 0% 0% rgb(252, 187, 163); color: rgb(255, 255, 255); }



.grid-content .green { width: 160px; height: auto; border: 2px solid rgb(149, 223, 69); background-color: rgb(255, 255, 255); color: rgb(108, 65, 1); margin: 5px 7px 10px 5px; padding: 3px; }
.grid-content .green:hover { width: 160px; opacity: 0.9; }
.grid-content .green h3 { font-size: 13px; line-height: 1.4em; margin: 5px; padding: 5px; background: none repeat scroll 0% 0% rgb(149, 223, 69); color: rgb(255, 255, 255); }



.grid-content .biography { width: 160px; height: auto; border: 2px solid rgb(243, 212, 8); background-color: rgb(255, 255, 255); color: rgb(108, 65, 1); margin: 5px 7px 10px 5px; padding: 3px; }
.grid-content .biography h3 { font-size: 13px; line-height: 1.4em; margin: 5px; padding: 5px; background: none repeat scroll 0% 0% rgb(243, 212, 8); color: rgb(255, 255, 255); }
.grid-content .biography:hover { width: 160px; opacity: 0.9; }
.grid-content .sounds { width: 160px; height: auto; border: 2px solid rgb(80, 231, 233); background-color: rgb(255, 255, 255); color: rgb(108, 65, 1); margin: 5px 7px 10px 5px; padding: 3px; }
.grid-content .sounds h3 { font-size: 13px; line-height: 1.4em; margin: 5px; padding: 5px; background: none repeat scroll 0% 0% rgb(80, 231, 233); color: rgb(255, 255, 255); }

body { margin-top: 0px ! important; padding-top: 0px ! important; min-width: 700px ! important; }

/* ::::: index.css ::::: */

ul, ol, ul li, ol li { margin: 0px; padding: 0px; list-style: none outside none; }

div, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; padding: 0px; margin: 0px; font-size: 12px; line-height: 1.8; color: rgb(51, 51, 51); }

/* ::::: jquery.jscrollpane.css ::::: */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0px; right: 0px; width: 16px; height: 100%; background: none repeat scroll 0% 0% red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0px; padding: 0px; }
.jspCap { display: none; }
.jspTrack { background: none repeat scroll 0% 0% rgb(221, 221, 238); position: relative; }
.jspDrag { background: none repeat scroll 0% 0% rgb(187, 187, 221); position: relative; top: 0px; left: 0px; cursor: pointer; }

body {
background-image: url("../images/official-bg.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom
}