@charset "utf-8";

/*--------------------------------------------------------

OEM用CSS

--------------------------------------------------------*/
/*---------------------------------------
Uniersal Selector
----------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

/*---------------------------------------
Common
----------------------------------------*/
body#shared {
	margin:10px;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;
	*font-size:small;
	*font:x-small;
}


html {
	overflow-y:scroll;
	background-color:#FFF;
}

strong { 
	font-weight:bold;
}

img {
	border:0;
}

.clear { 
	clear:both;
}

/* include部分用フォント */
.mb4 { margin-bottom: 4px;}
.mb8 { margin-bottom: 8px;}
.mb16 { margin-bottom: 16px;}
.mb24 { margin-bottom: 24px;}
.mb32 { margin-bottom: 32px;}
.base-s { }
.base-s-b {font-weight:bold;}
.sub-s {color: #6480D1;}
.sub-s-b {font-weight:bold;color: #6480D1;}


/*----------　↓↓　body#shared　* 共有コンテンツ専用　↓↓　----------*/

body#shared .wrapper{
	text-align:center;
}

body#shared .contents{
	margin:0 auto;
	width:680px;
	line-height:1.3;
}

body#shared h2{
	font-size:115%;
	font-weight:bold;
}

body#shared .lead h2 {
	margin-bottom:5px;
}

body#shared h2.top{
	margin:0 0 10px 0;
}

body#shared h3.top{
	margin:0 auto 8px;
	padding:7px 15px 4px;
	float:none;
	border-bottom:1px solid #c4cbc9;
	width:570px;
	max-width:570px;
	background: url(/promo/images/top_contents_title_bg.gif) #F3F3F3 repeat-x left top;
	text-align:left;
	font-size:115%;
	font-weight:bold;
}

body#shared h4{
	margin-bottom:5px;
}

body#shared .catch{
	margin-bottom:20px;
	text-align:right;
}

body#shared .catch .catch-arrow{
	margin:4px 3px;
}

body#shared .catch .catch-text{
	margin:-45px 300px 0 0;
	width:380px;
	min-height:40px;
	text-align:left;
}

body#shared .company{
	margin-bottom:15px;
	padding:10px 40px 0;
	border-top:3px solid #EE87B3;
	text-align:center;
}

body#shared .company img {
	margin:0 11px;
}

body#shared .flow{
	margin-bottom:25px;
	text-align:center;
}

body#shared .contents-left{
	/*padding:0 0 30px 30px;*/
	padding-bottom:30px;
	float:left;
	width:270px;
	/*max-width:270px;*/
	text-align:left;
}

body#shared .contents-right{
	/*padding:0 30px 30px 0;*/
	margin-left:30px;
	padding-bottom:30px;
	float:left;
	width:270px;
	/*max-width:270px;*/
	text-align:left;
}

body#shared .button-box{
	margin:0 auto 10px;
	clear:both;
	text-align:center;
}

body#shared .button-box img{
	margin-bottom:5px;
}


body#shared .tab-box{
	margin-bottom:15px;
	font-size:100%;
}

body#shared .subtitle{
	margin:5px 0;
	width:610px;
	text-align:left;
	font-size:80%;
}

body#shared .title{
	margin-bottom:15px;
	width:610px;
	text-align:left;
}

body#shared .title-box{
	padding-left:10px;
	border-top: 1px solid #A7CEF3;
	border-bottom: 1px solid #A7CEF3;
	height: 32px;
	vertical-align: middle;
	font-size:120%;
	font-weight:bold;
	color: #6480D1;
}

body#shared .catch-box {
	padding: 3px 5px;
	background-color: #6480D1;
	width: 100px;
	text-align: center;
	color: #FFF;
	font-size:80%;
	font-weight:bold;
}

body#shared .lead {
	margin-bottom:20px;
	width:580px;
	text-align:left;
}

body#shared .compare-box {
	margin-bottom:4px;
	border-left:1px solid #999;
	width:580px;
	max-width:578px;
	list-style:none;
	text-align:left;
}

body#shared .compare-box li {
	padding:0 5px;
	border-right:1px solid #999;
	display:inline;
}

body#shared .compare-box li a:link,
body#shared .compare-box li a:visited {
	text-decoration:none;
	color:#00F;
}

body#shared .compare-box li a:hover {
	color:#09F;
}

body#shared #contents-service li.service,
body#shared #contents-member li.member,
body#shared #contents-feature li.feature,
body#shared #contents-secure li.secure {
	font-weight:bold;
}

body#shared #wrapper .contents table {
	text-align:left;
}

/* 参加会社徹底比較の表 */
body#shared #wrapper .contents .compare {
	margin:0 auto;
	border:1px solid #6480d1;
	width:580px;
}

body#shared #wrapper .contents .compare table {
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-collapse:separate;
	border-spacing:1;
	width:100%;
}



body#shared #wrapper .contents .compare th {
	background-color:#e3f1ff;
}

body#shared #wrapper .contents .compare th,
body#shared #wrapper .contents .compare td {
	padding:5px;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	text-align:center;
}

body#shared #wrapper .contents .compareNote {
	margin:5px 0 30px 52px;
	font-size:80%;
	text-align:left;
}

/*----------　↑↑　body#shared　* 共有コンテンツ専用　↑↑　----------*/

