﻿h1,h2,h3{
	font-size:medium;
	padding:0;
	margin:5px 5px 5px 0;
	clear:both;
}


td{vertical-align: top;}
p{margin:0;}
dt{margin:30px 0 0 0;	font-weight:bold;}
dd{	margin:0 0 0 30px;}

body{	
	font-size:16px;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,clean,sans-serif;
	line-height:2em;
}



/*-------------------------------------*/
/*   段組み                            */
/*-------------------------------------*/


/*----------ヘッダー------------------*/
#contena_head{
	padding:0 0 10px 0;
}

#contena_head .contents{
	width:900px;
	margin: 0 auto;
}

/*----------コンテンツ部分------------*/
#contena_body{
	clear:both;
	padding:20px 0 0 0;
}

#contena_body .contents{
	width:900px;
	margin: 0 auto;
}


#main_contents{
	width:700px;
	float:right;
}

#left_sidebar{
	width:180px;
	float:left;
	margin:0 10px 0 0;
}


/*---------フッター---------*/
#contena_footer{
	clear:both;
}



.footer_menus ul{
	margin:0;
	padding:0;
	width:300px;
	float:left;
	list-style:none;
}

.footer_menus li{
	margin:5px 5px 5px 15px;
	padding:0;
}

.footer_menus li a{
	text-decoration:none;
	color:#366092;
}

.footer_menus li a:hover{
	text-decoration:underline;
}

.footer_menus h4{
	background-color:#ffffff;
	width:200px;
	margin:5px;
	padding:2px;
	color:#366092;
}






#contena_footer .contents{	
	width:900px;
	margin: 0 auto;
	background-color:#C6D9F0;
}


#contena_footer_us{
	clear:both;
	background-color:#366092;

	text-align:center;
	width:100%;
}

#contena_footer_us a{
	color:#ffffff;
	text-decoration:none;

}

#contena_footer_us a:hover{
	text-decoration:underline;
}





/*-------------------------------------*/
/*   TOPのみ                           */
/*-------------------------------------*/

#contena_body .waku1 h2{
	color:#366092;
	font-weight:bold;
	font-size:large;
}


.waku1{
	border:thin solid #8DB3E2;
	padding:5px;
	margin:0 0 10px 0;
}




/*-------------------------------------*/
/*   その他汎用                        */
/*-------------------------------------*/

/* ボタンっぽい画像 */
.btn_effect img{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;	
	
}
.btn_effect img:hover{
	border-top:2px solid #cccccc;
	border-left:2px solid #cccccc;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;	
}

.btn_effect_noline img{
	margin:1px 2px 2px 1px;
}
.btn_effect_noline img:hover{
	margin:2px 1px 1px 2px;	
}



/* pcでは中央ぞろえスマホは左揃え-*/
.pc_center{
	text-align:center;
}





/*-------------------------------------*/
/*      記事ページ                     */
/*-------------------------------------*/

.contents_title{
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 20px 0;
}



/* サイドバー */
/* カテゴリー群 */

.categorys1 ul{
	padding : 0;
	margin : 15px 0 15px 0;
	border:thin solid #95B3D7;
	list-style:none;
}


.categorys1 li{
	list-style-image:url(http://www.namenaire.jp/img/lst_mark.gif);
	line-height:100%;
	margin : 20px 0 20px 5px;
}
.categorys1 li:before{
}


.categorys1 li a{
	text-decoration:none;
	color:#003366;
}


.categorys1 li a:hover{
	text-decoration:underline;
}


.categorys1 h3{
	margin:0;
	padding:10px;
	background-color:#1F497D;
	font-size:16px;
	color:#ffffff;
}



.pankuzu{
	font-size:0.9em;
	
}




/*----蛍光ペン----*/
span.keiko-pen-red{
background: linear-gradient(transparent 55%,rgba(255,0,39,0.55) 60%);
}
span.keiko-pen-blue{
background: linear-gradient(transparent 55%,rgba(134, 246, 255, 0.55) 60%);
}
span.keiko-pen-yellow{
background: linear-gradient(transparent 55%,rgba(255, 213, 0, 0.85) 60%);
}
span.keiko-pen-green{
background: linear-gradient(transparent 55%,rgba(0, 255, 71, 0.85) 60%);
}
/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative;
}


blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}

@media screen and (max-device-width: 480px) {
	blockquote{
		padding:50px 100px 50px 100px;
	}
}

.pankuzu{
	font-size:0.8em;
	line-height:1.3em;
}


/* カウントダウン */
.my_countdows{
	clear:both;
	display: block;
	width:100%;
	height:250px;
	background-color:#99CC00;
	padding:20px;
	border-radius: 30px;
}


.my_countdows .msg{
	display:block;
	width:100%;
	text-align:center;
	font-size:35px;
	line-height:1.2em;
	margin:0 0 20px 0;
}

.my_countdows .cala{
	float:left;
	width:180px;
	height:auto;
	margin:0 10px 0 0 !important;
}

.timer_parts{
	float:right;
	font-size:30px;
	margin:20px 0 0 0 ;
}

.my_countdows .day,
.my_countdows .hour,
.my_countdows .min,
.my_countdows .sec{
	font-size:2em;
	color:#f00;
}

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

.my_countdows{
	width:90%;
	margin:0 auto;
	}
	.my_countdows .msg{
	width:90%;
	margin:0 auto;
	font-size:40px;
	}
	
	.timer_parts{
		line-height:30px;
	}
}


@media screen and (max-device-width: 480px) {
	/* SNSを大きく */
	.sd-social-icon .sd-content ul a:before,
	.sd-social-text .sd-content ul a:before,
	.sd-content ul div.option.option-smart-off a:before,
	.sd-social-icon-text .sd-content a:before {
		font-size:50px !important;
	}
	
	.sd-social-icon .sd-content li{
		margin-left:20px !important;
	}
}




/*--- 検索 ---*/
.searchform{
	width:180px;
	height:40px;
	margin:80px 0 50px 0;	
	background-color:#888;
}

.searchform input{
	height:30px;
	width:140px;
	padding:3px;
	float:left;
}

.searchform a{
	display:block;
	color:#fff;
	background-color:#888;
	height:30px;
	width:23px;
	padding:10px 0 0 4px;
	float:right;
}

.searchform a:hover,
.searchform:hover{
	background-color:#aaa;
}
