@charset "utf-8";
/* CSS Document v1.3 */

/* デフォルト
--------------------------------------------------------------- */

img{
	max-width:100%; width:auto; height:auto
}


/* ヘッダー
--------------------------------------------------------------- */

#header{
	display:none;
}

#head{
	position:relative;
	width:auto;
	height:auto;
	margin:0;
}

#head #cmenu{
	display:none;
}


h1{
    display:block;
    float:none;
    padding:0;
	padding:15px 15px 10px;
}

h1 img{width:120px;}



#toppage{
	background:none;
}



#visual{
	width:auto;
	height:auto;
	background:none;
}

#menu{
	display:none;
}

#menu .dropdown dt{
	width:auto;
}

#head, #headline, #vmenu, #controls, #contents, #footerbar{
	width:auto;
}

#vmenu{width:100%;}

#vmenuSp,
#vmenuSp li{width:auto; height:auto;}

#vmenu li{
	width:auto;
	height:auto;
}

#vmenu li img{width:100% !important; height:auto !important;}

#controls{
	position:relative;
	width:auto;
	border:1px solid #000;
}

#Onlayer{
	position:relative;
	width:auto;
	top:auto;
}

#pageflip{
	float:none;
	right:0;
}


/* コンテンツ
--------------------------------------------------------------- */

#contents{
	margin:0;
	padding:0 15px;
}

#contents .right-column{
	width:auto;
	margin:0;
	display: block;
    float: none;
}

#toppage .article h3,
#toppage .article{
	width:auto;
}

#contents .datecolumn dt{
	display:block;
	float:none;
	width:auto;
	margin:0;
	padding:0 0 0 1em;
}

#toppage #contents .right-column .article .newcolumn dt{
	display:block;
	float:none;
	width:auto;
	margin:0;
	padding:0;
}

#contents .datecolumn dd, #contents .newcolumn dd,
#toppage #contents .right-column .article .newcolumn dd{
	display:block;
	float:none;
	width:auto;
	padding:0;
	margin:0 0 15px;
}

#contents .aside{
	display:block;
	width:auto;
	float:none;
	text-align:center;
}

#contents .left-column{
	width:auto;
	float:none;
	display:block;
}

/* ガスくさいときは */
#contents .howto{display:none;}

/*#contents .howto{
	padding:0;
	background:none #F4E3DF;
	text-align:center;
}

#contents .right-column .howto{
	margin:0 0 15px;
	padding:6px 3px;
}

#contents .right-column .howto li{
	box-sizing:border-box;
	display:block;
	float:left;
	width:33.3%;
	text-align:center;
	margin:0;
	padding:0 3px;
}

#contents .right-column .howto li img{width:100%; height:auto;}

#contents .right-column .howto li:last-child{
	margin-bottom:0;
}*/


#contents .aside #sidemobile{
	display:none;
}

.banner{
	text-align:center;
}

.column dt{
	text-align:center;
	background:#ecf4f8;
	padding:5px 0 0;
}

#menu .dropdown {
    display:block;
    float: none;
    margin:0 auto 20px;
    position: relative;
    z-index: 2300;
}

#menu .dropdown img{
	width:100%;
}


#contents .more{
	width:14%;
	top:0;
	bottom: 0;
	margin:auto;
    position: absolute;
    right: 0;
}

#contents .more a {
    display: block;
    height:100%;
    outline: medium none;
    text-indent: -2011px;
    width:100%;
}

#contents .article .more a{
	background-size:70% auto;
}

#toppage .article h3 img{
	width:100%;
	height:auto;
}

#contents .left-column p{
	text-align:center;
}

#contents .newcolumn dt.newtit{
	width:auto !important;
}


/* フッター
--------------------------------------------------------------- */


#footer {
    clear: both;
    padding:15px;
    width:auto;
}

#footer #flogo{
	display:block;
    float:none;
    margin:0 0 15px;
	text-align:center;
}

#footer #fnavi li {
    display:block;
    float:none;
    margin:0 0 10px;
    padding-left: 0.6em;
	font-size:12px;
}
