@charset "utf-8";

/*	[contetns]
-----------------------------------------------*/
div#contents_inner01 {
	background: url(../../images/useful-kyuyo/bg_tl_useful-kyuyo.jpg) center 0 no-repeat;
}

div#main {
	background: none;
}

/*----- search_box -----*/

div.search_box {
	padding: 20px 0 30px 0;
}

div.search_box div {
	display: inline-block;
	padding: 1px;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
}

* html body div.search_box div {
	display: inline;
	zoom: 1;
}

*+html body div.search_box div {
	display: inline;
	zoom: 1;
}

div.search_box input {
	display: block;
	float: left;
	border: 0;
	vertical-align: middle;
}

div.search_box input.text_area {
	width: 246px;
	height: 19px;
	color: #666666;
	line-height: 19px;
}

* html body div.search_box input.btn_search {
	margin-right: -2px;
}





/*	[index]
----------------------------------------------------------- */
div#main div#index {
	width: 675px;
	margin: 0 -18px 0 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	zoom: 1;
}

div#main div#index div.category_box {
	float: left;
	width: 320px;
	_width: 322px;
	margin: 0 13px 10px 0;
	border: 1px solid #eeeeee;
}

div#main div#index div.category_box h3 {
	margin: 1px;
	padding: 0 0 2px 0;
	background: url(../../images/common/i_line01.gif) 0 bottom repeat-x;
}

div#main div#index div.category_box h3 a {
	display: block;
	padding: 8px 12px 6px 12px;
	background: url(../../images/useful-kyuyo/index/bg_btn.gif) 0 0 repeat-x #2383be;
	color: #ffffff;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4;
}

div#main div#index div.category_box h3 a:hover {
	background: url(../../images/useful-kyuyo/index/bg_btn_on.gif) 0 0 repeat-x #70bde9;
	text-decoration: none;
}

div#main div#index div.category_box ul {
	margin: 0 0 0 8px;
}

div#main div#index div.category_box ul li {
	padding: 12px 0 10px 0;
	background: url(../../images/common/i_line01.gif) 0 bottom repeat-x;
}

div#main div#index div.category_box ul li a {
	display: block;
	padding: 0 12px;
	background: url(../../images/common/i_arrow02.gif) 1px 5px no-repeat;
	color: #666666;
}

div#main div#index div.category_box ul li a:hover {
	color: #1c9de7;
}

div#main div#index div.category_box p {
	margin: 10px;
	text-align: right;
}



/*	[success]
----------------------------------------------------------- */

/*----- result -----*/

div#main div#success div#result {
	margin: 0 10px;
}

div#main div#success div#result p {
	font-size: 116%;
}

div#main div#success div#result ul {
	margin: 30px 0 0 0;
}

div#main div#success div#result ul li {
	margin: 0 0 5px 0;
}


/*----- hint -----*/

div#main div#success div.hint {
	margin: 30px 10px 0 10px;
}

div#main div#success div.hint p {
	margin: 0;
}

div#main div#success div.hint ul {
	margin: 30px 25px;
}


/*----- paging -----*/

div#main div#success div.paging {
	margin: 30px 0 25px 0;
}

div#main div#success div.paging {
	text-align: center;
}

div#main div#success div.paging ul {
	margin: 0;
}

div#main div#success div.paging ul li {
	display: inline;
	margin: 0;
	padding: 0 0 0 6px;
}

div#main div#success div.paging ul li a {
	margin: 0 12px 0 0;
	text-decoration: underline;
}

div#main div#success div.paging ul li.prev a,
div#main div#success div.paging ul li.next a {
	color: #666666;
	text-decoration: none;
}

div#main div#success div.paging ul li.prev a:hover,
div#main div#success div.paging ul li.next a:hover {
	color: #1c9de7;
	text-decoration: underline;
}

div#main div#success div.paging ul li strong {
	margin: 0 12px 0 0;
}


/* クリテ追加 */
.best {width:100%;margin-bottom:40px;}
.best p {font-size:130%;}
.best p span {font-size:85%;}

.best .inner {
	width:458px;
	float:left;
	margin:0 -1px 0 0;
	border:1px solid #4169e1;
}

.best table {
	border-collapse:collapse;border-spacing:0px;
	width:100%;
	margin:0 0 0 0;
	clear:both;
	border:none;
	font-size:96%;
}
.best table th {
	padding:3px 0;
	border-bottom:1px solid #4169e1;
	text-align:center;
	font-weight:lighter;
	font-size:130%;
}
.best table td {
	padding:10px 0;
	border:none;
	font-size:100%;
	vertical-align:top;
}

.best .inner table td span {margin:0 1em 0 0;font-size:100%;}
.best .inner table td p{
	font-size:12px;
	line-height:1.4;
	margin:0 0.5em 5px 1em;
	text-indent:-3em;
	padding:0 0 0 3em;
}


	/*--CLEAR--*/
	.best:after{content:"";display:table;clear:both;zoom:1;}




/*--------------------------------------------------------------
 responsive  min-width:768px
--------------------------------------------------------------*/
@media(min-width:768px) {



}/* end */


/*--------------------------------------------------------------
 responsive  max-width:768px
--------------------------------------------------------------*/
@media(max-width:768px) {

	div#contents_inner01 {background:none;}

	div#main div#index {width:98%;margin:0 auto;}
	div#main div#index div.category_box {width:100%;}

	.best {width:98%;margin:0 auto;}
	.best p {font-size:13px;margin-left:5px;}
	.best p span {font-size:12px;display:block;margin-bottom:10px;}
	.best .inner {
		width:96%;
		float:none;
		margin:0 auto 10px;
	}
	.best .inner table th {font-size:13px;}
	.best .inner table td {font-size:12px;padding-bottom:0;}
	.best .inner table td span {display:block;margin:0;}
	.best .inner table td p{
		font-size:13px;
		line-height:1.4;
		margin:0 1.5em 5px 1em;
		text-indent:0;padding:0;
		width:auto;
	}

	div.search_box div {margin:0 0 0 10px;}


}/* end */