@charset "utf-8";

/* 基本 */
body,div,p,span,a,ul,ol,li,dl,dt,dd,th,tr,td,table,h1,h2,h3,h4,h5,h6,img{
margin:0 auto;
padding:0;
border:0;
font-size:100%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

li{
list-style-type:none;
}

.clear{
clear:both;
}

.hide{
display:none;
}

.inline{
display: inline;
}
.left{
float:left;
}

.right{
float:right;
}

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

/* ヘッダー */

div#header{
height:566px;
margin:0 auto;
text-align:center;
background-color:#000;
}

/* 中身 */

div#contentswrapper{
width:100%;
background:url(../img/contents_bg.gif) repeat 0 0;
float:left;
padding-bottom:28px;
}

div#contentswrapper div#contents{
width:963px;
}

div#contentswrapper div#contents div#leftbox{
width:268px;
margin-left:72px;
float:left;
}

div#contentswrapper div#contents div#centerbox{
/*width:373px;*/
width:381px;
margin-left:28px;
float:left;
}

div#contentswrapper div#contents div#rightbox{
width:119px;
/*margin-left:28px;*/
margin-left:20px;
float:left;
}

div#contentswrapper div#contents div#leftbox div#information{
margin-top:16px;
}
div#contentswrapper div#contents div#leftbox div#information div#information_top{
height:89px;
background:url(../img/information_top.gif) no-repeat 0 0;
}
div#contentswrapper div#contents div#leftbox div#information div#information_contents{
background:url(../img/information_bg.gif) repeat-y 0 0;
}
div#contentswrapper div#contents div#leftbox div#information div#information_contents p{
width:207px;
margin-left:33px;
padding-bottom:10px;
}
div#contentswrapper div#contents div#leftbox div#information div#information_contents p span.date{
width:49px;
font-size:80%;
float:left;
line-height:1.4;
}
div#contentswrapper div#contents div#leftbox div#information div#information_contents p span.news{
width:158px;
font-size:80%;
float:right;
line-height:1.4;
}
div#contentswrapper div#contents div#leftbox div#information div#information_contents p span.news a,
div#contentswrapper div#contents div#leftbox div#information div#information_contents p span.news a:link,
div#contentswrapper div#contents div#leftbox div#information div#information_contents p span.news a:visited{
color:#000;
}
div#contentswrapper div#contents div#leftbox div#information div#information_contents p span.news a:hover,
div#contentswrapper div#contents div#leftbox div#information div#information_contents p span.news a:active{
color:#f63739;
text-decoration:underline;
}

div#contentswrapper div#contents div#leftbox div#information div#information_bottom{
height:16px;
background:url(../img/information_bottom.gif) no-repeat 0 0;
}

div#contentswrapper div#contents div#leftbox a#video_btn{ margin-top:15px;width:269px;height:228px;display:inline-block;background:url(../img/info_video.gif) no-repeat left top;vertical-align:middle;}
div#contentswrapper div#contents div#leftbox a#video_btn:hover{background-position:0px -228px;}

div#contentswrapper div#contents div#centerbox div#illustrator_name{margin:100px 0 0 230px;width:140px;height:15px;display:inline-block;background:url(../img/illustrator_name.gif) no-repeat left top;vertical-align:middle;}

div#contentswrapper div#contents div#centerbox div#practice{
margin-top:33px;
}
div#contentswrapper div#contents div#centerbox div#practice a#practice_btn{width:373px;height:96px;display:inline-block;background:url(../img/practice_btn.gif) no-repeat left top;vertical-align:middle;}
div#contentswrapper div#contents div#centerbox div#practice a#practice_btn:hover{background-position:0px -96px;}



div#contentswrapper div#contents div#centerbox div#qanda{
margin-top:29px;
width:381px;
height:215px;
background:url(../img/qanda_bg.gif) no-repeat 0 0;
}
div#contentswrapper div#contents div#centerbox div#qanda a#qanda_btn1{width:194px;height:21px;display:inline-block;background:url(../img/qanda_btn1.gif) no-repeat left top;vertical-align:middle;margin-top:55px;margin-left:20px;}
div#contentswrapper div#contents div#centerbox div#qanda a#qanda_btn1:hover{background-position:0px -21px;}
div#contentswrapper div#contents div#centerbox div#qanda a#qanda_btn2{width:298px;height:39px;display:inline-block;background:url(../img/qanda_btn2.gif) no-repeat left top;vertical-align:middle;margin-top:15px;margin-left:20px;}
div#contentswrapper div#contents div#centerbox div#qanda a#qanda_btn2:hover{background-position:0px -39px;}
div#contentswrapper div#contents div#centerbox div#qanda a#qanda_btn3{width:350px;height:21px;display:inline-block;background:url(../img/qanda_btn3.gif) no-repeat left top;vertical-align:middle;margin-top:15px;margin-left:20px;}
div#contentswrapper div#contents div#centerbox div#qanda a#qanda_btn3:hover{background-position:0px -21px;}
div#contentswrapper div#contents div#centerbox div#qanda img#qanda_txt{margin-top:15px;}

div#contentswrapper div#contents div#rightbox div#no1{
margin-top:33px;
}
div#contentswrapper div#contents div#rightbox div#no1 a#no1_btn{width:119px;height:458px;display:inline-block;background:url(../img/no1_btn.gif) no-repeat left top;vertical-align:middle;}
div#contentswrapper div#contents div#rightbox div#no1 a#no1_btn:hover{background-position:0px -458px;}

/* フッター */

div#footer{
width:100%;
margin:0 auto;
text-align:center;
background-color:#000;
padding-top:28px;
clear:both;
}
div#footer div#footerContainer{
width:963px;
text-align:left;
}
div#footer div#footerContainer p#credit{
width:963px;
height:32px;
font-size:75%;
color:#FFF;
}
div#footer div#footerContainer p#credit .left{
margin-left:76px;
}
div#footer div#footerContainer p#credit .right{
margin-right:79px;
color:#c01b23;
}
div#footer div#footerContainer div#footerBottom{
width:963px;
height:18px;
background:url(../img/footer_bg.gif) no-repeat 0 0;
line-height:18px;
font-size:80%;
padding-bottom:36px;
clear:both;
}
div#footer div#footerContainer div#footerBottom div#copyright{
float:left;
}
div#footer div#footerContainer div#footerBottom div#footernavi{
margin-right:78px;
float:right;
color:#1c1c1c;
}
div#footer div#footerContainer div#footerBottom div#footernavi li{
display:inline;
}
div#footer div#footerContainer div#footerBottom div#footernavi li a{
color:#8d8d8d;
}


/* LightWindow */

div#lightwindow_contents{
border:7px solid #e6352b;
background-color:#ffffff;
}
span#lightwindow_title_bar_title{
font-size:75%;
color:#FFF;
margin-left:15px;
}
div#lightwindow_title_bar_inner a{
font-size:80%;
text-decoration:underline;
font-weight:bold;
color:#FFF;
}
div#lightwindow_title_bar_inner a:hover,
div#lightwindow_title_bar_inner a:active{
text-decoration:none;
}

div#lightwindow_loading{
background:url(../img/contents_bg.gif) repeat 0 0;

}
div#lightwindow_loading span a,
div#lightwindow_loading span a:link,
div#lightwindow_loading span a:visited{
color:#000;
text-decoration:underline;
}
div#lightwindow_loading span a:hover,
div#lightwindow_loading span a:active{
text-decoration:none;
}

a#lightwindow_title_bar_close_link{
margin-right:5px;
}
#lightwindow_data_slide_inner{
background-color:#000;
padding:0px 7px 0px 7px;
background:url(../img/lightwindow_footer.png) no-repeat 0 0;
height:32px !important;
margin-top:-2px;
}
#lightwindow_data_details{
display:none;
}
#lightwindow_data_caption{
display:none !important;
}