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

body {
	line-height:1.5em;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    background: #EEE;
}

h1 {
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 20px 0;
    background: #EEE;
    padding: 5px 10px;
}


p {
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 5px 0;
}

a:link {
	color:#06C;
	text-decoration:underline;
}

a:hover {
	color:#F36;
}

/* !pageTop ------ */
#page-top {
    position:fixed;
    bottom:0px;
    right: 0px;
}
#page-top a {
    background:url(../../img/p_top.gif) no-repeat;
    width: 60px;
    height:60px;
    display: block;
    text-indent:-9999px;
    opacity:0.8;
    filter:alpha(opacity=80);
	-ms-filter: alpha(opacity=80);  /* ie 8 */
}

/* ヘッダー */
header {
    width: 950px;
    padding: 20px;
    margin: 15px auto 0;
    background: #399;
    background: -webkit-linear-gradient(#366, #399);
    background: -o-linear-gradient(#366, #399);
    background: linear-gradient(#366, #399);
    color: #FFF;
}

header .logo {
    float: left;
    margin: 0 15px 0 0;
    vertical-align: middle;
}

header .name {
    font-size: 1.6em;
    font-weight: bold;
    margin: 10px 0 0 0;
}

header .name br{
    display: none;
    }
    

header .english {
    font-size: 0.9em;
}


#wrapper{
    width: 950px;
    margin: 0 auto;
    background: #FFF;
    padding: 20px;
}

/*内容*/
#contents div{
   margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #CCC 1px dotted;
}

#contents div:last-child{
   margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

footer {
    width: 950px;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 0.8em;
    background: #399;
    padding: 10px;
    color: #FFF;
}


/*-----タブレットの記述-----*/
@media screen and (max-width:850px){


header {
    margin-top: 0;
    width: 100%;
    }
    
header .name{
    margin-top: 20px;
    font-size: 1.6em;
    }
    
header .english{
    clear: both;
    line-height: 1.3em;
    }
    
#wrapper{
    width: 100%;
    }

footer {
    margin-bottom: 0;
    width: 100%;
    font-size: 0.8em;
    line-height: 1.3em;
    }
}

/*-----スマホモニターの記述-----*/
@media screen and (max-width:560px){

header .name{
    margin-top: 0px;
    font-size: 1em;
    line-height: 1.8em;
    }
    

header .name span{
    font-size: 1.8em;
    }
    
header .name br{
    display: block;
    }
    
header .english{
    clear: both;
    line-height: 1.3em;
    }

}