body{

font-family:"Hiragino kaku Gothic Pro";
margin-top:1em;
}


A:link { color: #336699; text-decoration: none;} 
A:hover { color:#FFFFFF; text-decoration: none; background-color: #327FC6;} 
A:visited { color:#336699;text-decoration: none;} 
A:active { color:#FFFFFF;} 
A { text-decoration: none;} 

h1{
font-size:1.8em;
font-family:"Palatino Linotype" serif ;
color:#134C7B;
font-weight: bold;
}

h2{
font-size: 3em;
line-height:1.5;
font-family: "Hoefler text", "Palatino Linotype" serif ;
color:#134C7B;
font-weight: bold;
margin:0px;
}
h2 a:hover {
margin: .5em 0;
padding: .3em;
color:#FFFFFF; 
text-decoration: none;
background-color: #327FC6;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
} 
 
.notice {
margin: 20px 20px;
color:#333333;
font-size:1em;
text-align:center;
line-height:1.7em;
background-color:#FFFFFF;
}
 
#content {
/*border: 1px dashed #FFC800;*/
width:730px;
margin: 10px auto;
background-color:#FFFFFF;
text-align: center;
}

.box1{
/*float: left;*/
width:20em;
margin-bottom:3em;
background-color:#FFFFFF;
padding:3em .5em;
text-align; center;
border:2px solid #cccccc;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}

.box2{
/*float: right;*/
width:25em;
margin: auto;
margin-bottom:3em;
padding:3em .5em;
background-color:#FFFFFF;
text-align; center;
border:2px solid #cccccc;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

/*---------CSS3 stopping---------*/

/*
.box1, .box2 {
    -webkit-transition: all 0.2s ease-in-out;
}

.box1:hover, .box2:hover {
border:2px solid #336699;
}
*/

/*---------end CSS3---------*/


.intro {
font-size:90%;
}

.copy{
padding-top:1em;
line-height:2em;
font-family:optima, "palatino linotype";
font-size:80%;
color:#969696;
}

#footer {
clear:both;padding-top:10px;border-top: 1px solid #CCCCCC;
}