@charset "UTF-8";


html{width:100%;height:100%;
font-size: 12px;
/*\*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}

body{
color:#777;
background:#ffffff url(../images/background.gif) repeat-x left top;
margin:0;padding:0;
font-family:meiryo,"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
text-align:left;font-size: 12px;
}


img{ border:0px; vertical-align:top; }
ul ol{list-style:none; margin:0; padding:0;}
a:link{ color:#5064a7;text-decoration:underline;}
a:visited{ color:#5064a7;text-decoration:underline;}
a:active{ color:#5064a7;text-decoration:none;}
a:hover{ color:#990000;text-decoration:none;}

p{line-height:1.4em;}

.clear{ clear: both; visibility: hidden; height: 0;}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
ul ol li{list-style:none; margin:0; padding:0;list-style-type:none;}
li{list-style:none;list-style-type:none;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/*
Module ----------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*
base ----------------------------------------*/

#wrapper{margin:32px 0 0 28px;padding-bottom:18px;}
#wrapper_in{width:940px; float:left;}

#mainmenu{width:189px; float:left; overflow:hidden;}

#contents{width:751px; float:right; overflow:hidden;}




/*
navi ----------------------------------------*/

#mainmenu h1{width:175px;height:190px; display:block;}
#mainmenu h1 a{width:175px; height:190px;text-indent:-9999px;overflow:hidden;display:block;
background:url(../images/logo.jpg) no-repeat right top;}
#mainmenu h1 a:hover{width:175px; height:190px;text-indent:-9999px;overflow:hidden;display:block;
background:url(../images/logo.jpg) no-repeat left top;}

#mainmenu ul{width:175px; display:block;}
#mainmenu li{width:auto; height:43px; display:block;}
#mainmenu li.menu11{height:93px;}
#mainmenu li a{text-indent:-9999px;overflow:hidden;display:block; height:43px;}
#mainmenu li.menu11 a{height:93px;}
#mainmenu .menu01 a{ background:url(../images/menu01.gif) no-repeat right top;}
#mainmenu .menu02 a{ background:url(../images/menu02.gif) no-repeat right top;}
#mainmenu .menu03 a{ background:url(../images/menu03.gif) no-repeat right top;}
#mainmenu .menu04 a{ background:url(../images/menu04.gif) no-repeat right top;}
#mainmenu .menu05 a{ background:url(../images/menu05.gif) no-repeat right top;}
#mainmenu .menu06 a{ background:url(../images/menu06.gif) no-repeat right top;}
#mainmenu .menu07 a{ background:url(../images/menu07.gif) no-repeat right top;}
#mainmenu .menu08 a{ background:url(../images/menu08.gif) no-repeat right top;}
#mainmenu .menu09 a{ background:url(../images/menu09.gif) no-repeat right top;}
#mainmenu .menu10 a{ background:url(../images/menu10.gif) no-repeat right top;}
#mainmenu .menu11 a{ background:url(../images/illust.gif) no-repeat right top;}

#mainmenu .menu01 a:hover{ background:url(../images/menu01.gif) no-repeat left top;}
#mainmenu .menu02 a:hover{ background:url(../images/menu02.gif) no-repeat left top;}
#mainmenu .menu03 a:hover{ background:url(../images/menu03.gif) no-repeat left top;}
#mainmenu .menu04 a:hover{ background:url(../images/menu04.gif) no-repeat left top;}
#mainmenu .menu05 a:hover{ background:url(../images/menu05.gif) no-repeat left top;}
#mainmenu .menu06 a:hover{ background:url(../images/menu06.gif) no-repeat left top;}
#mainmenu .menu07 a:hover{ background:url(../images/menu07.gif) no-repeat left top;}
#mainmenu .menu08 a:hover{ background:url(../images/menu08.gif) no-repeat left top;}
#mainmenu .menu09 a:hover{ background:url(../images/menu09.gif) no-repeat left top;}
#mainmenu .menu10 a:hover{ background:url(../images/menu10.gif) no-repeat left top;}
#mainmenu .menu11 a:hover{ background:url(../images/illust.gif) no-repeat left top;}

#mainmenu p{padding-top:10px;}

/*
contents ----------------------------------------*/

#bread{width:auto; height:40px; background:url(../images/bread.gif) no-repeat left top;}
#bread p{padding:9px 10px 0 38px; line-height:1em; color:#CCCCCC}

.idth2p h2{text-indent:-9999px;overflow:hidden;display:block;}
.idth2p p{text-indent:-9999px;overflow:hidden;display:block;}
.idth2p a{display:block;}

#top_sec01{width:auto;height:326px;}

#top_sec03{ clear:both;}

#top_sec03_left{width:510px; float:left;}
#top_sec03_right{width:241px; float:left;}

#topsec04 a{background:url(../images/bb_02.jpg) no-repeat right top;}
#topsec05 a{background:url(../images/bb_03.jpg) no-repeat right top;}
#topsec06 a{background:url(../images/bb_04.jpg) no-repeat right top;}
#topsec07 a{background:url(../images/bb_05.jpg) no-repeat right top;}
#topsec08 a{background:url(../images/bb_06.jpg) no-repeat right top;}
#topsec09 a{background:url(../images/bb_07.jpg) no-repeat right top;}
#topsec10 a{background:url(../images/bb_08.jpg) no-repeat right top;}
#topsec11 a{background:url(../images/bb_09.jpg) no-repeat right top;}
#topsec12 a{background:url(../images/bb_10.jpg) no-repeat right top;}
#topsec04 a:hover{background:url(../images/bb_02.jpg) no-repeat left top;}
#topsec05 a:hover{background:url(../images/bb_03.jpg) no-repeat left top;}
#topsec06 a:hover{background:url(../images/bb_04.jpg) no-repeat left top;}
#topsec07 a:hover{background:url(../images/bb_05.jpg) no-repeat left top;}
#topsec08 a:hover{background:url(../images/bb_06.jpg) no-repeat left top;}
#topsec09 a:hover{background:url(../images/bb_07.jpg) no-repeat left top;}
#topsec10 a:hover{background:url(../images/bb_08.jpg) no-repeat left top;}
#topsec11 a:hover{background:url(../images/bb_09.jpg) no-repeat left top;}
#topsec12 a:hover{background:url(../images/bb_10.jpg) no-repeat left top;}

.leftsec_1{height:153px; float:left; width:170px;}
.leftsec_2{height:153px; float:left; width:340px;}
.leftsec_1 a{width:160px;height:142px;}
.leftsec_2 a{width:330px;height:142px;}
.rightsec{width:241px;height:153px;}
.rightsec a{width:241px;height:142px;}

/*
contents ----------------------------------------*/

#top_sec02{width:auto;padding-bottom:10px;}

.infobox{border:1px solid #ece8e0;}
.infobox_in{border-right:1px solid #cbcbc8; background:#fff url(../images/grad01.gif) repeat-x left top;}
.info_content{width:734px;margin:0 auto;padding-top:7px;}

.info_content h2{width:auto;height:47px; background:url(../images/header_info.gif) no-repeat left top;
text-indent:-9999px;overflow:hidden;display:block;}

.introduction{padding:10px 10px 17px 23px;}

.info_left{width:495px; float:left;}

.info_entry{width:447px;margin:0 auto;padding:17px 0; background:url(../images/dotline.gif) repeat-x left top;}
.info_entry .h3box{padding-bottom:5px;}
.info_entry .h3box h3{ font-size:14px; font-weight:bold; display:inline; color:#2b9bce;}
.info_entry .h3box .date{ font-weight:bold; font-size:10px;}
.info_entry .h3box p{ line-height:1.8em}



.info_right{width:239px; float:right; background:url(../images/shadowline.gif) no-repeat left top;}
.info_right_in{margin:18px 10px 18px 23px;}
.info_right h3{width:118px;height:32px;text-indent:-9999px;overflow:hidden;display:block; background:url(../images/header_resent.gif) no-repeat left top;}

.info_right ul{display:block;padding:0 10px 40px 10px;}
.info_right li{display:block; line-height:1.5em;padding-bottom:12px;}
.info_right li .date{font-size:10px; font-weight:bold;}
.info_right li a{ color:#2b9bce;}


/*
contents ----------------------------------------*/


#sub_sec{width:auto;padding-bottom:10px;}

.contbox{border:1px solid #ece8e0;}
.contbox_in{border-right:1px solid #cbcbc8; background:#fff url(../images/sub/grad2.gif) repeat-x left top;}
.box_content{width:734px;margin:0 7px;padding-top:7px;}

.box_content .h1box{width:auto;height:159px;text-indent:-9999px;overflow:hidden;display:block;}
.box_content .h1box h1{text-indent:-9999px;overflow:hidden;display:block;}
.box_content .h1box p{text-indent:-9999px;overflow:hidden;display:block;}

.box_content .about{ background:url(../images/sub/h1_about.jpg) no-repeat left top;}
.box_content .chara{ background:url(../images/sub/h1_chara.jpg) no-repeat left top;}
.box_content .download{ background:url(../images/sub/h1_download.jpg) no-repeat left top;}
.box_content .download1{ background:url(../images/sub/h1_download1.jpg) no-repeat left top;}
.box_content .download2{ background:url(../images/sub/h1_download2.jpg) no-repeat left top;}
.box_content .faq{ background:url(../images/sub/h1_faq.jpg) no-repeat left top;}
.box_content .info{ background:url(../images/sub/h1_info.jpg) no-repeat left top;}
.box_content .link{ background:url(../images/sub/h1_link.jpg) no-repeat left top;}
.box_content .illust{ background:url(../images/sub/h1_illust.jpg) no-repeat left top;}
.box_content .manual{ background:url(../images/sub/h1_manual.jpg) no-repeat left top;}
.box_content .music{ background:url(../images/sub/h1_music.jpg) no-repeat left top;}
.box_content .ppp{ background:url(../images/sub/h1_ppp.jpg) no-repeat left top;}
.box_content .staff{ background:url(../images/sub/h1_staff.jpg) no-repeat left top;}
.box_content .support{ background:url(../images/sub/h1_support.jpg) no-repeat left top;}
.box_content .vista7{ background:url(../images/sub/h1_vista7.jpg) no-repeat left top;}
.box_content .contact{ background:url(../images/sub/h1_contact.jpg) no-repeat left top;}

.box_content h2{width:736px;height:69px; overflow:hidden; background:url(../images/sub/bg_h2.jpg) no-repeat left top;
line-height:2.6em; font-size:14px; font-weight:bold; color:#4d4d4d;text-indent:20px; clear:both;}

.box_content h3{width:auto;height:37px; overflow:hidden; display:block; margin:0 35px;
font-size:14px; color:#2e9bce; background:url(../images/sub/bg_h3.gif) no-repeat left top; text-indent:0.8em;}

.box_content p{font-size:12px; line-height:1.9em;padding:0 35px 35px 35px;}


.box_content .article_box { clear:both;
width:655px;margin:0 auto; background:url(../images/sub/bg_paper.gif);
border:1px solid #ececec;margin-bottom:20px; border-top-width:6px; border-bottom:5px solid #fcfcfc;}

.box_content .article_in{margin:33px 37px 0 37px;}
.box_content .article_in p{font-size:12px; line-height:1.9em;padding:0 0 35px 0;}

.box_content .article_box h3{font-size:14px; color:#2e9bce; width:auto;height:25px; background:none; text-indent:0;margin:0;}
.box_content .article_box h4{font-size:14px; color:#2e9bce; width:auto;height:25px; background:none; text-indent:0;margin:0;}


.box_content .article_box h3.q{ color:#ce2e88; font-size:14px; padding-bottom:10px;}
.box_content .article_box h4.a{ color:#2ece36;height: auto; font-size:10px;font-weight:bold;padding-bottom:2px;}
.box_content .article_box p.a{}



.tablebox{width:655px;margin:0 auto;padding-bottom:30px;}

.tablebox table{width:100%;}
.tablebox table tr{}
.tablebox table th{padding:10px 10px; text-align:left; background:#fbfbfb url(../images/sub/bg_th.gif) repeat-x left top;}
.tablebox table td{padding:10px 10px; text-align:left; background:#f7f7f7 url(../images/sub/bg_td.gif) repeat-y left top;
border-top:1px solid #eaeaea;}



.chara_tablebox{width:600px;margin:0 auto;padding-bottom:30px;}

.chara_tablebox table{width:100%;}
.chara_tablebox table tr{}
.chara_tablebox table th{ text-align:center; padding:10px 10px;background:#fbfbfb url(../images/sub/bg_th.gif) repeat-x left top;}
.chara_tablebox table td{ text-align:center; padding:10px 0;background:#f7f7f7;width:150px;}

.box_content ul{width:600px;display:block;padding:0 0 20px 0;margin:0 auto;}
.box_content li{display:block; line-height:1.5em;padding-bottom:12px; background:url(../images/sub/icon.gif) no-repeat 0 4px;
padding-left:12px;}
.box_content li .date{font-size:10px; font-weight:bold;}
.box_content li a{ color:#2b9bce;}


.downloadbox{width:669px;margin:0 auto;padding-bottom:30px;}
.downloadbox .dl_left{width:330px; float:left;}
.downloadbox .dl_right{width:330px; float:right;}

.downloadbox .dl_left a{width:330px; height:105px;text-indent:-9999px;overflow:hidden;display:block; background:url(../images/sub/download1.jpg) no-repeat left top;}
.downloadbox .dl_left a:hover{background:url(../images/sub/download1.jpg) no-repeat left bottom;}
.downloadbox .dl_right a{width:330px; height:105px;text-indent:-9999px;overflow:hidden;display:block; background:url(../images/sub/download2.jpg) no-repeat left top;}
.downloadbox .dl_right a:hover{background:url(../images/sub/download2.jpg) no-repeat left bottom;}

.downloadbox .dl_center{width:330px;margin:0 auto;}
.downloadbox .dl_center a.main{width:330px; height:105px;text-indent:-9999px;overflow:hidden;display:block; background:url(../images/sub/download1.jpg) no-repeat left top;}
.downloadbox .dl_center a.main:hover{background:url(../images/sub/download1.jpg) no-repeat left bottom;}
.downloadbox .dl_center a.patch{width:330px; height:105px;text-indent:-9999px;overflow:hidden;display:block; background:url(../images/sub/download2.jpg) no-repeat left top;}
.downloadbox .dl_center a.patch:hover{background:url(../images/sub/download2.jpg) no-repeat left bottom;}









/*
footer ----------------------------------------*/

.fimg{margin:0 0 10px 10px; float:left; display:block;}

#footer{width:auto;height:210px;background:url(../images/bg_footer.jpg) repeat-x center top; clear: both;}
.footer_in{}

#footer .ft01{width:auto; height:164px;}
#footer .ft02{width:auto; text-align:left;}
#footer .ft01 p{padding-left:28px;padding-top:40px; color:#ffc7bd; line-height:2em}
#footer .ft02 p{padding-left:28px;color:#b97c73; line-height:1em;}
#footer a{color:#ffc7bd; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}



/*
clearfix ----------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*
Module ----------------------------------------*/


.tac{text-align:center;}
.tar{ text-align:right;}

.rtbnr{padding-bottom:11px;}

.rtbnr2{padding-bottom:11px; margin-right:11px; text-align:center;}

.bnr{padding-bottom:6px;}

.red{color:#e23333;}

.fontChanger p{display:inline;}

.small { font-size:70%;} 
.medium {font-size:80%;}
.large { font-size: 110%;}