﻿
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {
overflow-y: scroll;
height: 100%;
width: 100%;
font-size: 62.5%;
}

body {
font-family: Helvetica, Verdana, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,  sans-serif;
font-size:1.6rem;
font-size:1.6px;
color: #000000;
width: 100%;
height: 100%;
}

a:link {
color: #444;text-decoration: none;}
a:visited {color: #444;text-decoration: none;}
a:hover {color: #3b4875;opacity: 0.9;}
.noscript {display: none;}


em, strong {font-weight: bold;}

.hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;border: 0;clip: rect(0 0 0 0);overflow: hidden;}
hr {height: 1px;background: #e4e4e4;clear: both;margin: 0;}
.smalltext {font-size: 11px;}
.largetext {font-size: 16px;}
.block {display: block;}
.bold {font-weight: bold !important;}
.normal {font-weight: normal;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.list_style {list-style: disc;list-style-position: outside;padding-left: 1em;}

.shadow_1 {-moz-box-shadow: 2px 2px 3px #000000;-webkit-box-shadow: 2px 2px 3px #000000;box-shadow: 2px 2px 3px #000000;}
.shadow_2 {-webkit-box-shadow: 0px 0px 14px #C0C0C0;-moz-box-shadow: 0px 0px 14px #C0C0C0;box-shadow: 0px 0px 14px #C0C0C0;}
.ir {text-indent: 100%;white-space: nowrap;overflow: hidden;}

.break {-ms-word-break: break-all;word-break: break-all;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.serif {font-family: 'Hiragino Mincho ProN','MS P明朝',serif;}
ul {padding: 0;margin: 0;}
ul li {list-style:none;}
ol li {list-style: decimal inside;}

.cf:before,
.cf:after {content: "";display: block;overflow: hidden;}
.cf:after {clear: both;}
.cf {zoom: 1;}

.circle {border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border: solid 4px #000000;background: #ffffff;text-align: center;}




/*
	layout
*/
#wrapper {width: 100%;
font-size: 1.3rem;
font-size: 13px;
}
#ev_logo {
background-image: url('img/common/evernew_hbg.png');
background-repeat: repeat-x;
height: 32px;
line-height: 32px;
text-align: right;
width: 100%;
box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
border-bottom: solid 6px #0f3001;
}
#ev_logo img {
width:100px;
margin:0 15px 0 0;
padding: 0;
}



/**
* pagetop
* ----------------------------------------------------------------------------
*/

#pagetop {
display: none;
position: fixed;
bottom: 150px;
right: 0;
cursor: pointer;
color: #fff;
font-size:18px;
}

#pagetop a {
display:block;
text-align: center;
width: 50px;
height: 50px;
padding: 12px 0;
cursor: pointer;
color:#FFF;
/*
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
*/
background:rgba(15,48,1,0.8);
}

#pagetop a:hover {
background:rgba(15,48,1,0.6);
}






/**
* header
* ----------------------------------------------------------------------------
*/




header {
background: #FFF;
position: relative;
z-index: 90;
text-align: center;
margin: 0 auto;
padding: 0 0;
height: 107px;
}
.pagehome {
border-top:dotted 1px #0f3001;
border-bottom:dotted 1px #0f3001;
}

header h1 {
float:left;
margin:0;
position: relative;
z-index: 15;
display: inline-block;
width: 188px;
}

header h1 a{
display: block;
z-index: 9999;
width: 170px;
height: auto;
position: absolute;
margin: 8px auto 0;
}

header h1 a img{
z-index: 9999;
width:100%;
}




/**
* 
* ----------------------------------------------------------------------------
*/


.box-under-shadow {
  box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.3);
}





@media (max-width:667px) {
#pagetop {
display: none;
position: fixed;
bottom: 85px;
right: 0;
cursor: pointer;
color: #fff;
font-size:18px;
}

header {
background: #FFF;
position: relative;
z-index: 90;
text-align: center;
margin: 0 auto;
padding: 0 0;
height: 54px;
}



header h1 {
float:left;
position: relative;
z-index: 9999;
display: inline-block;
width: auto;
}

header h1 a{
display: block;
z-index: 9999;
width:150px;
height: auto;
position: absolute;
margin: 0 auto;
padding: 6px 0 0 8px;
}

header h1 a img{
z-index: 9999;
width:100%;
}



}
