@charset 'utf-8';

/*----------------------------------------------------------
	https://www.omron.co.jp/
	View Control

	Build:2008.02.08
----------------------------------------------------------*/

/*-Modify Record-----------------------*/

/*======================================
	Color Glossary
	
	OMRON Blue=>#0055C4(border,link,etc)
	Black=>#333333(text color)
	Gray1=>#555555(header,footer,bread,etc)
	Sky Blue=>#3983B9(Copy)
	Sky Blue 2=>#6DA5CD(Sub Copy)
	Pale Blue=>#EAEFF4(Background)
	Pale Blue 2=>#
======================================*/

/*--------------------------------------
	Clearfix
--------------------------------------*/
html>body #main .viewcontrol{
	overflow:hidden;
	width: 180px;
}
#main .viewcontrol:after,
#main .viewcontrol .fontsize:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}


/*--------------------------------------
	viewControl
--------------------------------------*/
#main .viewcontrol{
	/* width:575px;_height:1%; */
	/* background:url(/common/img/main/viewcontrol_bg.gif) center 2px no-repeat; */
	position: absolute;
	padding:4px 0 30px;
	right: 0;
	top: 0;
}

#main .viewcontrol .print{
	float:right;
/*	width:460px;
	text-align:right;
*/
	margin: 22px 0 0;
}
#main .viewcontrol .print li{
	display:inline;
	/* border-right:1px solid #cccccc; */
	padding:0 5px 0 2px;
	line-height:20px;
/* 	font-size:78%; */
}
#main .viewcontrol .print li.size{
	border:none;
	padding-right:5px;
	color:#666666;
}
#main .viewcontrol .print a{
	padding-left:15px;
}
#main .viewcontrol .print a.page{
	_height:1%;
	padding: 0 0 0 20px;
	background:url(/common/img/main/print_icon.gif) left center no-repeat;
}

#main .viewcontrol .print a.que{
	_height:1%;
	padding: 0 0 0 11px;
	background:url(/common/img/main/icon_que.gif) left center no-repeat;
}

#main .viewcontrol .fontsize {
	/* float:right; */
	position: absolute;
	top: 0;
	right: 0;
}
#main .viewcontrol .fontsize li{
	float:left;
	display: inline;
	/* width:35px;height:20px; */
	margin-right:5px;
	font-size: 78%;
}
#main .viewcontrol .fontsize li a{
	display:block;
	/* width:35px;height:20px; */
}
#main .viewcontrol .fontsize li.small{
	background:url(/common/img/main/fontsize_small.gif) left top no-repeat;
}
#main .viewcontrol .fontsize li.midium{
	background:url(/common/img/main/fontsize_midium.gif) left top no-repeat;
}
#main .viewcontrol .fontsize li.large{
	background:url(/common/img/main/fontsize_large.gif) left top no-repeat;
}

#main .viewcontrol .fontsize li.small a{
	width: 15px;
	height: 15px;
}
#main .viewcontrol .fontsize li.midium a{
	width: 33px;
	height: 19px;
}
#main .viewcontrol .fontsize li.large a{
	width: 22px;
	height: 22px;
}

#main .viewcontrol .code {
	float:left;
	padding-top:25px;
	line-height:20px;
	}