/*
Theme Name: life_innovation
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

 html, body{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 0;
	font-size: 12px;
	text-decoration: none;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 0;
	text-decoration: none;
}
 
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
p, th, td, dl, dd, dt, span {
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, li {
	line-height: 1;
}
input, textarea {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
a:focus {
	outline: none;
}
a {
	line-height: 1;
	color: #333;
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	padding:0;
	
}


/*===================
共通箇所
===================*/
html{
	min-width: 950px;}

.wrp{
	width:100%;
	height:auto !important;}
.inr{
	width:950px;
	margin:0 auto;
	padding:0;}
a:hover img{
	opacity:0.7;
	animation: 0.4s ease-in-out 0s normal none 1 running arrow-slide;
    /*transform: scale(1.05) rotate(0deg);*/
    transition: all 1.5s ease-out 0s;
}
/*Header
---------------------*/
#Header{
	border-top:6px solid #1c2d60;
	padding:15px 0;
	}
#Header .header{
	}

/*logo*/
#Header #Logo{
	float:left;}
#Header #Logo a{
	border:none;}


/*navi right*/
#Header #Right_top{
	width:300px;
	float:right;}
#Header #Right_top .navi{
	float: right;
    margin: 10px 0;
    width: 300px;
	}
#Header #Right_top .navi ul{
	float:right;}
#Header #Right_top .navi ul li{
	float:left;
	margin:0 0 0 10px;}
#Header #Right_top .navi ul li a{}

/*search*/
#Header #Right_top #Search_form{
	float:right;width: 260px;}

#Search_form form{}
#Search_form form input#form_text{
	border: 1px solid #eee;
    margin: 0 -4px 0 0;
    padding: 6px;
    vertical-align: top;
	width: 215px;}
#Search_form form input#icon{}
/*search notfoundページ用*/
#Search_form_contents{width: 260px;
margin:20px 20px;}
#Search_form_contents form{}
#Search_form_contents form input#form_text{
	border: 1px solid #eee;
    margin: 0 -4px 0 0;
    padding: 6px;
    vertical-align: top;
	width: 215px;}
/*Menu
---------------------*/
#Menu_g{
	background-color:#f8f8f8;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;}
#Menu_g .menu{
	height: auto;
    min-height: 50px;}
#Menu_g .menu ul{
	}
#Menu_g .menu ul li{
	padding: 5px 0;
	float:left;
	border-bottom:3px solid #f8f8f8;}
#Menu_g .menu ul li a{
	border-left: 1px solid #ccc;
    display: inline-block;
    padding: 15px 48px;}
#Menu_g .menu ul li:last-child a{border-right: 1px solid #ccc;
}
#Menu_g .menu ul li:hover,
#Menu_g .menu ul li.current{border-bottom:3px solid #1c2d60;}
#Menu_g .menu ul li:hover a{}
/*Main
---------------------*/
/*---Contents---*/
#Contents{
	height: auto;
    min-height: 650px;}
#Contents .contents_area{}
/*Left*/
#Contents #Left_side{
	width:250px;
	float:left;
	margin:0 0 20px 0;
	}
/*Right*/
#Contents #Right_side{
	width:680px;
	float:right;}

/*Footer
---------------------*/
#Footer{
	border-top:2px solid #1c2d60;
	
	padding:20px 0;
	background-image:url(images/bg_footer.jpg);
	background-repeat:repeat;
	background-position:left top;}
#Footer .footer{
	
	
	}
/*private_polycy*/
.private_polycy{
	float:left;
	width:300px;}
.private_polycy img.alignleft{
	float:left;
	margin:0 10px 0 0;}
/*sitemap*/
#Footer .sitemap{
	margin:10px 0;
	width:650px;
	float:left;}
#Footer .sitemap ul{
	float: left;
    margin: 0 30px 0 0;
    width: 130px;}
#Footer .sitemap ul li{
	padding:0 0 8px 0;}
#Footer .sitemap ul li a{}
#Footer .sitemap ul li a:hover{
	text-decoration:underline;}

/*copyright*/
#Copyright{border-bottom:2px solid #1c2d60;border-top: 1px solid #1c2d60;padding: 10px 0;}
#Copyright .copyright{
	
    margin: 10px auto;
	text-align:center;
	}
#Copyright .copyright small{}

/*
---------------------*/



/*===================
TOP
===================*/

#Contents.top{}
#Contents.top .contents_area{
	background: #fff none repeat scroll 0 0;
    margin: -70px auto 0;
    position: relative;
    z-index: 1000;}
#Contents.top .contents_area #Right_side img{
	padding:0 !important;}

/*Eyecatch*/
main #Eyecatch.top{
	background:#eee;}
main #Eyecatch.top .eyecatch{
	width:1025px;}


/*Banner_top*/

#Bnner_top{margin: 0 0 30px;
padding:10px 0 0 10px;}
#Bnner_top ul{}
#Bnner_top ul li{
	float:left;
	margin:0 10px 0 0;}
#Bnner_top ul li:last-child{
	margin:0;}
#Bnner_top ul li a{}


/*---Left---*/
#Left_side .Access{
	background-color:#eee;
	padding:10px;
	position:relative;}
#Left_side .Access h3{
	border-left:solid 2px #1c2d60;
	padding:10px;
	font-size:16px;}
#Left_side .Access .more{
	float: right;
    position: absolute;
    right: 10px;
    top: 20px;}
#Left_side .Access .more a{}
#Left_side .Access .txt_access{
	margin:10px 0 20px 0;
	background: #fff none repeat scroll 0 0;
    padding: 20px 12px;}
#Left_side .Access .txt_access h4{
	font-size:14px;
	border-bottom:1px dotted #1c2d60;
	line-height:1.4;
	color:#1c2d60;}
#Left_side .Access .txt_access p{
	margin:0 0 15px 0;}

/*---Right---*/

/*News*/
#News{}
#News .ttl_news{
	border-top:1px solid #eee;
	border-bottom:2px solid #1c2d60;
	padding: 20px;}
#News .ttl_news h3{
	font-size:18px;
	color:#1c2d60;}
#News .ttl_news h3 span{
	font-size:10px;
	margin:0 0 0 10px;}

#News .txt_news{
	border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 10px 0 20px;}
#News .txt_news ul{
	margin: 0 auto;
    width: 640px;}
#News .txt_news ul li{
	border-bottom: 1px dotted #ccc;
    display: inline-block;
    padding: 20px 0;
    width: 100%;}
/*#News .txt_news ul li:last-child{
	border:none !important;}*/
#News .txt_news ul li span.date{
	float: left;
    margin: 0 0 0 10px;
    width: 80px;}
#News .txt_news ul li span.tag{
	
    float: left;
    text-align: center;
    width: 100px;}
span.tag.news{
	color:#fff;
	background-color:#ef7554;}
span.tag.events{
	color:#fff;
	background-color:#8cafd9;}
.ttl_news span.tag.events,
.ttl_news span.tag.news{
	float:right;
	padding:2px 4px;	
}
	
#News .txt_news ul li p.title_article{
	float: right;
    width: 430px;}
#News .txt_news .more_news{
	width:200px;
	margin:10px auto;}
#News .txt_news .more_news a{
	background-color: #eee;
    display: inline-block;
    text-align: center;
    width: 180px;
	padding: 10px;}
/*Banner_footer*/
#Bnner_bottom{
	 margin: 20px 0 15px;}
#Bnner_bottom ul{}
#Bnner_bottom ul li{
	float:left;
	margin: 0 0 20px 40px;}
#Bnner_bottom ul li a{}
/*===================
SUB
===================*/
.contents_area #Right_side img{padding: 0 10px;}
#Contents.sub{
	margin:-20px 0 0 0;
	background-image:url(images/bg_subpage.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 100% auto;}
#Contents.sub .contents_area{
    margin: 20px auto 0;
    position: relative;}
/*パンくずリスト*/
#Breadcrumb{
	margin:0px 0 10px 0;}
#Breadcrumb p.breadcrumb{padding: 20px 0 10px;}
#Breadcrumb p.breadcrumb a{}
/*Left サイドメニュー*/
#Left_side div.Side_menu{}
.Side_menu h3{
	font-size:24px;
	background-color:#1c2d60;
	color:#fff;
	padding: 30px;}
.Side_menu ul{}
.Side_menu ul li{
	border-left: 1px solid #eee;
    border-right: 1px solid #eee;}
.Side_menu ul li:hover{
	background-color:#eee;}
.Side_menu ul li a{
	display: inline-block;
    padding: 20px 10px;
    width: 230px;
	border-bottom: 1px solid #eee;
	background-color:#fff;}
.Side_menu ul li:hover a{
	background-color:#f1f1f1;}
	
.Side_menu ul li.current_page_item a{background-color:#f1f1f1;}

/*Right コンテンツ*/
.sub #Right_side{
	background:#fff;
	margin:0 0 50px 0;
	min-height: 650px;
	height:auto;
	border: 1px solid #eee;}

#pagetitle{
	background-image:url(images/bg_pagetitle.png);
	background-image:url(images/bg_pagetitle_ie.png) \9;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:683px 21px;
	
   display: inline-block;
    height: auto;
    margin: 30px 15px 0;
    min-height: 30px;
    padding: 0 0 30px;
    width: 640px;
	}
#pagetitle2{
	padding: 15px;
}
#pagetitle2 img{
	padding:0 !important;
}
#pagetitle h1{
	font-size:24px;
	padding: 10px 0 10px 30px;}
.entry_area{padding: 15px 30px 40px 30px;}
.entry_area h2{
	border-left: 2px solid #1c2d60;
    font-size: 18px;
    padding: 10px 15px;
	margin: 0 0 30px;}
.entry_area h3{
	
    border-top: 1px solid #eee;
	
    border-bottom: 1px solid #1c2d60;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 15px 10px;}
.entry_area h4{
	width: 95%;
	background: #fbfbfb;
	margin: 0 auto 10px;
    padding: 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left: 3px solid #1c2d60;}
.entry_area h5{
	width: 90%;
	padding:5px 10px;
	margin:0 auto 10px auto;
	border-bottom: 1px dotted #1c2d60;}

.entry_area p{
	width:90%;
	margin:10px auto 20px auto;}

.entry_area p.right{
	float: right;
    margin: 10px 40px;
    width: auto;}

.entry_area table{
	width:90%;
	margin:10px auto 20px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	}
.entry_area table tr{}
.entry_area table th,
.entry_area table td{
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.entry_area table th{
	background:#eee;}
.entry_area table td{}

.entry_area table.noborder{
	border:none !important;}
.entry_area table.noborder th,
.entry_area table.noborder td{
	border:none !important;
	background-color:transparent !important;}

/*table 中の要素について*/

.entry_area table h3,
.entry_area table p,
.entry_area table ul,
.entry_area table ol{
	width:100%;
	margin:5px auto;}
	

.entry_area table h4,
.entry_area table h5{
	width:90%;
	margin:5px auto;}
.entry_area table img{
	padding:0 !important;
}
	
.entry_area ul,
.entry_area ol{
	width:90%;
	margin:10px auto 20px;}
.entry_area li{
	padding-bottom:10px;}
.entry_area ul{}
.entry_area ul li{
	padding:0 0 10px 15px;
	background-image:url(images/icon_list.png);
	background-image:url(images/icon_list_ie.png) \9;
	background-repeat:no-repeat;
	background-position:left top 3px;
	background-size:5px;
	line-height:1.5;}
.entry_area ol{
	list-style-type:decimal;}
.entry_area ol li{
	margin:0 0 0 15px;}
.entry_area ul.float{float: left;
    margin: 0 0 0 5%;
    width: 40%;}
.entry_area ul.float li{
	}
	
.entry_area p:after,
.entry_area h3:after,
.entry_area h4:after,
.entry_area h5:after,
.entry_area ul:after,
.entry_area ol:after,
.entry_area table:after{
	content:"　";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;}
.archive .entry_area.category header h3:after,
.archive .entry_area.category  p:after{
	display: inline;}
	
	
.entry_area a{
	color:#4d5e91;}
.entry_area a:hover{
	text-decoration:underline;}
.entry_area a:visited{
	color:#1c2d60;}
/*1カラムのとき*/
#Contents.sub .contents_area .colum1{
	width:100%;
	background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    height: auto;
    margin: 0 0 50px;
    min-height: 650px;}
/*notfound*/
#Contents.sub .contents_area h1.notfound{
	margin: 80px auto 50px;
    text-align: center;
    width: 80%;}
#Contents.sub .contents_area h1.notfound img{}



/*カテゴリーアーカイブ*/
.category #Right_side div.entry_area article{
	display:inline-block;
	padding:10px 0;
	width: 100%;
	
	border-bottom:1px dotted #ccc;}
#Right_side div.entry_area  .eyecatch{
	float:right;
	border:1px solid #eee;}
#Right_side .entry_area.category{
	/*float:left;*/}
#Right_side .entry_area.category h3{
	border-left:1px solid #1c2d60;
	border-bottom:none;
	border-top:none;}
	
	
/*画像*/
img.alignright{
	float:right;}
.entry_area hr{
	color: transparent !important;
    content: "　";
    display: inline-block;
    height: 0;
    margin: 10px 0;
    width: 100%;}
	
	
/*採択リスト*/
.parent-pageid-11 .sub .entry_area table{
}

.parent-pageid-11 .sub .entry_area table tbody tr{
	border-bottom:1px solid #eee;}
