@charset "utf-8";
/* ===================================================================
CSS information

 file name  :share.css
 style info :個人?法人共用
 
=================================================================== */
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.float-left { float: left; }
.float-right { float: right; }
.center { margin-left: auto!important; margin-right: auto!important; }

/* 包含ブロック */
.containerBlock {
    /*margin-top: 30px;*/
    width: 100%;
	overflow: hidden;
}
.containerBlock2 {
    margin-top: 30px;
    width: 100%;
	overflow: hidden;
}

.clear { clear: both; }

/* リンクアイコン */
.linkIcon {
	background: url(/library/image/user/top/icon_arrow.gif) no-repeat left 2px;
	padding-left: 20px;
}

/* margin */
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb24 { margin-bottom: 24px!important; }
.mt0 { margin-top: 0!important; }
.mt20 { margin-top: 20px!important; }
.mr0 { margin-right: 0!important; }

.txt-or { color: #F06711; }
.txt-wine { color: #CC0000; }

.f12 { font-size: 93%; }

hr.sectionLine {
	color: #fff;
	background-color: #fff;
	border: none;
	border-top: 1px dotted #999;
	margin: 24px 0 18px;
}
* html hr.sectionLine {
	color: #fff;
	background-color: #fff;
	border: none;
	border-top: 1px dotted #999;
	margin: 0 0 18px;
}

/* -------------------------------------------------
	#container
------------------------------------------------- */
#container {
	width: 770px;
	margin: 0 auto;
}

/*--------------------------------------------------
	#content
--------------------------------------------------*/
#content {
	width: 770px;
	margin: 0 auto;
	/*padding: 0 0 24px;*/
}
#content h1 {
	margin-bottom: 30px;
}
#content h2 { margin-top: 30px; }
#content .boxLeft h2, #content .boxRight h2 { margin-top: 0; }
#content h3.title {
	font-size: 131%;
	line-height: 1.2;
	color: #333;
	margin-bottom: 20px;
	padding: 4px 5px 12px 17px;
	border: 0;
	background: url(/library/image/share/bg_h3.gif) no-repeat left bottom;
}
#content h4.light {
	font-size: 116%;
	line-height: 1.2;
	color: #F1661F;
	margin-bottom: 10px;
	padding: 2px 0 2px 30px;
	background: url(/library/image/share/icon_light.gif) no-repeat left top;
}

.pbMainArea #content p {
	margin: 0 0 16px;
}
#content p:last-child {
	margin-bottom: 0;
}

/* list */
.pbMainArea ul { padding: 0; }
ul.rhombus {
	margin: 0 0 0 5px;
}
ul.rhombus li {
	font-size: 93%;
	line-height: 1.5;
	background: url(/library/image/share/icon_rhombus.gif) no-repeat left 2px;
	margin: 0 12px 5px 0;
	padding-left: 16px;
	list-style: none;
	float: left;
}

ul.circle {
	margin-bottom: 16px;
}
ul.circle li {
	line-height: 1.5;
	background: url(/library/image/share/icon_circle.png) no-repeat left 5px;
	margin: 0 0 5px;
	padding-left: 13px;
	list-style: none;
}

ul.menuBtn {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
ul.menuBtn li {
	text-align: center;
	margin-bottom: 10px;
}
ul.menuBtn li:last-child {
	margin-bottom: 0;
}

ul.line {
	margin: 20px 0 0;
	padding: 0!important;
	_zoom: 1;
	overflow: hidden;
}
.line li {
	float: left!important;
	margin: 0 16px 0 0;
}
.line li.last {
	margin-right: 0;
}

/* アンカーリンク */
ul.anchor {
	text-align:left;
	margin: 0 0 30px;
	padding: 5px 6px 5px 11px;
	background-color: #F2F9FD;
	border: 1px #94C8E4 solid;
	_zoom: 1;
	overflow: hidden;
}
ul.anchor li {
	display: inline;
	font-size: 12px;
	margin-right: 8px;
	padding: 3px 0 3px 16px;
	background: url(/library/image/share/icon_anchor.gif) no-repeat left 5px;
	float: left;
	white-space: nowrap;
}
ul.anchor li a:link, ul.anchor li a:visited {
	color: #333!important;
	text-decoration: underline!important;
}
ul.anchor li a:hover {
	text-decoration: none!important;
}

/* 矢印アイコン */
ul.link li {
	background: url(/library/image/user/top/icon_arrow.gif) no-repeat left 2px;
	padding-left: 19px;
}

/* お知らせ */
.topics {
 	padding: 8px 12px;
	background-color: #FFF;
}
.topics ul {
	margin: 0;
}
.topics li {
	border-bottom: 1px #CCC dotted;
	padding: 5px 0 10px 19px;
	background: url(/library/image/share/icon_arrow.gif) no-repeat left 7px;
}
/*.boxWrap li {
	line-height: 1.3;
	margin-bottom: 5px;
}*/

/* 枠 */
.frame-blue {
	width: 736px;
	padding: 16px;
	border: 1px #53A1D1 solid;
	border-top: 0;
	background-color: #FFF;
	_zoom: 1;
	overflow: hidden;
}
.frame-blue h3, h3.img-ttl {
	margin-bottom: 15px;
}
.frame-yellow {
	padding: 8px;
	border: 1px #FEC672 solid;
	background-color: #FFFDEA;
	_zoom: 1;
	overflow: hidden;
}
.boxFull {
	width: 770px;
}
.boxLeft {
	width: 376px;
	float: left;
}
.boxRight {
	width: 376px;
	float: right;
}

.boxWrap {
	background-color: #EEE;
	border: 1px #C6C6C6 solid;
	padding: 5px;
}
.boxIn {
	padding: 14px 12px 16px;
	background-color: #FFF;
	_zoom: 1;
	overflow: hidden;
}

/* 関連リンク */
.related-link {
	width: 710px;
	margin: 20px auto 0;
	padding: 10px 12px;
	border: 3px #0F9EDA solid;
}
.related-link h3 {
	margin-bottom: 12px;
}
.related-link p a {
	padding-left: 28px;
	background: url(/library/image/share/icon_triangle.gif) no-repeat 16px 2px;
}