@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:16px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6em;

}

#ground{
	background:#FFFFFF;
}

#contents {
	width:680px;
	margin:0 auto;
}

#contents2 {
	width:680px;
	margin:0 auto;
	padding:0;
}

#contents3 {
	width:840px;
	margin:0 auto;
	padding:0;
}




#contents p{
	padding-bottom:8px;
	line-height:1.8em;
	font-size:16px;
}

header {
	width:840px;
	margin:35px auto 10px auto;
	border-bottom:1px #cccccc dotted;
	padding-bottom:2px;
	text-align:center;
}

a {
	color:#0000cc;
}
a:hover {
	color:#4b00ff;
}

h1 {
	font-size:28px;
	line-height:1.4em;
}

h2 {
	margin-bottom:15px;
	font-size:24px;
	font-weight:bold;
	color:#000000;
	border-bottom:3px solid #dd0000;
	line-height:1.2em;
	padding:0 5px;
}

h3 {
	margin-bottom:8px;
	font-size:18px;
	font-weight:bold;
	color:#800000;
}
h3:before {
	color:#cf0c0c;
}

h4 {
	margin-bottom:0.25em;
	font-size:16px;
}
h4:before {
	content:"\00ab";
}
h4:after {
	content:"\00bb";
}

h5 {
	margin-bottom:0.25em;
	padding:2px;
	font-size:16px;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	background:#f3f3f3;
}

h6 {
	text-decoration:none;
	font-weight:normal
}

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
}
b{
	font-weight:bold;
}



.lead{
	background:#f5f5f5;
	width:480px;
	padding:20px;
	margin:25px auto;
	border-radius:15px;
}





pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dt:before {
	content:"\0025a0";
}
dd {
	margin-bottom:1em;
}


table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#95bbc6;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}



/*================================================
 *  ヘッダー
 ================================================*/
header {
	margin-top:50px;
	margin-bottom:20px;
}
header h1 {
	margin-bottom:20px;
}
h1 span {
	font-size:12px;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	padding:3px 0;
	opacity:1.0;
	background:#eeeeee;
	z-index:10;
}
nav ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
}
nav li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 20px;
}
nav li a {
	color:#000000;
	text-decoration:none;
}
nav li a:hover {
	color:#bb0000;
	text-decoration:underline;;
}

/*================================================
 *  メイン
 ================================================*/
section {
	margin-bottom:100px;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	padding:20px 0;
	font-size:11px;
	text-align:center;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#000;
}
.totop img:hover {
	background:#333;
}



/*================================================
 *  田中プラス
 ================================================*/

.btm_15{
	margin-bottom:15px;
}
.btm_15_c{
	display:block;
	margin:0 auto 15px auto;
}
.btm_5_c{
	display:block;
	margin:0 auto 5px auto;
}




/*  Top Image  */
.top_images {
	position: relative;
}

.top_images img {
	max-width: 100%;
	display: block;
}

.top_images .top_caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.top_images .top_caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: 16px;
	font-weight:bold;
	padding: 10px;
}


/*  ニュース一覧Home  */
.big_title{
	width:100%;
	font-size:20px;
	height:36px;
	line-height:38px;
	font-weight:bold;
	background:#454545;
	color:#FFFFFF;
	margin:5px 0 15px 0;
	text-indent:5px;
}

.news_list{
	width:94%;
	margin:0 auto 12px auto;
	background:#f8f8f8;
	box-shadow:0 0 2px #a0a0a0;
	padding:2%;
	
}
.news_list:after{
	content: '';
	display: block;
	clear: both;
}
.news_img{
	float:left;
	width:30%;
}
.news_img img{
	width:100%;
}
.news_box_txt{
	float:right;
	width:68%;
	color:#454545;
	font-size:14px;
	line-height:1.4em;
}
.news_list_mds{
	color:#df503f;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
	border-bottom:1px #16adba solid;
	padding-bottom:5px;
	margin-bottom:5px;
}
.news_list_date{
	font-size:14px;
	text-align:right;
	color:#000000;
	margin-bottom:5px;
}
.news_list .cts_txt{
	font-size:16px;
	line-height:1.5em;
}

.news_icon_area{
	margin-bottom:5px;
}
.news_icon_area_sp{
	display:none;
}
.news_list_icon0, .news_list_icon1, .news_list_icon2, .news_list_icon3{
	font-size:12px;
	padding:2px 6px 1px 6px;
	color:#FFFFFF;
}
.news_list_icon0{ background:#228B22 }
.news_list_icon1{ background:#8B008B }
.news_list_icon2{ background:#0000CD }
.news_list_icon3{ background:#b00000 }


/*--------　ソーシャルボタン　--------*/
.home_fb_box{
	width:480px;  margin:30px auto 10px auto;
}


.sns_btn_box{
	margin-top:10px;

	padding-top:5px;
	padding-right:5px;
}
.sns_btn_box:after{
	content: '';
	display: block;
	clear: both;
}
.sns_btn_area{
	position:relative;
	line-height:1.0em;
	height:60px;
	width:200px;
	float:right;
}


.fb_btn{
	position:absolute;
	top:0;left:15px
}
.tweet_btn{
	position:absolute;
	top:0;left:110px
}
.hatena_btn{
	position:absolute;
	top:0;left:187px
}
.line_btn{
	position:absolute;
	top:10px;left:220px
}




/*
.sp_social_area{
	margin-top:5px;
	text-align:right;
	padding:5px 0;
	border-top:1px #DDDDDD dotted;
	line-height:1.0em;
}
.sp_social_area:after{
	content: '';
	display: block;
	clear: both;
}

.sp_social_area table.sp_sns{
	margin:0;padding:0;
	height:21px;
	width:300px;
	line-height:1.0em;
	border:0;
	float:right;
	background:#eeeeee;
}
.sp_social_area table.sp_sns td.td_sns{
	margin:0;padding:0;
	border:0;
	padding-left:3px;
	text-align:left;
	vertical-align:middle;
	height:21px;
	line-height:1.0em;
}
.sp_social_area table.sp_sns td.td_sns img{
	margin:0;padding:0;
}
.sp_social_area table.sp_sns td.td_sns div{
	margin:0;padding:0;
}
*/


/*--------　タグArea　--------*/
.page_tag{
	margin-bottom:15px;
	text-align:right;
	font-size:14px;
	line-height:1.0em;
}
.page_tag_icon{
	padding:3px 7px 1px 7px;
	color:#696969;
	border-radius:4px;
	background:#EEEEEE;
}
.page_date{
	text-align:right;
	font-size:14px;
	color:#454545;
	margin-bottom:10px;
}
.page_writer{
	text-align:right;
	font-size:14px;
	color:#000000;
	margin-right:10px;
}

/*--------　関連ニュース　--------*/

.news_kanren_box{
	width:96%;
	margin:5px auto 30px auto;
}

.news_kanren_mds{
	display:block;
	font-weight:bold;
	font-size:18px;
	height:25px;
	line-height:27px;
	border-left:8px #df503f solid;
	padding-left:6px;
	margin-bottom:10px;
}
ul.kanren_list{
	line-height:1.4em;
	list-style:disc;
	font-size:16px;
}
ul.kanren_list a{
	text-decoration:none;
}
ul.kanren_list li.list{
	margin-bottom:8px;
	margin-left:22px;
	padding-left:3px;
	border-bottom:1px #cccccc dotted;
	padding-bottom:5px;
}



/*-------新着---------*/
.s_news_icon{
	margin-bottom:3px;
}
.s_news_list{
	width:96%;
	margin:0 auto;
	padding:1%;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px #aaaaaa dotted;
}
.s_news_list:after{
	content: '';
	display: block;
	clear: both;
}
.s_news_img{
	float:left;
	width:25%;
}
.s_news_img img{
	width:100%;
}
.s_news_box_txt{
	float:right;
	width:73%;
	color:#454545;
	font-size:14px;
	line-height:1.4em;
}
.s_news_list_mds{
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:5px;
}
.s_news_list_date{
	font-size:14px;
	text-align:right;
	color:#000000;
	margin-bottom:5px;
}
.s_news_txt{
	font-size:14px;
	line-height:1.4em;
	color:#696969;
}







/*-------Other---------*/

a.more_btn{
	display:block;
	margin:20px auto ;
	width:70%;
	height:36px;
	line-height:38px;
	color:#ffffff;
	background-color:#16adba;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border-radius:6px;
	text-align:center;
}

.sp_cap{
	display:block;
	background:#f5f5f5;
	font-size:12px;
	color:#454545;
	line-height:1.4em;
	padding:8px 2%;
	border-radius:4px;
	margin:-10px auto 20px auto;
	text-align:left;
	width:70%;
}

#contents iframe{
	width:85%;
	margin:10px auto;
	text-align:center;
	display:block;
}


.foot_g_menu{
	margin:20px 0 25px 0;
	text-align:center;
	font-size:14px;
}
.foot_g_menu a{
	color:#FFFFFF;
	text-decoration:none;
}

.foot_g_menu .next{
	color:#FFFFFF;
	background:#8B4513;
	padding: 4px 12px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}
.foot_g_menu .before{
	color:#FFFFFF;
	background:#8B4513;
	padding: 4px 12px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}

.foot_g_menu .next_n{
	color:#FFFFFF;
	background:#CCCCCC;
	padding: 4px 12px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}
.foot_g_menu .before_n{
	color:#FFFFFF;
	background:#CCCCCC;
	padding: 4px 12px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}






input{
	font-size:16px;
	padding:1px
}

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 18px;
  font-weight:bold;
  background-color: #73B10E;
  background-image: -webkit-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  border-color: hsl(83, 29%, 37%);
  box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  text-shadow: 1px 1px 1px #365207;
  border-radius: 25px;
  padding: 12px 30px 12px 30px;
}





.shiny-button:active {
  color: #FFFFFF;
  background-color: #6aa30d;
  background-image: -webkit-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -moz-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -o-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: linear-gradient(top, #649a0c 0%, #73B10E 100%);
  padding: 13px 30px 11px 30px;
}




a.ctg_0{
	display:block;
	float:left;
	width:45%;
	height:45px;
	text-decoration:none;
	margin:0 2% 25px 2%;
	background:#FAEBD7;
	color:#000000;
	text-align:center;
	font-weight:bold;
	background:#FAEBD7;
  background-image: -webkit-linear-gradient(top, #FAEBD7 0%, #F5DEB3 49%, #FAEBD7 100%);
  background-image: linear-gradient(top, #FAEBD7 0%, #F5DEB3 49%, #FAEBD7 100%);
	box-shadow:0 0 2px #696969;
	border-radius:3px;
}
a.ctg_1{
	display:block;
	float:left;
	width:45%;
	height:45px;
	text-decoration:none;
	margin:0 2% 25px 2%;
	background:#FAEBD7;
	color:#000000;
	text-align:center;
	font-weight:bold;
	background:#F0F8FF;
  background-image: -webkit-linear-gradient(top, #F0F8FF 0%, #B0E0E6 49%, #F0F8FF 100%);
  background-image: linear-gradient(top, #F0F8FF 0%, #B0E0E6 49%, #F0F8FF 100%);
	box-shadow:0 0 2px #696969;
	border-radius:3px;
}
a.ctg_2{
	display:block;
	float:left;
	width:45%;
	height:45px;
	text-decoration:none;
	margin:0 2% 25px 2%;
	background:#E0F8E0;
	color:#000000;
	text-align:center;
	font-weight:bold;
	background:#F0F8FF;
  background-image: -webkit-linear-gradient(top, #E0F8E0 0%, #CEF6E3 49%, #E0F8E0 100%);
  background-image: linear-gradient(top, #E0F8E0 0%, #CEF6E3 49%, #E0F8E0 100%);
	box-shadow:0 0 2px #696969;
	border-radius:3px;
}
a.ctg_3{
	display:block;
	float:left;
	width:45%;
	height:45px;
	text-decoration:none;
	margin:0 2% 25px 2%;
	background:#E0F8E0;
	color:#000000;
	text-align:center;
	font-weight:bold;
	background:#F5EFFB;
  background-image: -webkit-linear-gradient(top, #F5EFFB 0%, #E3CEF6 49%, #F5EFFB 100%);
  background-image: linear-gradient(top, #F5EFFB 0%, #E3CEF6 49%, #F5EFFB 100%);
	box-shadow:0 0 2px #696969;
	border-radius:3px;
}

.hgt_1{
	line-height:42px;
	font-size:16px;
	padding-top:5px;
}
.hgt_2{
	line-height:1.4em;
	font-size:14px;
	padding-top:5px;
}




/*================================================
 *  タブレット/スマートフォン向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:640px) {
	body {
		box-sizing:border-box;
		width:100%;
		padding:0 2%;
	}

	#contents {
		width:100%
	}

	#contents2 {
		width:100%
	}

	#contents3 {
		width:100%;
		margin:0 auto;
	}

	header {
		width:100%;
	}

/*-------tanaka---------*/


	.photo{
		clear:left;
		width:100%
	}

	.voice_area_rgt{
		clear:right;
		width:100%;
	}
	.voice_area_lft{
		clear:right;
		width:100%;
	}

	.prof{
		font-size:14px;
		padding:5px 10px;
		width:80%;
		margin:5px auto;
		
	}

	.w_clm{
		border:5px #DDDDDD solid;
		width:92%;
		padding:15px 2%;
		margin:10px auto 30px auto;
		border-radius:5px;
	}






	.news_icon_area{
		display:none;
	}
	.news_icon_area_sp{
		display:block;
		text-align:center;
		margin-top:5px;
	}
	.news_list .cts_txt{
		font-size:12px;
		line-height:1.4em;
	}
	.home_fb_box{
	width:100%; margin:30px auto 10px auto;
	}

	.s_news_list_mds{
		font-size:14px;
		font-weight:bold;
		line-height:1.2em;
	}
	.s_news_txt{
		display:none;
	}
	.sp_cap{
		margin:-5px auto 20px auto;
		width:85%;
	}
	.sp_ad_area{
		width:300px;
	}
	#contents iframe{
		width:95%;
		margin:10px auto;
	}
	.sns_btn_area{
		position:relative;
		line-height:1.0em;
		height:60px;
		width:300px;
		float:right;
	}
	.line_btn{
		position:absolute;
		top:0;left:220px
	}

	.ouen_msg{
		width:96%;
		margin:5px auto 15px auto;
		text-align:center;
		font-size:14px;
	}



	a.ctg_0{
		display:block;
		clear:left;
		width:100%;
		height:45px;
		text-decoration:none;
		margin:0 auto 25px auto;
		background:#FAEBD7;
		color:#000000;
		text-align:center;
		font-weight:bold;
		background:#FAEBD7;
	  background-image: -webkit-linear-gradient(top, #FAEBD7 0%, #F5DEB3 49%, #FAEBD7 100%);
	  background-image: linear-gradient(top, #FAEBD7 0%, #F5DEB3 49%, #FAEBD7 100%);
		box-shadow:0 0 2px #696969;
		border-radius:3px;
	}
	a.ctg_1{
		display:block;
		clear:left;
		width:100%;
		height:45px;
		text-decoration:none;
		margin:0 auto 25px auto;
		background:#FAEBD7;
		color:#000000;
		text-align:center;
		font-weight:bold;
		background:#F0F8FF;
	  background-image: -webkit-linear-gradient(top, #F0F8FF 0%, #B0E0E6 49%, #F0F8FF 100%);
	  background-image: linear-gradient(top, #F0F8FF 0%, #B0E0E6 49%, #F0F8FF 100%);
		box-shadow:0 0 2px #696969;
		border-radius:3px;
	}
	a.ctg_2{
		display:block;
		clear:left;
		width:100%;
		height:45px;
		text-decoration:none;
		margin:0 auto 25px auto;
		background:#E0F8E0;
		color:#000000;
		text-align:center;
		font-weight:bold;
		background:#F0F8FF;
	  background-image: -webkit-linear-gradient(top, #E0F8E0 0%, #CEF6E3 49%, #E0F8E0 100%);
	  background-image: linear-gradient(top, #E0F8E0 0%, #CEF6E3 49%, #E0F8E0 100%);
		box-shadow:0 0 2px #696969;
		border-radius:3px;
	}
	a.ctg_3{
		display:block;
		clear:left;
		width:100%;
		height:45px;
		text-decoration:none;
		margin:0 auto 25px auto;
		background:#E0F8E0;
		color:#000000;
		text-align:center;
		font-weight:bold;
		background:#F5EFFB;
	  background-image: -webkit-linear-gradient(top, #F5EFFB 0%, #E3CEF6 49%, #F5EFFB 100%);
	  background-image: linear-gradient(top, #F5EFFB 0%, #E3CEF6 49%, #F5EFFB 100%);
		box-shadow:0 0 2px #696969;
		border-radius:3px;
	}
	.lead{
		background:#f5f5f5;
		width:90%;
		padding:20px;
		margin:25px auto;
		border-radius:15px;
	}

}





/*================================================
 *  汎用クラス
 ================================================*/
/*

.list {
	padding:0 0 0 2em;
}

.list li {
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-1.3em;
}
.list li:before {
	content:"\002605\00a0";
	color:#ffc720;
}

.temp {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}

.img {
	float:left;
	width:300px;
}

.text {
	float:right;
	width:450px;
}

.photo {
	margin:20px 0;
	padding:10px;
	box-shadow:rgba(113, 135, 164, 0.8) 0 3px 15px 0;
	background:#fff;
}

.photo img {
	max-width:100%;
}



*/