@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  
 基本共通cssの定義showcace
 =================================================================== */



 


/* index ------------------------------------------------------------------------------------------------------ */
/*--------------------------------------------------------------------

slider

--------------------------------------------------------------------*/
#slider {
	position: relative;
	z-index: 1;
	height: 360px;
	min-width: 1000px;
	margin-bottom: 40px;
	padding: 0px;
	margin-top: 0px;
}
#slider img {
  display: block;
}

.box_slider_wrap01 {
	min-width: 1000px;
	background-image: url(../images/slider/kv01_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.box_slider_wrap02 {
	min-width: 1000px;
	background-image: url(../images/slider/kv02_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.box_slider_wrap03 {
	min-width: 1000px;
	background-image: url(../images/slider/kv03_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.box_slider_wrap04 {
	min-width: 1000px;
	background-image: url(/images/slider/bg_kv04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.box_slider {
	position: relative;
	width: 960px;
	margin: 0 auto;
	height: 360px;
}
.box_slider .img_slider {
	position: absolute;
	top: 0;
	width: 960px;
	height: 360px;
}
.box_slider .btn_slider {
	position: absolute;
	z-index: 100;
	top: 300px;
	left: 320px;
	width: 320px;
	height: 30px;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.box_slider .btn_slider:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

/*--------------------------------------------------------------------

topicsArea

--------------------------------------------------------------------*/
#topicsArea {
	background-image: url(../images/index/bg_news.png);
	background-repeat: no-repeat;
}
#topicsArea {
	padding: 20px;
}
#topicsArea dl {
	background-image: url(../images/index/bg_topicsarea_line.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	width: 680px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#topicsArea dl dt {
	width: 9em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}
#topicsArea dl dd {
	font-size: 12px;
	line-height: 1.6em;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#topicsArea dl dd a {
	color: #000;
	text-decoration: underline;
}
#topicsArea dl dd a:hover {
	color: #999;
	text-decoration: none;
}






/*--------------------------------------------------------------------

topics

--------------------------------------------------------------------*/
#topics {
  padding: 30px 0;
  border-bottom: #bcd5dc 1px solid;
  min-width: 1000px;
}
#topics h1 {
  float: left;
  width: 69px;
  padding: 0 10px 0 0;
  height: 43px;
  text-align: center;
  border-right: #1c7dc1 1px dotted;
  font-size: 79%;
  font-weight: bold;
}
#topics h1 img {
  display: block;
  margin: 4px auto 1px;
}
#topics .box_topics {
  width: 860px;
  float: right;
  padding: 6px 0 0 0;
}

#topics .date,
#index_info .date {
  background: #e8f1f4;
  color: #1c7dc1;
  font-size: 93%;
  padding: 0 5px;
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-width: 75px;
  text-align: center;
}
#topics .cat,
#index_info .cat {
  color: #fff;
  font-size: 79%;
  padding: 0 5px;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  min-width: 75px;
  text-align: center;
}
#topics .news,
#index_info .news {
  background: #83b000;
}
#topics .seminar,
#index_info .seminar {
  background: #ff8400;
}
#topics a,
#index_info a {
  font-size: 93%;
}
ul.indexWorks {
	margin-bottom: 10px;
	margin-right: -20px;
}
.indexWorks li {
	float: left;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.indexLead {
	background-image: url(../images/index/bg_lead.png);
	background-repeat: no-repeat;
	height: 254px;
	width: 960px;
}








/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */

#contents { border:1px solid #ccc; margin:0 0 20px 0; box-shadow:0px 0px 0px 4px rgba(0,0,0,0.03); background-color:#FFF; }

/* title */
#single_post_title { margin:0; padding:15px 0 13px; border-bottom:1px solid #ccc; margin:0 0 15px 0; }
#single_post_title .date { float:left; background:url(/images/common/post_date.gif) no-repeat left bottom; color:#fff; font-size:11px; display:block; width:36px; height:37px; text-align:center; line-height:37px; margin:0 0 0 15px; }
#single_post_title .title { font-size:21px; line-height:160%; float:right; padding:0; margin:2px 15px 0 0; display:inline-block; width:670px; }
#single_post_title .title.no_date { float:none; margin:2px 20px 0; width:705px; }

/* post meta */
#single_post .meta {
	font-size: 12px;
	background: url(/images/common/post_title.gif) no-repeat bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}
#single_post .meta a { color:#333; }
#single_post .meta .date {
	float: left;
	line-height: 150%;
	color: #FFF;
	background-color: #121111;
	padding: 5px;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
}
#single_post .meta ul { float:left; margin:0 25px 0 0; }
#single_post .meta li { float:left; line-height:150%; margin:0 5px 0 0; }
#single_post .meta ul.post_category { background:url(/images/common/icon_category.png) no-repeat left 3px; padding:0 0 0 16px; }
#single_post .meta ul.post_tag { background:url(/images/common/icon_tag.png) no-repeat left 3px; padding:0 0 0 16px; }
#single_post .meta .post_comment { float:left; margin:0; line-height:150%; background:url(img/common/icon_comment.png) no-repeat left 3px; padding:0 0 0 18px; }

/* post */
#single_post .post { padding:0 20px; }

/* post thumbnail */
.post_image img { max-height:300px; width:auto; display:block; margin:25px auto 20px; }

/* bookmark */
#bookmark { margin:30px 20px 20px; }
#bookmark li { float:left; margin:0 10px 0 0; }

/* related post */
#related_post { margin:0 0 25px 0; }
#related_post ul {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 25px;
}
#related_post ul li { margin:0; min-height:88px; line-height:100%; width:348px; float:left; }
#related_post ul li .meta { width:230px; float:left; display:inline; margin:0 0 0 10px; }
#related_post ul li .date { line-height:100%; font-size:11px; margin:0 0 5px 0; padding:12px 0 0 0; font-weight:bold; }
#related_post ul li .title { line-height:130%; font-size:11px; font-weight:normal; margin:0; padding:0; }
#related_post ul li .title a { color:#333; display:block; margin:0 0 10px 0; }
#related_post ul li .image img { display:block; border:1px solid #ccc; padding:2px; float:left; width:64px; height:64px; }
#related_post ul li.even .meta { float:right; }
#related_post ul li.even .image img { margin:0 0 0 35px; }

/* next prev post link */
#previous_next_post { margin:0; padding:0 0 30px 0; }
#previous_next_post a { color:#333; }
#previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:10px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; }
#next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:10px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; }


/* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */

/* image */
.post img { height:auto; max-width:100%; width:auto; }
.post img.centered,div.centered { display:block; margin:15px auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:15px auto; }
.post img.alignright,div.alignright { margin:10px 0 30px 30px; display:inline; }
.post img.alignleft,div.alignleft { margin:10px 30px 30px 0; display:inline; }
.post .wp-caption { background:#fff; border:1px solid #ccc; max-width:96%; padding:14px 3px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.post .wp-caption img { display:block; margin:0 auto; max-width:100%; }
.post .wp-caption .wp-caption-text { padding:10px 0 0; }

/* table */
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #c1c1c1; padding:15px; }
.post th { 
   background:#eee; font-weight:normal;
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

/* block quote */
.post blockquote {
   margin:0 0 1em 0; padding:50px 50px 40px; background:#f2f2f2;
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
   -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1;
}
.post blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#999; }
.post blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:20px; right:20px; color:#999; }

/* list */
.post li, .post dt, .post dd { margin:0; line-height:200%; }
.post ul li {  background:url(img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; }
.post ul ul, .post ol ol  { margin:0 0 0 1em; }






/* ----------------------------------------------------------------------
 Archive, Search result page
---------------------------------------------------------------------- */
#post_list { position:relative; margin:0 -12px 0 0; }
#post_list li {
	width: 231px;
	float: left;
	display: inline;
	border-bottom: 1px solid #ccc;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 40px;
	margin-left: 0;
}
#post_list .image img { border:1px solid #ccc; padding:1px; margin:0 0 10px 0; display:block; width:227px; height:83px; }
#post_list .title { margin:0 0 10px 0; font-size:14px; line-height:150%; }
#post_list .title a { color:#333; display:block; }
#post_list .desc { font-size:11px; color:#666; line-height:150%; padding:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; }
#post_list .meta p { margin:0 0 10px 0; padding:0 10px 1px 0; font-size:10px; line-height:120%; float:left; }
#post_list .meta a { color:#333; }
#post_list .meta .post_date { background:url(img/common/icon_date.png) no-repeat left 1px; padding-left:16px; width:89px; }
#post_list .meta .post_comment { background:url(img/common/icon_comment.png) no-repeat left 1px; padding-left:15px; width:90px; }
#post_list .meta .post_category { background:url(img/common/icon_category.png) no-repeat left 1px; padding-left:15px; width:90px; }
#post_list .meta .post_tag { background:url(img/common/icon_tag.png) no-repeat left 1px; padding-left:15px; width:90px; }

/* page navi */
.page_navi { margin:0 0 25px 0; padding:0; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 5px 0; color:#888; }
.page_navi ul { }
.page_navi li { float:left; }
.page_navi a, .page_navi a:hover, .page_navi span
 { text-decoration:none; color:#fff; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#bbb; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.page_navi a:hover { color:#fff; text-decoration:none; }
.page_navi span.dots { background:#fff; }

.page_navi span.current { color:#fff; background:#666; }
.page_navi a.prev, .page_navi a:hover.prev, .page_navi a:visited.prev {  }
.page_navi a.next, .page_navi a:hover.next, .page_navi a:visited.next {  }

.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding:12px 20px; }




/* ----------------------------------------------------------------------
 Widget setting
---------------------------------------------------------------------- */
.side_widget { margin:0 0 35px 0; font-size:13px; clear:both; }
.side_widget { }
.side_widget ul { margin:0; }
.side_widget li ul { margin:15px 0 0 0; }
.side_widget li { line-height:170%; margin:0 0 15px 0; font-size:13px; padding:0 0 0 8px; }
.side_widget li.last { margin:0; }
.side_widget a { color:#333; }
.side_widget .headline1 {
	color: #FFF;
	background-color: #000;
}
.side_widget .headline1 span {
	padding:15px;
}

/* recommend */
.recommend_widget li, #footer .recommend_widget li { background:url(/images/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:2px 0 8px 0; }
.recommend_widget a { color:#333; display:block; }
.recommend_widget a:hover { }
.recommend_widget .info { width:100px; margin:2px 0 0 0; float:right; }
.recommend_widget .date { font-size:10px; font-weight:bold; margin:0 0 5px 0; line-height:100%; }
.recommend_widget .title { font-size:11px; }
.recommend_widget .image { display:inline-block; }
.recommend_widget .image img { border:1px solid #ccc; padding:1px; }
.recommend_widget .image:hover img { }
.recommend_widget li.last, #footer .recommend_widget li.last { background:none; margin:0; padding:0; }
#footer .recommend_widget .info { width:135px; }


/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:220%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background:#ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#wp-calendar td a:hover { text-decoration:none; color:#fff;}
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:200%; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; }
#wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

/* search */
.widget_search label { display:none; }
.widget_search #s { padding:7px 10px; margin:0 5px 0 0; width:53%;}
#searchsubmit { border:1px solid #333; background:#333; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:5px 10px; cursor:pointer; display:inline-block; }

/* adsense */
.ad_widget img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; }

/* headline */
.headline1 { border-bottom:2px solid #ccc; padding:0 0 5px 0; font-size:16px; line-height:170%; margin:0 0 15px 0; }
.headline2 { background:url(/images/common/headline_bg.gif) repeat-x left top; font-size:14px; height:41px; line-height:43px; padding:0 20px; }



/*sns btn(box)*/
.box_sns_btns {
  width: 100%;
}

.box_sns_btns li {
  display: block;
  float: left;
  margin: 0 10px 0 0;
}