body {
color:#666666;
font-size:12px;
word-break: break-all;
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background:url(../images/bg.jpg);
}

#wrapper{
width:965px;
margin:0 auto;
}

/*////////////////////////////////////////
# header
///////////////////////////////////////*/
#header{
width:965px;
padding:20px 0 0px 15px;
}
#header h1 {
float:left;
margin:0 90px 0 0;
}

#header div {
float:left;
}
#header p {
float:right;
margin:0 0 0 0px;
}




/*////////////////////////////////////////
# contents
///////////////////////////////////////*/
#contents{
width:auto;
margin:10px auto 0 auto;
}
.side_area{
color:#666666;
width:250px;
float:left;
}
.side_area p{
padding:0 28px 0 30px;
}

.main_area{
width:715px;
float:left;
}


/*////////////////////////////////////////
# navi
///////////////////////////////////////*/
.naviMenu{
padding:15px 0 0 0 ;
}

.menu {
	overflow: hidden;
	}

.menu li {
	float: left;
	margin-right: 12px;
	}

/*////////////////////////////////////////
# footer
///////////////////////////////////////*/
#footer{
width:935px;
margin:80px auto 30px auto;
padding-left:30px;
padding-bottom:30px;
}
#footer div{
float:left;
}
#footer ul{
margin:0 0 5px 80px;
}

#footer li{
margin:0 5px 0px 0px;
display:inline;
font-size:11px;
}
#footer a:link{color:#0b6dac;text-decoration:none;}
#footer a:visited{color:#0b6dac;text-decoration:none;}
#footer a:hover{color:#0b6dac;text-decoration:underline;}
#footer a:active{color:#0b6dac;text-decoration:none;}


/*////////////////////////////////////////
# top
///////////////////////////////////////*/
.top_dl {
	line-height : 26px;
    color:#696969;
    background:#e6e6e6;
}

.top_dl th {
	width : 120px;
    float : left;
    border-top:2px solid #ffffff;
    text-align:right;
    vertical-align:top;
}

.top_dl td {
	margin-left : 120px;
    padding-left:10px;
    background:#f2f2f2;
    border-top:2px solid #ffffff;
    width:534px;
    vertical-align:top;
}

.item{
margin:0 0 0 0px;
}

.item01 p{
font-size:11px;
width:250px;
color:#cccccc;
line-height:17px;
}
.item02 p{
font-size:11px;
width:244px;
color:#cccccc;
line-height:17px;
}
.item03 p{
font-size:11px;
width:244px;
color:#cccccc;
line-height:17px;
}



/* About
*************************************************************/
.aboutOption dl{clear:both;padding-top:10px;}
.aboutOption dt{float:left;width:110px;}
.aboutOption dd{float:left;width:500px;line-height:22px;}


/* Flow
*************************************************************/

.cautionUl li{
margin:5px 0 0 20px;
list-style-type: disc;
}


/*Other
*************************************************************/
.color{color:#cc6600;font-weight:bold;}
.glink a{color:#33321d;}

/*Archive
*************************************************************/
.color{color:#cc6600;font-weight:bold;}
.glink a{color:#33321d;}
.vol_frame{border:1px solid #999999;width:297px;margin-top:5px;}
.vol img{border-right:1px solid #999999;}
.volMenu{width:102px;text-align:center;}
.volMenu li{border-bottom:1px solid #999999;height:22px;padding-top:10px;}

.archive_ul{
margin:0 0 30px 35px;
}
.artist_data{
margin-left:25px;
}

.artist_data td{
width:120px;
text-align:center;
font-size:11px;
line-height:120%;
word-break: break-all;
}
.artist_data img{
margin:20px 10px 0 10px;
}

/*Support
*************************************************************/
.support{
padding:5px;
text-align:left;
min-height:24px;
font-size:14px;
color:#333;
line-height:36px;
}
.support .left{
font-weight:bold;
}
.support input{
border:1px solid #999;
width:500px;
height:28px;
padding:7px 5px 0px 5px;
font-size:20px;
line-height:16px;
}
.support textarea{
border:1px solid #999;
width:500px;
height:200px;
padding:7px 5px 0px 5px;
font-size:20px;
line-height:24px;
}


/*アンケート
*************************************************************/
.anke{
padding:5px;
text-align:left;
min-height:24px;
font-size:14px;
color:#333;
line-height:36px;
}
.anke .left{
font-weight:bold;
}

.anke input{
border:1px solid #999;
width:300px;
height:40px;
padding:7px 5px 7px 5px;
font-size:16px;
line-height:16px;
}

.anke select{
border:1px solid #999;
width:300px;
height:35px;
padding:7px 5px 7px 5px;
font-size:14px;
line-height:16px;
}
.anke textarea{
border:1px solid #999;
width:500px;
height:200px;
padding:7px 5px 7px 5px;
font-size:16px;
line-height:24px;
}




/*Extra
*************************************************************/
.main_area_top{
width: 714px;
height: 20px; background: url('sprite.png') no-repeat scroll -1241px -2660px transparent; 
}
.main_bg{
width: 664px; padding: 10px 25px 5px 25px;
background: url('../images/bg_main.gif') repeat-y ;
}


/*Works
*************************************************************/
.works_list{}
.works_list ul{}
.works_list li {
width:210px;
height:300px;
text-align:center;
float:left;
margin-bottom:30px;
}
.works_lis img{ margin: 0 0 5px 0;}

/*Link
*************************************************************/
.redLink a{ color: #ff0000;}


/* News
*************************************************************/
#news { position: relative;}
#news h2 { border-bottom: 1px dashed #666666; line-height: 30px; margin-bottom: 20px; font-size : 14px; font-weight: bold;}
#news h3 { margin-top: 35px; margin-top: 35px; position: relative; left: 10px; font-weight: bold;}
#news h3:before{ content: "・";}
#news h3 em{ padding-right: 5px;}
#news p{ padding-top: 5px;padding-bottom: 35px; position: relative; left: 25px; line-height: 22px;}
#news hr{ border-bottom: 1px dotted #666666;margin: 0 15px;}


/* Modle
*************************************************************/
.moduleBadge { position: relative;}
.moduleBadge p { line-height: 22px;}
.moduleBadge span { line-height: 22px; width: 85px;}
.moduleBadge img {
 float: right;
 margin: 0 15px 0px 15px;
 width: 75px;
 border: 0.2em solid #f2f2f2;
 
 -webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
 
 -webkit-border-radius: 5em;
 -moz-border-radius: 5em;
}

/*////////////////////////////////////////
# form-table
///////////////////////////////////////*/

.form_table {
width           : 666px;
border-collapse : collapse;
text-align      : left;
}

.form_left {
width           : 150px;
padding         : 10px;
text-align      : right;
vertical-align  : top;
}

.form_right {
float           : left;
width           : 432px;
padding         : 10px;
vertical-align  : top;
}

.form_right >.input_xshort {
width           : 140px;
}

.form_right >.input_short {
width           : 220px;
}

.form_right >.input_long {
width           : 400px;
}

.form_right div {
color           : #999999;
font-size       : 12px;
font-weight     : normal;
line-height     : 16px;
}

.form_right .description {
padding         : 5px;
}

/*Attend
 * *************************************************************/
    .entBox{
        margin:5px 0 0 0;
    }
    .comBox{
        width:186px;
        border:4px solid #cacaca;
        float:left;
        margin:0 5px 0 0;
    }

    .comNum{
        font-size:12px;
        font-weight:bold;
        width:30px;
        padding:16px 0 7px 0;
        text-align:center;
        float:left;
    }

    .comName{
        width:142px;
        font-size:12px;
        border-left:1px dotted #cacaca;
        font-weight:bold;
        height:20px;
        padding:16px 0 7px 0px;
        float:left;
        text-align:center;
    }

    .comName2{
        width:142px;
        font-size:12px;
        border-left:1px dotted #cacaca;
        font-weight:bold;
        height:28px;
        padding:8px 0 7px 0px;
        float:left;
        text-align:center;
    }

    .comText{
        border-top:1px dotted #cacaca;
        padding:5px;
        line-height: 140%;
        height:280px;
    }

    .aBox{
        width:210px;
        border:4px solid #cacaca;
        float:left;
        margin:0 5px 0 0;
        border: 3px solid #cacaca;-webkit-border-radius: .5em;
    }

    .aBoxLast{
        width:210px;
        border:4px solid #cacaca;
        float:left;
    }
    .aBoxLastBig{
        width:430px;
        border:4px solid #cacaca;
        float:left;
    }
    .aUl{
    }

    .aNum{
        font-size:12px;
        font-weight:bold;
        width:50px;
        padding:9px 0 1px 0;
        text-align:center;
        float:left;
    }
    .aNum2{
        font-size:12px;
        font-weight:bold;
        width:50px;
        padding:10px 0 5px 0;
        text-align:center;
        float:left;
    }
    .aName{
        width:152px;
        font-size:12px;
        border-left:1px dotted #cacaca;
        font-weight:bold;
        height:20px;
        padding:16px 0 7px 2px;
        float:left;
        text-align:left;
    }
    .aName2{
        width:152px;
        font-size:12px;
        border-left:1px dotted #cacaca;
        font-weight:bold;
        height:20px;
        padding:10px 0 11px 0px;
        float:left;
        text-align:center;
    }
    .aName3{
        width:352px;
        font-size:12px;
        border-left:1px dotted #cacaca;
        font-weight:bold;
        padding:16px 0 13px 0px;
        float:left;
        text-align:center;
    }
    .aImg{
        border-top:1px dotted #cacaca;
        text-align:center;
        padding:5px 0 5px 0;
    }

    #pager{
        color:#dddddd;
        text-align:center;
        padding:15px 0 15px 0;
        font-size: 36px; font-weight: bold;

    }

    #pager a:link{ text-decoration:none; }
    #pager a:visited{ text-decoration:none; }
    #pager a:hover{ text-decoration:underline; }
    #pager a:active{ text-decoration:none; }
