@charset "shift_jis";



/* 共通
---------------------------------------------------------------------------- */
/* contents left
------------------------------------------------------------------ */
.contents-b {
	background:transparent url(../../../image/common/line-bottom.gif) no-repeat left bottom;
	width:780px;
	padding-bottom:17px;
	margin-bottom:9px;
	}

.contents-inner {
	margin-top:13px;
	background:transparent url(../../../image/common/contents-inner-bg.jpg) repeat-y left top;
	width:780px;
	}
.contents-inner2 {
	margin-top:13px;
	width:780px;
	}
		.contents-inner-b {
			background:transparent url(../../../image/common/contents-inner-bottom.jpg) no-repeat left bottom;
			width:780px;
			padding-bottom:3px;
			}
	
	/*2カラム　left*/
	.contents-inner .left {
		float:left;
		width:195px;
		}
		.contents-inner .left-inner {
			background:transparent url(../../../image/common/sidebar-top.jpg) no-repeat left top;
			width:195px;
			padding-top:11px;
			}
		.contents-inner .left-inner-b {
			background:transparent url(../../../image/common/sidebar-bottom.jpg) no-repeat left bottom;
			width:195px;
			}
	
	.left-inner ul {
		margin-top:8px;
		font-size:75%;
		text-align:left;
		}
		.left-inner ul li{
			/*padding:14px 0px 0px 26px;*/
			}
		
		.left-inner ul li.side-menu1{
			width:193px;
			height:40px;
			border:1px solid #fed8bf;
			}
			.left-inner ul li.side-menu1 a {
				background:#fff url(../../../image/common/list-mark3.jpg) no-repeat 8px 14px;
				width:167px;
				height:26px;
				display:block;
				padding:14px 0px 0px 26px;
				}
			.left-inner ul li.side-menu1 a:hover {
				background:#d7f4ff url(../../../image/common/list-mark3.jpg) no-repeat 8px 14px;
				}
		
		.left-inner ul li.side-menu2{
			width:193px;
			height:40px;
			border-left:1px solid #fed8bf;
			border-bottom:1px solid #fed8bf;
			border-right:1px solid #fed8bf;
			}
			
			.left-inner ul li.side-menu2 a{
				width:167px;
				height:26px;
				display:block;
				background:#fff url(../../../image/common/list-mark3.jpg) no-repeat 8px 14px;
				padding:14px 0px 0px 26px;
				}
				
			.left-inner ul li.side-menu2 a:hover{
				background:#d7f4ff url(../../../image/common/list-mark3.jpg) no-repeat 8px 14px;
				}
				
		.left-inner ul li.side-menu3{
			width:193px;
			height:50px;
			border-left:1px solid #fed8bf;
			border-bottom:1px solid #fed8bf;
			border-right:1px solid #fed8bf;
			}
			
			.left-inner ul li.side-menu3 a{
				width:167px;
				height:38px;
				display:block;
				background:#fff url(../../../image/common/list-mark3.jpg) no-repeat 8px 12px;
				padding:12px 0px 0px 26px;
				}
				
			.left-inner ul li.side-menu3 a:hover{
				background:#d7f4ff url(../../../image/common/list-mark3.jpg) no-repeat 8px 12px;
				}
		

/* contents right
------------------------------------------------------------------ */
	/*2カラム　right*/
	#right {
		float:right;
		width:560px;
		margin-right:10px;
		display:inline;
		text-align:left;
		}
		#right h2 {
			text-indent:-9999px;
			margin-bottom:9px;
			}

		#right p {
			text-align:left;
			line-height:140%;
			margin-bottom:10px;
			}
		#right p.text-2 {
			width:535px;
			text-align:left;
			line-height:140%;
			margin:0px 15px 10px 10px;
			}
		#right p.text-3 {
			text-align:left;
			font-size:100%;
			line-height:140%;
			}
		#right p.text-4 {
			width:550px;
			text-align:left;
			margin:0px 0px 10px 10px;
			}
		#right p.text-5 {
			width:535px;
			text-align:left;
			line-height:140%;
			margin:0px 15px 30px 10px;
			}
		#right p.tel-num {
			width:350px;
			margin-left:30px;
			border:1px solid #ccc;
			background-color:#FFF9DF;
			padding:15px;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			}
		#right p.thanks {
			width:400px;
			margin:50px auto 250px auto;
			border:1px solid #ccc;
			background-color:#FFF9DF;
			padding:30px;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			}

		#right h3 {
			font-size:16px;
			background:url(../../../image/common/title-mark.jpg) no-repeat 10px 2px;
			width:500px;
			height:22px;
			text-align:left;
			padding-left:36px;
			padding-top:2px;
			_padding-top:5px;
			display:block;
			}
		#right h3.sitemap {
			font-size:16px;
			background:url(../../../image/common/title-mark.jpg) no-repeat 10px 2px;
			width:200px;
			height:22px;
			text-align:left;
			padding-left:36px;
			padding-top:2px;
			_padding-top:5px;
			display:block;
			}
		#map {
			clear:both;
			width:540px;
			height:280px;
			border:1px solid #999999;
			margin:0px 0px 10px 10px;
			}
		#right ol {
			text-align:left;
			margin:0px 10px 0px 35px;
			}
			#right ol li {
				line-height:140%;
				margin-bottom:5px;
				}
		#right ul {
			text-align:left;
			margin:0px 10px 15px 35px;
			}
			#right ul li {
				line-height:140%;
				margin-bottom:5px;
				}
				#right ul li.list-mark {
					background:transparent url(../../../image/common/list-mark4.jpg) no-repeat 0px 5px;
					padding-left:15px;
					}
				#right ul li.list-mark2 {
					background:transparent url(../../../image/common/list-mark5.jpg) no-repeat 0px 5px;
					padding-left:15px;
					}
		#right ul.list2 {
			text-align:left;
			margin:0px 10px 15px 50px;
			}
			#right ul.list2 li {
				line-height:140%;
				margin-bottom:5px;
				}
				#right ul.list2 li.list-mark {
					background:transparent url(../../../image/common/list-mark4.jpg) no-repeat 0px 5px;
					padding-left:15px;
					}
				#right ul.list2 li.list-mark2 {
					background:transparent url(../../../image/common/list-mark5.jpg) no-repeat 0px 5px;
					padding-left:15px;
					}
		#right .img-box {
			width:528px;
			text-align:left;
			margin-top:10px;
			margin-bottom:10px;
			border:1px solid #CCCCCC;
			padding:10px 10px 0px 10px;
			}
			p.enlarge-img {
				float:right;
				}
			p.enlarge-img a {
				background:transparent url(../../../image/sec/hoken/btn-enlarge.jpg) no-repeat 0 0;
				width:167px;
				display:block;
				height:24px;
				text-indent:-9999px;
				}
			p.enlarge-img a:hover {
				background:transparent url(../../../image/sec/hoken/btn-enlarge-over.jpg) no-repeat 0 0;
				width:167px;
				display:block;
				height:24px;
				text-indent:-9999px;
				}
		#right .img-box2 {
			width:528px;
			text-align:left;
			margin-top:10px;
			margin-bottom:10px;
			border:1px solid #CCCCCC;
			padding:10px 10px 0px 10px;
			}
					
			p.page-top {
				text-indent:-9999px;
				margin-bottom:10px;
				}
			p.page-top a {
				background:url(../../../image/common/pagetop.jpg) no-repeat 0 0;
				text-decoration:none;
				display:block;
				width:560px;
				height:17px;
				}
			p.page-top a:hover {
				background:url(../../../image/common/pagetop-over.jpg) no-repeat 0 0;
				text-decoration:none;
				}

/* テーブル */
		#right table.tbl-01 {
			margin:0px auto;
			width:560px;
			line-height:120%;
			font-size:100%;
			font-weight:bold;
			border:1px solid #ccc;
			margin:10px 0px 20px 0px;
			}
			#right table.tbl-01 td {
				line-height:120%;
				font-size:100%;
				border:1px solid #ccc;
				padding:2px 5px 2px 5px;
				}
			#right table.tbl-01 td.small-font {
				font-size:75%;
				border:1px solid #ccc;
				padding:2px 5px 2px 5px;
				}
				#right table.tbl-01 td ol li {
					margin-bottom:20px;
					}

		#right table.tbl-02 {
			margin:0px auto;
			width:560px;
			line-height:120%;
			font-size:75%;
			border:1px solid #ccc;
			margin:10px 0px 10px 0px;
			}
			#right table.tbl-02 th.th01{
				background:#75BAFF url(../../../image/common/th-bg01.jpg) repeat-x 0 0;
				border:1px solid #ccc; 
				padding:5px;
				text-align:left;
				font-weight:bold;
				color:#003264;
				}
			#right table.tbl-02 th.th02{
				background:#B7DBFF url(../../../image/common/th-bg02.jpg) repeat-x 0 0;
				border:1px solid #ccc; 
				padding:5px;
				text-align:left;
				font-weight:bold;
				color:#333;
				}
			#right table.tbl-02 td{
				background:#F5F5F5 url(../../../image/common/td-bg.jpg) repeat-x 0 0;
				border:1px solid #ccc;
				padding:5px;
				text-align:left;
				vertical-align:top;
				}
			#right table.tbl-02 td p{
				font-size:100%;
				padding:5px;
				}
				#right table.tbl-02 td p .p-point{
					background:transparent url(../../../image/common/list-mark4.jpg) no-repeat 0px 0px;
					padding-left:15px;
					font-weight:bold;
					}
				
		#right table.tbl-03 {
			margin:0px auto;
			width:230px;
			line-height:120%;
			font-size:80%;
			border:1px solid #ccc;
			background:#fff;
			}
			#right table.tbl-03 th {
				border:1px solid #ccc;
				padding:3px;
				background:#fff;
				vertical-align:middle;
				text-align:center;
				font-weight:normal;
				}
			#right table.tbl-03 td {
				border:1px solid #ccc;
				padding:3px;
				background:#fff;
				vertical-align:middle;
				}
			#right table.tbl-03 td.center {
				text-align:center;
				}

		#right table.tbl-04 {
			margin:0px auto;
			width:560px;
			line-height:120%;
			font-size:80%;
			border:1px solid #ccc;
			margin:10px 0px 20px 0px;
			}
			#right table.tbl-04 th.th-bg01 {
				background-color:#D7EBFF;
				border:1px solid #ccc;
				color:#333;
				text-align:left;
				vertical-align:middle;
				font-weight:normal;
				padding:10px;
				}
			#right table.tbl-04 th.th-bg02 {
				background-color:#ECF5FF;
				border:1px solid #ccc;
				color:#333;
				text-align:left;
				vertical-align:middle;
				font-weight:normal;
				padding:10px;
				}
			#right table.tbl-04 td {
				line-height:120%;
				border:1px solid #ccc;
				padding:10px;
				}
				#right table.tbl-04 td ol li {
					margin-bottom:20px;
					}
				#right table.tbl-04 td p {
					margin-left:15px;
					}


/* 学校生協とは
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-about {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-about {
		background:url(../../../image/sec/about/pagetitle-about.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2#outline {
			background:url(../../../image/sec/about/title-outline.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#ikukyu {
			background:url(../../../image/sec/about/title-ikukyu.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#tetuduki {
			background:url(../../../image/sec/about/title-tetuduki.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#kumiaiin {
			background:url(../../../image/sec/about/title-kumiaiin.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}

/* 各種事業
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-jigyou {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-jigyou {
		background:url(../../../image/sec/jigyou/pagetitle-jigyou.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2#catalogue {
			background:url(../../../image/sec/jigyou/title-catalogue.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#kyoudou {
			background:url(../../../image/sec/jigyou/title-kyoudou.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#doukou {
			background:url(../../../image/sec/jigyou/title-doukou.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#syuhai {
			background:url(../../../image/sec/jigyou/title-syuhai.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#siteiten {
			background:url(../../../image/sec/jigyou/title-siteiten.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#mobile {
			background:url(../../../image/sec/jigyou/title-mobile.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
			
/* 保険共済事業
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-hoken {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-hoken {
		background:url(../../../image/sec/hoken/pagetitle-hoken.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2#ansin {
			background:url(../../../image/sec/hoken/title-ansin.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#aflac {
			background:url(../../../image/sec/hoken/title-aflac.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#songai {
			background:url(../../../image/sec/hoken/title-songai.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#kani {
			background:url(../../../image/sec/hoken/title-kani.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#kyousai {
			background:url(../../../image/sec/hoken/title-kyousai.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
			
/* リンク
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-link {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-link {
		background:url(../../../image/sec/link/pagetitle-link.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2#webshop {
			background:url(../../../image/sec/link/title-webshop.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		h2#siteiten {
			background:url(../../../image/sec/link/title-siteiten.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
		
		#right .link-box {
			width:560px;
			height:37px;
			background:transparent url(../../../image/common/line1.jpg) no-repeat left bottom;
			margin-bottom:20px;
			}
		#right .link-box2 {
			width:560px;
			height:37px;
			background:transparent url(../../../image/common/line1.jpg) no-repeat left bottom;
			margin-bottom:20px;
			margin-top:2 0px;
			}
			
/* サイトマップ
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-sitemap {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-sitemap {
		background:url(../../../image/sec/sitemap/pagetitle-sitemap.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2.ttl-sitemap {
			background:url(../../../image/sec/sitemap/title-sitemap.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
	#right .box-outer {
		width:540px;
		_width:550px;
		margin-left:10px;
		margin-top:20px;
		}
		#right .box-outer .box-inner {
			float:left;
			text-align:left;
			background:url(../../../image/sec/sitemap/line2.jpg) no-repeat left bottom;
			width:265px;
			}
		#right .box-outer .box-inner2 {
			float:right;
			text-align:left;
			background:url(../../../image/sec/sitemap/line2.jpg) no-repeat left bottom;
			width:265px;
			}

/* プライバシーポリシー
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-policy {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-policy {
		background:url(../../../image/sec/policy/pagetitle-policy.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2.ttl-policy {
			background:url(../../../image/sec/policy/title-policy.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
			#right .policy-listbox {
				
				}
				#right .policy-listbox ol li {
					background:url(../../../image/sec/policy/line-policy.jpg) no-repeat left bottom;
					margin:15px 0px 10px 0px;
					padding-bottom:5px;
					}

/* お問い合わせ
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-inquiry {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-inquiry {
		background:url(../../../image/sec/inquiry/pagetitle-inquiry.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2.ttl-inquiry {
			background:url(../../../image/sec/inquiry/title-inquiry.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}
	#right .form-btn {
		margin:10px auto 20px auto;
		text-align:center;
		}


/* おすすめ商品（WebPAT）
---------------------------------------------------------------------------- */
	.left-inner h1.page-ttl-inquiry {
		text-indent:-9999px;
		}
	.left-inner h1.page-ttl-inquiry {
		background:url(../../../image/sec/inquiry/pagetitle-inquiry.jpg) no-repeat left top;
		display:block;
		width:195px;
		height:58px;
		}
		h2.ttl-inquiry {
			background:url(../../../image/sec/inquiry/title-inquiry.jpg) no-repeat left top;
			width:560px;
			height:42px;
			}

/* サイト内検索結果
---------------------------------------------------------------------------- */
		h2.search-result {
			background:url(../../../image/sec/search/title-search.jpg) no-repeat left top;
			width:760px;
			height:42px;
			text-indent:-9999px;
			}
/*
		p.page-top-search {
			text-indent:-9999px;
			margin-bottom:10px;
			}
		p.page-top-search a {
			background:url(../../../image/sec/page-top-search.jpg) no-repeat 0 0;
			text-decoration:none;
			display:block;
			width:760px;
			height:17px;
			}
		p.page-top-search a:hover {
			background:url(../../../image/sec/page-top-search-over.jpg) no-repeat 0 0;
			text-decoration:none;
			}

*/






/* １カラム　CenterColumn
---------------------------------------------------------------------------- */
#CenterColumn {
	width: 760px;
	margin: 0px 20px;
	text-align: left;
	line-height: 1.5;
	}
	
	.floatL { float: left;}
	.floatR { float: right;}


	/* 学校生協の本やさん
	---------------------------------------------------------------------------- */
	
	/*学校生協の本やさん*/
	.ttl-book {
		display: block;
		width: 280px;
		height: 50px;
		background: transparent url(../../../book/img/ttl-book.jpg) no-repeat left top;
		text-indent: -9999px;
		margin-bottom: 15px;
		}
		
		p.comment {
			margin-bottom: 15px;
			}
		
		/*留意事項*/
		.ttl-attention {
			display: block;
			width: 740px;
			height: 45px;
			background: transparent url(../../../book/img/ttl-attention.jpg) no-repeat left top;
			text-indent: -9999px;
			margin-bottom: 15px;
			}
		
		p.linearea {
			clear: both;
			border: #999 1px solid;
			padding: 12px 14px;
			margin-bottom: 20px;
			}
		
		span.blue 	{ color: #0066CC;}
		span.red 	{ color: #CC0000}
		
		div.boxarea_pink {
			background-color: #FFF1E8;
			margin-bottom: 20px;
			padding: 10px 30px;
			}
			
			ul.ul-manual {
				}
			
			ul.ul-manual li {
				float: left;
				display: inline;
				}
				
				ul.ul-manual li.txt-manual {
					float: left;
					font-size: 130%;
					padding-top: 10px;
					}
				
				/*ご利用マニュアル*/
				ul.ul-manual li.btn-manual {
					float: right;
					text-indent: -9999px;
					width: 235px;
					}
					
					ul.ul-manual li.btn-manual a,
					ul.ul-manual li.btn-manual a:visited,
					ul.ul-manual li.btn-manual a:active {
						display: block;
						width: 235px;
						height: 40px;
						background: transparent url(../../../book/img/btn_manual.jpg) no-repeat left top;
						}
					
					ul.ul-manual li.btn-manual a:hover {
						background: transparent url(../../../book/img/btn_manual.jpg) no-repeat left bottom;
						}
			
			
		
		/*ご請求・組合員価格・配送料について*/
		.ttl_claim {
			clear: both;
			display: block;
			width: 740px;
			height: 45px;
			background: transparent url(../../../book/img/ttl_claim.jpg) no-repeat left top;
			text-indent: -9999px;
			margin-bottom: 15px;
			}
		
		.claimarea {
			padding: 0px 30px 0px 0px;
			margin-bottom: 20px;
			}
			
			/*ご利用方法*/
			p.btn-usermethod {
				text-indent: -9999px;
				}
			p.btn-usermethod a,
			p.btn-usermethod a:visited,
			p.btn-usermethod a:active {
				display: block;
				width: 175px;
				height: 40px;
				background: transparent url(../../../book/img/btn_usermethod.jpg) no-repeat left top;
				}
			
			p.btn-usermethod a:hover {
				background: transparent url(../../../book/img/btn_usermethod.jpg) no-repeat left bottom;
				}
		
		/*認証ページへ*/
		p.btn_authentication {
			display: block;
			margin: 0 auto 40px auto;
			width: 315px;
			height: 80px;
			text-indent: -9999px;
			}
		
			p.btn_authentication a,
			p.btn_authentication a:visited,
			p.btn_authentication a:active {
				display: block;
				width: 315px;
				height: 80px;
				background: transparent url(../../../book/img/btn_authentication.jpg) no-repeat left top;
				}
			
			p.btn_authentication a:hover {
				background: transparent url(../../../book/img/btn_authentication.jpg) no-repeat left bottom;
				}