body{
	background-color: #ffffff;
}

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

div.menu_btn{
	margin: 0 0 40px 0;
}

span.login_name{
	font-weight:bold;
	color:white;
}

span.right_col{
	float: right;
	font-size:2.0em;
}

span.right{
	float: right;
}

span.left_col{
	float: left;
	font-size:2.0em;
}

header{
	height: 1.8em;
	background-color: #99cc00;
}

span#sitename{
	color: black;
	font-weight:bold;
	font-size:1.2em;
}

.top-bar {
background: #ff85a4;
}

div#copyright{
	height: 100px;
	background-color: #442222;
	color: white;
	text-align: center;
}

div.page_title{
	background-color: #99cd00;
	margin-bottom:20px;
	padding: 1px 0 1px 0;
}

div.search_title{
	margin-top:10px;
	float:left;
}

div.search_selecter{
	float:left;
}

div.search_selecter_right{
	float:right;
	margin:-4px 10px -12px 0;
}

div.div_title{
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.div_value{
	float:left;
}

div.div_button_adjust{
}

div.coop_item_col{
	margin-bottom: 30px;
	padding:10px 10px 0 10px;
	border-color:#000000; 
    border-width:1px; 
    border-style:solid;
}

div.toukou_btns{
	margin-top:5px;
	margin-bottom:10px;
}

div.ac_col_title{
	background-color: #ccccff;
}

div.adjust_url_1{
	margin-top:2px
}

div.adjust_url_2{
	margin-top:6px
}

div.desc_adjust{
	margin-top:10px;
}

div.desc_border{
	padding:5px 5px 0 5px;
	margin-bottom:10px;
	border-color:#000000; 
    border-width:1px; 
    border-style:solid;
}

div.title h5{
	color:red;
}

.tabs.pill.tiny { border-bottom: 0; height: 22px; width: auto; display: block; margin-bottom: 10px; margin-top: 18px;}
.tabs.pill.tiny.up { margin-top: 10px; }
.tabs.pill.tiny dd { margin-right: 0px; margin-left: 6px; border-bottom: 0 !important; }
.tabs.pill.tiny a { padding: 0 8px; font-size: 12px; line-height: 22px; height: 22px; }

.btn_orange{background-color:#FF4500;color:#FFFFFF;border:1px solid #c3c3c3}
.btn_orange:hover{background-color:#DD3500;color:#FFFFFF;}

.btn_gray{background-color:#a2a2a2;color:#000000;border:1px solid #c3c3c3}
.btn_gray:hover{background-color:#D3D3D3;color:#000000;}

.btn_white_gray{background-color:#DCDCDC;color:#000000;border:1px solid #c3c3c3}
.btn_white_gray:hover{background-color:#EDEDED;color:#000000;}

img.btn {
	max-width: 100px;
	height: auto;
}

.wrapped {
	/* wrap long urls */
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	/* specific width */
	margin-top:-10px;
	width: 400px;
	height:100px;
	line-height:1em;
	background-color:#EEEEEE;
	border-color:#DDDDDD; 
    border-width:1px; 
    border-style:solid;
}

.ogp_img_back{
	margin:-10px -10px 0 0;
	padding:10px 0 0 10px;
	width: 100px;
	height:100px;
	background-color:#EEEEEE;
	border-color:#DDDDDD; 
    border-width:1px; 
    border-style:solid;
}

.line_caption{
	margin-top:-2px;
}

.line_desc{
	margin-top:-30px;
}

@media screen and (max-width: 640px){ /* 画面が480pxの場合 */
    img.btn {
		max-width: 80px;
		height: auto;
	}
	div.wrapped{
		width: 410px;
		height:100px;
		line-height:1em;
		background-color:#EEEEEE;
		border-color:#DDDDDD; 
	    border-width:1px; 
	    border-style:solid;
	}
}

@media screen and (max-width: 320px){ /* 画面が320pxの場合 */
    img.btn {
		max-width: 35px;
		height: auto;
	}
	div.wrapped{
		width: 160px;
		height:100px;
		line-height:1em;
		background-color:#EEEEEE;
		border-color:#DDDDDD; 
	    border-width:1px; 
	    border-style:solid;
	    font-size:0.7em;
	}
}