@charset "Shift_JIS";
/* 藍色バージョン */


/* □□□□□□□□　初期化　□□□□□□□□ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 background                          : transparent;
 border                              : 0;
 font-size                           : 100%;
 margin                              : 0;
 outline                             : 0;
 padding                             : 0;
 vertical-align                      : baseline;
}

body {
 line-height                         : 1;
}
blockquote, q {
 quotes                              : none;
}
:focus {
 outline                             : 0;
}
img,a img{
 vertical-align                      :bottom;
 border                              :none;
 background                          :transparent;
}

ins {
 text-decoration                     : none;
}
del {
 text-decoration                     : line-through;
}

p, dl {
 margin                             : 1em 0;
}

blockquote {
 margin                             : 1em 40px;
 padding-left                       : 1em;
 border-left                        : solid;
 border-color                       : blue;
 border-width                       : thin;
}

address {
 text-align                         : left;
 font-style                         : normal;
 width                              : 920px;
 margin                             : 0px auto 0px auto;
}

h1,h2,h3,h4,h5,h6 {
 font-weight                        : bold;
 line-height                        : 1em;
 margin                             : 0;
}
xmp, pre, plaintext {
  white-space                       : pre;
  margin                            : 1em 0;
}


/* tables */

table {
 border-collapse                    : collapse;
 border-spacing                     : 0;
 display                            : table;
 margin                             : 1em 0;
 -moz-box-sizing                    : border-box;
}

/* caption inherits from table not table-outer */  
caption {
 display                            : table-caption;
 text-align                         : center;
 -moz-box-sizing                    : border-box;
}

tr {
 display                            : table-row;
}

col {
 display                            : table-column;
}

colgroup {
 display                            : table-column-group;
}

tbody {
 display                            : table-row-group;
 vertical-align                     : middle;
}

thead {
 display                            : table-header-group;
 vertical-align                     : middle;
}

tfoot {
 display                            : table-footer-group;
 vertical-align                     : middle;
}

td { 
 display                            : table-cell;
 vertical-align                     : middle;
 padding                            : 1px;
}

th {
 display                            : table-cell;
 vertical-align                     : middle;
 font-weight                        : bold;
 padding                            : 1px;
}




/* inlines */

dfn,em,strong {
 font-style                         : normal;
 font-weight                        : bold;
}

cite, em, var, dfn {
 font-style                         : normal;
}

big {
 font-size                          : larger;
}

small {
 font-size                          : smaller;
}




/* lists */

ul {
 list-style-type                    : disc;
 margin                             : 1em 0;
}

ol {
 list-style-type                    : decimal;
 margin                             : 1em 0;
}

li {
 display                            : list-item;
 margin                             : 0em 0 0 40px;
}

/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,
dl ul,dl ol,dl dl {
  margin-top                        : 0;
  margin-bottom                     : 0;
}

/* 2 deep unordered lists use a circle */
ol ul,   ul ul {
  list-style-type                   : circle;
}

/* 3 deep (or more) unordered lists use a square */
ol ol ul,     ol ul ul,
ul ol ul,     ul ul ul{
  list-style-type                   : square;
}

dd {
 margin-left                        : 40px;
}



frameset {
 display                            : block ! important;
 overflow                           : -moz-hidden-unscrollable;
 position                           : static ! important;
 float                              : none ! important;
 border                             : none ! important;
}

frame {
 border                             : none ! important;
}

iframe {
}

noframes {
 display                            : none;
}



/* ◆◆◆◆◆◆◆◆◆◆◆　基本 ◆◆◆◆◆◆◆◆◆◆◆　*/

body {
 background                         : #E8DFBE url(../img/bodypart.png) repeat-y top center;
 color                              : #000000;
 font-size                          : 14px;
 line-height                        : 1.2em;
 text-align                         : center;
 padding                            : 0em 0em 0em 0em;
}

a {
 color                              : #717171;
 font-size                          : 100%;
}
a:link, a:visited , a:active {
 color                              : #111A46;
}
a:focus {
 outline                            : 1px dotted;
}
a:hover {
 color                              : #CC0000;
 text-decoration                    : none;
}


table {
 border-collapse                    : collapse;
 border-spacing                     : 0;
}
p {
 margin                             : 0em 0px 1em 0px;
}

hr {
 clear                              : both;
 margin                             : 0px;
}

h1{
 border                             : 0;
 font-size                          : 25px;
}




/* ◆◆◆◆◆◆◆◆◆◆◆ コンテンツ基本 ◆◆◆◆◆◆◆◆◆◆◆　*/

.clear {
 background                         : #CCFFCC;
 clear                              : both;
 display                            : block;
 padding                            : 0;
 overflow                           : hidden;
 visibility                         : hidden;
 height                             : 0;
 width                              : 0;
}






/* ---------- HeaderPart ---------- */

#HeaderPart{
 margin                             : 0px 0px 0px 0px;
 padding                            : 0px 0em 1em 0em;
 background                         : url(../img/head.jpg) no-repeat top center;
}


/* Site Navigation */

#HeaderPart #navigation{
 width                              : 920px;
 margin                             : 0px auto 0px auto;
 padding                            : 50px 0em 0em 0em;
}

#HeaderPart #navigation ul{
 float                              : right;
 margin                             : 0;
 padding                            : 0em;
}
#HeaderPart #navigation ul li {
 float                              : right;
 display                            : inline;
 margin                             : 0px 0 0 30px;
 position                           : relative;
}
#HeaderPart #navigation ul li a{
 font-family                        : arial, sans-serif !important; 
 display                            : block; 
 padding                            : 10px 0 12px 0; 
 font-size                          : 18px; 
 text-decoration                    : none;
 line-height                        : 1em;
 color                              : #ffffff; 
 font-weight                        : bold;
}
#HeaderPart #navigation ul li a:hover{
 color                              : red;
 }

#HeaderPart #navigation ul li a span.meta{
 font-weight                        : normal;
 font-family                        : 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; 
 font-size                          : 12px; 
 color                              : #A6BCBD !important; 
 text-transform                     : none;
 text-shadow                        : none;
}


#HeaderPart #logo{
 font-size                          : 20px;
 font-weight                        : normal;
 display                            : inline;
 float                              : left; 
 width                              : 260px;
 margin                             : 0 0 0 0;
 text-align                         : center;

 }

#HeaderPart .ad{
 margin                             : 20px auto 10px auto;
 text-align                         : right;
 width                              : 920px;
 }
#HeaderPart .ad *{
 border                             : none;

 }



#HeaderPart #topmasse{
 text-align                         : left;
 width                              : 920px;
 margin                             : 0px auto;

}

#HeaderPart #topmasse div{
 float                              : right;
 width                              : 300px;
 color                              : #E8DFBE;
}

#HeaderPart #topmasse div h1{

 color                              : #DA544B;

}


#HeaderPart .modified{
 text-align                         : right;
 width                              : 920px;
 margin                             : 0px auto;

}


/*  */


#wrapper {
 background                         : url(../img/bg01.jpg) repeat-y bottom center;
}

#BodyPart {
 margin                             : 0px auto;
 padding                            : 0em 0em 0em 0em;
}


#BodyPart h1{
 text-align                         : center;
 margin                             : 0px 0px 0px 0px;
 padding                            : 10px 10px 20px 10px;
 color                              : #ffffff;
 text-shadow                        : 1px 1px 1px #000000;
 background                         : url(../img/bodypart.png) repeat-y top center;
 font-size                          : 2em;
}




/* パンくずリスト */

#crumbs {
 margin-bottom                      : 10px;
 background                         : url(../img/crumbs.png) repeat-y top center;
}

#crumbs ul,
#crumbs li {
 list-style-type                    : none;
 padding                            : 0;
 margin                             : 0;

}

#crumbs ul {
 width                              : 920px;
 height                             : 2.3em;
 margin                             : 0px auto;
}

#crumbs li {
 float                              : left;
 line-height                        : 2.3em;
 padding-left                       : .75em;
 color                              : #777;
}

#crumbs li a {
 display                            : block;
 padding                            : 0 15px 0 0;
 background                         : url(../img/crumbs.gif) no-repeat right center;
}

#crumbs li a:link,
#crumbs li a:visited {
 text-decoration                    : none;
 color                              : #777;
}

#crumbs li a:hover,
#crumbs li a:focus {
 color                              : #dd2c0d;
}




/* 概要 */

div.Description {
 width                              : 920px;
 margin                             : 0px auto;
 padding                            : 5px;
 text-align                         : left;
}
div.Description p{
 margin                             : 5px;
}

div.Description .NaviChapter h2{
 margin                             : 0em 0em 0em 0em;
 clear                              : both;
 background                         : #333366;
 padding                            : 5px;
 width                              : 10em;
 color                              : #ffffff;
}

div.Description .NaviChapter ul {
 background                         : #333366;
 margin                             : 0px 0px 10px 0px;
 padding                            : 0.5em 1em;
}
div.Description .NaviChapter ul li {
 margin-left                        : 0px;
 padding                            : 0em;
 width                              : 200px;
 vertical-align                     : top;
 display                            : table-cell;
 color                              : #ffffff;
}
div.Description .NaviChapter ul li:before {
 content                            : "■ ";
}

div.Description .NaviChapter ul li a{
 color                              : #ffffff;
}
div.Description .NaviChapter ul ul li {
 font-size                          : 100%;
 margin                             : 0px 0px 0px 1em;
}
div.Description .NaviChapter ul ul li:before {
 content                            : "";
}

div.Description .NaviChapter ul.nc2{
 vertical-align                     : top;
 display                            : table-cell;
 
}

div.Description .NaviChapter ul.nc2 li{
 vertical-align                     : top;
 display                            : block;
 width                              : 400px;
}

#EntryPart {
 margin-left                        : auto;
 margin-right                       : auto;
 padding                            : 30px 0px 0px 0px;
 width                              : 920px;
 min-height                         : 600px;
 background                         : url(../img/bg01.jpg) repeat-y top center;
}



#EntryPart .Section {
 padding                            : 0px 0px 10px 0px;
 margin                             : 0px 4px 10px 0px;
 text-align                         : left;
}


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10{
 display                            : inline;
 float                              : left; 
 position                           : relative;
}
.grid_1				{ width : 82px;}
.grid_2 			{ width : 174px;}
.grid_3 			{ width : 266px;}
.grid_4 			{ width : 358px;}
.grid_5 			{ width : 450px;}
.grid_6 			{ width : 542px;}
.grid_7 			{ width : 634px;}
.grid_8 			{ width : 726px;}
.grid_9 			{ width : 818px;}
.grid_10 			{ width : 910px;}




/* 10 10 920 */

.Section .grid_1,
.Section .grid_2,
.Section .grid_3,
.Section .grid_4,
.Section .grid_5,
.Section .grid_6,
.Section .grid_7,
.Section .grid_8,
.Section .grid_9,
.Section .grid_10{

 }

/* 920 */
.grid_w20,.grid_w40,.grid_w50,.grid_w60,.grid_w80{
 display                            : inline;
 float                              : left; 
 position                           : relative;
}
.grid_1s,.grid_2s,.grid_3s,.grid_4s,.grid_5s,.grid_6s,.grid_7s,.grid_8s,.grid_9s,.grid_10s{
 display                            : inline;
 float                              : left; 
 position                           : relative;
 margin                             : 0px 3px 10px 0px;
}
.grid_1s			{width:67px;}
.grid_2s 			{width:159px;}
.grid_3s 			{width:251px;}
.grid_4s 			{width:49%;}
.grid_5s 			{width:50%;}
.grid_6s 			{width:527px;}
.grid_7s 			{width:619px;}
.grid_8s 			{width:711px;}
.grid_9s 			{width:703px;}
.grid_10s 			{width:895px;}

.grid_w20 			{width:20%;}
.grid_w50 			{width:50%;}
.grid_w40 			{width:40%;}
.grid_w60 			{width:60%;}
.grid_w80 			{width:80%;}










#EntryPart .Section h2 {
 color                              : #DB544B;
 font-size                          : 20px;
 padding                            : 5px 0px 5px 0px;
 text-indent                        : 0.2em;
 text-align                         : left;
 margin                             : 0em 0em 0.5em 0em;
 text-shadow                        : 1px 1px 0px #ffffff;
 border-bottom                      : 1px #DB544B solid;
}
#EntryPart .Section h3 {
 font-weight                        : bold;
 text-align                         : left;
 font-size                          : 20px;
 background                         : none ;
 color                              : #5E7A5B;
 border-bottom                      : 1px solid #8EB88A;
 padding                            : 0em;
 margin                             : 0em 0em 0.5em 0em;
}

#EntryPart .Section h4 {
 margin-left                        : 0em;
}

.SubSection {
 padding                            : 0.2em 1em;
}


.pageNavi{
 width                              : 98%;
 text-align                         : right;
 padding                            : 0.5em;
}

.SubSection table {
 border                             : 1px solid #000000;
 margin-bottom                      : 1em;
}
.SubSection table td {
 background                         : #ffffff;
 border                             : 1px inset #71717b;
 padding                            : 0.2em 0.5em 0.2em 0.5em;
}
.SubSection table th {
 background                         : #d4d4d4;
 border                             : 1px outset #71717b;
 padding                            : 0.2em 0.5em 0.2em 0.5em;
 text-align                         : center;
}
.SubSection p{
}








.af{
 background                         : #d4d4d4;







}


.table-cell{
 display                            : table-cell;
 padding                            : 0px 5px 10px 5px;


}

.footer{
 margin-bottom                      : 1em;
 border                             : 0px solid #000000;
 clear                              : both;
 padding-bottom                     : 0.5em;

 margin-left                        : auto;
 margin-right                       : auto;
 margin-bottom                      : 10px;
 width                              : 920px;

}



#FooterPart {
 color                              : #ffffff;
 margin                             : 0em auto 0px auto;
 padding                            : 0.2em 0em 0.2em 0em;
 text-align                         : center;
 vertical-align                     : bottom;
 height                             : 300px;
 padding                            : 15px 0 15px 0; 
 background                         : url(../img/footer.jpg) no-repeat bottom center;
}

#FooterPart h3{
 color                              : #E55C53;
 font-size                          : 1.8em;
 text-align                         : left;
 margin-bottom                      : 0.5em;

}


#FooterPart .footernavi{
 width                              : 920px;
 margin                             : 0px auto;
 height                             : 280px;
 color                              : #F9F2DF;
}

#FooterPart #list1{
 width                              : 200px;
 display                            : inline;
 float                              : left; 
 position                           : relative;
 margin                             : 0px 40px 10px 0px;
 color                              : #8EB88A;
}


#FooterPart #list1 ul{
 text-align                         : left;
 padding                            : 0px;
 margin                             : 0px;
}
#FooterPart #list1 ul li{
 list-style-position                : inside;
 border-bottom                      : 1px #3B3030 solid;
 padding                            : 7px 0 7px 0; 
 margin                             : 0px;
}
#FooterPart #list1 ul li a{
 color                              : #8EB88A;
}


#FooterPart #list2{
 width                              : 440px;
 display                            : inline;
 float                              : left; 
 position                           : relative;
 margin                             : 0px 40px 10px 0px;
 text-align                         : left;
}

#FooterPart #list3{
 text-align                         : left;
 width                              : 200px;

 display                            : inline;
 float                              : right; 
 position                           : relative;
 margin                             : 0px 0px 10px 0px;
}






/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */


/*
┏┏┳───────────────────────────────
┣★┫トップ
┗┛┻───────────────────────────────
*/
/* Homepage QuickNavigation */

#TopIndex {
 background                         : #E8DFBE url(../img/bg01.jpg) repeat-y top center;
}

#TopIndex #HeaderPart {
}

#TopIndex #wrapper {
 margin                             : 40px 0px 0px 0px;
}


#TopIndex #left-Section{
 float                              : left;
 width                              : 250px;
}

#TopIndex #left-Section #twitter{
 color                              : #E8DFBE;
 text-align                         : left;
 float                              : right;
 height                             : 500px;
}

#TopIndex #right-Section{
 float                              : right;
}



#TopIndex #quicknav {
 margin                             : 0px 0px 0px 0px;
 height                             : 300px;
}
#TopIndex #quicknav .pic {
 float                              : left;
 margin-left                        : 1px;
 width                              : 209px;
 text-align                         : center;
 height                             : 308px;
}
#TopIndex #quicknav .pic:hover {
 background                         : url(../img/toplink.png) repeat-x ;
}
#TopIndex #quicknav .pic .title {
 color                              : #393939;
 font-size                          : 16px;
 margin                             : 15px;
}
#TopIndex #quicknav .pic p {
 height                             : 80px;
}

#TopIndex #quicknav .pic .title a {
 color                              : #393939;
 text-decoration                    : none;
}
#TopIndex #quicknav .pic a.button:hover {
 text-decoration                    : none;
}
#TopIndex #quicknav .pic a:hover,
h2.caption a:hover {
 text-decoration                    : underline;
}



/* --------- tweet --------- */
.tweet, .query {
 font-family                        : Georgia, serif;
 font-size                          : 120%;
 color                              : #085258;
}
.tweet .tweet_list, .query .tweet_list {
 -webkit-border-radius              : .5em;
 list-style-type                    : none;
 margin                             : 0;
 padding                            : 0;
 background-color                   : #8ADEE2;
}
.tweet .tweet_list .awesome,
.tweet .tweet_list .epic,
.query .tweet_list .awesome,
.query .tweet_list .epic {
 text-transform                     : uppercase;
}
.tweet .tweet_list li,
.query .tweet_list li {
 overflow-y                         : auto;
 overflow-x                         : hidden;
 padding                            : .5em;
}
.tweet .tweet_list li a,
.query .tweet_list li a {
 color                              : #0C717A;
}
.tweet .tweet_list .tweet_even,
.query .tweet_list .tweet_even {
 background-color                   : #91E5E7;
}
.tweet .tweet_list .tweet_avatar,
.query .tweet_list .tweet_avatar {
 padding-right                      : .5em;
 float                              : left;
}
.tweet .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {
 vertical-align                     : middle;
}

#EntryPart div.twtr-hd h3 {
 background-color                   : transparent ;
 border-bottom                      : 0px solid transparent;
}


/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */


/*
┏┏┳───────────────────────────────
┣★┫　総合案内
┗┛┻───────────────────────────────
*/


#InfoPage #wrapper {
}

#InfoPage dd {
 margin-left                        : 1em;
 margin-bottom                      : 1em;
 font-size                          : 13px;
}
#InfoPage dt{
 font-weight                        : bold;
}
#InfoPage ul.banana li {
 display                            : inline;
 list-style-type                    : none;
 margin                             : 5px 0px;
 padding                            : 0;
}
#InfoPage ul.banana li img{
 margin                             : 5px 0px;
 padding                            : 0;
}
#InfoPage table{
 padding                            : 0;
}


/* 変動リスト */

.image-grid {
  margin: -20px 0 0 -40px;
  padding-left: 45px;
  width: 940px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 170px;
  margin: 20px 0 0 5px;
  float: left;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  color: #686f74;
  height: 217px;
  overflow: hidden;
}

.image-grid li strong {
  display: block;
}

.image-grid li div{
  text-align: center;

}







/*
┏┏┳───────────────────────────────
┣★┫　イラスト
┗┛┻───────────────────────────────
*/



#CGPage #wrapper {
}


/* DEFINITION LIST PROGRESS BAR */

#CGPage dl#plan,
#CGPage dl#plan dt,
#CGPage dl#plan dd{
 margin                             : 0;
 padding                            : 0 ;

}

dl#plan dd{
 width                              : 216px;
 height                             : 41px;
 background                         : url(../cg/bg_bar.gif) no-repeat 0 0;
 position                           : relative;
}
dl#plan dd span{
 position                           : absolute;
 display                            : block;
 width                              : 200px;
 height                             : 25px;
 background                         : url(../cg/bar.gif) no-repeat 0 0;
 top                                : 8px;
 left                               : 8px;
 overflow                           : hidden;
}
dl#plan dd em{
 position                           : absolute;
 display                            : block;
 width                              : 200px;
 height                             : 25px;
 background                         : url(../cg/bg_cover.gif) repeat-x;
 top                                : 0;
}



/* イラスト　カテゴリ */

#CGPage #categori{
 display                            : inline;
 float                              : left; 
 position                           : relative;
 margin                             : 0px 5px 10px 0px;
 width                              : 530px;

}

#CGPage #categori #cate1{
 display                            : inline;
 float                              : left; 
 position                           : relative;
 width                              : 240px;
 margin                             : 0px 5px 10px 5px;

}

#CGPage #categori #cate0{
 display                            : inline;
 float                              : left; 
 position                           : relative;
 width                              : 240px;
 margin                             : 0px 5px 10px 5px;

}
#CGPage #categori #tag{
 width                              : 500px;
 display                            : inline;
 float                              : left; 
 position                           : relative;

}

#CGPage #sonota{
 margin                             : 0px 0px 10px 5px;
 display                            : inline;
 float                              : left; 
 position                           : relative;
 width                              : 340px;


}


 /*
 <div class="gyaLi1"> 
<span class="restname"> </span><br />
 <a href="index.cgi?file=0x0057"><img src="./img/0057s.png" alt="" /></a><br /><span class="title">れいむ。</span><br /> 
 <span class="data">  観覧数 : 421<br /> 霊夢（東方）<br />2010/04/23 </span> 
 </div>  */




/* イラスト選択 */
#CGPage div.gyaLi1 {
 text-align                         : center;
 width                              : 200px;
 margin                             : 0px 5px 10px 5px;
 padding                            : 5px;
 float                              : left; 
 height                             : 120px;
 border-bottom                      : 1px solid #808080;
 border-right                       : 1px solid #808080;
 background-color                   : #F3F3F3;
}
#CGPage div.gyaLi1 span.title{
 font-weight                        : bold;
}
#CGPage div.gyaLi1 span.link{
 display                            : block;
 border                             : 0px;
 vertical-align                     : bottom;
 float                              : left;
 margin                             : 0px 5px 10px 5px;
}
#CGPage div.gyaLi1 span.link img {
 border                             : 0px;
 width                              : 70px;
 
}
#CGPage div.gyaLi1 span.data {
 text-align                         : right;
 display                            : block;
 border                             : 0px;
 display                            : table-cell;
 font-size                          : 12px;
 width                              : 130px;
}
#CGPage div.gyaLi1 span.restname {
 color                              : #dc143c;
 vertical-align                     : middle;
 font-size                          : 10px;
 font-weight                        : 100;
}




/* ギャラリー */
#CGPage div#gallery {
 background                         : #ffffff;
 padding                            : 0em 0em 2em 0em;
 text-align                         : center;
}
#CGPage .NaviRelation {
 border-top                         : 1px dotted #400000;
 padding                            : 10px;
 text-align                         : right;
}

#CGPage #gallery .vcount{
 text-align                         : right;
 color                              : #808080;
 margin-right                       : 2em;
4}
#CGPage #gallery p {
 padding                            : 1em;
 text-align                         : left;
}
#CGPage #gallery p.coment {
 border-bottom                      : 1px solid #7b7bce;
 margin                             : 0em 5px 1em 5px;
 padding                            : 1em;
}
#CGPage #gallery p.data {
 color                              : #808080;
 margin                             : 0em 5px 1em 5px;
 padding                            : 0em 1em 0em 1em;
}

/* 絵板 */
#CGPage ul.pbbs {
 margin           : 0em;
}
#CGPage ul.pbbs li {
 display          : inline;
 margin-right     : 1em;
}





/*
┏┏┳───────────────────────────────
┣★┫　リンク
┗┛┻───────────────────────────────
*/



#LinkPage .SubSection{
 padding          : 5px 0em;
}


#LinkPage ul.linklist{
 padding          : 0em;
 margin           : 1em 0em 1em 2em;

 display          : inline;
 float            : left; 
 position         : relative;

}

#LinkPage .linklist li {
 background       : #F4F8F3;
 border           : 1px outset #336699;
 margin           : 0px 1em 1em 1em;
 padding          : 1em 5px;
 float            : left;
 width            : 250px;
}
#LinkPage .linklist li div {
 background       : #F4F8F3;
 margin           : 0px;
 padding          : 0em;
 font-size        : 0.8em;
}
#LinkPage .linklist li div.banana {
 font-weight      : bold;
 text-align       : center;
 height           : 40px;
}
#LinkPage .linklist li div.banana a img {
 border           : none;
 margin-left      : auto;
 margin-right     : auto;
}
#LinkPage .linklist li div.name {
 border-bottom    : 3px solid #336699;
 margin           : 10px 0px 0px 0px;
 font-weight      : 900;
}
#LinkPage .linklist li div.name span{
 font-weight      : 100;
}

#LinkPage .pageNavi{
 clear            : both;

}



/*
┏┏┳───────────────────────────────
┣★┫　知識の部屋
┗┛┻───────────────────────────────
*/

#YuuPage div.imgh1 {
 background                         : none ;
 padding-top                        : 0em;
}

#YuuPage dt {
 font-weight      : bold;
}

#YuuPage dd 
 margin-bottom    : 0.5em;
}

#YuuPage li.new {
 list-style-image : url(./brown/new.gif);
 padding-bottom   : 0.1em;
 padding-top      : 0.1em;
}

#YuuPage .HTMLReference,
#YuuPage table {
 font-size        : 95%;
}
#YuuPage code {
 background       : #f2f2f2;
 border           : 1px solid #8da4cd;
 display          : block;
 font-size        : 0.8em;
 margin           : 0.2em 2em 0.2em 2em;
 padding          : 0.2em;
 padding          : 1em;
}
#YuuPage dd p {
 margin           : 0px 1em 0.5em 0px;
}
#YuuPage dl {
 margin-left      : 1em;
}
#YuuPage p.sample {
 background       : #f2f2f2;
 border           : 1px solid #8da4cd;
 display          : block;
 font-size        : 0.8em;
 margin-left      : 2em;
 margin-right     : 2em;
 padding          : 1em;
}
#YuuPage p.sample code {
 border           : none;
 font-size        : 1em;
 margin           : 0em;
 padding          : 0.2em 0em 0.2em 0em;
}
#YuuPage p.comment {
 display          : block;
 font-size        : 0.8em;
 background       : #f2f2f2;
}



#YuuPage div.layout2a{
 width            : 300px;
 padding          : 0.2em;

}
#YuuPage div.layout2b{
 width            : 300px;
 padding          : 0.2em;

}


/* === ゲーム素材元 */
#YuuPage p#MaterialCopyright {
 line-height      : 1.2em;
 margin           : 0px 0px 10px 0px;
}
#YuuPage p#MaterialCopyright a img {
 border           : none;
 float            : left;
 margin           : 0px 5px 0px 0px;
}
#YuuPage table td {
 vertical-align   : top;

}
/* === ゲーム テーブル 枠線なし */

#YuuPage table.y01,
#YuuPage table.y01 td,
#YuuPage table.y01 th{
 border           : 0px solid #000000;
 background       : transparent;

}
/* === ゲーム テーブル 文字小さめ */

#YuuPage table.y02,
#YuuPage table.y02 td,
#YuuPage table.y02 th{
 font-size        : 100%;

}


/* === ゲーム フローチャット  */

#YuuPage table.walkthrough {
 border                             : 0px solid #000000;
}
#YuuPage table.walkthrough tr{
 border                             : 0px solid #000000;
}
#YuuPage table.walkthrough td {
 text-align                         : left;
 font-weight                        : 100;
 border                             : 0px solid #000000;
 background                         : transparent;
}
#YuuPage table.walkthrough th {
 background                         : #d4d4d4;
 border                             : 1px solid #71717b;
 text-align                         : center;
}
#YuuPage table.walkthrough td.sub {
 border                             : 0px solid #000000;
 text-align                         : center;
 font-weight                        : 900;
}
#YuuPage table.walkthrough td.sub2 {
 border                             : 0px solid #000000;
 text-align                         : center;
 font-weight                        : 900;
 vertical-align                     : middle;
}

#YuuPage table.walkthrough td.select {
 background                         : #E3E3EE;
 border                             : 1px solid #484877;
 text-align                         : center;
 font-weight                        : 900;
 font-size                          : 0.9em;
}
#YuuPage table.walkthrough td.select_a {
 background                         : #FBD2D2;
 border                             : 1px solid #484877;
 text-align                         : center;
 font-weight                        : 900;
 font-size                          : 0.9em;
}
#YuuPage table.walkthrough td.arrow {
 border                             : 0px solid #000000;
 text-align                         : center;
}
#YuuPage table.walkthrough td.event {
 background                         : #d4d4d4;
 border                             : 1px solid #000000;
 text-align                         : center;
 font-weight                        : 900;
}


#YuuPage table.walkthrough td.end {
 background                         : #330000;
 color                              : #ffffff;
 border                             : 1px solid #000000;
 text-align                         : center;
 font-weight                        : 900;
}
#YuuPage table.walkthrough div.flag {
 font-weight                        : 100;
 text-align                         : right;
}
#YuuPage table.walkthrough span.sub {
 font-weight                        : 100;
}





/* === ゲーム攻略 SRW3 */

#YuuPage #SRW3 .SubSection {
 width       : 100%;
}

#YuuPage #SRW3 .SubSection {
 width            : 100%;
}
#YuuPage #SRW3 .SubSection dd,
#YuuPage #SRW3 .SubSection dl,
#YuuPage #SRW3 .SubSection dt {
 clear            : left;
 margin           : 0em;
 padding          : 0em;
}
#YuuPage #SRW3 .SubSection dl.index ul {
 margin           : 0em 0em 1em 1em;
 padding          : 0em;
 width            : 100%;
}
#YuuPage #SRW3 .SubSection dl.index ul li {
 font-size        : 95%;
 padding          : 0.2em 0em;
 width            : 10em;
}

/* パイロットステータス */


#YuuPage #SRW3Pilot table {
 border           : 1px solid #2E5A65;
}
#YuuPage #SRW3Pilot table.pilot1,
#YuuPage #SRW3Pilot table.pilot2,
#YuuPage #SRW3Pilot table.pilot3,
#YuuPage #SRW3Pilot table.pilot4,
#YuuPage #SRW3Pilot table.pilot5 {
 margin           : 0px 5px 5px 0px;
}
#YuuPage #SRW3Pilot table.pilot6 {
 clear            : both;
}
#YuuPage #SRW3Pilot table.pilot6 td {
 white-space      : nowrap;
}


/* === ゲーム攻略 SRW3 */
#YuuPage #Utaware ol {
 margin           : 0px 5px 5px 4em;
}

#YuuPage #Utaware table.CaptureUnit1 {
 background       : #A6CCE1;
 font-size        : 0.8em;
}
#YuuPage #Utaware table.CaptureUnit1 th{
 background       : #A6CCE1;
 border           : 1px solid #ffffff;
}
#YuuPage #Utaware table.CaptureUnit1 td{
 border           : 1px solid #ffffff;
}

#YuuPage #Utaware table.CaptureUnit2 {
 background       : #E6A2AC;
 font-size        : 0.8em;
}
#YuuPage #Utaware table.CaptureUnit2 th{
 background       : #E6A2AC;
 border           : 1px solid #ffffff;
}
#YuuPage #Utaware table.CaptureUnit2 td{
 border           : 1px solid #ffffff;
}


#YuuPage #rendering .logo {
 margin-right     : 1em;
 margin-bottom    : 1em;
 float            : left;
}


/* ■■■■■■ HTML-Reference */



#YuuPage #HTML-Reference-index h3 {
 margin                             : 10px 0px 0px 0px;
 background                         : #000066 url(../img/h1_1.png) no-repeat right top;
 color                              : #eeeeee;
 font-size                          : 1em;
 padding                            : 5px 0px 5px 0px;
 text-indent                        : 0.2em;
 text-align                         : left;
 border-bottom                      : 1px solid #333399;
}
#YuuPage #HTML-Reference-index h4 {
 font-size                          : 1em;
 background                         : none ;
 color                              : #333399;
 padding                            : 0em;
 margin                             : 0.5em 0.5em 0em 0.5em;
 border-bottom                      : 1px solid #333399;

}
#YuuPage #HTML-Reference-index .SubSection {
 margin                             : 0px;
}
#YuuPage #HTML-Reference-index ul {
 margin                             : 5px 0px 0px 30px;
 padding                            : 0em;
}
#YuuPage #HTML-Reference-index ul li{
 margin                             : 0px;
 padding                            : 0em 0em 0em 0em;
}


.HTML-Reference #wrapper{
 margin                             : 1em;
}

#YuuPage .HTML-Reference .Section {
 list-style-image                   : none;
}
#YuuPage .HTML-Reference .Section div {
 margin                             : 0em 0em 1em 0em;
 padding                            : 0.5em 1em 1em 1em;
}
#YuuPage .HTML-Reference .Section table {
 background                         : #ffffff;
 border                             : 1px solid #ffffff;
 font-size                          : 0.9em;
 margin                             : 0.5em;
}
#YuuPage .HTML-Reference .Section td {
 background                         : #d9d7ff;
 border                             : 1px solid #ffffff;
 padding                            : 0.3em 0.5em 0.2em 0.5em;
}
#YuuPage .HTML-Reference .Section th {
 background                         : #292c89;
 border                             : 1px solid #ffffff;
 color                              : #d9d7ff;
 font-weight                        : normal;
 padding                            : 0em 0.2em 0em 0.2em;
 text-align                         : center;
}


/* □□□ Element */
#YuuPage .HTML-Reference #Element table{
 background                         : #d9d7ff;
}
#YuuPage .HTML-Reference #Element caption{
 padding                            : 0.2em;
 background                         : #efefef;
}
#YuuPage .HTML-Reference #Element th{
 padding                            : 0.2em;
}

#YuuPage .HTML-Reference #Element th img{
 margin                             : 5px;
 vertical-align                     : middle;
}
#YuuPage .HTML-Reference #Element td.Support-1 {
 white-space      : pre;
}
#YuuPage .HTML-Reference #Element td.Support-2,
#YuuPage .HTML-Reference #Element td.Support-3 {
 font-size        : 1em;
 line-height      : 1em;
}
#YuuPage .HTML-Reference #Element tr.a td {
 background       : #d9d7ff;
}
#YuuPage .HTML-Reference #Element tr.b td {
 background       : #C4BFE1;
}
#YuuPage .HTML-Reference #Element tr.d td {
 background       : #efefef;
 color            : #7f7f7f;
}
#YuuPage .HTML-Reference #Element tr.d th {
 background       : #7f7f7f;
 color            : #efefef;
}


/* □□□ Attribute */

#YuuPage .HTML-Reference #Attribute{
 background-color : #FFFFFF;
 width            : 1220px;
 padding          : 1em 0em;
 border-radius                      : 25px 25px 25px 25px / 25px 25px 25px 25px;
 box-shadow                         : 0px 0px 3px 3px rgba(255,255,255,0.4);


}
#YuuPage .HTML-Reference #Attribute h2{
 background                         : #000066 url(../img/h1_1.png) no-repeat left top;
 margin                             : 1em;
}
#YuuPage .HTML-Reference #Attribute h3{
 margin                             : 1em 0em 0em 0em;
}



#YuuPage .HTML-Reference #Attribute SubSection{
 padding          : 0em;
}

#YuuPage .HTML-Reference #Attribute ul {
 margin           : 0em 0em 0em 4em;
 padding          : 0em;
}

#YuuPage .HTML-Reference #Attribute li {
 line-height      : 1em;
 margin           : 0em;
 padding          : 0em;
 font-size        : 0.8em;
 list-style-type  : none;
}

#YuuPage .HTML-Reference #Attribute table {
 background       : #3366FF;
 border           : 1px solid #7b7bce;
 line-height      : 1.2em;
 margin           : 0em 0em 1em 0em;
}
#YuuPage .HTML-Reference #Attribute th {
 padding          : 1px;
 font-family      : "ＭＳ Ｐゴシック";
 line-height      : 10px;
 padding          : 5px 0px;
}
#YuuPage .HTML-Reference #Attribute th img{
 width            : 13px;
}

#YuuPage .HTML-Reference #Attribute td {
 background       : #d9d7ff;
 border           : 1px solid #ffffff;
 font-family      : "ＭＳ Ｐゴシック";
 padding          : 5px 0px;
 text-align       : center;
 vertical-align   : text-top;
 font-size        : 11px;
}
#YuuPage .HTML-Reference #Attribute td a {
 color            : #000000;
}
#YuuPage .HTML-Reference #Attribute td small {
 font-size        : 0.9em;
 font-weight      : 100;
}

#YuuPage .HTML-Reference #Attribute td.attribute {
 font-size        : 13px;
 padding          : 2px;

 white-space      : nowrap;
}

#YuuPage .HTML-Reference #Attribute td.Coment {
 background       : #ffffff;
 padding-left     : 1em;
 padding-bottom   : 1em;
 text-align       : left;
 font-size        : 13px;
}
#YuuPage .HTML-Reference #Attribute td.Coment blockquote,
#YuuPage .HTML-Reference #Attribute td.Coment p {
 margin           : 0.5em;
}
#YuuPage .HTML-Reference #Attribute td.Coment dl,
#YuuPage .HTML-Reference #Attribute td.Coment ul {
 margin           : 0em 0em 0em 3em;
}
#YuuPage .HTML-Reference #Attribute td.Coment li {
 font-size        : 1em;
}
#YuuPage .HTML-Reference #Attribute td.Coment dt {
 float            : left;
}
#YuuPage .HTML-Reference #Attribute td.Coment dd {
 margin-bottom    : 0em;
 text-indent      : 1em;
}
#YuuPage .HTML-Reference #Attribute td.Coment dl ul {
 margin           : 0em;
}
#YuuPage .HTML-Reference #Attribute td.Coment dl.l dd dt {
 float            : none;
}


#YuuPage .HTML-Reference #Attribute td.Hc,
#YuuPage .HTML-Reference #Attribute td.Hi,
#YuuPage .HTML-Reference #Attribute td.H10,
#YuuPage .HTML-Reference #Attribute td.H20,
#YuuPage .HTML-Reference #Attribute td.H2x,
#YuuPage .HTML-Reference #Attribute td.Hp,
#YuuPage .HTML-Reference #Attribute td.H30,
#YuuPage .HTML-Reference #Attribute td.H32,
#YuuPage .HTML-Reference #Attribute td.H4m,
#YuuPage .HTML-Reference #Attribute td.H4s,
#YuuPage .HTML-Reference #Attribute td.H4t,
#YuuPage .HTML-Reference #Attribute td.H4f,
#YuuPage .HTML-Reference #Attribute td.H50{
 background       : #dadfed;
}

#YuuPage .HTML-Reference #Attribute td.X10s,
#YuuPage .HTML-Reference #Attribute td.X10t,
#YuuPage .HTML-Reference #Attribute td.X10f,
#YuuPage .HTML-Reference #Attribute td.X11,
#YuuPage .HTML-Reference #Attribute td.X20,
#YuuPage .HTML-Reference #Attribute td.Xb,
#YuuPage .HTML-Reference #Attribute td.Xb12,
#YuuPage .HTML-Reference #Attribute td.Xmp12,
#YuuPage .HTML-Reference #Attribute td.Xmp {
}





#YuuPage .HTML-Reference #Attribute td.Bie,
#YuuPage .HTML-Reference #Attribute td.Bf,
#YuuPage .HTML-Reference #Attribute td.Bs,
#YuuPage .HTML-Reference #Attribute td.Bc,
#YuuPage .HTML-Reference #Attribute td.Bo,
#YuuPage .HTML-Reference #Attribute td.Bsm,
#YuuPage .HTML-Reference #Attribute td.Bmo ,
#YuuPage .HTML-Reference #Attribute td.Bm ,
#YuuPage .HTML-Reference #Attribute td.Bn {
 background       : #dadfed;
 white-space      : nowrap;
}
#YuuPage .HTML-Reference #Attribute td.Mp3,
#YuuPage .HTML-Reference #Attribute td.Ma,
#YuuPage .HTML-Reference #Attribute td.Mpp,
#YuuPage .HTML-Reference #Attribute td.Mwi,
#YuuPage .HTML-Reference #Attribute td.Mds,
#YuuPage .HTML-Reference #Attribute td.Mnf,
#YuuPage .HTML-Reference #Attribute td.Ms,
#YuuPage .HTML-Reference #Attribute td.Mez,
#YuuPage .HTML-Reference #Attribute td.Mi1,
#YuuPage .HTML-Reference #Attribute td.Mi2,
#YuuPage .HTML-Reference #Attribute td.My {
 white-space      : nowrap;
}



/* 強調 */
#YuuPage .HTML-Reference #Attribute td.H4s,
#YuuPage .HTML-Reference #Attribute td.H4t,
#YuuPage .HTML-Reference #Attribute td.H4f,
#YuuPage .HTML-Reference #Attribute td.X11,
#YuuPage .HTML-Reference #Attribute td.Bie,
#YuuPage .HTML-Reference #Attribute td.Bf,
#YuuPage .HTML-Reference #Attribute td.Bs,
#YuuPage .HTML-Reference #Attribute td.Bc,
#YuuPage .HTML-Reference #Attribute td.Bo
{
}
/*
*/
#YuuPage .HTML-Reference #DTD blockquote{
 font-size        : 12px;
}













.splitter {
  text-align: center;
  background-color: #C08983;
  padding: 6px 40px 5px;
  font-size: 12px;
}

.splitter:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.splitter ul {
  margin-right: 0;
  margin-top: 0;
}

.splitter > li {
  padding-left: 8px;
}

.splitter > li ul {
  margin-left: 8px;
}

.splitter ul li a {
  border-bottom: 0;
  position: static;
}

.splitter li,
.splitter ul,
.splitter ul li a  {
  display: inline;
  display: inline-block;
  line-height: 1;
}

.splitter ul,
.splitter ul li,
.splitter ul li a {

  background-repeat: no-repeat;
}

.splitter ul {
  background-position: 0 -138px;
  background-repeat: repeat-x;
}

.splitter ul li {
  margin-left: 1px;
}

.splitter ul li:first-child {
  margin-left: 0;
}

.splitter ul li a {
  padding: 5px 8px 6px;
  color: #070708;
  text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
  text-decoration: none;
}

.splitter ul li.segment-0,
.splitter ul li.segment-2 {
  background-position: -3px -92px;
}

.splitter ul li.segment-1 {
  background-position: 0 -92px;
}

.splitter ul li.segment-0 a,
.splitter ul li.segment-1 a {
  background-position: 0 -161px;
}

.splitter ul li.segment-2 a {
  background-position: 100% -115px;
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a,
.splitter ul li.selected-2 a {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;
}

.splitter ul li.selected-0,
.splitter ul li.selected-2 {
  background-position: 0 -23px;
}

.splitter ul li.selected-0 a,
.splitter ul li.selected-1 a {
  background-position: 100% -46px;
}

.splitter ul li.selected-1 {
  background-position: 0 0;
}

.splitter ul li.selected-2 a {
  background-position: 100% -69px;
}