@charset "UTF-8";

/*- main-contents
---------------------------*/
#main-contents {
	display: inline;
	float: left;
	width: 500px;
	margin: 0 0 25px 150px;
}

#main-contents h1 {
	margin: 0 0 2px 0;
	font-size: 0.5em;
	line-height: 0;
}

#main-contents h1 img {
	vertical-align: bottom;
}

#main-contents #tips-wrap {
	padding: 10px 0 0 14px;
	background: url(/images/common2/bar.gif) left top repeat-y;
}

	/*-- tips-menu
	-----------------------*/
	#tips-wrap ul.tips-menu {
		list-style-type: none;
		margin: 0 0 10px 10px;
		zoom: 1;/*for IE 5.5-7*/
	}
	#tips-wrap ul.tips-menu:after {/*for modern browser*/
		content: ".";
		clear: both;
		display: block;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}

	#tips-wrap ul.tips-menu li {
		padding: 0 10px 10px 0;
		float: left;
	}

	#tips-wrap ul.tips-menu li a {
		outline: none;
	}

	/*-- tips-box
	-----------------------*/
	#tips-wrap .tips-box {
		clear: both;
		display: block;
		width: 470px;
	}

	#tips-wrap .tips-box .tips-item {
		clear: both;
		overflow: hidden;
		position: relative;
		padding: 15px 0 11px 1px;
		border: 1px solid #FFFFFF;
	}

	#tips-wrap .tips-box .even {
		/*background-color: #FAFAFA;*/
	}
	#tips-wrap .tips-box .odd {
		/*background-color: #FFFFFF;*/
	}
	#tips-wrap .tips-box .over {
		border: 1px solid #FEC90C;
		background-color: #FFFFF9;
	}
	
	#tips-wrap .tips-box .tips-item h3 {
		margin: 0 0 3px 0;
		padding: 0 70px 0 18px;
		background: url(/images/common2/ico_arrow-l_lg.gif) 5px 5px no-repeat;
		font-size: 1.4em;
		line-height: 1.3;
		letter-spacing: 1px;
	}
	#tips-wrap .tips-box .over h3 {
		background: url(/images/common2/ico_arrow-l_y.gif) 5px 5px no-repeat;
	}
	
	#tips-wrap .tips-box .tips-item h3 a:link,
	#tips-wrap .tips-box .tips-item h3 a:visited {
	/*	color: #171C61;*/
	}

	#tips-wrap .tips-box .tips-item h3 a:hover,
	#tips-wrap .tips-box .tips-item h3 a:active {
		color: #003399;
	}

	#tips-wrap .tips-box .tips-item h3 .new-ico {
		padding: 0 0 0 2px;
		color: #EE0000;
		letter-spacing: -1px;
	}

	#tips-wrap .tips-box .tips-item .comment {
		margin: 0 0 5px 18px;
		padding: 5px 5px 0 0;
		background: url(/images/common2/dot_line.gif) left top repeat-x;
		color: #5F6775;
		font-size: 1.2em;
		line-height: 1.5;

	}
	
	#tips-wrap .tips-box .tips-item .url {
		display: none;
		margin: 0 0 0 0;
		color: #878C97;
		font-size: 1em;
	}

	#tips-wrap .tips-box .tips-item .date {
		position: absolute;
		top: 17px;
		right: 5px;
		width: 70px;
		margin: 0 0 0 0;
		color: #AAAAAA;
		font-size: 1.1em;
		text-align: right;
		letter-spacing: 1;
	}

	/*-- paginate
	-----------------------*/
	.paginate {
		margin: 10px 0 0 0;
		text-align: center;
	}

	.paginate .pages {}

	.paginate .ditto_next_link {}

	.paginate .ditto_currentpage {
		display:-moz-inline-box;
		display: inline-block;
		margin: 0 1px 0 1px;
		padding: 4px 5px 2px 5px;
		border: 1px solid #CCCCCC;
		background-color: #004DA0;
		color: #FFFFFF;
		font-size: 1.1em;
		line-height: 1;
	}
	
	.paginate a {
		display:-moz-inline-box;
		display: inline-block;
		margin: 0 1px 0 1px;
		padding: 4px 5px 2px 5px;
		border: 1px solid #CCCCCC;
		color: #AAAAAA;
		font-size: 1.1em;
		line-height: 1;
		text-decoration: none;
	}

	.paginate a:hover,
	.paginate a:active {
		background-color: #004DA0;
		color: #FFFFFF;
	}

	.paginate a.more {
		padding: 6px 5px 5px 5px;
		background-color: #E78F0B;
		color: #FFFFF9;
		font-size: 1.2em;
		line-height: 1;
	}

	.paginate a.more:hover,
	.paginate a.more:active {
		background-color: #004DA0;
		color: #FFFFFF;
	}




/*- sub-contents1
-----------------------------------*/
#sub-contents1 {
	float: left;
	width: 150px;
	margin: 0 0 25px -650px; /* main-contentsのwidth + margin-left */
}


/* sub-contents2
------------------------------*/
#sub-contents2 {
	float: right;
	width: 225px;
	margin: 0 0 25px 0;
}