@charset "utf-8";
/* CSS Document */

body {
  text-align:center;
  margin:0;
  padding:0;
  background:url(../img/body_toppage_bgimage.gif) repeat-x #201a0f;
  line-height:1.2em;
  }
  
h3 {
  font-size:120%;
  color:#ffffff;
  padding:5px 5px;
  margin:0;
  height:20px;
  width:240px;
  background:#FF3366;
  }
  
h4 {
  color:#ee006b;
  font-weight:bold;
  padding:10px 0 6px 15px;
  border-bottom:1px solid #ee006b;
  background:transparent url(../img/ico_arw01.gif) no-repeat scroll 0pt 14px;
  margin-bottom:7px;
  /*margin-right:15px;*/
  font-size:90%;
}

hr {
  border-bottom:1px solid #ffffff;
  }
  
.clear {clear:both;}

.f_small{ font-size:70%;}


#pagebody {
  width:972px;
  height:auto;
  margin:0 auto;
  padding-top:10px;
  padding-bottom:10px;
  background:url(../img/pink_bg.gif) no-repeat;
  }
#content{
 text-align:left;
 width:885px;
 height:auto;
 margin:0 auto;
 padding:0;
 }
 
#fix_hder {
  height:24px;
  background:url(../img/fixed_header_bgimage.gif) repeat-x;
  text-align:right;
  padding-top:0px;
  }
p.fix_hder {
  font-size:60%;
  color:#FFFFFF;
  margin:0px 20px;
  font-weight:lighter;
  padding-top:4px;
  }
#fix_hder a {
  color:#FFCC00;
  text-decoration:none;
  }  
    
#header {
  width:967px;
  margin:0 auto;
  padding-left:6px;
  background:url(../img/header_bg.gif) no-repeat;
  text-align:center;
  }

#header .top {
  float:left;
  height:71px;
  width:828px;
  margin:0;
  padding:0;
  background:url(../img/top_logo_bar.jpg) no-repeat left;
  }
#header .top a{
	display:block;
	width:828px;
	height:71px;
}

#tab_twit{
	float:left;
	width:132px;
	height:71px;
	margin:0;
	background:url(../img/tab_twitter.jpg) no-repeat left;
}

#tab_twit a{
	display:block;
	width:132px;
	height:71px;
	text-indent:-9999px;
}

#copyright {
  width:171px;
  height:13px;
  text-align:center;
  text-indent:-9999px;
  background:url(../img/copyright.gif) no-repeat;
  margin:10px auto 0 auto;
  }

#btm_content2 .linktohako{
	text-align:center;
}
#btm_content2 .linktohako a{
	font-size:14px;
	text-decoration:underline #258fb8;
	font-weight:bold;
}
#btm_content2 .linktohako a:link{
	color:#258FB8;
}
#btm_content2 .linktohako a:hover{
	color:#996600;
}
#btm_content2 .linktohako a:visited{
 color:#258FB8;
}

#lv1_99{
	width:720px;
	height:200px;
	padding-right:80px;
	background:url(../img/lv1_99.gif) no-repeat;
}

#lv1_99 a{
	float:right;
	margin-top:165px;
}
/*--------------------------------------メニューバー関連-----------------------------------------*/
#menu_bg {
  height:27px;
  width:960;
  padding:0;
  text-align:left;
  background:url(../img/menu_bar_background.gif) no-repeat;
  }  

#menu_bar {
  height:27px;
  width:960px;
  background:url(../img/menu_bar.gif) no-repeat;
  float:left;
  }

#menu_bar ul {
  margin:0;
  padding:0;
  list-style-type:none;
  }
    
#menu_bar li {
  float:left;
  }
#menu_bar a {
  display:block;
  height:27px;
  text-indent:-9999px;
  }

#top a {
  width:157px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:0px 0px;
  }
#top a:hover {
  width:157px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:0px -27px;
  }
  
#whatis a {
  width:192px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-157px 0px;
  }

#whatis a:hover {
  width:192px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-157px -27px;
  }

#howtolive a {
  width:243px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-349px 0px;
  }
#howtolive a:hover {
  width:243px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-349px -27px;
  }

#contract a {
  width:211px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-592px 0px;
  }
#contract a:hover {
  width:211px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-592px -27px;
  }

#faq a {
  width:157px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-803px 0px;
  }
#faq a:hover {
  width:157px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-803px -27px;
  }

#menu_bar.m_info li#info a{
  width:320px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:0px -27px;
  }
#menu_bar.m_press li#press a{
  width:320px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-320px -27px;
  }
#menu_bar.m_rss li#rss a{
  width:320px;
  background:url(../img/menu_bar.gif) no-repeat;
  background-position:-640px -27px;
  }

 
/*-------------------▲ここまでページ上部------------------------*/

/*------------------------レフトエリア---------------------------*/
#leftarea {
  float:left;
  width:337px;
  height:auto;
  margin:0px;
  padding:0 0 0 0px;
  }
#leftarea2 {
  float:left;
  width:450px;
  height:auto;
  margin:0px;
  padding:0 0 0 0px;
  }

#leftarea2 dt{
 height:20px;
 width:auto;
 background:url(../img/ind_arrow1.jpg) left no-repeat;
 padding:3px 0 0 22px;
 font-weight:bold;
 margin-top:15px;
 color:#DC0C6F;
 }
#leftarea2 dd{
 margin:10px 0 0 0;
 padding:0;
 font-size:80%;
 }

#leftarea3 {
  float:left;
  width:370px;
  height:auto;
  margin:0px;
  padding:0 0 0 0px;
  }

#leftarea3 dt{
 height:20px;
 width:auto;
 background:url(../img/ind_arrow1.jpg) left no-repeat;
 padding:3px 0 0 22px;
 font-weight:bold;
 margin-top:15px;
 color:#DC0C6F;
 }
#leftarea3 dd{
 margin:10px 0 0 0;
 padding:0;
 font-size:80%;
 }
/*------------------------ライトエリア---------------------------*/

#right_info{
 margin:50px 30px;
 padding:0;
 }
#right_info dl{
 width:500px;
 margin:0;
 padding:0;
 color:#FFFFFF;
}
#right_info dt{
 height:20px;
 margin:8px 0;
 padding:8px 0 5px 25px;
 border-bottom:1px solid #ffffff;
 background:url(../img/dt.gif) left no-repeat;
 }
#right_info dd{
 margin:8px 0;
 padding:0;
 }
 
/*プレスリリース*/
#left_press {
  float:left;
  width:200px;
  height:auto;
  margin:0;
  padding:0;
  }

#left_press dl{
 color:#FFFFFF;
 margin:0 0 0 90px;
}
#left_press dd{
 margin:5px 30px;
}

#right_press{
 float:left;
 width:500px;
 height:auto;
 margin:0;
 padding:0;
}
#right_press dl{
 color:#FFFFFF;
 margin:0;
 padding:0;
 }
#right_press dt{
 background:url(../img/press_border.gif) no-repeat;
 background-position:0px 20px;
 padding:0 0 8px 0px;
 margin:5px 0;
 font-weight:bold;
 }
#right_press dd{
 margin:5px 0 10px 0;
 padding:0;
}

/*RSS配信*/
#rss_info{
 width:700px;
 margin:0 auto;
 color:#FFFFFF;
}

#about{
 width:565px;
 height:370px;
 background:url(../img/bg_rss_about.jpg) no-repeat;
 margin:0 auto;
 padding:0;
 }
#howto{
 width:565px;
 height:370px;
 background:url(../img/bg_rss_howto.jpg) no-repeat;
 margin:20px auto;
 padding:0;
 }
 
.sentence{
 margin:0 auto;
 padding:45px 25px;
 }
/*-------------------------------------------------------------------*/
#doro_contr a{
 display:block;
 width:317px;
 height:100px;
 background:url(../img/btn_contract01.jpg);
 margin:0 auto;
 } 
#doro_contr a:hover{
 background:url(../img/btn_contract_ov.jpg);
}

#doro_bnr{
 width:317px;
 margin:0 auto;
 padding:15px 0 0 0;
 text-align:left;
 font-size:75%;
}
/*-------------------------------------------------------------------*/

#guideline{
 width:337px;
 text-align:left;
 font-size:70%;
}

#guideline dl {
  margin:0;
  padding:0 15px;
  line-height:1.5em;
  }
#guideline dt {
  color:#ee006b;
  font-weight:bold;
  padding:9px 0 7px 15px;
  border-bottom:1px solid #ee006b;
  background:transparent url(../img/ico_arw01.gif) no-repeat scroll 0pt 14px;
  margin-bottom:7px;
  font-size:13px;
  }
#guideline dd {margin:7px; padding:0;}





/*--------------------------------------------------------------------▼ボトム部分-------------------------------------------------------------------*/
#btm {
  width:920px;
  margin:10px auto 10px auto;
  }
.btm_hd {
  width:920px;
  height:12px;
  }
.btm_mdl {
  width:920px;
  height:auto;
  background:url(../img/btm_bg_mdl.gif) repeat-y;
  padding:10px 0;
  text-align:center;
  }
.btm_mdl form {
  margin:0 0 5px 0;
  padding:0;
  }
.btm_btm {
  width:920px;
  height:12px;
  background-position:bottom;
  }
  
#btm_content {
  margin:0px 20px;
  font-size:90%;
  }
#btm_content2 {
  width:800px;
  text-align:left;
  margin:0 auto;
  font-size:90%;
  }
#btm_content2 a{
 font-weight:bold;
 color:#258FB8;
}

#btm_content2 dt{
 height:20px;
 width:auto;
 background:url(../img/ind_arrow1.jpg) left no-repeat;
 padding:3px 0 0 24px;
 font-weight:bold;
 margin-top:15px;
 color:#C40067;
 }
 
#btm_content2 dd{
 margin:10px 0 0 0;
 padding:0;
 font-size:80%;
 }
/*----------------------------ニュース-----------------------------*/
#news {
  text-align:left;
  float:left;
  width:510px;
  height:auto;
  margin:0 0 0 15px;
  padding:0;
  background:#FFFFFF;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-bottom:1px solid #cccccc;

  }
#newscontent {
  width:510px;
  height:200px;
  margin:0;
  padding:0;
  font-size:12px;
  overflow-x:hidden;
  overflow-y:scroll;
  }
#newscontent dl {
  margin:0;
  padding:0 15px;
  line-height:1.5em;
  }
#newscontent dt {
  color:#ee006b;
  font-weight:bold;
  padding:9px 0 7px 15px;
  border-bottom:1px solid #ee006b;
  background:transparent url(../img/ico_arw01.gif) no-repeat scroll 0pt 14px;
  margin-bottom:7px;
  font-size:13px;
  }
#newscontent dd {margin:7px; padding:0;}

#intro_illust{
  text-align:center;
  float:left;
  width:510px;
  height:auto;
  margin:20px 0 0 15px;
  padding:0;
  background:#FFFFFF;
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}
#ch_designer{
  width:480px;
  height:100px;
  margin:0;
  padding:15px 15px;
  text-align:left;
  font-size:12px;
  overflow-x:hidden;
  overflow-y:scroll;
}
#ch_designer ul{
	margin:0;
	padding-left:30px;
	font-size:100%;
}
#ch_designer li{
	margin-top:20px;
}


#footer {
  height:30px;
  background:url(/img/fixed_footer_bgimage.gif) repeat-x;
  }

#newscontent a{
color: #808040;
text-decoration: none;
} 

  
#newscontent a:hover{
color: #7884AD;
text-decoration: none;
}  

#tocomuchara {
 width:50%;
 height:auto;
 margin:0 auto;
 padding:0;
 color:#FF0000;
 text-align:left;
 font-weight:bolder;
 }

#tocomuchara a{
 display:block;
 height:80px;
 width:210px;
 background:url(../img/btn_tocomuchara.jpg) no-repeat;
 margin:0 auto;
 }
#tocomuchara a:hover{
 background:url(../img/btn_tocomuchara_ov.jpg) no-repeat;
 }

img.milk {
 float:right;
 margin-top:15px;
 }
 
 
 /*--------------------------------------------------FAQページ---------------------------------------------------*/
.content {
  width:75%;
  height:auto;
  margin:20px auto 0 auto;
  padding:0 15px 15px 15px;
  font-size:12px;
  background:#FFFFFF;
  text-align:left;
  }
  
.content dl{
 padding:0;
 margin:0;
 list-style-type:none;
 }

.content dt{
 height:20px;
 font-weight:bold;
 color:#C40067;
 background:url(../img/ind_arrow1.jpg) no-repeat;
 padding:4px 0 4px 24px;
}
.content dd{
 background: #EEEEEE;
 padding: 10px;
 border-left: #999999 5px solid;
 margin: 10px auto 30px;
 }