@CHARSET "UTF-8";

/* ------------------------------------------------
　メインカラムのデザイン設定CSS
------------------------------------------------- */


/* ------------------------------------------------
　＊＊＊
------------------------------------------------- */

#main-content .attension ,
#wide-content .attension{
	padding-left: 10px;
}

#main-content  .desc {
	background: url(../../img/piyo.png) no-repeat left center;
	border-bottom: 1px dotted #ccc;
	margin: 0px 5px 0px 5px;
	padding: 5px 0px 5px 30px;
}
#main-content .search,#wide-content .search{
	border:1px solid #ccc;
	background-color:#F7FAFA;
	padding:10px;
	margin-bottom:10px;
}
#main-content .search input[type="text"],#wide-content .search input[type="text"]{
	width:400px;
}
#main-content .dir ,#wide-content .dir{
	margin-bottom:10px;
}
#main-content  .dir p,#wide-content  .dir p{
	display:inline;
	font-size:16px;
	border:1px solid #ccc;
	padding: 5px;
	margin: 5px;
	line-height:40px;
}
#main-content  .tag li{
	float:left;
	width:150px;
	font-size:16px;
	border:1px solid #ccc;
	padding: 5px;
	margin: 5px;
}
#main-content  .tag li.parent{
	border:none;
	width:100%;
	clear:both;
	padding:5px;
}

#main-content  .now img,#wide-content .now {
	margin: 0px;
	padding: 0px;
}

#main-content  .sub_right {
	text-align: right;
}

#main-content  h5 span {
	float: right;
	margin-left: 20px;
	vertical-align: middle;
}


#main-content .box1,
#wide-content .box1{
	margin-bottom: 5px;
}

#main-content .box2,
#wide-content .box2{
	background: url(../../img/kado.png) no-repeat right bottom #FFFFFF;
	border: 1px solid #C0C0C0;
	margin-top: 8px !important;
	padding: 5px;
	position: relative;
	zoom: 1;
	
	/*
	background-color: #F7FAFA;
	border: 4px solid #cae6e6;
	margin-bottom: 10px !important;
	padding: 5px;
	position: relative;
	zoom: 1;*/
}

#main-content .box .inner1,
#main-content .box_comm .inner1,
#main-content .box1 .inner1,
#wide-content .box .inner1,
#wide-content .box_comm .inner1,
#wide-content .box1 .inner1 {
	background-color: #fff;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}

#main-content .box1 h3,
#wide-content .box1 h3 {
	margin: 5px 5px;
	padding: 0px 10px 0 10px;
}

#main-content .box1 h3 img,#main-content span img,
#wide-content .box1 h3 img,#wide-content span img {
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
}

#main-content .box1 h4, 
#wide-content .box1 h4 {
	clear: both;
	height: 20px;
	margin: 5px 5px;
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 0 10px;
	padding: 5px 10px 0 10px;
}

#main-content .box1 h4 img, 
#wide-content .box1 h4 img {
	vertical-align: middle;
}
#main-content .box1 h4 span, 
#wide-content .box1 h4 span {
	float: right;
	height: 15px;
	margin-left: 20px;
	width: auto;
}
#main-content .box1 p,
#wide-content .box1 p {
	margin: 5px 5px 5px 5px;
	padding: 0 10px 0 10px;
}
#wide-content .box1:after ,
#main-content .box1:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}
#free-content{
	clear: both;
}

#free-content h2,#wide-content h2,#main-content h2 {
	_display: inline;
	clear: both;
	line-height: 30px;
	zoom: 1;
	margin-bottom:6px;
}
#free-content h2,#wide-content h2 img,#main-content h2 img{
	vertical-align:middle;
	}
#free-content h3,#wide-content h3,#main-content h3 {
	margin-left:3px;
	margin-right:3px;
}
#wide-content h3 img,#main-content h3 img{
	vertical-align:middle;
	}
#main-content p,#wide-content p {
	line-height: 1.7em;
	padding: 5px 10px 5px 10px;
}

#main-content .topbar,#wide-content .topbar {
	margin-bottom: 8px;
}

/* ------------------------------------------------
　ボトムバーのデザイン
------------------------------------------------- */
#main-content .bottombar,
#wide-content .bottombar {
	margin-top: 8px;
	padding: 5px 3px;
	background: #F3F4F3;
	
}
#main-content .bottombar ul,
#wide-content .bottombar ul{
	height:17px;
	display:inline;
}
#main-content .bottombar .righttag,
#wide-content .bottombar .righttag{
	float:right;
}
#main-content .bottombar .lefttag,
#wide-content .bottombar .lefttag{
	float:left;
}
#main-content .bottombar:after ,
#wide-content .bottombar:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
#main-content .lefttag li,
#wide-content .lefttag li {
	border-right: 1px dotted #3F3F3F;
	display: inline;
	padding: 0px 5px;
	display: inline;
	float: left;
	margin-left: 5px;
}

#main-content .res,
#wide-content .res {
	background-color: #FFF;
}

#main-content .resbox,
#wide-content .resbox {
	background: url(../../img/comment_top.png) no-repeat;
	padding-top: 15px;
}

#main-content .resbox_top,
#wide-content .resbox_top {
	height: 30px;
	padding: 5px;
}
#main-content .resbox_body,
#wide-content .resbox_body{
	margin:0p;
}


#main-content .righttag li,
#wide-content .righttag li {
	border-left: 1px dotted #3F3F3F;
	display: inline;
	padding: 0px 5px 0px 5px;
	float: right;
	margin-right: 5px;
}

#main-content .bottom,
#wide-content .bottom {
	margin-bottom: 10px;
	text-align: right;
}

/**その他**/

#main-content .desc,
#wide-content .desc {
	padding: 10px;
	border: 1px dotted #ccc;
	margin-bottom:10px;
}


#near_list .prebox{
	width : 340px;
	float:right;
}
#near_list .prebox h4{
	text-align:right;
	padding:5px 15px;
	color:#555;
}
#near_list .prebox dl{
	float:right;
}
#near_list .afterbox{
	width : 340px;
	float:left;
}
#near_list .afterbox h4{
	text-align:left;
	padding:5px 15px;
	color:#555;
}
#near_list .afterbox dl{
	float:left;
}
#near_list dl{
	width:150px;
	min-height:230px;
	float:left;
	border:1px solid #ccc;
	margin:5px;
}
#near_list dl dt{
	margin:5px;	
}
#near_list dl dd{
	margin:5px;	
}