body {
	padding: 0;
	margin: 0;
	color: #333399;
	font-family: "Gentium", serif;
	font-size: 110%;
	text-shadow: 1px 1px #ffffff;
}

div#main {
	background-image:	url(img/background_50.png);
	background-color:	transparent;
	background-repeat: no-repeat;
	background-position: center 50px;
	background-attachment: fixed;
	min-height: 420px;
	padding: 1em 10em 2em 2em;
}

h1 {
	text-align: center;
	font-style: normal;
	font-size: 250%;
	font-weight: bold;
	font-family: "Simonetta", Georgia, serif;
}

h2 {
	text-align: center;
	font-style: normal;
	font-size: 200%;
	font-weight: bold;
	font-family: "Simonetta", Georgia, serif;
}

h4 {
	text-align: center;
	font-style: normal;
	font-size: 150%;
	font-weight: bold;
	font-family: "Simonetta", Georgia, serif;
}

h5 {
	font-style: normal;
	font-size: 125%;
	font-weight: bold;
	font-family: "Simonetta", Georgia, serif;
	margin: .5em 0 .5em 0
}

ul#menu {
	margin: 1em;
	visibility: normal;
	list-style: url('img/cyclist_bullet.png');
	text-decoration: none;
	font-family: "Simonetta", Georgia, serif;
	font-size: 100%;
	font-weight: bold;
	float: left;
	width: 8em;
	border: none;
}

ul#menu li {
	margin: 1px;
	
}
ul#menu li a {
	border: solid 1px transparent;
	border-radius: 3px;
	background-color: rgba(255,255,255,0.6);
	padding: .2em;
	color: inherit;
	display: block;
}
ul#menu li a:hover {
	background-color: rgba(255,255,255,0.8);
	border: solid 1px #222288;
	color: #5555cc;
}

div#content {
	margin: 1em 1em 1em 12em;
}

p.footer {
	text-align: center;
	clear: both;
}

div.photos img {
	border: solid 1px transparent;
	border-radius: 3px;
	background-color: rgba(255,255,255,0.6);
	padding: .2em;
	color: inherit;
	display: inline-block;
}

a {
	text-decoration: underline;
	color: #333399;
}
a:hover {
	color: #5555bb;
}

ul a {
	text-decoration: none;
}

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(51,51,153,0), rgba(51,51,153,0.75), rgba(51,51,153,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

label {
    display: block;
    margin: 0px 0px 5px;
}
label>span {
    display: inline-block;
    width: 30%;
    text-align: right;
    padding-right: 1em;
    margin-top: .4em;
    color: #757575;
    font-size: 70%;
    vertical-align: top;
}

input[type="text"], input[type="email"], textarea, select{
    color: #555;
    width: 60%;
    padding: 3px 0px 3px 5px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 16px;
    border: 1px solid #222288;
    border-radius: 5px;
    background: #fbfbfb;
    height: 25px;
    line-height:15px;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
}

textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
}
.button {
	background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding: 0.5em 1em;
    color: inherit;
	text-shadow: 1px 1px #ffffff;
	border: solid 1px #222288;
	border-radius: 5px;
	background-color: #bbbbbb;
	font-weight: bold;
}
.button:hover {
	background-color: #dddddd;
}
.button:active {
    position:relative;
    top:1px;
}
select {
    background: url('down-arrow.png') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
    background: url('down-arrow.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
   appearance:none;
    -webkit-appearance:none;
   -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    line-height: 15px;
    height: 30px;
}

.semitrans {
	background-color: rgba(255,255,255,0.6);
}

.roundedsemitrans {
	border: solid 0px #222288;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.6);
}

.inlineblock {
	width: 200px;
	display: inline-block;
	text-align: center;
	margin: .5em;
}

.ja {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-size: smaller;
}
h5.ja {
	font-size: 125%;
}

	
	@font-face {
	    font-family: 'Gentium';
	    src: url('./font/Gentium-Basic/GenBasR.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Gentium';
	    src: url('./font/Gentium-Basic/GenBasB.ttf') format('truetype');
	    font-weight: bold;
	    font-style: normal;
	}
	
	
	@font-face {
	    font-family: 'Simonetta';
	    src: url('./font/simonetta/Simonetta-Regular.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	
.red {
	color: #bb0000;
}