@charset "UTF-8";
/* CSS Document */

html, body {font-family: 'Sanchez', serif; font-family: 'Open Sans', arial, sans-serif; color:#333; line-height:1.3; background-color:#FFF}

h1, h2, h3, h4, h5 {font-family:'Sanchez';}
h2{ font-size:100%}
p {font-size:90%;}

a {text-decoration:none; display:inline}
a:link {color:#333; border-bottom:1px dotted #2d2e30;}
a:hover {color:#900}
a:visited {color:#666}
a:visited:hover {color:#900}

ul {font-size:90%; padding:0}
ul li {padding:0 0 4px 0; list-style-type:none;}


#container {
	max-width:946px;
	margin-left:auto;
	margin-right:auto;
	min-height:450px;
	top:10px;
}

#head {float:left; padding-top:10px}

#main {padding-top:25%; text-align:center; width:100%;}

#navi {float:right; clear:right; font-family:'Sanchez', arial; padding:0 5px 0 12px; margin-top:10px; border-left:#333 dotted 2px;}

#content {min-height:300px; clear:both; padding-top:20px;}

#footer {clear:both; min-height:15px; font-size:75%; text-align:center; margin-top:10px; padding-top:10px}

#head h1 {font-size:150%; padding:0; margin:0}
#head a:link {border-bottom:none}

#navi a:link {border-bottom:none}
#navi ul {padding:0; margin:0; list-style-type:none}
#navi ul li{padding:0; margin:0 0 3px 0; list-style-type:none}
#navi ul li a {border-bottom:none} 

#sidebar {float:left; max-width:33%; box-sizing:content-box; padding:0 15px 15px 0; margin-right:15px; border-right:2px dotted #333; font-family:'Sanchez', serif; font-size:90%} 

#sidebar ul {list-style-type:none; padding:0}
#sidebar ul li {list-style-type:none; padding:0 0 5px 0; margin:0}
#sidebar ul li a {border-bottom:none;}

#sidebar_right {float:right; max-width:33%; box-sizing:content-box; padding:0 0px 0 15px; margin-left:15px; border-left:2px dotted #333; font-family:'Sanchez', serif; font-size:90%} 

.contact {max-width:350px; padding:0 30px;box-sizing:border-box; float:left}


.normal{font-weight:normal}
.bold {font-weight:bold}
.italic {font-style:italic}
.frame {background-color:#FFF; float:left;border:1px solid #CCC; padding:5px; margin:0 10px 10px 0px; -webkit-box-shadow: 0px 0px 15px 0px #999;
box-shadow: 0px 0px 15px 0px #999; float:left;}

/* start page only */
#start {margin:10px 0; height:auto; min-height:120px; float:left; clear:both;}
#start ul {display:inline; padding:0; margin:0}
#start ul li{display:inline; padding:0; margin:0}
#start ul li a {display:inline; float:left;
width:224px; height:121Px; padding-top:103px;
font-size:110%;
color:#FFF; background-color:#FFF; 
margin:50px 0 100px 10px; letter-spacing:0.07em; text-align:center;
text-decoration:none; border:1px #CCC solid;
-webkit-border-radius: 112px;
border-radius: 112px;
transition: background-color 2s;
-moz-transition: background-color 2s;
-webkit-transition: background-color 2s;
-o-transition: background-color 2s }

#start ul li a:hover {color:#fff; background-color:#CCC; border-bottom:none }
#start ul li a:visited {color:#fff}