/*==top-page========================================*/
/*--special-wrap--------------------------------------------------------*/
#illust-big-wrap{ /* thickboxでも使える中央寄せ */
  margin: 0; padding: 0;
  }
#illust-small-wrap{ /* thickboxでも使える中央寄せ */
  position: absolute;
  left: 50%;
  width: 940px;
  height : 100%;
  margin-left: -470px;
}
/*----------------------------------------------------------*/
/*--top-contents-one--------------------------------------------------------*/
#top-cts-one{
  width : 940px;
}
/*--top-contents-one-info--------------------------------------------------------*/
#top-cts-one .info-wrapper{
  background-image : url(image/top3-2_news.gif);
  background-repeat : no-repeat;
  background-position : left top;
  background-color : white;
  float : left;
  width : 560px;
  height : 300px;
  margin : 0px 0px 30px 0px;
}
#top-cts-one .info{ /* 内容枠 */
  width : 560px;
  height : 300px;
  margin : 0px;
  text-align : left;
}
#top-cts-one .info UL{ /* 文字を書くスペース */
  width : 520px;
  height : 210px;
  margin : 70px 20px 0px 20px;
  overflow:auto;
  clear : both;
}
#top-cts-one .info LI{
  list-style : none;
  color : gray;
  font-size : 10.5pt;
  text-decoration : none;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : gray;
  padding-left : 10px;
  line-height : 1.6;
  padding-top : 5px;
  padding-bottom : 5px;
  margin-right :20px;
  width : 460px;
  float : left;
  text-align : left;
}
#top-cts-one .info A{
  font-size : 10.5pt;
  color : #ff8000;
  text-decoration : none;
  font-weight : normal;
  letter-spacing : 0.5px;
}
#top-cts-one .info-date{
  font-size : 10.5pt;
  color : gray;
  text-align : left;
  width : 100px;
  float : left;
  letter-spacing : 0px;
}
#top-cts-one .info-content{
  font-size : 10.5pt;
  color : gray;
  text-align : left;
  float : left;
  letter-spacing : 0.5px;
}
/*--top-contents-one-mail--------------------------------------------------------*/
#top-cts-one .mail .mail-wrapper{
  width : 350px;
  height : 300px;
  background-color : white;
  float : right;
  margin : 0px 0px 30px 0px;
}
#top-cts-one .mail .img-photo A{
  display:block; /* インライン要素のaタグをブロック要素に */
  overflow:hidden; /* はみ出しを消す */
  width : 336px;
  height : 0px;
  margin : 7px;
  padding-top : 123px;
  background-image : url(image/top4-2_mail.gif);
  background-repeat : no-repeat;
  _height:123px;
}
#top-cts-one .mail .img-photo A:HOVER{ /* 透過して薄くする */
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}
#top-cts-one .mail .profile{
  display: block; /* インライン要素SPANに入れる為、このタグで文字の左寄せを実行 */
  margin-top : 0px;
  padding : 0px 12px;
  font-size : 10pt;
  color : gray;
  text-decoration : none;
  text-align : left;
  line-height : 1.7;
  font-weight : normal;
  letter-spacing : 0px;
}
/*--top-contents-two--------------------------------------------------------*/
#top-cts-two .menu{
  width : 940px;
}
#top-cts-two .menu UL{
  width:960px;
  margin-left:0px;
  margin-right:-20px;
  list-style: none;
}
#top-cts-two .menu  LI{
  width:300px;
  height : 220px;
  margin-right : 20px;
  margin-bottom : 30px;
  background-color : white;
  list-style: none;
  float : left;
}
#top-cts-two .menu .block-wrapper {
  display:block; /* インライン要素のaタグをブロック要素に */
  width : 290px;
  height : 215px;
  margin : 5px 5px 0px 5px;
}
#top-cts-two .menu .explain {
  display: block; /* インライン要素SPANに入れる為、このタグで文字の左寄せを実行 */
  font-size : 9pt;
  text-align : left;
  line-height : 1.8;
  margin : 0px 7px;
  color : gray;
  text-decoration : none;
  letter-spacing : 0.5px;
}
/*--top-contents-two-img--------------------------------------------------------*/
#top-cts-two .menu .img-info{ /* この背景付きタグ追加でチラつき防止 */
  width : 290px;
  height : 90px;
  background-image : url(image/top2-1_info_on.gif); 
}
#top-cts-two .menu .img-info A{
  display:block; /* インライン要素のaタグをブロック要素に */
  overflow:hidden;
  width : 290px;
  height : 0px;
  padding-top : 90px;
  background-image : url(image/top2-1_info_off.gif);
  background-repeat : no-repeat;
  _height:90px;
}
#top-cts-two .menu .img-info A:HOVER{
  background-image : url(image/top2-1_info_on.gif);
}
#top-cts-two .menu .img-illust{ /* この背景付きタグ追加でチラつき防止 */
  width : 290px;
  height : 90px;
  background-image : url(image/top2-2_illust_on.gif);
}
#top-cts-two .menu .img-illust A{
  display:block; /* インライン要素のaタグをブロック要素に */
  overflow:hidden;
  width : 290px;
  height : 0px;
  padding-top : 90px;
  background-image : url(image/top2-2_illust_off.gif);
  background-repeat : no-repeat;
  _height:90px;
}
#top-cts-two .menu .img-illust A:HOVER{
  background-image : url(image/top2-2_illust_on.gif);
}
#top-cts-two .menu .img-dl{ /* この背景付きタグ追加でチラつき防止 */
  width : 290px;
  height : 90px;
  background-image : url(image/top2-3_dl_on.gif); 
}
#top-cts-two .menu .img-dl A{
  display:block; /* インライン要素のaタグをブロック要素に */
  overflow:hidden;
  width : 290px;
  height : 0px;
  padding-top : 90px;
  background-image : url(image/top2-3_dl_off.gif);
  background-repeat : no-repeat;
  _height:90px;
}
#top-cts-two .menu .img-dl A:HOVER{
  background-image : url(image/top2-3_dl_on.gif);
}
#top-cts-two .menu .img-profile{ /* この背景付きタグ追加でチラつき防止 */
  width : 290px;
  height : 90px;
  background-image : url(image/top2-4_profile_on.gif); 
}
#top-cts-two .menu .img-profile A{
  display:block; /* インライン要素のaタグをブロック要素に */
  overflow:hidden;
  width : 290px;
  height : 0px;
  padding-top : 90px;
  background-image : url(image/top2-4_profile_off.gif);
  background-repeat : no-repeat;
  _height:90px;
}
#top-cts-two .menu .img-profile A:HOVER{
  background-image : url(image/top2-4_profile_on.gif);
}
#top-cts-two .menu .img-news{ /* この背景付きタグ追加でチラつき防止 */
  width : 290px;
  height : 90px;
  background-image : url(image/top2-5_news_on.gif); 
}
#top-cts-two .menu .img-news A{
  display:block; /* インライン要素のaタグをブロック要素に */
  overflow:hidden;
  width : 290px;
  height : 0px;
  padding-top : 90px;
  background-image : url(image/top2-5_news_off.gif);
  background-repeat : no-repeat;
  _height:90px;
}
#top-cts-two .menu .img-news A:HOVER{
  background-image : url(image/top2-5_news_on.gif);
}
#top-cts-two .menu .img-shop{ /* この背景付きタグ追加でチラつき防止 */
  width : 290px;
  height : 90px;
  background-image : url(image/top2-6_shop_on.gif); 
}
#top-cts-two .menu .img-shop A{
  display:block; /* インライン要素のaタグをブロック要素に */
  overflow:hidden;
  width : 290px;
  height : 0px;
  padding-top : 90px;
  background-image : url(image/top2-6_shop_off.gif);
  background-repeat : no-repeat;
  _height:90px;
}
#top-cts-two .menu .img-shop A:HOVER{
  background-image : url(image/top2-6_shop_on.gif);
}
/*----------------------------------------------------------*/
/*==news-page========================================*/
/*--news-contents-one--------------------------------------------------------*/
#news-cts-one{
  width : 940px;
  background-image : url(image/news1-1.gif);
  background-repeat : no-repeat;
  padding-top : 70px;
  margin-top : 0px;
  padding-bottom : 0px;
  margin-bottom : 0px;
 background-position : center top;
}
#news-cts-one .news UL{
  width : 940px;
  margin : 0px;
  padding : 0px;
}
#news-cts-one .news LI{
  list-style-type : none;
  list-style-position : outside;
  background-color : white;
  text-align : left;
  padding : 20px 40px 20px 40px;
  margin : 0px 0px 30px 0px;
  font-size : 10.5pt;
  text-decoration : none;
  line-height : 1.8;
  letter-spacing : 0.5px;
  color : gray;
  overflow:hidden; /* このタグでpadding等が有効になり、画像を内包してくれる */
  zoom:1; /* 上のタグをIE6で実行するタグ */    
}
#news-cts-one .news A{
  color : #f26265;
  font-size : 10.5pt;
  font-weight : bold;
  line-height : 1.8;
  letter-spacing : 0.5px;
  text-decoration : none;
}
#news-cts-one .left{
  float : left;
  text-decoration : none;
  margin-right : 60px;
  margin-left : 0px;
}
#news-cts-one .block{
  height:465px;
  display:block;
}
#news-cts-one .icon-wrapper{
  display:block; /* インライン要素のaタグをブロック要素に */
  width: 220px;
  margin: 0px;
  padding: 0px;
}
IMG#icon-amazon{
  background : url(image/af-amz.png) no-repeat;
  width: 90px;
  height: 26px;
  float : left;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-amazon-n{
  background : url(image/af-amz.png) no-repeat;
  width: 90px;
  height: 26px;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-rakutenbooks{
  background: url(image/af-rkb.png) no-repeat;
  width: 90px;
  height: 26px;
  float : left;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-rakutenbooks-n{
  background: url(image/af-rkb.png) no-repeat;
  width: 90px;
  height: 26px;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-rakuten{
  background: url(image/af-rk.png) no-repeat;
  width: 90px;
  height: 25px;
  float : left;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-rakuten-n{
  background: url(image/af-rk.png) no-repeat;
  width: 90px;
  height: 25px;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-official{
  background: url(image/af-official.png) no-repeat;
  width: 90px;
  height: 26px;
  float : left;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-official-n{
  background: url(image/af-official.png) no-repeat;
  width: 90px;
  height: 26px;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-omni7{
  background: url(image/af-omn7.png) no-repeat;
  width: 166px;
  height: 26px;
  float : left;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-omni7-n{
  background: url(image/af-omn7.png) no-repeat;
  width: 166px;
  height: 26px;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-loft{
  background: url(image/af-loft.png) no-repeat;
  width: 50px;
  height: 25px;
  float : left;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}
IMG#icon-loft-n{
  background: url(image/af-loft.png) no-repeat;
  width: 50px;
  height: 25px;
  padding : 0px 0px -5px 0px;
  margin: 10px 20px 0px 0px;
}

IMG#icon-pr{
  background : url(image/pr.gif) no-repeat;
  width: 19px;
  height: 14px;
  float : right;
  padding : 0px;
  margin: 5px 0px 0px 0px;
}

/*----------------------------------------------------------*/
/*==profile-page========================================*/
/*--profile-contents--------------------------------------------------------*/
#profile-cts{
  width : 940px;
  background-image : url(image/profile1-1.gif);
  background-repeat : no-repeat;
  background-position : center top;
  background-color : white;
  color : gray;
  text-align : left;
  font-size : 10.5pt;
  text-decoration : none;
  line-height : 1.8;
  letter-spacing : 0px;
}
#profile-cts .profile{ /* 写真枠 */
  width : 480px;
  margin : 95px 0px 0px 40px; /* 少し上があいた方がきれい */
  padding : 0px 0px 0px 340px;
  background-image : url(image/profile_pic.gif);
  background-repeat : no-repeat;
  float : left;
}
#profile-cts .profile A{
  font-size : 10.5pt;
  color : #f26265;
  font-weight : bold;
  text-decoration : none;
  line-height : 1.8;
  letter-spacing : 0px;
}
/*--link-contents--------------------------------------------------------*/
#link-cts{
  width : 940px;
  background-color : white;
  margin : 0px;
  background-repeat : no-repeat;
  background-image : url(image/link1-2.gif);
  padding : 100px 0px 60px 0px;
  clear : both;
}
#link-cts .text{
  color:gray;
  font-size : 10.5pt;
  text-decoration : none;
  text-align : left;
  padding-left : 45px;
  padding-right : 45px;
  line-height : 1.8;
  letter-spacing : 0px;
}
#link-cts .text STRONG{
  font-size : 10.5pt;
  line-height : 1.8;
  letter-spacing : 0px;
  font-weight : bolder;
  color : #f26265;
}
/*----------------------------------------------------------*/
/*==shop-page========================================*/
#shop-cts{
  width : 940px;
  background-image : url(image/shop1-1.gif);
  background-repeat : no-repeat;
  background-position : center top;
  background-color : white;
  color : gray;
  text-align : center;
  line-height : 1.8;
  font-size : 10.5pt;
  padding : 70px 0px 200px 0px;
  margin : 0px;
}
#shop-cts .shop{ /* 内容枠 */
  width : 940px;
  background-image : url(image/shop_pic.gif);
  background-repeat : no-repeat;
  background-position : center top;
  background-color : white;
  margin : 100px 0px 0px 0px;
  padding : 300px 0px 0px 0px;
  text-align:center;
}
/*----------------------------------------------------------*/
/*==illustration-page========================================*/
#illust-cts .illust-wrapper{ /* 内側メイン枠1 */
  width : 940px;
  background-color : white;
  padding : 0px 40px 0px 40px;
  margin : 0px;
  text-align:left;
}
#illust-cts .illust-wrapper-in{ /* 内容枠 */
  padding : 0px;
  margin : 0px;
}
#illust-cts .illust-wrapper-in2{ /* 内容枠 */
  width : 860px;
  text-align : center;
}
#illust-cts .illust-top-title{
  width:860px;
  height:85px;
  background-image : url(image/illust1-1.gif);
  background-repeat : no-repeat;
  list-style-type : none;
  list-style-position : outside;
}
#illust-cts .illust-top-title2{
  width:860px;
  height:10px;
}
#illust-cts .menu1 A {
  background-image : url(image/illust3-1_off.gif);
  background-repeat : no-repeat;
}
#illust-cts .menu1 A:HOVER{
  background-image : url(image/illust3-1_on.gif);
}
#illust-cts .menu2 A {
  background-image : url(image/illust3-2_off.gif);
  background-repeat : no-repeat;
}
#illust-cts .menu2 A:HOVER{
  background-image : url(image/illust3-2_on.gif);
}
#illust-cts .menu3 A {
  background-image : url(image/illust3-3_off.gif);
  background-repeat : no-repeat;
}
#illust-cts .menu3 A:HOVER{
  background-image : url(image/illust3-3_on.gif);
}
#illust-cts .menu4 A{
  background-image : url(image/illust3-4_off.gif);
  background-repeat : no-repeat;
}
#illust-cts .menu4 A:HOVER{
  background-image : url(image/illust3-4_on.gif);
}
#illust-cts .card-box UL{
  width:860px;
  text-align:center; /* これを実行させるためにLI内にタグが必要 */
}
#illust-cts .card-box LI{
  list-style-type : none;
  list-style-position : outside;
  width : 214px;
  height : 214px;
  margin:0px;
  padding : 0px 0px 30px 0px;
  display: table-cell; /* これで横並びのリストが中央寄りになる */
  display: -moz-inline-box; /* firefox2用 */
  /display: inline; /* IE7以下用 */
  /zoom: 1; /* IE7以下用 */
}
#illust-cts .dot-line{
  width : 860px;
  height : 40px;
  background-image : url(image/illust2-1.gif);
  background-repeat : repeat-x;
  background-position : left;
  list-style-type : none;
  list-style-position : outside;
  padding-left : 0px;
  margin-left : 0px;
}
#illust-cts .title01{
  width : 860px;
  height : 40px;
  background-image : url(image/illust3-1_on.gif);
  background-repeat : no-repeat;
  background-position : left top;
}
#illust-cts .title02{
  width : 860px;
  height : 40px;
  background-image : url(image/illust3-2_on.gif);
  background-repeat : no-repeat;
  background-position : left top;
}
#illust-cts .title03{
  width : 860px;
  height : 40px;
  background-image : url(image/illust3-3_on.gif);
  background-repeat : no-repeat;
  background-position : left top;
}
#illust-cts .title04{
  width : 860px;
  height : 40px;
  background-image : url(image/illust3-4_on.gif);
  background-repeat : no-repeat;
  background-position : left top;
}
/*----------------------------------------------------------*/
/*==dl-page========================================*/
/*--dl-contents--------------------------------------------------------*/
#dl-cts .dl-wrapper{
  width : 940px;
  background-color : white;
  background-image : url(image/dl1-1.gif);
  background-repeat : no-repeat;
  background-position : center top;
  padding : 100px 0px 120px 0px;
  margin : 0px 0px 30px 0px;
}
#dl-cts .dl-wrapper A{
  height : 100%;
}
#dl-cts .dl-wrapper A:HOVER{
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
#dl-cts .dl-explain{ /* 説明 */
  font-size : 9pt;
  color : silver;
  letter-spacing : 1px;
  margin-top : 5px;
}
/*--dl-contents-left--------------------------------------------------------*/
#dl-cts-left .dl-left-wrapper{ /* 内容枠　左 */
  width : 415px;
  margin : 0px 30px 0px 40px;
  background-image : url(image/dl2-1.gif);
  background-repeat : no-repeat;
  background-position : 10px 10px;
  border-width : 1px;
  border-style : solid;
  border-color : silver;
  float : left;
}
#dl-cts-left .cts-01-wrapper{ /* 1cts　内容枠 */
  width : 393px;
  margin : 195px 10px 40px 10px;
  text-align : left;
  font-size : 10.5pt;
  color : gray;
  line-height : 1.8;
  letter-spacing : 0px;
}
#dl-cts-left .cts-01-button-wrapper{
  margin : 30px 0px 0px 0px；
;}
#dl-cts-left .cts-01-button-left{
  float : left;
}
#dl-cts-left .cts-01-button-right{
  float : right;
}
/*--dl-contents-right--------------------------------------------------------*/
#dl-cts-right .dl-right-wrapper{ /* 内容枠　右 */
  width : 415px;
  margin : 0px;
  background-image : url(image/dl3-1.gif);
  background-repeat : no-repeat;
  background-position : 10px 10px;
  border-width : 1px;
  border-style : solid;
  border-color : silver;
  float : left;
}
#dl-cts-right .cts-01-wrapper{ /* 1cts　内容枠 */
  width : 393px;
  margin : 195px 10px 40px 10px;
  text-align : left;
  font-size : 10.5pt;
  color : gray;
  line-height : 1.8;
  letter-spacing : 0px;
}
#dl-cts-right .cts-01-button{
  margin : 30px 0px 0px 0px;
}
/*----------------------------------------------------------*/
/*==========================================*/
H1{
  text-decoration : none;
  float : center;
  text-align : center;
}
H2{
  font-weight : normal;
  line-height : 1.8;
  color : #ff8000;
  letter-spacing : 1.5px;
  text-decoration : none;
  text-align : left;
  padding-bottom : 7pt;
  font-weight : bold;
  font-size : 10.5pt;
}
H3{
  float : right;
  text-decoration : none;
  margin-left : 30px;
}
H4{
  text-decoration : none;
  float : center;
  padding-bottom : 8pt;
  text-align : center;
}
.mienai{
display:none;
}
/*----------------------------------------------------------*/