@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　基礎設定
---------------------------------------*/
body {
	font-size:80%;
	line-height:2em;
	color:#353536;
	background:#f7f9f7;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, arial, helvetica, clean, sans-serif;
	text-justify:inter-ideograph;
}
#header,#visual,#contents,#footer {
	width:900px;
	margin:0 auto 0 auto;
}
.clearfix {
	overflow:hidden;
}

/*--------------------------------------
　大枠囲み
---------------------------------------*/
#header {
	height:90px;
}
#visual {
	margin-bottom:12px;
}
#contents {
	margin-bottom:40px;
}
#main {
	width: 100%;
	/* float: left; */
	background: rgba(224, 226, 228, 0.26);
	box-shadow: 0 0 2px #ccc;
}
#sub {
	/* float: right; */
	width: 100%;
}
#footer {
	font-size:85%;
	padding-bottom:20px;
}
#footer .inner {
	border-top:1px solid #c4c4c4;
}

/*--------------------------------------
　ヘッダー
---------------------------------------*/
#logo {
	float:left;
	margin:28px 0 0 0;
	font-size:250%;
	font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R',  Georgia, Times, Baskerville, Palatino, serif;
}
#logo a {
	color:#2F2F2E;
	text-decoration:none;
}

/*--------------------------------------
　グローバルナビゲーション
---------------------------------------*/
#glovalNavi {
	float:right;
	margin-top:26px;
	margin-bottom: 20px;
}
#glovalNavi li {
	float:left;
	/* border-right:1px dotted #818181; */
}
#glovalNavi li a {
	width: 150px;
	display:block;
	text-align:center;
	line-height:1.3em;
	font-size: 13px;
	color: #0EA4A5;
	text-decoration:none;
}
#glovalNavi li:first-child {
	/* border-left:1px dotted #818181; */
}
#glovalNavi li a:hover {
	width: 150px;
	/* background:#E5E6DE; */
	/* margin:0 5px 0 5px; */
	/* border-radius: 5px; */        /* CSS3草案 */  
    
	/* -webkit-border-radius: 5px; */    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	color: #7465B3 !important;
	border-bottom: 2px solid #7465B3;
}
#glovalNavi li span {
	font-size:80%;
	color:#7C2F2D;
	letter-spacing:0.1em;
}

/*--------------------------------------
　メインコンテンツ
---------------------------------------*/
#contents h1 {
	font-size:85%;
	background:url(../images/common/bg_h1.gif);
	color:#838282;
	padding:0 10px 0 10px;
	margin:0 0 26px 0;
	letter-spacing:0.1em;
}

/*説明分*/
.description {
	margin:0 0 20px 0;
}
.description .left {
	float:left;
	margin-right:15px;
}
.description h2 {
	color:#634502;
	font-size:130%;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../images/common/bg_line.gif) repeat-x left bottom;
}

/*トピックス＆ブログ*/
.topics h2 {
	margin-bottom:20px;
	font-size:110%;
	padding-bottom:10px;
	background:url(../images/common/bg_line.gif) repeat-x left bottom;
}
.news {
	width:309px;
	float:left;
	background:url(../images/index/bg_topics_blog.gif) no-repeat right 40px;
}
.blog {
	width: 412px;
	float: left;
	background:url(../images/index/bg_topics_blog.gif) no-repeat right 40px;
	border: 1px solid #ccc;
	margin-left: 10px;
	padding: 10px;
	margin-bottom: 20px;
}
.news dl dt,.blog dl dt {
	float:left;
	padding-left:15px;
}
.news dl dd,.blog dl dd {
	border-bottom:1px dotted #9e9f9e;
	background:url(../images/common/icon_circle.gif) no-repeat left 10px;
	margin-bottom:8px;
	padding-bottom:8px;
	padding-left:8em;
}

/*--------------------------------------
　サイドコンテンツ
---------------------------------------*/
.pickUp {
	margin:0 0 20px 0;
	background: rgba(204, 204, 204, 0.34);
	box-shadow: 0 0 3px #BAB2B2;
	border-radius: 10px;
}

/*--------------------------------------
　フッター
---------------------------------------*/
#footer .inr_group {
	width:900px;
	margin:0 auto 0 auto;
}
#footer .group_link {
	margin-bottom:5px;
	border-top:1px solid #c4c4c4;
}
#footer .group_link .copy {
	float:right;
	letter-spacing:0.1em;
}
#footer .group_link .policy {
	float:left;
	background:url(../images/common/icon_arrow.gif) no-repeat left center;
	padding-left:15px;
}
#footer .inr_group .tmp_webfac {
	text-align:right;
}
#scroll {
	margin-bottom:10px;
	padding-left:15px;
	background:url(../images/common/scroll_bg.gif) no-repeat left center;
	margin-left:auto;
	float:right;
}

/*--------------------------------------
　その他
---------------------------------------*/
/*リンク*/
a:link {
	color:#911b42;
	text-decoration:none;
}
a:visited {
	color:#911b42;
	text-decoration:none;
}
a:hover {
	color:#911b42;
	text-decoration:underline;
}
#privacy a:link {
	color:#353536;
	text-decoration:none;
}
#privacy a:visited {
	color:#353536;
	text-decoration:none;
}
#privacy a:hover {
	color:#353536;
	text-decoration:underline;
}
img.alignright.frame {
  width: 40%;
  float: left;
  margin: 0 10px 5px 5px;
}
.description.clearfix h3 {
  margin: 10px;
  font-size: 13px;
  font-weight: bold;
}
.description.clearfix p {
  margin: 0 12px;
}
.news h3 {
  border-bottom: 2px solid #989797;
}
.blog h3 {
  /* border-bottom: 2px solid #989797; */
}
.pickUp p {
  margin: 0 10px;
}
a.more {
  margin-left: 4px;
}
h3.tit1 {
  font-size: 18px !important;
}

div#content {
  width: 900px;
  margin: 0 auto;
  margin-top: 80px;
  background: rgba(228, 227, 227, 0.18);
  border-radius: 20px;
  padding: 10px;
  box-shadow: 0 0 3px #000;
}
a {
  color: #7465B3 !important;
}
a:hover {
  color: #0A36C8 !important;
}
img.mainimg {
  width: 100%;
  margin: auto;
  height: 300px;
}
.pickUp ul {
  padding: 12px;
}
img.img_col-1 {
  width: 40%;
  float: left;
  margin: 0 10px 5px 5px;
}
li.active a {
  border-bottom: 2px solid #7465B3;
}
li.active a:hover {
  border-bottom: 2px solid #0EA4A5;
}
img.top_left_img_col-1 {
  width: 20%;
  float: left;
  margin: 0 10px 5px 5px;
}
.top_left_blog p {
  margin: 0 10px;
}
.top_left_blog {
  overflow: hidden;
  margin-bottom: 20px;
  background: rgba(204, 204, 204, 0.28);
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #ccc;
}
.social {
  position: fixed;
  bottom: 0;
}