@charset "utf-8";

/* 基本レイアウト
-------------------------------------------------------------- */

body{
	background:#f5f7f5;
	margin:0;
	padding:0;	
}

.header{
	margin:20px auto 0px;
	width:960px;
	height:60px;
	position:relative;
}

.footer_wrap{
	background:url(../../images/univcoop/footer_bg.jpg) repeat-x;
	height:96px;
	margin-top:50px;
	}

.footer{
	width:960px;
	margin:0 auto;
	padding-top:5px;
	font-size:11px;
	color:#dddddd;
}

/* 1カラム */
.wrap{
	margin:0 auto;
	width:960px;
	padding:0;
}

.wrap_a{
	background:url(../../images/univcoop/wrap_bgp.gif) no-repeat bottom right;
	background-color:#FFF;
	margin:0 auto;
	width:960px;
	padding:0;
}

.wrap_a .cont{
	width:900px;
	margin-left:30px;
	text-align:left;
	padding:30px 0px 30px 0px;
}

.wrap_a2{
	background-color:#FFF;
	margin:0 auto;
	width:960px;
	padding:0;
}

.wrap_a2 .cont{
	width:900px;
	margin-left:30px;
	text-align:left;
	padding:30px 0px 30px 0px;
}

/* 2カラム */
.wrap_l{
	background:url(../../images/univcoop/wrap_bgp.gif) no-repeat bottom right;
	background-color:#FFF;
	margin:0 10px 0 0;
	float:left;
	width:660px;
	padding:0;
	height:1250px;
}

.wrap_l .cont{
	width:640px;
	margin-left:20px;
	text-align:left;
	padding:30px 0px 30px 0px;
}


.wrap_r{
	background:url(../../images/univcoop/wrap_bgp.gif) no-repeat bottom right;
	background-color:#FFF;
	margin:0;
	float:right;
	width:290px;
	padding:0;
	font-size:13px;
	line-height:145%;
	height:1250px;
}

.wrap_r .cont{
	width:230px;
	margin-left:30px;
	text-align:left;
	padding:40px 0px 30px 0px;
}

.wrap_b {
	margin:0 auto;
	width:960px;
	padding:0;
}
.wrap_b tbody {
	background:#f5f7f5;
}


/* Gナビ
-------------------------------------------------------------- */

.gnavi_wrap{
	background:url(../../images/univcoop/gm_bg.jpg)  repeat-x;
	margin:0;
	}
	
.gnavi_wrap, x:-moz-any-link, x:default	{
	background:url(../../images/univcoop/gm_bg.jpg)  repeat-x;
	margin:0 0 -7px 0;
	}

.gnavi{
	width:960px;
	margin:0 auto;
	padding:0;
	}

 .gnavi ul{
	 margin:0;
	 padding:0;
 }
 .gnavi ul li{
	 list-style:none;
	display:table-cell;  
    *display:inline;
	margin:0;
	padding:0;
	cursor:pointer;
 }
 
 

/* ヘッダー内
-------------------------------------------------------------- */

.header p.logo{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
}
.header h1.title{
	position:absolute;
	top:24px;
	left:130px;
	margin:0;
	font-size: 12pt;
	font-weight:normal !important;
	color:#666666 !important;
}
.header .tel{
	position:absolute;
	top:0px;
	left:242px;
}
.header .contact{
	position:absolute;
	top:4px;
	right:2px;
}

 
 
 /* コンテンツ
-------------------------------------------------------------- */

/* 汎用 */

body a{
	color:#444444;
	text-decoration:underline;
}
body a:hover{
	color:#009ACC;
	text-decoration:underline;
}

.bg_p{
	background:#815685;
	color:#FFF;
	font-weight:bold;
	width:150px;
	padding:5px;
	text-decoration:none;
	font-size:13px;
}

.btn_set{
	margin-top:30px;
}


/* ライン */
.line_p{
	background:url(../../images/univcoop/line_p.gif) repeat-x;
	margin:30px 0px 30px;
	width:auto;
	height:8px;
}
.line_p2{
	background:url(../../images/univcoop/line_p.gif) repeat-x;
	margin:30px 0px 30px;
	width:auto;
	height:3px;
}
.line_g{
	background:url(../../images/univcoop/line_g.gif) repeat-x;
	margin:40px auto;
	width:960px;
	height:15px;
}


/* トップのみ */
.main_img_wrap{
	background:url(../../images/univcoop/mainimg_bg.gif)  repeat-x;
	margin:0;
	}
	
.main_img{
	margin:0 auto;
	width:960px;
	padding:0px;
}

.lead_wrap{
	background:#FFF url(../../images/univcoop/cont_bg.jpg) repeat-x left bottom;
	margin:0;
	padding:20px 0px 30px;
}

.lead{
	background:url(https://www.quicktranslate.com/images/univcoop/img_feature.jpg) no-repeat top left;
	margin:0px auto;
	width:940px;
	height:auto !important;
	min-height:205px;
	padding:0px 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .lead p{
	margin-left:200px;
	font-size:14px !important;
	line-height:1.55em !important;
	font-weight:bold;
	}
}

* html .lead p{
	font-size:14px !important;
	}

.lead h2{
	margin-left:290px;
	margin-bottom:10px;
	padding-top:10px;
	font-size:24px;
	line-height:1.6em;
	font-weight:bold;
	}
.lead ul {
	margin-left:290px;
}
.lead li{
	font-size:13px;
	list-style-type:none;
	background:url(../../images/univcoop/ico_checkbox.gif) no-repeat left center;
	padding-left:28px;
	margin-bottom:8px;
	}
	
	
.top01{
	background:url(../../images/univcoop/top01.jpg) no-repeat top left;
	min-height:172px;
	padding:70px 0px 0px 0px;
}	
.top02{
	background:url(../../images/univcoop/top02jtx.jpg) no-repeat top left;
	min-height:78px;
	padding:80px 0px 0px 0px;
}	

span.osusume{
	background-color:#ac161e;
	padding:3px 5px;
	font-size:11px;
	color:#fff;
}
.top03{
	background:url(../../images/univcoop/top03.gif) no-repeat top left;
	min-height:2px;
	padding:64px 0px 0px 0px;
}

.table_plan {
	border-collapse: collapse;
	float:left;
	margin-right:10px;
}	
	.table_plan th {
		border-radius: 4px 4px 0 0;
		color:#fff;
		font-weight:bold;
		text-align:center;
		padding:5px;
	}
	.table_plan td {
		border-radius: 0 0 4px 4px;
		background:#f5f7f5;
		padding:10px 15px;
	}
		.table_plan td p {
			margin:0 auto 5px;
			width:160px;
		}
	.table_premium th {
		background:#293e6c;
		
	}
	.table_standard th {
		background:#1d78c0;
	}
	.table_abstract {
		margin-right:0;
	}
		.table_abstract th {
			background:#0da9e4;
		}
	
h3 span {
	font-weight:normal;
	font-size:12px;
}
	
/* 下層のみ */
.kasou_tit_wrap{
	background:url(../../images/univcoop/kasou_tit_bg.gif)  repeat-x;
	margin:0;
	height:170px;
	}
	
.kasou_tit_wrap h2{
	margin:0 auto;
	width:960px;
	padding:0px;
}

.editor{
	background:url(../../images/univcoop/editor_icon.gif) no-repeat top left;
	margin-top:-3px;
	min-height:67px;
	padding:3px 0px 0px 80px;
}	

.journal{
	background:url(../../images/univcoop/journal_icon.gif) no-repeat top left;
	margin-top:-3px;
	min-height:67px;
	padding:3px 0px 0px 80px;
}	

.work{
	background:url(../../images/univcoop/work_icon.gif) no-repeat top left;
	margin-top:-3px;
	min-height:67px;
	padding:3px 0px 0px 80px;
}	

.voice{
	background:url(../../images/univcoop/voice_icon.gif) no-repeat top left;
	margin-top:-3px;
	min-height:67px;
	padding:3px 0px 0px 80px;
}	

/* テーブル */
table.price{
	width:100%;
	border-collapse:collapse;
}
table.price th, table.price td{
	border:#bbb 1px solid;
	padding:10px;
	text-align:center;

}
table.price tbody th{
	background:#e2f5ea;
}
table.price thead th{
	background:#efefef;
}

/* ログイン
-------------------------------------------------------------- */
.login-form{
	width:760px;
	margin:0 auto;
}
.login-form .floatl,
.login-form .floatr{
	width:368px;
	min-height:220px;
	border-radius:4px;
	background:#f5f7f5;
	text-align:center;
}
.login-form .title{
	height:42px;
	margin:0 0 1em;
	line-height:42px;
	background:#0da9e4;
	color:#fff;
	font-size:18px;
	border-radius:4px 4px 0 0;
}
.login-form .alignR{
	margin:0 0 0.5em 0;
	padding-right:34px;
}
.login-form .text{
	width:284px;
	height:20px;
	margin-bottom:6px;
	padding:5px;
	border-radius:4px;
	border:1px solid #e7e7e7;
}

.login-form2{
	width:400px;
	margin:0 auto;
}
.login-form2 .floatl,
.login-form2 .floatr{
	width:368px;
	min-height:220px;
	border-radius:4px;
	background:#f5f7f5;
	text-align:center;
}
.login-form2 .title{
	height:42px;
	margin:0 0 1em;
	line-height:42px;
	background:#0da9e4;
	color:#fff;
	font-size:18px;
	border-radius:4px 4px 0 0;
}
.login-form2 .alignR{
	margin:0 0 0.5em 0;
	padding-right:34px;
}
.login-form2 .text{
	width:284px;
	height:20px;
	margin-bottom:6px;
	padding:5px;
	border-radius:4px;
	border:1px solid #e7e7e7;
}


/* フッター
-------------------------------------------------------------- */
.footer .copyright{
	margin-top:20px;
	padding-top:14px;
	text-align:center;
	}



/* 問い合わせフォーム
-------------------------------------------------------------- */
table.form{
	width:100%;
}

table.form th, table.form td{
	padding:14px;
	border-bottom:dotted 2px #CCC;
}

table.form th{
	border-right:dotted 2px #CCC ;
}

table.form th.bg_ccc{
	border:0px;
	background-color:#efefef;
}



/* 会社概要 */
table.company{
	width:100%;
}
table.company th{
	border-bottom:#CCC dotted 2px;
	border-right:#CCC dotted 2px;
	padding:10px 10px 10px 20px;
}
table.company td{
	border-bottom:#CCC dotted 2px;
	padding:10px 10px 10px 20px;
}

/* 取扱生協一覧
-------------------------------------------------------------- */
.pagelink{
	text-align:center;
	}
	.pagelink li{
		display:inline;
		list-style:none;
		line-height:1;
		padding:0 10px;
		border-right:1px solid #ccc;
		}
	.pagelink li:last-child{
		padding:0 0 0 10px;
		border-right:0;
		}
.area_list{
	}
	.area_list li{
		list-style:none;
		}


.price_box {
	position: relative;
	width: 155px;
	height: 45px;
	background-color: #FFF !important;
	text-align: center;
	line-height: 45px;
	border: solid 1px #eaeaea;
	margin-bottom: 5px;
}
	
.price_box .caption {
	position: absolute;
	top: 0;
	left: 0;
	
	font-size: 12px;
	padding: 0 1.5em;
	margin: 0;
	transform: translateY(-50%) translateX(1em);
	}
	
.table_plan_box {
	width: 145px;
	height: 60px;
	border-collapse: separate;
	border-spacing: 5px 0px;
	margin-bottom: 5px;
	}
	
.table_plan_box td {
	width: 75px !important;
	height: 50px !important;
	align-content: center !important;
	text-align: center !important;
	background-color: #FFF !important;
	padding: 1px 0px !important;
	border: solid 1px #eaeaea;
}
	
.table_plan_box td p {
	margin: 2px 2px;
	width: 70px;
}
	
.box_text {
	font-size: 14px !important;
}
	
.text_red {
	color: crimson !important;
}
	
.text_bold {
	font-weight: 900 !important;
}
	
.text_26 {
	font-size: 26px !important;
}
	
.text_18 {
	font-size: 18px !important;
}
	
.text_24 {
	font-size: 24px !important;
}
	
.text_14 {
	font-size: 14px !important;
}

.text_11 {
	font-size: 11px !important;
}	

.text_20 {
	font-size: 20px !important;
}

.table_plan_box_translation {
	width: 145px;
	height: 120px;
		border-collapse: separate;
	border-spacing: 0px 5px;
	margin: 5px;
}

.table_plan_box_translation td {
	/* width: 75px !important; */
	/* height: 50px !important; */
	align-content: center !important;
	text-align: center !important;
	background-color: #FFF !important;
	padding: 1px 0px !important;
	border: solid 1px #eaeaea;
}

.table_plan_box_translation td p {
	margin: 5px auto !important;
}

/* for LP
-------------------------------------------------------------- */
.table_lp-point th { padding:0.65em; border-radius:4px; font-size:1.2em; font-weight:400; background:#1b9f56; }
.table_lp-point td { font-size:0.8em; }
.lp-headline { margin-bottom:2em; font-size:2.0em; font-weight:400; text-align:center; }
.table_lp-service th { padding:0.65em; border-radius:4px; color:#1b9f56; font-size:1.2em; font-weight:400; text-align:center; }
.table_lp-service ul {  }
.table_lp-service ul li {  }
.table_lp-service ul li span { display:inline-block; min-width:5em; margin-right:0.75em; padding:0.25em 0.6em; border-radius:2px; color:#fff; line-height:1.0; font-size:0.8em; text-align:center; background:#1b9f56; }
.table_lp-service a { display:block; min-height:4em; padding:0.25em 0.6em; border-radius:4px; color:#fff; line-height:4em; font-size:1.4em; text-decoration:none; background:#1b9f56; }
.table_lp-service a:hover { color:#fff; opacity:0.8; }
.table_lp-service .secondary { background:#9f1b4d; }