/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset { border: 0; }

/* set image max width to 100% */
img {
	border:0;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html, input, textarea { }
body { line-height:100%; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
p { line-height:150%; }

/* headings */
h2, h3, h4, h5, h6 { line-height:125%; }
h1 { text-align:right; font-size:80%; line-height:100%; margin:0px; padding:3px; }
h2 {font-size: 140%; }
h3 {font-size: 120%; }
h4 {font-size: 100%; }
h5 {font-size: 90%; }
h6 {font-size: 80%;  }

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/* embedded videos */
.video embed,
.video object,
.video iframe {
	width:100%;
	height:auto;
	min-height:250px;
}


/*--------------------------------------------------------
size & pos
--------------------------------------------------------*/

body		{ text-align: center; margin: 0px; padding:0px; }

.container	{ width:900px; text-align:left; margin:0px auto; padding:0px; }
.main		{ width:600px; text-align:left; margin:0px; padding:0px; float:left; }
.menu		{ width:300px; text-align:left; margin:0px; padding:0px; float:right; }
.header		{ margin: 0px; padding: 0px; line-height:0%;   text-align:center; }
.footer		{ margin: 0px; padding: 0px; line-height:100%; text-align:right; }
.block		{ margin: 4px; padding: 0px; border: 1px solid ; }
.box		{ margin: 5px; padding: 0px; 
			  border-radius:10px;			/* CSS3‘�ˆÄ */
		      -webkit-border-radius:10px;	/* Safari,Google Chrome—p */
		      -moz-border-radius:10px;		/* Firefox—p */
}
.rect		{ margin: 5px; padding: 0px; }
p { padding:5pt; }
h2, h3, h4, h5, h6 { padding:5pt; margin:0; }
td,th { padding:2pt 4pt; }
th { text-align:center; }


/*--------------------------------------------------------
Color
--------------------------------------------------------*/
body		{ background-color:#4964A7; }
.container	{ background-color:#f0f0f0; }
.main		{ background-color:#f0f0f0; }
.menu		{ background-color:#f0f0f0; }
.header		{ background-color:#f0f0f0; }
.footer		{ background-color:#f0f0f0; }
.block		{ background-color:#ffffff; border-color:#90A3D2; }
.box		{ background-color:#ffffff; }
.rect		{ }
body	{ color: #404040; }
a		{ color: #026acb; }
a:hover { color: #026acb; }
big		{ color:red; font-weight:bold; }
h1 { }
h2 { }
h3 { border-bottom:0px solid #5E7DCA; }
h4 { border-left:5pt solid #4A6095; background-color:#90A3D2; color:#ffffff; }
h5 { background-color:#4A6095; color:#ffffff; }
h6 { }


/* @group menu */
#menu{
	margin:0;
	border-bottom:solid 1px #BABDB9;
	height:30pt; list-style-type:none; text-align:center; line-height:100%;
}

#menu li{
	background-color:#ffffff; 
	overflow:hidden;
	float:left;
	width:25%;
	position:relative;
	height:30pt;
}

#menu a{
	background:url('//infoprox.net/obj/arrow.png') no-repeat 100% 50%;
	display:block;
	text-decoration:none;
	color:#000000;
	padding:10pt;
}
#menu a:hover { background:#f0f0ff; color:#000000; }

div.infoprox_block { border:1px solid #909090; background-color:#ffffff; }
div.infoprox_title { padding:5px; text-align:right; background-color:#90A3D2; color:#000000; }
div.infoprox_body  { padding:5px; line-height:145%; }

/* @end */

/************************************************************************************
smaller than 980 for small-PC
*************************************************************************************/
@media screen and (min-width: 801px) {

body		{ }
.container	{ width:100%; max-width:900px; text-align:left;   margin:0px auto; padding:0px; }
.main		{ width:65%;  max-width:600px; text-align:left;   margin:0px; padding:0px; float:left; }
.menu		{ width:35%;  max-width:300px; text-align:center; margin:0px; padding:0px; float:right; }
img#title1		{ display:none; }
img#title2		{ display:block; }

}

/************************************************************************************
smaller than 980 for tablet
*************************************************************************************/
@media screen and (max-width: 800px) and (min-width: 601px) {

body		{ }
.container	{ width:100%; text-align:left;   margin:0px auto; padding:0px; }
.main		{ width:100%; text-align:left;   margin:0px; padding:0px; float:none; }
.menu		{ width:100%; text-align:center; margin:0px; padding:0px; float:none; }
#side_search { display:none; }
img#title1		{ display:none; }
img#title2		{ display:block; }
}

/************************************************************************************
smaller than 480 for smart-phone
*************************************************************************************/
@media screen and (max-width: 600px) {

body		{ }
.container	{ width:100%; text-align:left;   margin:0px auto; padding:0px; }
.main		{ width:100%; text-align:left;   margin:0px; padding:0px; float:none; }
.menu		{ width:100%; text-align:center; margin:0px; padding:0px; float:none; }
#side_search { display:none; }
img#title1		{ display:none; }
img#title2		{ display:block; }

/* @group menu */
#menu    { height: 126pt; }
#menu li {
	float:none;
	width: 100%;
	border-top:solid 1px #BABDB9;
	border-bottom:solid 1px #F5F5F5;
}
/* @end */
}