@charset "utf-8";


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

/*div 全体*/


#tourokubanner{
	height:70px;
}

#presentbanner{
	height:65px;
	margin-top:0.5em;
}

#side {
	width:220px;
	float:right;
	margin:10px 0;
	padding:0 10px !important;
}

#side_twitter{background-image:url(../img/common/side/twitter_back.jpg);
              width:222px;
			  height:76px;
			  margin-bottom:10px;
			  margin-top:-10px;
			  padding-top:1px;
}

#Follow{margin:49px 4px 2px 147px;
}


#ranking{
	width:218px;
	background:#F1F1F1;
	}

#ranking img{
	margin:6px;
	}

#rank_bgtop{
	background-image:url(../img/common/side/rankbgtop.gif);
	background-repeat:no-repeat;
	width:218px;
	height:12px;
	}



#rank_bgbottom{
	background-image:url(../img/common/side/rankbgbottom.gif);
	background-repeat:no-repeat;
	width:218px;
	height:12px;
	}

.rank_bgleft{
	width:10px;
	background-image:url(../img/common/side/rankbgmidleft.gif);
	background-repeat:repeat-y;
	}

.rank_bgright{
	background-image:url(../img/common/side/rankbgmidright.gif);
	background-repeat:repeat-y;
	width:10px;
	}


.ranking_headline{
	font-size:0.65em;
	padding-top:5px;
	padding-left:5px;
	color:#F60;
	}

.ranking_title{
	font-size:0.8em;
	padding-left:5px;
	}

.ranking_title a{
	color:#333;
	}

#banner_area{
	width: 690px;
    height: 80px;
    padding: 20px 15px;
    margin: 0 auto;
}

#banner_area img{
	margin:0px 5px;
	width:220px;
	height:80px;
	float:left;
	border:0;
}

#footer {
	height:50px;
	clear:both;
	height:100px;
	background-image:url(../img/common/footer.jpg);
	background-repeat:repeat-x;
}

#footer_in {
	height:50px;
	width:1000px;
	margin:auto;
	padding-top:20px;
}

#kaiin{margin:10px 0; width:700px; color:#F00; font-weight:bold;}

#kaiin a:link{ color:#F00; text-decoration:underline;}
#kaiin a:visited{ color:#F00; text-decoration:underline;}
#kaiin a:active{ color:#F00; text-decoration:underline;}
#kaiin a:hover{ color:#F00; text-decoration:underline;}


/* serial box トップページ・グループトップの最新記事*/

.serial_box{
	width:200px;
	height:200px !important;
	height:360px;
	padding:10px !important;
	padding:10px 5px;
	margin: 0 10px;
	float:left;
	}

.box_hover{
	background:#b1e4fa;
	cursor:pointer;
	}
.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}	

h3{ font-size:1.5em;}


.serial_box_header{
	height:49px;
	margin-bottom:5px;
	}

.serial_box_title{
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px #999999 solid;
	margin:0.5em 0;
	}

.serial_box_title a:link{color:#333;}
.serial_box_title a:visited{color:#333;}
.serial_box_title a:active{color:#333;}
.serial_box_title a:hover{color:#333;}

.serial_box_feature{
	width:440px;
	height:200px !important;
	height:360px;
	padding:10px !important;
	padding:10px 5px;
	margin: 0 10px !important;
	margin: 0 5px;
	float:left;
	}
.serial_box_feature_header{
	height:49px;
	margin-bottom:5px;
	}

.serial_box_feature_title{
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px #999999 solid;
	margin:0.5em 0;}


#info_contents{
	width:440px;
	float:left;}
#info_contents li{padding-left:2em;margin:1em 0  0 2em;}


.border{ border:#999 solid 1px}
	
/* backnumber_box グループトップのバックナンバー記事*/
.backnumber_box{
  width:720px;height:130px;
	border-bottom:1px solid #999;
	margin:0.5em 0;
}

h5.backnumber_title{
	
	font-size:1.2em;
	font-family:"Meiryo","メイリオ",Verdana,Helvetica,sans-serif;
	font-weight: bold;
	color: #D20035;
	border-bottom:1px dotted #FFB8DB;
}

h5.backnumber_title span{
	display:block;
	font-size:small;
	margin-left:20px;
	color:#999999;
}
.backnumber_box_img{
  float:left;
	margin:0 1em !important; 
	margin:0; 
	width:120px;height:120px;
	}
.backnumber_box_font{
  float:left;
	width:720px;height:100px;
	}

/* month_box 月別バックナンバー用*/
.month_box{
  width:720px;
	height:230px;
	border-bottom:1px solid #999;
	margin:0.5em 0;
}

.month_box_right{
	float:left;
	width:540px;
	}

.month_box_img{
  float:left;
  margin:0 10px;
	width:150px;height:194px;
	}

.month_box_title{
	font-size:15px;
	margin-bottom:5px;
	font-weight:bold;
	}


.month_box_contents a:link{ text-decoration:underline; color:#333;}
.month_box_contents a:visited{ text-decoration:underline; color:#333;}
.month_box_contents a:active{ text-decoration:underline; color:#333;}
.month_box_contents a:hover{ text-decoration:underline; color:#333;}

.month_box_feature{
	width:540px;
	font-size:14px;
	margin-bottom:10px;
	font-weight:normal;
	}

.month_box_title_feature_name{
	font-size:14px;
	margin-top:0px;
	font-weight:normal;
}
.month_box_title_feature_small{
	font-size:11px;
	margin-bottom:0px;
	line-height:1.3em;
	font-weight:normal;
}



.month_box_coramn{
	width:540px;
	font-size:14px;
	margin-bottom:10px;
	font-weight:normal;
	}

.month_box_detail{width:100px; color:#FFF; font-size:12px; text-align:center; font-weight:bold; float:right; }
.month_box_detail a:link{ color:#FFF; font-size:12px;}
.month_box_detail a:visited{ color:#FFF; font-size:12px;}
.month_box_detail a:active{ color:#FFF; font-size:12px;}
.month_box_detail a:hovor{ color:#FFF; font-size:12px;}

/* detail_box 月別バックナンバー用*/
.detail_box{
  width:720px;
	margin:0.5em 0;
}

.detail_box_right{
	float:left;
	width:590px;
	height:150px;
	}

.detail_box_img{
  float:left;
  margin:0 10px;
	width:100px;height:150px;
	}

.detail_box_title{
	font-size:15px;
	margin-bottom:5px;
	font-weight:bold;
	}


.detail_box_contents a:link{ text-decoration:underline; color:#333;}
.detail_box_contents a:visited{ text-decoration:underline; color:#333;}
.detail_box_contents a:active{ text-decoration:underline; color:#333;}
.detail_box_contents a:hover{ text-decoration:underline; color:#333;}

.detail_box_feature{
	width:590px;
	font-size:14px;
	margin-bottom:10px;
	font-weight:normal;
	}

.detail_box_title_feature_name{
	font-size:14px;
	margin-top:0px;
	font-weight:normal;
}
.detail_box_title_feature_small{
	font-size:12px;
	margin-bottom:0px;
	line-height:1.3em;
	font-weight:normal;
}

.detail_box_title_small{
	font-size:11px;
	margin-bottom:0px;
	line-height:1.3em;
	font-weight:normal;
	color:#666;
}

.detail_box_coramn{
	width:700px;
	font-size:14px;
	font-weight:normal;
	margin:10px;
	}

.detail_box_detail{width:180px; color:#FFF; font-size:12px; text-align:center; font-weight:bold; float:right; margin-right:10px; }
.detail_box_detail a:link{ color:#FFF; font-size:12px;}
.detail_box_detail a:visited{ color:#FFF; font-size:12px;}
.detail_box_detail a:active{ color:#FFF; font-size:12px;}
.detail_box_detail a:hovor{ color:#FFF; font-size:12px;}


.detail{ margin:5px 0px;
				 padding:5px 0px;
				 border-bottom:dashed thin #999
				 }

/*グループトップのカラー設定*/
#special A:link { color: #DD0037 ;text-decoration: none }   
#special A:visited { color: #DD0037;}
#special A:active { color: #DD0037 ;  } 
#special A:hover { color: #FF86A5 ;  }  
#special li{
    padding-left:15px;
    background:url(http://www.yotsuyaotsuka.com/dreamnavi_new/img/common/point_pink.gif) no-repeat center left;
}


#dream A:link { color: #D36501 ;text-decoration: none }   
#dream A:visited { color: #D36501;}
#dream A:active { color: #D36501;   } 
#dream A:hover { color: #FE891F ;  } 
#dream  li{
    padding-left:15px;
    background:url(http://www.yotsuyaotsuka.com/dreamnavi_new/img/common/point_yellow.gif) no-repeat center left;
}

#knowledge A:link { color: #0C4520 ;text-decoration: none }   
#knowledge A:visited { color: #0C4520;}
#knowledge A:active { color: #0C4520;   } 
#knowledge A:hover { color: #090 ;  } 
#knowledge li{
    padding-left:15px;
    background:url(http://www.yotsuyaotsuka.com/dreamnavi_new/img/common/point_green.gif) no-repeat center left;
}

#support A:link { color: #06C ;text-decoration: none }   
#support A:visited { color: #06C;}
#support A:active { color: #06C;   } 
#support A:hover { color: #09F;  } 
#support  li{
    padding-left:15px;
    background:url(http://www.yotsuyaotsuka.com/dreamnavi_new/img/common/point_blue.gif) no-repeat center left;
}

#info A:link { color: #8731B0 ;text-decoration: none }   
#info A:visited { color: #8731B0;}
#info A:active { color: #8731B0;   } 
#info A:hover { color: #B168D5 ;  } 
#info  li{
    padding-left:15px;
    background:url(http://www.yotsuyaotsuka.com/dreamnavi_new/img/common/point_purple.gif) no-repeat center left;
}

#other li{
    padding-left:15px;
    background:url(http://www.yotsuyaotsuka.com/dreamnavi_new/img/common/point_brown.gif) no-repeat center left;
}

/*記事別トップ*/
.backnumber_column_top{
	margin-bottom:1em;}
	
/*検索結果*/

#result{
	width: 700px;
	margin:1em;
}

#result_table{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	font-size:0.8em;
}

#result_table td,th{
	padding: 5px ;
	color: #333;
	
}

.odd	{
	background:#ddd;
}

 
/*無料会員登録のすすめ*/
#recommend{
	width:520px;
	margin:auto;
}
#recommend h3{
	font-size:1.2em;
	color:#06C;
	margin-top:0.5em;}
#recommend h4{
	font-size:1.1em;
	color:#C00;
}

#recommend_point{
	border:1px solid #666;
	padding:1em;
	margin:1em;
	
}
#recommend_tourokufont A:link{color: #C00;text-decoration: none}
#recommend_tourokufont A:visited { color: #C00;text-decoration: none}
#recommend_tourokufont A:active {color: #C00; text-decoration: none} 
#recommend_tourokufont A:hover { color:red;  } 
#recommend_tourokufont { font-size:0.9em; text-align:right;margin-top:0.5em;}

#hikaku td,th{ padding:3px 5px;}
	

/*ログイン*/
.login{width:223px;height:210;padding:2em; background-image: url(../img/common/bar_bg.gif)}

/* ページ送り */
#page{ text-align:center; margin:10px;}
#page ul{ list-style:none;}
#page li{ display:inline; border:1px solid #CCC; padding:0 5px; margin:3px;}
#page li a{ color:#333;}
#page #present_p{ background-color:#333; color:#FFF;}


/*　よく使うスタイル　*/
.clear{clear:both;}
.smallgray{font-size:0.6em; color:#999;}
.readmore{font-size:0.9em; color:#09F;}

/*other_article*/
#other_article_dream {width:700px; margin:0 auto;border-left:solid #FFCC66 1px;border-right:solid #FFCC66 1px;border-bottom:solid #FFCC66 1px;}
#other_article_dream #head {background-color:#FFCC66; height:20px; padding:1px 5px 2px;}
#other_article_dream #head #title{color:#FFF; font-weight:bold; margin:0 5px;}
#other_article_dream .cell_1{height:80px; border-bottom:#FFCC66 dashed 1px;}
#other_article_dream .cell_2{height:80px;}
#other_article_dream .article_headline{font-size:12px;}
#other_article_dream .article_interior{font-size:10px;}
#other_article_dream .article_title{font-size:16px !important; font-size:14px;}
#other_article_dream .article_title a{ color:#F63;}
#other_article_dream .article_next{font-size:10px; text-align:right;}
#other_article_dream .article_next a{color:#FFCC66;}
#other_article_dream img{ border:#999 1px solid;}

#other_article_knowledge {width:700px; margin:0 auto;border-left:solid #99CC00 1px;border-right:solid #99CC00 1px;border-bottom:solid #99CC00 1px;}
#other_article_knowledge #head {background-color:#99CC00; height:20px; padding:1px 5px 2px;}
#other_article_knowledge #head #title{color:#FFF; font-weight:bold; margin:0 5px;}
#other_article_knowledge .cell_1{height:80px; border-bottom:#99CC00 dashed 1px;}
#other_article_knowledge .cell_2{height:80px;}
#other_article_knowledge .article_headline{font-size:12px;}
#other_article_knowledge .article_interior{font-size:10px;}
#other_article_knowledge .article_title{font-size:16px !important; font-size:14px;}
#other_article_knowledge .article_title a{ color:#669966;}
#other_article_knowledge .article_next{font-size:10px; text-align:right;}
#other_article_knowledge .article_next a{ color:#99CC00;}
#other_article_knowledge img{ border:#999 1px solid;}

#other_article_support {width:700px; margin:0 auto;border:solid #33CCFF 1px;}
#other_article_support #head {background-color:#33CCFF; height:20px; padding:1px 5px 2px;}
#other_article_support #head #title{color:#FFF; font-weight:bold; margin:0 5px;}
#other_article_support .cell_1{height:80px; border-bottom:#33CCFF dashed 1px;}
#other_article_support .cell_2{height:80px;}
#other_article_support .article_headline{font-size:12px;}
#other_article_support .article_interior{font-size:10px;}
#other_article_support .article_title{font-size:16px !important; font-size:14px;}
#other_article_support .article_title a{ color:#0066FF;}
#other_article_support .article_next{font-size:10px; text-align:right;}
#other_article_support .article_next a{ color:#33CCFF;}
#other_article_support img{ border:#999 1px solid;}

/*sitemap*/
#sitemap{ width:720px; margin: 0 auto; }
#sitemap .contents_feature{margin:5px; float:left; width:90px ; font-size:12px;}
#sitemap .contents_dream{margin:5px; float:left; width:140px ; font-size:12px;}
#sitemap .contents_knowledge{margin:5px; float:left; width:135px ; font-size:12px;}
#sitemap .contents_support{margin:5px; float:left; width:120px ; font-size:12px;}
#sitemap .contents_info{margin:5px; float:left; width:140px ; font-size:12px;}

#sitemap #sitemap_feature_top{border-bottom:#F3C 3px solid;font-size:14px;}
#sitemap #sitemap_feature_in{margin:5px;}
#sitemap #sitemap_feature_in A:link{color:#333;text-decoration: none}
#sitemap #sitemap_feature_in A:visited { color:#333;text-decoration: none}
#sitemap #sitemap_feature_in A:active {color:#333; text-decoration: none} 
#sitemap #sitemap_feature_in A:hover { color:#F3C; text-decoration:underline;}

#sitemap #sitemap_dream_top{border-bottom:#FC3 3px solid;font-size:14px;}
#sitemap #sitemap_dream_in{margin:5px;}
#sitemap #sitemap_dream_in A:link{color:#333;text-decoration: none}
#sitemap #sitemap_dream_in A:visited { color:#333;text-decoration: none}
#sitemap #sitemap_dream_in A:active {color:#333; text-decoration: none} 
#sitemap #sitemap_dream_in A:hover { color:#FC3; text-decoration:underline;}

#sitemap #sitemap_knowledge_top{border-bottom:#9C0 3px solid;font-size:14px;}
#sitemap #sitemap_knowledge_in{margin:5px;}
#sitemap #sitemap_knowledge_in A:link{color:#333;text-decoration: none}
#sitemap #sitemap_knowledge_in A:visited { color:#333;text-decoration: none}
#sitemap #sitemap_knowledge_in A:active {color:#333; text-decoration: none} 
#sitemap #sitemap_knowledge_in A:hover { color:#9C0; text-decoration:underline;}

#sitemap #sitemap_support_top{border-bottom:#3CF 3px solid;font-size:14px;}
#sitemap #sitemap_support_in{margin:5px;}
#sitemap #sitemap_support_in A:link{color:#333;text-decoration: none}
#sitemap #sitemap_support_in A:visited { color:#333;text-decoration: none}
#sitemap #sitemap_support_in A:active {color:#333; text-decoration: none} 
#sitemap #sitemap_support_in A:hover { color:#3CF; text-decoration:underline;}

#sitemap #sitemap_info_top{border-bottom:#96C 3px solid;font-size:14px;}
#sitemap #sitemap_info_in{margin:5px;}
#sitemap #sitemap_info_in A:link{color:#333;text-decoration: none}
#sitemap #sitemap_info_in A:visited { color:#333;text-decoration: none}
#sitemap #sitemap_info_in A:active {color:#333; text-decoration: none} 
#sitemap #sitemap_info_in A:hover { color:#96C; text-decoration:underline;}

#sitemap #bg_top{background-image:url(../img/common/sitemap/bg_top.gif); background-repeat:repeat-x; height:18px;}
#sitemap #bg_bottom{background-image:url(../img/common/sitemap/bg_bottom.gif); background-repeat:repeat-x; height:18px;}
#sitemap .bg_left{background-image:url(../img/common/sitemap/bg_left.gif); background-repeat:repeat-y; width:18px;}
#sitemap .bg_right{background-image:url(../img/common/sitemap/bg_right.gif); background-repeat:repeat-y; width:18px;}
#sitemap #bg_t-l{background-image:url(../img/common/sitemap/bg_t-l.gif); background-repeat:norepeat; width:18px;}
#sitemap #bg_t-r{background-image:url(../img/common/sitemap/bg_t-r.gif); background-repeat:norepeat; width:18px;}
#sitemap #bg_b-l{background-image:url(../img/common/sitemap/bg_b-l.gif); background-repeat:norepeat; width:18px;}
#sitemap #bg_b-r{background-image:url(../img/common/sitemap/bg_b-r.gif); background-repeat:norepeat; width:18px;}


/*presents*/
#presents{width:720px;}
#presents #presents_date p{color:#930; text-align:right;}
#presents #presents_how p{margin-left:1em;}
#presents .presents_div{margin:40px 0;}
#presents .presents_img {float:left; width:220px;}
#presents_img_1 {float:left; width:720px;}
#presents_img_1_img {float:left; width:220px}
#presents_img_2 {float:left; width:720px;}
#presents_img_2_img {float:left; width:220px; margin-top: 25px;}
#presents_img_3 {float:left; width:720px;}
#presents_img_3_img {float:left; width:220px; margin-top: 25px;}
#presents_img_4 {float:left; width:720px;}
#presents_img_4_img {float:left; width:220px; margin-top: 25px;}
.presents_sentense{float:left; width:500px;}
.presents_info{float:left; width:500px;}
#presents .201601{clear:both;}
#present_form{font-size:0.5em; }


#present img{
	    margin-left: 470px;
        margin-top: 15px;
}