@charset "UTF-8";

/* -------------------------------------

 base

------------------------------------- */

body {
	margin: 0;
	font-size: 20px;
	color: #fafafa;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    background: #3a3a3a;
}

h1 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 30px;
	line-height: 1.4;
	font-weight: bold;
	color: #fafafa;
	text-shadow: 0 1px #fff;
}

.clear {
	clear: both;
}

a:link {
  color:rgb(130, 209, 255);
  text-decoration:underline;   
}
a:visited {
  color:hwb(0 18% 19%);
  text-decoration:underline;
}

#header {
	padding: 50px 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 rgba(255,255,255,1);
	text-align: center;
}

#container {
	width: 960px;
	text-align: left;
    margin: 0 auto; 
}

#main {
	width: 100%;
	height: 100%;
	text-align: left;
}


p.subtitle {
	display: inline;
	margin: 0;
	font-size: 18px;
	line-height: 1.4;
	color: #666;
	border-bottom: 1px #666 dashed;
}
/** ドロップダウンメニューここから **/
@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

.pt20{
  width:220px;
  margin-left: auto;
  
  font-size: 25px;
}
.inverse{
  background: #000;
  padding: 20px 0;
  color: #fff;
}
.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 50px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    width:100%;
    border-radius:3px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#3b8ec2;
  color:#fff;
  border-color:#3b8ec2;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}
/** ドロップダウンメニューここまで **/