﻿@charset "UTF-8";

/**
@prefix : <http://purl.org/net/ns/doas#> .
<http://www.shanghaikuaidi.com/screen.css> a :CSSStylesheet;
 :title "eurosf.com stylesheet";
 :shortdesc "Stylesheet for eurosf.com pages of this site";
 :created "2009-04-17T17:29:23+09:00";
 :release [:revision "1.0.0"; :created "2009-04-17T19:45:48+09:00"];
 :author [:name "eurosf.com"; :homepage <http://www.shanghaikuaidi.com/> ];
*/

/* == CONTENTS =================================================================

	1: Resetting Again* (Resets default browser styling) Do Not Edit!
	2: Reset Plus (More Resets default browser styling)
	3: YUI CSS Fonts** (Typographical normalization and control) Do Not Edit!
	4: Font-sizing Table (TIPS, comment out)
	5: CUSTOM STYLES

	*Resetting Again by Eric Meyer, meyerweb.com.
		http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

	**Yahoo! UI Library: Fonts CSS Version: 2.7.0
		http://developer.yahoo.com/yui/fonts/

============================================================================= */


/* 1: Resetting Again ------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 2: Reset Plus ----------------------------------------------------------- */

/* for legacy browser
html {
	color: #000;
	background: #FFF;
} */

/* more reset?
input,textarea {
	margin: 0;
	padding: 0;
} */

/* reset font-style */
address,
caption,
cite,
code,dfn,
em,strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

/* delete list-mark */
li {
	list-style: none;
}

/* table include text align */
caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	font-variant: normal;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	*font-size: 100%;
}

legend {
	color: #000;
}

/* reset ie6-7 offsetTop propaty="1" (margin-top: 1px), [adjusting by underscore hack]
input {
	_margin: -1px 0;
} */

/* reset table border="0"
table {
	border: none;
} */

/* for IE, Firefox, always display the scrollbar
html{
    overflow-y: scroll;
} */


/* 3: YUI CSS Fonts -------------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/* 4: Font-size Control ----------------------------------------------------

	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|  */


/* 5: CUSTOM STYLES --------------------------------------------------------- */

/* general */

body {
	margin: 1.2em 2em;
	background-color: #D3E9D0;
	font-family: "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "ms pgothic", sans-serif;
	text-align: center;
}


/* header */

#header {
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
	height: 204px;
	background-image: url(images/76877_8199.gif);
}

#header h1 {
	padding-right: 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 182%;
	text-align: right;
}


/* contents */

#upperleft {
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	background-color: #AED7A8;
	background-image: url('images/upperleft.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-align:left;
}

#upperright {
	background-image: url('images/upperright.png');
	background-repeat: no-repeat;
	background-position: top right;
}

#lowerleft {
	background-image: url('images/lowerleft.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#lowerright {
	padding: 3% 3% 3% 3%;
	background-image: url('images/lowerright.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

h2 {
	margin-bottom: .8em;
	font-weight: bold;
	font-size: 138.5%;
}

p {
	font-size: 93%;
}


/* footer */

#footer {
	margin-left: auto;
	margin-right: auto;
	width: 480px;
	height: 23px;
	background-image: url(images/footer.png);
	text-align: center;
}

#footer p {
	padding-top: 4px;
	font-size: 85%;
}

/* menu */

#menu {
	margin: 4px auto;
	width: 520px;
	font-size: 85%;
	text-align: left;
}

#menu li {
	margin-left: 1.4em;
	list-style: none;
}

