/* F */

/* flantu.com */
#header {
	BACKGROUND: url(../img/header_bg.gif) #F7D358 repeat-x; 
/*background:#F7D358;*/

	MARGIN: 0px auto 10px; 
	BORDER-RIGHT: #dbe2e8 1px solid; 
	BORDER-LEFT: #dbe2e8 1px solid; 
	BORDER-BOTTOM: #dbe2e8 1px solid; 
	clear:both;
}

#footer {
	BACKGROUND: url(../img/header_bg.gif) #FFAA55 repeat-x; 
	MARGIN: 0px; 
	BORDER-RIGHT: #dbe2e8 1px solid; 
	BORDER-LEFT: #dbe2e8 1px solid; 
	BORDER-BOTTOM: #dbe2e8 1px solid; 
	clear:both;
} 


/* 他 */

h2::before {
	content: "§ ";
}
h2::after {
	content: " §";
}

#chielist {
	border: 1px solid #ff8b00;
	text-align: left;
}

#search{
	margin:0px 0px 10px;
	line-height:1;
	text-align:center;
}

#search input#search_box {
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 10px;
	width:300px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* Rounded Corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* Shadow Inset - Top */
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

#search input#search_submit,
#search input#search_clear {
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#888;
border:solid 1px #ccc;
margin:0 5px 20px 5px;

/* Gradient - Top Inset + Bottom Shadow + Rounded Corners */
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
}

/* ts マウスホバー時 */
#search input#search_submit:hover,
#search input#search_clear:hover {
	background:#ccc;
}


/* result ：検索結果BOX内*/
#result	{
	width: 100%;
	display: -webkit-box;　/* Safari,Google Chrome用 */
	display: -moz-box;　/* Firefox用 */
}
#res_main	{
	width: 180px;
	background: #FFF;
	min-height: 120px;
    -webkit-box-ordinal-group: 1;  
    -moz-box-ordinal-group: 1;  
}
#res_center	{
    -webkit-box-flex: 1;　/* Safari,Google Chrome用 */  
    -moz-box-flex: 1;　/* Firefox用 */  
	width: 350px;
	background: #FFF;
	min-height: 120px;
    -webkit-box-ordinal-group: 2;  
    -moz-box-ordinal-group: 2;  
}
#res_right	{
text-align: center;
	width: 100px;
	background: #FFF;
	min-height: 120px;
    -webkit-box-ordinal-group: 3;  
    -moz-box-ordinal-group: 3;  
}



/* btn */
/* http://touch-slide.jp/column/304/ */

.btn {
	float: right;
	font-weight: bold;
	font-size: 18px;

	background: -moz-linear-gradient(top,#ffc68f, #f87500 50%,#b65700 50%,#da6200);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc68f), color-stop(0.5,#f87500), color-stop(0.5,#b65700), to(#da6200));
	color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cc5c00;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	width: 120px;
	padding: 10px 20px;

	text-shadow:1px 1px 1px rgba(0,0,0,0.5);

	margin:20px 0px;
}



/* linkBox */
#linkBox{
	margin:5px 0px;
}

#linkBox .untBody{
	margin:5 10px;
}

#linkBox .untBody a{
	display:inline-block;
	/display:inline;
	margin:0 5px 5px 0;
	padding: 10px;
	/line-height:1.1;
	color:#FFF;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	/*linear-gradient*/
	background-color:#FFAA00;
	background:-webkit-gradient(linear,, from(#FFAA00), to(#DD7700));
	background:-webkit-linear-gradient(center top, #FFAA00, #DD7700 );
	background:   -moz-linear-gradient(center top, #FFAA00, #DD7700 );
	background:     -o-linear-gradient(center top, #FFAA00, #DD7700 );
	background:        linear-gradient(center top, #FFAA00, #DD7700 );
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFAA00), color-stop(1, #DD7700));
	zoom:1;
}
#linkBox .untBody a:hover{
	text-decoration:none;
	/*linear-gradient*/
	background-color:#FF6600;
	background:-webkit-gradient(linear,, from(#FF6600), to(#DD4400));
	background:-webkit-linear-gradient(center top, #FF6600, #DD4400 );
	background:   -moz-linear-gradient(center top, #FF6600, #DD4400 );
	background:     -o-linear-gradient(center top, #FF6600, #DD4400 );
	background:        linear-gradient(center top, #FF6600, #DD4400 );
	background:-webkit-gradien(linear, left top, left bottom, color-stop(0, #FF6600), color-stop(1, #DD4400));
}



/* hr */
.dotted-hr {
    width: 100%;
    border: 2px dotted #F7D358;
}

/* pagenavigation */

div#pagenation {
	position: relative;
	overflow: hidden;
}
div#pagenation ul {
    position: relative;
    left: 50%;
    float: left;
    list-style: none;
    margin: 0; /* リセットする余白 */
    padding: 0; /* リセットする余白 */
}

div#pagenation ul li {
    position: relative;
    left: -50%;
    float: left;
    margin: 0 0px; /* 必要に応じて調整する余白 */
    padding: 0; /* リセットする余白 */
}

div#pagenation li a {
    border:1px solid #CECECE;
    padding:10px 12px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}

div#pagenation li.active a,
div#pagenation li a:hover {
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}