@font-face {font-family: TrajanPro-Regular; src: url('fonts/TrajanPro-Regular.otf');}
@font-face {font-family: AllerRegular; src: url('fonts/aller_rg-webfont.ttf');}
@font-face {font-family: TrajanPro-Regular; src: url('fonts/TrajanPro-Regular.otf');}
@font-face {font-family: SourceSansPro-Regular; src: url('fonts/SourceSansPro-Regular.ttf');}


#main {	width: 1024px; margin: 0 auto;}

/*p {margin-bottom: 1em; text-align: justify; line-height: 1.8;}*/

.clear{display:block; clear:both;}
#wrapper { width: 1024px; margin: o auto:}

.tww {	margin: 50px;  font : 16px/1.8  "Open Sans","SourceSansPro-Regular", "Segoe UI", Arial,   "Meiryo", sans-serif; /*font-weight: bold;*/ color: #9900ff; font-weight:600;}

.center {text-align:center;}

.ctr {text-align:center;}

.cytat {margin: 40px; color: #3333cc;}


#head { height: 138px;}

#logo {	padding: 20px 0px 0px 46px; height: 81px; color: #777;}

#logo a { text-decoration: none; font-size: 14px; color: blue; text-shadow:#ccc 0px 0px 1px; letter-spacing: 2px; font}

#logo a:hover {	text-decoration: none; font-size: 14px; color: red; text-shadow:#ccc 0px 0px 1px; letter-spacing: 2px;}
	
#logo p{font-size: 15px; font-style: italic; /*text-shadow:#ccc 0px 0px 1px;*/ padding-top: 20px; text-align: left; color:#222; letter-spacing: 0.5px;}

ul {line-height: 1.8;}

li {line-height: 1.8;}

#cont {
padding-left: 40px; padding-right: 40px; 	
border-bottom-color: #FFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #FFF;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #FFF;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
box-shadow: 0px 0px 2px #FFF inset, 0px 0px 5px #CACACA;
background-color: #FFF;
}

.central {width: 1024px; margin: 0 auto; background-color: #FFF;}
.central a {color: #0033cc; text-decoration: underline; text-shadow: 0.1em 0.1em 0.5em #bbf;}
.central a:visited {color: #0033cc;}
.central a:hover { text-decoration: underline; color : #FF0000;}
.central ul { margin:1em 7em 1em 7em; line-height:1.5em; text-align: left; color: #333399;}
.central img { border:  none;}
.central .imgl { padding: 14px 14px 14px  0; float: left;}
.central .imgr { padding: 14px 0 14px  14px; float: right;}
.central .imgl p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; line-height: 1.5em;}
.central .imgr p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; line-height: 1.5em;}


/** HEADINGS */

h6 { font-size:0.8em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 20px; text-shadow:#ccc 1px 1px 3px;font-weight: bold;}
h5 { font-size:1.0em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 30px; text-shadow:#ccc 1px 1px 3px;font-weight: bold;}
h4 { font-size:1.4em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 40px; text-shadow:#ccc 1px 1px 3px;font-weight: bold;}
h3 { font-size:1.6em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 45px; text-shadow:#ccc 1px 1px 3px;font-weight: bold;}
h2 { font-size:1.8em; font-family: "Trebuchet MS", Arial, sans-serif; color: #4400DD;  text-align:center; margin: 47px; text-shadow:#ccc 1px 1px 3px;font-weight: bold;}
h1 { font-size:2.0em; font-family: "Trebuchet MS", Arial, sans-serif; color: #0033CC;  text-align:center; margin: 50px; text-shadow:#ccc 1px 1px 3px;font-weight: bold;}


.img_l { float:left; margin: 18px 18px 18px 0; height:auto;}
.img_r { float: right; margin-left: 18px;}

img.right {float: right; margin:25px 10px 20px 10px}
img.left {float: left; margin: 5px 20px 5px 5px}


.menuheader {
border-left: 1px solid #ddd;
border-right: 1px solid #eee;
border-top: 1px solid #ddd;
border-bottom: 1px solid #eee;
margin: 40px 10px;
padding: 10px;
background: #ffffff url('images/gradient2.png') repeat-x;
color: #BF0000;
width: 75%;
font-size: 1.6em;
}
.QBox {
background: #ffffff url('images/q-l.png') no-repeat left top;
margin: 15px 50px;
border: 1px solid #ccc;
text-indent:10px;
margin-bottom: 25px;
margin-top: 25px;
border-bottom-color: #FFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #FFF;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #FFF;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: #AAA 0px 0px 6px 0px;
border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;

}
.QBox div {
background: url('images/q-r.png') no-repeat right bottom;
padding: 15px 30px 15px 15px;
font-style: normal;
margin-top: 0;
}

blockquote {
border-left : 5px solid #cccccc;
margin: 2em 3em 2em 3em;
padding : 20px;
line-height : 1.80;
text-align : left;
background: #F5F5F5;
border-bottom-color: #FFF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #FFF;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #FFF;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: #AAA 0px 0px 6px 0px;
border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;

}

.gray {
border-left: 5px solid #7f7d99; border-right: 5px solid #7f7d99; border-top: 1px solid #7f7d99; border-bottom: 1px solid #7f7d99; margin: 2em 3em 2em 3em; padding: 1em 2em 1em 2em; text-align:left; background: #fff url('images/box.png') repeat-x;
background-color: #FFFFFF;
box-shadow: 0px 0px 3px #222;
-moz-box-shadow: 0px 0px 3px #222;
-webkit-box-shadow: 0px 0px 3px #222;
border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px
}
.uak{color:black; font-size: 10pt; font-style: italic; padding-bottom: 2px; text-align: center; }
.small { font: 13px Verdana, sans-serif; line-height: 1.3em; margin: 20px 10px 20px 10px; padding-bottom: 16px; color: #444; text-align: center;}
.big {font-size: 18px; font-weight: 700; margin: 2em 4em 2em 4em; padding : 10px; line-height : 1.55; text-align : left; border-bottom: 1px solid #ccc; color: #3333cc;}
.bigger { margin-left: 3em; margin-right: 4em; color: #9900FF; font-weight: bold;font-size: 18px;}
.bluebar {margin: 30px; text-align:center; height:1px; }



hr { background: #ddd; clear: both; float: none; width: 85%; height: 1px; margin: 35px auto; border: none;}

#footer {margin: 0 auto;  width:1024px; float:left;} 
#footer .content {width:1004px; margin: 0 auto; padding:15px 0 0 20px; height:120px; text-align:center;}
#footer .content .bottomlinks a{ text-transform:uppercase; font-size:11px; color:#336699; margin-right:30px; text-decoration:none;}
#footer .content .bottomlinks a:hover{text-decoration:underline;color: blue;}
#footer .content .otherlinks{padding:10px 0; color:#FFFFFF; font-size:11px; border-bottom:1px dotted #FFFFFF}
#footer .content .otherlinks a{color:#FFFFFF; text-decoration:none}
#footer .content .otherlinks a:hover{text-decoration:underline}
#footer .content .copy{padding:15px 0; color:#336699; font-size:11px; text-transform:uppercase; letter-spacing: 1px;}

.hd {color:#000;}

div.hr { height: 1px; background: #e5e4df; margin: 30px 60px 30px 60px;}
div.hr hr { display: none;}

.style1 {color: #FF0000;}
.style2 {color: #0033CC; text-decoration: underline;}