@charset "utf-8";

body {
	background-color:#fff;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

/*各ページ共通----------------------------------*/

*{	box-sizing:border-box;
}

ul {
  list-style: none;
}

strong{
	font-weight:bold;
}

em{
	color:#df1470;
}

.content{
	font-size:14px;
	line-height:1.8;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.both{
	clear:both;
}
	
a{
	color:#9e94bf;
}

.note{
	font-size:10px;
}

/*レイアウト----------------------------------*/

header {
	width:100%;
	min-width:1000px;
	background-color:#fff;
}

nav {
	width:100%;
	border-top:solid 1px #9e94bf;
	border-bottom:solid 1px #9e94bf;
	background-color:#fff;
	clear:both;
}

#wrapper {
	background-color:#fff;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}

#main{
	width:80%;
	background-color:#fff;
	float:left;
}

article{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

section{
	padding:10px;
	font-size:16px;
	line-height:2.0;
	margin-left: auto;
	margin-right: auto;
}

aside{
	width:20%;
	float:right;
}

footer {
	width:100%;
	min-width:1000px;
	background-color:#000;
}


/*header-------------------------------------*/

.headerbox{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

h1{
	width:67%;
	float:left;
	line-height:0;
}

header h2{
	margin-bottom:10px;
	clear:both;
}

header h2 a{
	color:#9e94bf;
	text-decoration:none;
	margin-right:10px;
}

header ul{
	margin:10px 0;
	float:right;
}

header ul li{
	border-radius:2px;
	margin-right:2px;
	padding:2px 6px;
}

header ul li a{
	color:#fff;
	text-decoration:none;
}

/*nav---------------------------------------*/

nav ul{
	width:400px;
	color:#fff;
	margin:0 auto;
}

nav ul li{
	width:25%;
	float:left;
	text-align:center;
	line-height:0;
	border-right:solid 1px #9e94bf;
	line-height:0;
}

nav ul li:first-child{
	border-left:solid 1px #9e94bf;

}

nav ul li img{
	line-height:0;
}

/*main------------------------------------*/

.news{
	margin-bottom:0px;
	font-size:18px;
}

/*dl{
	margin:0 16px;
}
*/
dt{
	font-size:16px;
	margin:8px 0;
}

dd{
	font-size:14px;
	/*margin-left:16px;*/
}

h3{
	color:#fff;
	background-color:#df1470;
}

h4{
	color:#e9e9e9;
	font-size:24px;
	text-align:center;
	border-radius:10px;
	border:1px solid #e9e9e9;
	margin:10px 10px;
	line-height:0;
}

h5{
	line-height:0;
}

h6{
	color:#fff;
	background-color:#df1470;
	text-align:center;
	padding:10px 0;
	margin-top:8px;
}

table{
	margin:0 auto;
}

th{
	border-bottom:1px solid #fff;
	text-align:left;
}

.campaign{
	background-image:url(images/campaign_bg.jpg);
	background-size:cover;
	background-position:center;
}
	
.campaign_inner{
	width:80%;
	background-color:rgba(255,255,255,1.0);
	margin-left:auto;
	margin-right:auto;
	padding:32px 40px;
}

.campaign_inner table{
	font-size:12px;
	margin:14px auto;
}

.campaign_inner td{
	padding-right:10px;
}

.twilight{
	background-image:url(images/twilight.jpg);
	background-size:cover;
	background-position:center;
	margin-top:8px;
}
	
.twilight p{
	color:#fff;	
}

.twilight_inner{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.app_wrapper{
	width:90%;
	background-color:rgba(255,255,255,0.7);
	margin-left:auto;
	margin-right:auto;
	padding:20px 20px;
}

.app_wrapper p{
	color:#000;	
}

.appbox{
	width: 48%;
	float:left;
	padding:0 1%;
}

.dirt{
	background-image:url(images/dirt.jpeg);
	background-size:cover;
	background-position:center;
	margin-top:8px;
}

.dirt_inner{
	width:80%;
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	margin-left:auto;
	margin-right:auto;
	padding:20px 20px;
}

.expert{
	background-image:url(images/expert_bg.jpeg);
	background-size:cover;
	background-position:center;
	padding-top:10px;
}

.expert_inner{
	color:#fff;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

.rgba{
	background-color:rgba(255,255,255,0.3);
}

.menuname{
	width:50%;
	background-color:#e9e9e9;
	padding:8px;
}

.menuvalue{
	background-color:#fff;
	padding:8px;
	border:1px solid #e9e9e9;
}

.black{
	color:#fff;
	background-color:#000;
}

.black p{
	color:#fff;
}

.black table{
	width:100%;
	color:#fff;
}

.black tr{
	border-bottom:#fff 1px solid;
}

.btn{
	padding-top:8px;
	padding-right:8px;
}


/*aside-------------------------------------*/

aside{
	padding-left:10px;
}

aside h5{
	line-height:0;
	padding:8px 0;
}

aside .content{
	width:95%;
	font-size:12px;
	line-height:1.8;
	margin-left:auto;
	margin-right:auto;
}

.expert2{
	background-color:#e9e9e9;
	padding:10px;
}

/*footer-------------------------------------*/


.footerbox{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

footer p{
	color:#fff;
}

/*--ページトップへ戻るボタン--*/

#page_top {
	position: fixed;
	bottom: 15%;
	right: 5%;
	z-index: 999;
}

#page_top a {
	width:100%;
	text-decoration: none;
}

#page_top img:hover {
	opacity:0.7;
}


/*--ここからスマホ用レイアウト---------------------------------*/

@media screen and (max-width:480px){

/*レイアウト----------------------------------*/

#wrapper{
	width:100%;
}

section{
	font-size:14px;
}

.content{
	font-size:14px;
	line-height:1.6;
}


/*header-------------------------------------*/


header{
	min-width:100%;
}

.headerbox{
	width:100%;
}


h1{
	padding-top:8px;
	width:160px;
}

h1 img{
	width:100%;
}

header h2{
	font-size:12px;
}


header ul li{
	width:40px;
	border-radius:2px;
	margin-right:2px;
	padding:2px 6px;
}

header ul li img{
	width:100%;
}


/*nav---------------------------------------*/

nav ul{
	width:75%;
}

nav ul li{
	width:25%;
	
}

nav li img{
	width:100%;
}


.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

/*main------------------------------------*/

#main{
	width:100%;
}


article{
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

table{
	width:90%;
	font-size:12px;
}

.news{
	font-size:14px;
}

.campaign_inner{
	width:90%;
	padding:5% 5%;
}

.campaign_inner table{
	width:100%;
	font-size:8px;
	margin:6px auto;
}

.campaign_inner td{
	padding-right:4px;
}

.app_wrapper{
	width:90%;
	background-color:rgba(255,255,255,0.7);
	margin-left:auto;
	margin-right:auto;
	padding:5% 5%;
}

.dirt_inner{
	width:90%;
	padding:5% 5%;
}


.appbox p img{
	width:100%;
}


/*aside-------------------------------------*/

aside{
	display:none;
}

/*footer-------------------------------------*/



footer{
	min-width:100%;
}

.footerbox{
	width:100%;
}




/*--ページトップへ戻るボタン--*/

#page_top img{
	opacity:0.7;
}

#page_top img:hover {
	opacity:0.7;
}


}