*{
margin:0;
padding:0;
}

html{
height: 100%;
}

body{
height: 96%;
}

body > #container{
height:auto;
}

body {
text-align: center;
font: normal 12px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
background-image: url("../images/back_color.jpg");
background-repeat : repeat-x;
background-attachment: scroll;
background-position: top;
background-color: #FFFFFF;
margin: 0px;
line-height: 150%;
}

#container {
width: 100%;
height: auto; 
min-height:100%;
margin: 0px auto;
padding-top: 40px;
text-align: center;
background-color: #FFFFFF;
border-top: #C6C6C6 1px solid;
}

#main {
width: 900px;
height: auto;
padding: 0;
text-align: left;
margin: auto;
}

#header {
width: 740px;
height: 75px;
padding: 0px;
margin: 30px auto 0 auto;
text-align: left;
clear: both;
background-image: url("../images/header_logo.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#header_index {
width: 740px;
height: 75px;
padding-bottom: 0px;
margin: 30px auto 20px auto;
text-align: left;
clear: both;
background-image: url("../images/header_logo.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#header_artschool {
width: 740px;
height: 75px;
padding: 0px;
margin: 30px auto 0 auto;
text-align: left;
clear: both;
background-image: url("../images/header_logo.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#header_articket {
width: 900px;
height: auto;
padding: 0px;
margin: 0px auto;
text-align: left;
clear: both;
}

.header_logo {
float: left;
}

#header_menu {
width: 900px;
height: auto;
margin-top: 40px;
padding-top:34px;
float: rleft;
text-align: right;
font-size: 11px;
background-image: url(../images/maxmagazine_logo.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#right {
width: 720px;
height: auto;
margin: 0px 90px;
float: right;
text-align: left;
font-size: 11px;
}

#left {
width: 150px;
height: auto;
margin-left: 10px;
float: left;
text-align: left;
font-size: 11px;
}

#left img {
margin-bottom: 15px;
}

#left_other {
width: 150px;
height: auto;
margin-left: 10px;
padding-top: 20px;
float: left;
text-align: left;
font-size: 11px;
}

#left_other img {
margin-bottom: 15px;
}

#concept {
width: 720px;
height: auto;
margin-top: 20px;
float: left;
text-align: left;
font-size: 11px;
}

#concept h3{
font-size: 12px;
font-weight: normal;
line-height: 200%;
}

#about {
width: 710px;
height: auto;
margin-top: 20px;
float: left;
text-align: left;
font-size: 12px;
line-height: 200%;
}

#sublink {
width: 720px;
height: auto;
margin-top: 10px;
float: left;
text-align: left;
font-size: 11px;
}

#index_gallery {
width: 720px;
height: auto;
margin-top: 30px;
padding-top: 35px;
float: left;
text-align: left;
font-size: 11px;
background-image: url(../images/index_gallery_title.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#index_gallery2 img{
margin: 0px 10px 10px 0px;
}

#index_gallery2 {
width: 720px;
height: auto;
padding-top: 35px;
float: left;
text-align: left;
font-size: 11px;
background-image: url(../images/index_gallery_title.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#index_gallery img{
margin: 0px 10px 10px 0px;
}



#mangaevent {
width: 720px;
height: auto;
margin-top: 30px;
padding-top: 35px;
float: left;
text-align: left;
font-size: 11px;
line-height: 160%;
background-image: url(../images/information.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#mangaevent h1{
font-size: 16px;
font-weight: bold;
color: #323C5A;
margin-bottom: 5px;
}

#mangaevent h2{
font-size: 14px;
font-weight: bold;
color: #B33939;
margin-bottom: 5px;
}

#mangaevent h3{
font-size: 13px;
font-weight: bold;
color: #666666;
}

#profile {
width: 310px;
height: auto;
margin-top: 20px;
float: left;
text-align: left;
font-size: 11px;
line-height: 160%;
}

#profile h2{
font-size: 14px;
font-weight: bold;
color: #B33939;
margin-bottom: 5px;
}

#profile h3{
font-size: 12px;
font-weight: normal;
color: #666666;
margin-bottom: 20px;
}

#eventoutline {
width: 350px;
height: auto;
margin-top: 20px;
margin-right: 10px;
padding: 15px;
float: right;
text-align: left;
font-size: 13px;
line-height: 190%;
background-color: #E7E7E7;
}

#index_gallery img{
margin: 0px 10px 10px 0px;
}

.concept {
margin-right: 10px;
}

#index_footer_news {
width: 720px;
height: auto;
margin: 0px;
padding: 20px 0px;
float: left;
text-align: left;
font-size: 11px;
}

#index_news {
width: 350px;
height: auto;
padding-left: 3px;
padding-top: 35px;
margin-right: 17px;
text-align: left;
float: left;
background-image: url(../images/index_news_title.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#index_news p {
margin-bottom: 15px;
}

#index_news img{
padding: 0;
margin: 0 10px;
}

#index_news h2{
font-size:11px;
font-weight: normal;
width: 50px;
color: #003399;
float:left;
}

#index_news h3{
font-size:11px;
font-weight: normal;
width: 290px;
color: #333333;
float:right;
}

#index_news_beta {
width: 344px;
clear: both;
margin-bottom: 10px;
}

#index_link {
width: 340px;
height: auto;
margin-right: 10px;
float: right;
}

#index_link img {
margin-bottom: 10px;
}

#index_footer_news {
width: 720px;
height: auto;
margin: 0px;
padding-top: 20px;
float: left;
text-align: left;
font-size: 11px;
}

#header_menu_index {
width: 635px;
height: 20px;
margin: 30px 0px 22px 0px;
float: right;
text-align: left;
font-size: 11px;
}

#header_menu_index img{
margin-right: 20px;
float: left;
}

#menu {
width: 163px;
height: 23px;
text-align: right;
margin: auto;
float: right;
}

.menu {
padding-right: 3px;
}

.navi {
padding-right: 10px;
}

#navi {
width: 740px;
height: auto;
text-align: left;
margin: auto;
border-bottom: 1px solid #999999;
}


.top {
margin: 12px 0px;
}

.lead {
margin: 35px 0px 10px 0px;
}

#header_search {
width: 437px;
margin: 0px;
float: right;
text-align: right;
}

.search {
vertical-align: bottom;
}

#footer {
width: 900px;
height: auto;
margin: 3px auto;
padding: 3px 0;
font-size:10px;
text-align: center;
background-color: #666666;
color: #FFFFFF;
clear: both;
}

#footer_cont {
width: auto;
height: auto;
margin: 0px;
padding: 0;
font-size:11px;
text-align: center;
background-color: #666666;
clear: both;
}

#index_content{
width: 800px;
height: auto;
clear: both;
line-height: 200%;
margin: 40px auto 40px auto;
border: #666666 1px solid;
}

.index_content{
text-align: left;
margin: 0px 0px 20px 40px;
}

.index_topimage {
margin-bottom: 20px;
}

#index_press {
width: 280px;
height: auto;
margin-right: 10px;
float: left;
background-image: url("../images/index_press.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#index_banner {
width: 740px;
height: auto;
margin: 0;
padding: 0;
text-align: left;
clear:both;
}

.index_banner {
padding-right: 10px;
}

.title {
padding-bottom: 10px;
}

#alpha{
width: 720px;
height: auto;
margin: 20px auto;
text-align: left;
float: right;
}

#alpha h3{
text-align: left;
line-height: 180%;
float: left;
}

#alpha h4{
width: 370px;
font-size:12px;
font-weight: normal;
text-align: left;
margin-right: 20px;
line-height: 180%;
float: left;
}

.h4{
font-size:12px;
font-weight: normal;
text-align: left;
margin-right: 20px;
line-height: 180%;
float: left;
}

.view {
margin-top: 20px;
}

#beta_box {
width: 370px;
font-size:12px;
font-weight: normal;
text-align: left;
line-height: 180%;
float: left;
}

#beta {
width: 370px;
font-size:12px;
font-weight: normal;
text-align: left;
margin-bottom: 10px;
line-height: 180%;
float: left;
}

#service_beta {
width: auto;
font-size:12px;
font-weight: normal;
text-align: left;
margin-bottom: 20px;
line-height: 180%;
clear:both;
}

#service_beta_box {
width: 660px;
margin: 20px 0px 20px 0px;
padding: 20px 20px 0px 20px;
border: #333333 1px solid;
clear:both;
}

#service_beta_test {
width: 660px;
margin: 0px 0px 20px 0px;
clear:both;
}

.link_mark {
padding: 0px 0px 5px 20px;
background: url(../images/gl_mark.jpg) no-repeat 0px 0px;
}


#yajirushi {
width: 660px;
margin: 20px 0px 20px 20px;
text-align: center;
clear:both;
}

#service_gamma {
width: 400px;
font-size:12px;
font-weight: normal;
text-align: center;
margin: 10px 0;
padding :10px;
line-height: 260%;
clear:both;
border: 1px #666666 solid;
}

#sitemap_beta {
width: auto;
font-size:12px;
font-weight: normal;
text-align: left;
padding-left:20px;
margin-bottom: 10px;
line-height: 200%;
clear:both;
}

ul {
  margin:10px 0;
}

ul.sitemap {
margin-bottom: 18px;
}

li.sitemap_mark {
   list-style-type: none;
   background-image: url('../images/sitemap_mark.gif');
   background-repeat: no-repeat;
   background-position: 0px 12px;
   text-indent: 18px;
   margin-left:45px;
}

#gamma{
width: 740px;
height: auto;
margin: 20px auto;
text-align: left;
clear: both;
}

#gamma_left {
width: 500px;
margin: 0 20px 30px 0;
line-height: 180%;
float: left;
}

#gamma_left h3{
text-align: left;
clear: both;
}

#gamma_left h4{
font-size:12px;
font-weight: normal;
text-align: left;
margin-bottom: 18px;
line-height: 180%;
clear: both;
}

#gamma_right {
width: 220px;
float: right;
margin-bottom:30px;
}

#gamma_right img{
display: block ;
float: left ;
}

.sub {
margin-bottom: 10px;
clear: both;
}


.view {
float: right;
}

.gamma_view {
margin-bottom: 20px;
clear: both;
}

.collection_sakka1 {
padding: 0 25px 25px 0;
}

.collection_sakka2 {
padding: 0 0 25px 0;
}

.sent {
font-size: 17px;
font-weight: bold;
}

table {
border: solid 1px #CCCCCC;
border-collapse: collapse;
}

td {border: solid 1px #CCCCCC;
padding:10px;
vertical-align: top;
}

td.left {
width: 70px;
text-align: right;
background-color: #FFFFD0;
}

.mark_blue {
padding: 0px 0px 0px 20px;
background: url(../images/gl_mark_blue.jpg) no-repeat 0px 0px;
}

.monitor_info {
padding: 10px 0px 10px 40px;
line-height: 200%;
clear: both;
}

.monitor_info h2 {
line-height: 200%;
}

.monitor_info img {
margin: 10px 0px;
clear: both;
}

#form_alpha{
width: 400px;
height: auto;
margin: 20px 0px;
text-align: left;
float:left;
}

#thanks {
width: 400x!important;
width/**/: 410px;
padding: 30px 0;
}

#thanks p {
font-size: 12px;
font-weight: normal;
}

.recruit {
width: 460px;
height: auto;
padding: 20px;
margin: 20px 0px;
background-color: #F2F0E3;
}

.recruit_1 {
font-weight: bold;
display: inherit;
}

.recruit_2 {
font-weight: normal;
margin-left: 40px;
}

table.gallery {
border-collapse: collapse;
border-bottom: #666666 1px dotted;
}

table.gallery td {
padding:12px 20px;
text-align: left;
vertical-align: middle;
line-height: 180%;
}

table.gallery td.gallery_left {
width: 250px;
text-align: center;
padding:18px 0px;
}

#artschool_date {
width: 658px;
margin: 20px 0px 20px 20px;
padding: 20px 20px 0px 20px;
clear:both;
}

#artschool_date_beta {
width: auto;
font-size:12px;
font-weight: normal;
text-align: left;
margin-bottom: 20px;
line-height: 180%;
clear:both;
}

#artschool_date_beta h3{
font-size:12px;
font-weight: normal;
padding-left:25px;
}

#service_beta_profile {
width: auto;
font-size:12px;
font-weight: normal;
text-align: left;
margin-bottom: 20px;
padding-left: 125px;
line-height: 180%;
clear:both;
background-image: url(../artschool/images/schedule_teacher.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#clear {
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
}

a {color: #000000;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {color: #999999;text-decoration: underline;}
a:active {text-decoration: underline;}



* html .verticalalign{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html .verticalalign{/* IE 7 */
display:inline;
zoom:1;
}

.linkbnr {
margin-right:20px;

}

img.bot10 {
margin-bottom: 10px;
}

ul.kako {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
	line-height: 200%;
	
}

ul.kako li {
    width: auto;
	margin: 20px;
	padding: 10px;
	background-color: #EBEBEB;
	list-style-type:none;
}