@charset "utf-8";
body  {
	font: 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height : 1.5;
	background:url(new_images/back.png) repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #7d7d7d;
}

h1 {
	font-size: 24px; 
	line-height: 1;
	color:#000;
	text-align:left;
	font-weight:lighter;
	position:absolute;
	margin:10px 0px 40px 0px;
} /* 24px */
	
/*　コンテナー　*/

#container {
	width : 90%;
	margin : 0 auto;
	text-align : center;
	background:url(new_images/container_back.png) repeat;
}

/*　ヘッダーまわり　*/

.topTitle {
	margin-top:-5px;
	margin-bottom:65px;
	margin-left:0px;
	padding-left:0px;
} 

#topTitle {
	margin-top:0px;
	margin-left:0px;
	margin-right:auto;
	padding:0px;
}

.bread{
	text-align:left;
	margin-bottom:-10px;
}

img{
	vertical-align :middle;
	max-width : 100%;
}

/*メディアクエリー　ブレイクポイント768px*/

@media screen and (min-width : 768px){
#container {
	overflow : hidden;
	width : 93.75%;
	} 

#container #mainContent,
#container #sidebar {
	float : left;
	margin : 0 1%;
	} 

#container #mainContent { 
	width : 56.41%;
	max-width:440px;
	}

#container #sidebar { 
	width : 38.46%;
	max-width:300px;
	}
}

@media screen and (min-width : 1024px){
#container {
	width:990px;
	} 

#container #mainContent { 
	width : 440px;
	margin-left:10%;
	}

#container #sidebar { 
	width : 300px;
	margin: 0 1%;
	}
}

/* メイン　*/

#container p { 
	margin-bottom : 24px;
	text-align : left;
}

.h2{
	margin-bottom:0px;
}

.lead{
	padding:5px;
	background-color:#fff;
	border:solid 1px #54CCA8;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	margin:10px 0px 10px 0px;
}

.h3{
	text-align:left;
	font-size : 24px;
	line-height : 110%;
	margin-bottom:0px;
	font-weight:lighter;
	color:#54CCA8;
} /* 24px */

.h3 img{
	vertical-align:baseline;
}

.pic{
	margin:5px 0;
}

.pic img{
	margin:10px 0px;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

.caption{
	font-size:15px;
}

.extra{
	font-size:20px;
	color:#f39800;
}

a:link{
	color:#54CCA8;
	text-decoration:underline;
}

a:visited{
	color:#556b2f;
	text-decoration:none;
}

a:hover{
	color:#b8d200;
	text-decoration:underline;
}

a:active{
	color:#ba2636;
	text-decoration:underline;
}

a:focus{
	color:#8b0000;
	text-decoration:underline;
}

a { 
	text-decoration :none;
}

.small{
	font-size:15px;
}

.mainAd{
	text-align:center;
	margin-top:10px;
}

.picLeft{
	margin:5px 10px;
	float:left;
}

.pic img{
	margin:10px 0px;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

.rss{
	font-size:small;
	margin:10px 0px;
	background-color:#FFF;
    text-align: left;
}

.nextBar{
	margin:10px 0px;
}

/*サイドバー*/

.search{
	margin:10px 0px;
}

.adSideBar{
	padding-bottom:0px;
}

.ninja_onebutton{
	text-align:center;
	margin:20px 0px 10px 20px;
}

.sidebarMenu{
	color:#000;
	text-align:left;
	font-size:20px;
	font-weight: lighter;
	margin-top:10px;
	padding-left:10px;
}

.sidebarMenu img{
	vertical-align:baseline;
}

.sidebarMenuList{
	margin-top:-20px;
	padding-left:10px;
	text-align:left;
}

.sidebarMenuList img{
	vertical-align:baseline;
}

/* フッター　*/

#footerBack {
	background-image:url(new_images/footerback.png);
	background-repeat:repeat;
	width: 100%;
	bottom:0;
	padding : 24px 0;
	border-top:#808080 solid 1px;
}

.footer{
	float:left;
	margin:-100px 0px 30px 0px;
}

#footerAd{
	margin-left:140px;
	margin-top:15px;
}

@media screen and (max-width : 699px){
.footerAdBig{
	display:none;
}
}

@media screen and (min-width : 700px){
.footerAdSmall{
	display:none;
}
}

#page-top {
	position: fixed;
	bottom: 5px;
	right: 10px;
	font-size:90%;
}

#page-top a {
	background:#54CCA8;
	border:#FFF 1px solid;
	text-decoration: none;
	color:#FFF;
	width: 70px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
    cursor: pointer;
}

#page-top a:hover {
	border:#FFF 1px solid;
	text-decoration: none;
	color:#FFF;
	background:#b8d200;
}

.copyRight{
	font-size:small;
	color:#000;
	text-align:center;
	margin-top:60px;
	font-size:small;
}

/* fluidity.min */

img, canvas, iframe, video, svg { max-width: 100%; }

.overflow-container { overflow-y: scroll; -webkit-overflow-scrolling: touch; }