BODY {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
    }
    
body#adred {
        background: #000000;
	}
	
body#adblue {
        background : #000000 url(img/blue_bg.gif) repeat-x;
	}
	
body#adyellow {
        background : #000000 url(img/yellow_bg.gif) repeat-x;
	}
	
body#adgreen {
        background : #000000 url(img/green_bg.gif) repeat-x;
	}
	
body#adpink {
        background : #000000 url(img/pink_bg.gif) repeat-x;
	}
	
body#adkiller {
        background : #000000 url(img/killer_bg.gif) repeat-x;
	}
	
body#adblack {
        background : #000000 url(img/black_bg.gif) repeat-x;
	}
	
A:LINK {
	color : navy;
    text-decoration: none;
	}



a:active {
    text-decoration: none;
	}



h1, h2, h3, h4, h5, p, ul, li, td {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: small;
	line-height: 140%;
	}
	
img {
    border: 0px;
	}

div#character { position:fixed; bottom:0px; left:0px; }

#character img {
    behavior: url(pngbehavior.htc);
	}
	
span.jap {
        display: none;
        }
	
#wrapper {
    padding: 0px;
    margin: 0px;
	}
	
#header{
    padding: 36px 0px 18px 0px;
	text-align: center;
	}
	
/*body#adpink #header {
    background: url(./img/pink_budge.png) 18px 35px no-repeat;
	}*/
	
#header ul {
        list-style-type: none;
        margin-top: 1px !important;
		margin-top: -8px;
        }

#header li {
    font-size: 13px;
    color: #999999;
    display: inline;
	font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Verdana, Arial, Helvetica, sans-serif;
        }
	
#header h2 {
	font-size: small;
    color: #999999;
	margin-top: 26px;
    }
		
ul#menu-block {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px !important;
	margin-bottom: 0px;
	width: 750px;
	}
	
ul#menu-block li {
    display: block;
	float: left;
	border-left: 1px solid #999;
	line-height: 100%;
	/*\*//*/
	width: 1px;
	padding: 0px 6px;
	margin-bottom: 20px;
	/**/
	}
	
li.first-menu {
    margin-left: 200px !important;
	margin-left: 100px;
    }
	
ul#menu-block li a {
    padding: 0px 6px 20px 6px;
	line-height: 100%;
	}
	
li.last-menu {
    border-right: 1px solid #999;
	}
	
ul#menu-block li ul {
	display: none;
	z-index: 200;
    position: absolute;
	padding: 0px;
	top: 135px;
	}
	
ul#menu-block li:hover ul {
	display: block;
	}
	
ul#menu-block li ul li {
	display: block;
	float: none;
	text-align: left;
	border: none;
	}
	
ul#menu-block li ul li a {
    display: block;
	padding: 3px 5px;
	background: url(http://www.adranger.net/img/listmenu_bg.png);
	font-size: 11px;
	color: #CCC;
	}
	
ul#menu-block li ul li a:hover {
	background: url(http://www.adranger.net/img/listmenu_bg2.png);
	color: #FFF;
	}
	 
#container {
    margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 750px;
	clear: both;
	}
	
body#adred div#container {
        border-top: 20px solid #CC0000;
	}
	
body#adblue div#container {
        border-top: 20px solid #0033CC;
	}
	
body#adyellow div#container {
        border-top: 20px solid #FFCC33;
	}
	
body#adgreen div#container {
        border-top: 20px solid #009900;
		width: 770px;
	}
	
body#adpink div#container {
        border-top: 20px solid #FF66CC;
	}
	
body#adkiller div#container {
        border-top: 20px solid #FFFFFF;
	}
	
body#adblack div#container {
        border-top: 20px solid #000000;
	}
	
#banner {
        height: 40px; 
	background : #444444 url(img/banner_bg.png) repeat-x;
        }
	
.page-title {
          float: left;
          width: 350px;
          overflow: hidden;
          }
	  
.page-title h1 {
         color: #FFFFFF;
         text-align: left;
	 padding-left: 20px;
	 padding-top: 10px;
         font-size: 18px;
         line-height: 100%;
         }

#banner h1 a, #banner h1 a:link, #banner h1 a:visited {
         color: #FFFFFF;
         text-decoration: none;
         }
		 
#banner h1 a:hover {
        color: #CCC;
		}

.page-menu {
          float: right;
          width: 300px;
          overflow: hidden;
          }

.page-menu p {
    padding: 10px 25px 0px 0px;
    text-align: right;
    font-size: 13px;
    color: #999999;
	font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Verdana, Arial, Helvetica, sans-serif;
          }
	
ul#page-menu {
    float: right;
    width: 300px;
	list-style: none;
	margin: 13px 25px 0px 0px !important;
	margin: 13px 15px 0px 0px;
	text-align: right;
	}
	
ul#page-menu li {
	 border-left: 1px solid #999;
	 float: right;
	 line-height:  100%;
	 margin: 0px;
	 padding: 0px 6px;
	 font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Verdana, Arial, Helvetica, sans-serif;
	 /*\*//*/
	width: 1px;
	padding: 0px 6px;
	margin-top: 13px;
	/**/
	}
  
.content {
	color: #666666;
	text-align: center;
	/*width: 750px;*/
	padding: 50px 0px;
	background : #e2e2e2 url(img/content_bg.png);
	}
	
p#bgm-popup {
    padding: 20px 0px 10px 0px;
	}
	
p#bgm-dsc {
    padding: 10px 0px 25px 0px;
	}
	
.content p a {
    text-decoration: underline;
	}
	
body#adred .content a:hover {
    color: #CC0000;
    text-decoration: none;
	}
	
body#adblue .content a:hover {
    color: #0033CC;
    text-decoration: none;
	}
	
body#adyellow .content a:hover {
    color: #FFCC33;
    text-decoration: none;
	}
	
body#adgreen .content a:hover {
    color: #009900;
    text-decoration: none;
	}
	
body#adpink .content p a:hover {
    color: #FF66CC;
    text-decoration: none;
	}
	
body#adkiller .content p a:hover {
    color: #E2E2E2;
    text-decoration: none;
	}
	
body#adblack .content p a:hover {
    color: #000000;
    text-decoration: none;
	}
	
.main {
    background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	color: #333333;
	margin: 0px 50px;
	padding: 20px;
	text-align: center;
	}
	
#footer{
        margin-top: 13px;
	padding-bottom: 20px;
	}
	
#footer ul {
    list-style-type: none;
        }

#footer li {
    font-size: 12px;
    color: #999999;
    display: inline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
        }

address {
    margin-top: 10px;
    font-size: 11px;
    color: #999999;
    font-style: normal;
	font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Verdana, Arial, Helvetica, sans-serif;
        }
	
#character {
	position:fixed;
	bottom: 0px;
	left: 0px;
	/*\*//*/
	text-align: right;
	/**/
        }
	
body#adred #character img  {
        margin-right: 30px;
	}
	
body#adblue #character img  {
        margin-right: 30px;
	}
	
body#adyellow #character img  {
        margin-right: 30px;
	}
	
body#adgreen #character img  {
        margin-right: 30px;
	}
	
body#adpink #character img {
     _margin-right: 18px;
	 }
	
body#adkiller #character img  {
        margin-right: 20px;
	}
	
/*
----------------------------------------------
ADRED
----------------------------------------------
*/
		  
#headline .main {
	padding: 10px 45px 40px 45px;
	text-align: left;
	}
	
#headline .main h2 {
   font-size: 14px;
   margin: 30px 0px 7px 0px;
   line-height: 100%;
   padding: 4px 6px 4px 6px;
   font-weight: bold;
   background : url(img/blog_title_bg.png) repeat-x;
   }
   
#headline a {
    text-decoration: none;
	}
   
#headline .main h2 a {
    color: #FFFFFF;
	}
	
#headline .main h2 a:hover {
    color: #CCCCCC;
	}
	
#headline .main h2 a:visited {
    color: #FFFFFF;
	}
	
#headline .main h3 {
    font-size: 14px;
	padding: 5px 0px;
	font-weight: bold;
	}
	
#headline .main p {
    font-size: 12px;
	}
	
.desc {
    border: 1px solid #CCCCCC;
	margin-top: 7px;
	padding: 3px 10px 10px 10px;
	}
	
#headline p.rss {
    font-size: 11px;
	}
	
.small {
    font-size: 80%;
	font-weight: normal;
	}
		 
p.hosoku {
    margin: 0px;
	padding: 8px 0px 0px 3px;
	font-size: 11px;
	line-height: 100%;
	}
	
#scenario .main {
    padding: 40px 60px;
    }
	
#scenario form p {
    font-size: 16px; 
    border: 1px solid #CCC; 
    margin: 25px 0px; 
    padding: 10px; 
    background-color: #F2F2F2;
    text-align: center; 
    }
	
#scenario h2 {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #CC0000;
    margin: 10px 20px;
    }
	
#scenario ul {
    text-align: left;
    margin: 10px 20px;
    padding: 0px;
    list-style-position: inside;
    }
	
#scenario li {
    font-size: 12px;
    }
	
p#scenario-attend {
    font-size: 12px;
    text-align: left;
    margin: 0px 20px;
    }
	
#scenario-2 {
    background-image: none;
    text-align: left;
    background-color: #FFF;
    padding: 50px;
    }
	
#scenario-2 p {
    font-size: 40px;
    font-weight: bold;
    height: 295px;
    display: none;
    }
	
#scenario-2 p#s_0 {
    display: block;
    }
	
#scenario-2 p.pagenate {
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    display: block;
    text-align: center;
    }
	
#scenario-2 form {
    display:none;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 20px;
    }
	
#scenario-2 form#f_0 {
    display: block;
    }
	
/*
----------------------------------------------
ADPINK
----------------------------------------------
*/

#colorbox1 {
    background-color: #CCCCCC;
	background-image: none;
	font-size: x-small;
	line-height: 220%;
	padding-top: 0px;
	}

#colorbox1 h2 {
    padding-bottom: 5px;
	}
	
#club h2 {
    font-size: large;
	color: #333333;
	margin-top: 10px;
	}
	
#club p {
    margin: 15px;
	}
	
#club th, #club td {
    padding: 6px 8px 6px 8px;
	font-size: small;
	}
	
#adpink .red {
    color: #FF66CC;
     }
	
/*
----------------------------------------------
ADYELLOW
----------------------------------------------
*/

#copy {
    padding: 80px 150px;
	}
	
#copy #box {
	text-align: center;
	border:1px solid #CCCCCC;
	padding: 95px 0px 105px 0px;
	background-color: #FFFFFF;
    }
	
#copy #box p {
    margin-bottom: 20px;
	}
	
.copy-result {
    background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	width: 750px;
	height: 460px;
	}
	
.copy-result h2 {
    font-size: medium;
	padding: 60px 0px 70px 0px;
	}
	
.copy-result p {
    font-size: 40px;
	padding: 0px 40px 0px 40px;
	height: 220px;
	font-weight: bold;
	line-height: 140%;
	}
	
.copy-result input {
    width: 80px;
	}
	
#html .main {
    padding: 35px 50px 30px 50px;
	text-align: left;
	}
	
#html h3 {
    border-bottom: 1px solid #999999;
	color: #333333;
	margin-bottom: 10px;
	}
	
#html p {
    font-size: 12px;
	line-height: 150%;
	padding-top: 5px;
	padding-bottom: 20px;
	}
	
form#atd-btn {
    margin: 0px auto;
	text-align: center;
	}
	
#atd-btn input {
    width: 100px;
	}
	
#screen-shot {
	border: 1px solid #BBBBBB;
	margin: 10px 0px 35px 0px;
	}
		  
#katakana {
    background: #FFF;
	padding: 5px 40px 20px 40px;
	}
	
#katakana .search-form {
	clear: both;
	padding: 20px 0px 0px 0px !important;
	padding: 0px;
	}
	
#katakana .search-form p {
    height: auto !important;
    height: 14px;
	}
	
#katakana input.submit-button {
    width: 50px;
	}
	
#katakana h2 {
    text-align: left;
	font-size: 16px;
	padding: 3px 0px 3px 2px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	color: #666;
	margin-bottom: 23px;
	margin-top: 20px;
	font-weight: bold;
	height: auto !important;
	height: 22px;
	}
	
#katakana ul {
    list-style-type: none;
	}
	
#katakana li {
    text-align: left;
	line-height: 100%;
	width: 335px;
	font-size: 14px;
	margin-bottom: 11px;
	float: left;
	}
	
#katakana li span {
    font-size: 12px;
	}
	
#katakana li a {
	color: #8F7000;
	font-weight: bold;
	background: url(http://jagjag.net/img/file_icon.gif) 5px 0px no-repeat !important;
	background: url(http://jagjag.net/img/file_icon.gif) 5px 3px no-repeat;
	padding-left: 20px;
	padding-right: 0px !important;
	padding-right: 5px;
	}
	
#katakana li a:hover {
    color: #854713;
	}
	
#slogan {
    border:1px solid #CCCCCC;
    padding: 67px 60px 53px 60px;
    background-color: #FFFFFF;
    }
    
#slogan p {
    text-align: left;
    font-size: 13px;
    }
    
#slogan input {
    width: 80px;
    }
    
#slogan a {
    text-decoration: none;
    color: #8F7000;
    }
    
#create-form {
    padding: 50px 0px 0px 0px;
    }
    
#slogan-result p {
    text-align: left;
    padding: 0px 50px 0px 55px;
	height: 185px;
    }
	
#slogan-result a {
    color: #000;
	}
	
#slogan-result a:hover {
    color: #999;
	}
	
p#slogan-attend {
    font-size: 11px;
	color: #666;
	font-weight: normal;
	margin: 0;
	padding: 15px 0px 0px 0px;
	height: auto;
	}
	
/*
----------------------------------------------
ADGREEN
----------------------------------------------
*/
	
#top-banner {
    background-color: #555555;
    height: 40px; 
	}
	
#turn {
    padding: 40px 0px 20px 0px;
	}
	
#turn p {
    margin: 5px 0px 0px 0px;
	}
	
#turn a {
    text-decoration: none;
	}
	
#adgreen .red {
    color: #009900;
     }
	 
/*
----------------------------------------------
ADKILLER
----------------------------------------------
*/

#monitor .main {
    padding: 30px 60px;
    }
#monitor ul {
    list-style-type: none;
    text-align: left;
    }
#monitor li {
    font-size: 12px; 
    display: inline; 
    margin: 0px 10px 0px 0px;
    }
#monitor p {
    margin: 10px 0px; 
    text-align: left; 
    font-size: 12px;
    }
#monitor form p {
    font-size: 16px; 
    border: 1px solid #CCC; 
    margin: 25px 0px; 
    padding: 10px; 
    background-color: #F2F2F2;
    text-align: center; 
    }
#monitor a:hover {
    color: #666;
    }
#monitor p#hosoku {
    font-size: 10px;
    }
	
/* WIN-IE HACK \*/
	
* html #character {
    position: absolute;
	bottom: -5px;
	right: 0px;
    }
	
html, body {
    _height: 100%;
	_overflow: hidden;
	_width:auto;
	_background-image: none;
	}
	
* html #wrapper {
    overflow-y: auto;
	height: 100%;
	}
	

* html body#adred #wrapper {
    background: #000000 url(./img/red_bg.gif) repeat-x;
    }
	
* html body#adblue #wrapper {
    background: #000000 url(./img/blue_bg.gif) repeat-x;
    }
	
* html body#adyellow #wrapper {
    background: #000000 url(./img/yellow_bg.gif) repeat-x;
    }
	
* html body#adgreen #wrapper {
    background: #000000 url(./img/green_bg.gif) repeat-x;
    }
	
* html body#adpink #wrapper {
    background: #000000 url(./img/pink_bg.gif) repeat-x;
    }
	
* html body#adkiller #wrapper {
    background: #000000 url(./img/killer_bg.gif) repeat-x;
    }
	
* html body#adblack #wrapper {
    background: #000000 url(./img/black_bg.gif) repeat-x;
    }
A:VISITED{
  color : navy;
  text-decoration : none;
}
A:HOVER{
  color : maroon;
}