@charset "utf-8";

/*--　▼▼▼仮公開用設定　公開が完了したら削除▼▼▼　--*/
span.TempLink {
	color: #999999;
}

#sub .searchBlockCat ul.L1 li span.TempLink {
	display: block;
	padding: 0 0 0 15px;
	background: url(../../images/common/arrow1.png) no-repeat 5px 5px scroll;
}	
/* 「ul.L1」の中のul */
#sub .searchBlockCat ul.L1 ul li span.TempLink {
	display: block;
	padding: 0 0 0 25px;
	background: url(../../images/common/arrow1.png) no-repeat 15px 5px scroll;

}

.nameItem span.TempLink {
	font-size: 14px;
	font-weight: 700;
}
/*--　▲▲▲仮公開用設定　公開が完了したら削除▲▲▲　--*/


/*---------------------------
トップ共通
---------------------------*/

a img {
	border: 1px #0066ff solid;
}
a:hover img {
	border: 1px #ff9900 solid;
}
a img.NB {
	border: none;
}

/*---------------------------
1.メインメニュー
---------------------------*/

/*---------------------------
2.メインコンテンツ
---------------------------*/
/*--
メインコンテンツとサブコンテンツ右をラップ
--*/
#main {
	float: right;
	width: 760px;
}
	#main .colomn1 {
		display: inline;
		float: left;
		width: 600px;
	}
		/* メインイメージ */
		#main .colomn1 .mainImage {
			margin: 0 0 20px;
		}
		
		/* アピールバナー */
		#main .colomn1 .appeal {
			margin: 0 -9px 15px 0;
		}
			#main .colomn1 .appeal a {
				display: inline-block;
				float: left;
				margin: 0 7px 8px 0;
			}
			
		/* 今月のおすすめ新商品 */
		#main .colomn1 .moreItem {
			margin: 0 0 20px;
		}
			#main .colomn1 .moreItem .caption {
				padding: 10px;
			}
			
			/* 各商品紹介 */
			#main .colomn1 .moreItem .itemWrap {
				float: left;
				width: 120px;
				text-align: center;
			}
			
				#main .colomn1 .moreItem .itemWrap img {
					margin: 0 0 5px;
				}
				#main .colomn1 .moreItem .itemWrap p {
					margin: 5px 0;
					font-weight: 700;
				}
				#main .colomn1 .moreItem .itemWrap a:hover img {
					border: 1px solid #ff9900;
				}
				
		/* ビジネス消耗品　オーダーメイドスタンプ　ノベルティグッズ */
		#main .colomn1 .itemBlock {
			margin: 0 0 20px;
		}
			#main .colomn1 .itemBlock .caption {
				padding: 10px;
			}
			
			/*-- ★ビジネス消耗品　ノベルティグッズ　商材説明 --*/
			#main .colomn1 .itemBlock .itemWrap1 {
				width: 290px;
				margin: 0 8px 10px 0;
				vertical-align: top;
			}
				#main .colomn1 .itemBlock .itemWrap1 .itembanaWrap {
					float: left;
				}
				#main .colomn1 .itemBlock .itemWrap1 .discriptionItem {
					float: right;
					width: 165px;
				}
					/*商品名リンク*/
					#main .colomn1 .itemBlock .itemWrap1 .discriptionItem div.nameItem {
						margin: 0 0 10px;
					}
						#main .colomn1 .itemBlock .itemWrap1 .discriptionItem div.nameItem a {
							font-size: 14px;
							font-weight: 700;
						}
			
			
			/*-- ★オーダーメイドスタンプ商品商材説明 --*/
			#main .colomn1 .itemBlock .itemWrap2 {
				width: 187px;
				margin: 0 10px 0 0;
				vertical-align: top;
			}
				#main .colomn1 .itemBlock .itemWrap2 img {
					margin: 0 0 10px;
				}
				
				/*商品名リンク*/
				#main .colomn1 .itemBlock .itemWrap2 div.nameItem {
					margin: 0 0 10px;

				}
					#main .colomn1 .itemBlock .itemWrap2 div.nameItem a {
						font-size: 14px;
						font-weight: 700;
					}
					
				#main .colomn1 .itemBlock .itemWrap2 p {
					margin: 0 0 10px;
					padding: 0 0 10px;
					border-bottom: 1px dashed #815603;
				}
				#main .colomn1 .itemBlock .itemWrap2 ul li {
					margin: 0 0 5px;
					padding: 0 0 0 15px;
					list-style: none;
					background: url(../../images/common/arrow1.png) no-repeat 5px 5px scroll;
				}
		
		/* お知らせ */
		#main .colomn1 .infomationTop {
			padding: 0 0 6px;
			background: url(../../images/portal/infomationBlock-footer.png) no-repeat bottom center scroll;
		}
			#main .colomn1 .infomationTop .contentsinfo {
				height: 100px;
				padding: 0 15px 0;
				border-left: 1px solid #666;
				border-right: 1px solid #666;
				background: #e8e8e8;
				overflow-y: auto;
			}
				#main .colomn1 .infomationTop .contentsinfo dl dt {
					clear: both;
					float: left;
					width: 130px;
					margin: 0 0 0px;
					font-size: 14px;
					font-weight: 700;
					color: #666666;
				}
				#main .colomn1 .infomationTop .contentsinfo dl dd {
					margin: 0 0 5px 130px;
					
				}
/*---------------------------
3.サブコンテンツ右
---------------------------*/
	/*-- サブコンテンツ右をラップ --*/
	#main .colomn2 {
		display: inline;
		float: right;
		width: 150px;
	}
		/*-- サイドバナー --*/
		#main .colomn2 .sidebana {
			margin: 0 0 15px;
		}
		/*-- ログインボックス --*/
		#main .colomn2 .loginbox {
			margin: 0 0 20px;
			background: url(../../images/portal/memberBlock-footer.png) bottom center no-repeat scroll;
		}
			#main .colomn2 .loginbox .loginboxcontents {
				padding: 10px 5px 0;
			}
				#main .colomn2 .loginbox .loginboxcontents  div.innerInputtext {
					margin: 0 0 15px;
				}
					/*「ログイン名」「パスワード」テキスト*/
					#main .colomn2 .loginbox .loginboxcontents  div.innerInputtext p {
						font-weight: 700;
					}
					/*「パスワードを忘れた方」テキスト*/
					#main .colomn2 .loginbox .loginboxcontents  div.innerInputtext span {
						font-size: 10px;
					}
					/*テキスト入力領域*/
					#main .colomn2 .loginbox .loginboxcontents div.innerInputtext input {
						width: 138px;
						margin: 0 0 5px;
						border: 1px solid #999;
					}
					
				/*-- 会員ブロック用ボタンラップ --*/
				#main .colomn2 .loginbox .loginboxcontents div.innerButton {
					margin: 0 0 10px;
				}
					/*ログインボタン*/
					#main .colomn2 .loginbox .loginboxcontents div.innerButton input {
						cursor: pointer;
					}
					/*ログアウトボタン・会員ページへボタン*/
					#main .colomn2 .loginbox .loginboxcontents div.innerButton a img {
						border: none;
					}
		
		/* カレンダー */			
		#main .colomn2 .calender {
			margin: 0 0 20px;
			padding: 50px 0 10px;
			border-bottom: 1px solid #666;
			background: url(../../images/portal/calendarBlock-title.png);
			text-align: center;
		}
			#main .colomn2 .calender table {
				width: 150px;
				margin: 0 0 20px;
			}
				#main .colomn2 .calender table th div {
					padding: 0 0 10px;
					background: url(../../images/portal/calendarBlock-hr.png) no-repeat bottom center scroll;
				}
				
				
				#main .colomn2 .calender table td.sat {/*土曜日*/
					color: #00c3bc;
				}
				#main .colomn2 .calender table td.sun {/*日曜日*/
					color: #ff8800;
				}
				#main .colomn2 .calender table td.holiday {/*休日*/
					background: #ff8800;
					color: #FFFFFF;
				}
				
			/*Pマーク*/
			#main .colomn2 .pMark {
				text-align: center;
			}
				#main .colomn2 .pMark img {
					margin: 0 0 10px;
				}
/*---------------------------
4.サブコンテンツ左
---------------------------*/
#sub {
	display: inline;
	float: left;
	width: 180px;
}
	/*-- サイドバナー --*/
	#sub .sidebana {
		margin: 0 0 15px;
	}
	
	/* キーワードから商品を探すブロック */
	#sub .searchBlockKey {
		padding: 5px;
		border: 1px solid #666;
		border-top: none;
		margin: 0 0 20px;
	}
		/*「キーワード入力」「商材選択」テキスト*/
		#sub .searchBlockKey .innerInputtext {
			margin: 0 0 15px;
			font-weight: 700;
		}
			/*テキスト入力領域*/
			#sub .searchBlockKey .innerInputtext input {
				width: 160px;
				margin: 0 0 5px;
				border: 1px solid #999;
			}
				/*ジャンル選択領域*/
				#sub .searchBlockKey .innerInputtext select {
					width: 160px;
					margin: 0 0 5px;
					border: 1px solid #999;
				}
				
		/*検索ボタン*/
		#sub .searchBlockKey .innerButton input {
			display: block;
			width: 140px;
			height: 26px;
			margin: 0 auto;
			background: url(../../images/portal/searchBtn1.png) no-repeat top center scroll;
			border: none;
			text-indent: -9999px;
			cursor: pointer;
		}
	
	/* カテゴリーから商品を探すブロック */
	#sub .searchBlockCat {
		padding: 10px 0 0;
	}
		#sub .searchBlockCat h3 {
			margin: 0 0 5px;
		}
		
		/* 商品一覧 */
		
		
		#sub .searchBlockCat ul.L1 {
			margin: 0 0 15px;
		}

			#sub .searchBlockCat ul li {
				margin: 0 0 3px;
				list-style: none;
			}
				#sub .searchBlockCat ul.L1 li a {
					display: block;
					padding: 0 0 0 15px;
					background: url(../../images/common/arrow1.png) no-repeat 5px 5px scroll;
				}
				#sub .searchBlockCat ul.L1 li a:hover {
					background: #d9d8d8 url(../../images/common/arrow1.png) no-repeat 5px 5px scroll;
				}
					
			/* 「ul.L1」の中のul */
			#sub .searchBlockCat ul.L1 ul{
				margin: 0 0 5px;
			}
				#sub .searchBlockCat ul.L1 ul li a {
					display: block;
					padding: 0 0 0 25px;
					background: url(../../images/common/arrow1.png) no-repeat 15px 5px scroll;

				}
				#sub .searchBlockCat ul.L1 ul li a:hover {
					background: #d9d8d8 url(../../images/common/arrow1.png) no-repeat 15px 5px scroll;
				}
		
	/* 最近のご注文ブロック */
	#sub .checkItem {
		margin: 0 0 20px;
		padding: 0 0 5px;
		background: url(../../images/portal/checkItem-footer.png) no-repeat bottom center scroll;
		text-align: center;
	}
		/* 各商品ブロック */
		#sub .checkItem .Itemwrap {
			padding: 10px 0;
			border-left: 1px solid #7f5400;
			border-right: 1px solid #7f5400;
			border-bottom: 1px dashed #7f5400;
		}
			#sub .checkItem .Itemwrap img {
				margin: 0 0 5px;
				border: 1px solid #999;
			}
			#sub .checkItem .Itemwrap dl dt {
				clear: both;
				float: left;
				width: 60px;
				margin: 0 5px 0 0;
				text-align: right;
			}
			#sub .checkItem .Itemwrap dl dd {
				text-align: left;
			}
			
		/* 再注文ボタン */
		#sub .checkItem .innerButton {
			padding: 5px 0;
			border-right: 1px solid #7f5400;
			border-left: 1px solid #7f5400;
		}
		
		
	

/**************************************/
/*--■--名刺トップページ--■--*/
/**************************************/
/*-- 名刺デザイン選択画面の土台 --*/
#meishiliwrap {
	margin: 5px 0 10px;
	padding: 10px 10px 5px;
	background-color: #D7D9CC;
	border: none;
}

#meishiliwrap .designgenre {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	background: #ffffff;
}

#meishiliwrap .designgenre .genre-head {
	position: relative;
	padding: 5px 10px;
	background: #00b7FF;
	font-size: 13px;
}

#meishiliwrap .designgenre .genre-list {
	padding: 5px 10px 0px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	align: right;
}

#meishiliwrap .designgenre .genre-link {
	padding: 5px 10px 0px;
	text-decoration: none;
	align: right;
}

#meishiliwrap .designgenre .btn-designlist {
	position: absolute;
	margin: 3px 10px 0px;
	top: 3px;
	right: 5px;
}

#meishiliwrap .designlist {
	margin: 0px 0px 10px;
	padding-bottom: 5px;
	background-color: #ffffff;
	text-align: center;
}

#meishiliwrap .designlist .explanation {
	height: 25px;
	padding: 5px 15px 0px;
	border-top: 1px dashed #999999;
	font-size: 12px;
	text-align: left;
	line-height: 140%;
}

/*-- 見出し文字の設定 --*/
#meishiliwrap .designlist h3 {
	height: 25px;
	padding: 5px 0 0 15px;
	font-size: 15px;
	text-align: left;
}

/*-- 名刺サムネイルの余白指定 --*/
.designlist .meishi-design {
	width: 130px;
	padding: 0px 10px;
	vertical-align: top;
	
}

.meishi-design .meishi-thumb {
	margin-bottom: 5px;
	text-align: center;
}

.meishi-design .explain {
	text-align: left;
}

/* ”名刺の一覧を見る”部分 */
.designlist p.genrelink {
	clear: both;
	margin: 5px 10px 0;
	padding: 5px 10px 0;
	border-top: 1px dashed #999999;
	font-size: 12px;
	text-align: right;
}

/**************************************/
/*--■--スタンプ各種トップページ--■--*/
/**************************************/

/******************************/
/*--■--名刺クイック作成--■--*/
/******************************/

/**********************/
/*--■--伝票作製--■--*/
/**********************/
/*全体を覆う枠組み*/
.denpyoliwrap {
	margin: 5px 0 10px;
	padding: 5px;
	background-color: #D7D9CC;
}
/*伝票ジャンル一覧全体の枠組み*/
.denpyoliwrap .denpyo-genre {
	margin: 5px;
	background-color: #FFFFFF;
}

/*伝票ジャンル一覧オレンジ部分*/
.denpyo-genre .genre-head {
	position: relative;
	padding: 5px 10px;
	background-color: #00B7ff;
	font-size: 13px;
}

/*「伝票ジャンル一覧へ」部分*/
.genre-head .btn-denpyolist {
	position: absolute;
	margin: 0px 10px 0px;
	right: 10px;
	top: 5px;
}

/*伝票ジャンル一覧の文字色など*/
.denpyo-genre .genre-list {
	padding: 5px 10px 5px;
	text-decoration: none;
	align: right;
}

.denpyo-genre .genre-title {
	padding: 5px 10px 0px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	align: right;
}

/*サムネイル付き伝票一覧の外枠*/
.denpyoliwrap .denpyo-list {
	margin: 10px 5px;
	padding: 10px;
	background-color: #FFFFFF;
	text-align: center;
}

/*サムネイル付き伝票一覧、見出し*/
.denpyoliwrap .denpyo-list h3 {
	padding-left: 15px;
	font-size: 15px;
	text-align: left;
	border-bottom: 1px dashed #999999;
}

/*伝票サムネイル画像と文章セットの枠*/
.denpyo-list .denpyo-type {
	width: 155px;
	margin: 15px 10px;
	text-align: left;
	vertical-align: top;
}

.denpyo-type .explain {
	text-align: left;
}

/*サムネイル画像を入れる枠*/
.denpyo-thumb {
	padding-bottom: 5px;
	text-align: center;
}

/* ブロック一番下にある各一覧へのリンク部分 */
.denpyo-list .genrelink {
	padding: 5px 15px 0px;
	border-top: 1px dashed #999999;
	text-align: right;
}


/**********************/
/*--■--挨拶状作製--■--*/
/**********************/
/*全体を覆う枠組*/
.postcardliwrap {
	margin: 5px 0 10px;
	padding: 10px;
	background-color: #D7D9CC;
}

/*挨拶状ジャンル一覧部分*/
.postcardliwrap .design-genre {
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	background: #ffffff;
}

.postcardliwrap .design-genre .genre-head {
	position: relative;
	padding: 5px 10px;
	background: #00B7FF;
	font-size: 13px;
}

.postcardliwrap .design-genre .genre-list {
	padding: 5px 10px 0px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	align: right;
}

.postcardliwrap .design-genre .genre-link {
	padding: 5px 10px 0px;
	text-decoration: none;
	align: right;
}

.postcardliwrap .design-genre .btn-designlist {
	position: absolute;
	margin: 3px 10px 0px;
	top: 3px;
	right: 5px;
}

/*それぞれのデザインリスト部分*/
.postcardliwrap .design-list {
	margin-top: 10px;
	padding: 10px;
	background-color: #FFFFFF;
}

.design-list h3 {
	padding-left: 15px;
	font-size: 15px;
}

.design-list .explanation {
	padding: 5px 15px 0px;
	border-top: 1px dashed #999999;
	font-size: 12px;
	line-height: 140%;
}

.design-list .postcard-list {
	display: block;
	clear: both;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999999;
	text-align: center;
}

.postcard-list .postcard-design {
	width: 150px;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
	vertical-align: top;
}


.postcard-design .explain {
	margin-top: 10px;
	text-align: left;
}

.design-list p.genrelink {
	clear: both;
	padding: 5px 10px 0;
	font-size: 12px;
	text-align: right;
}

/**********************/
/*--■--封筒作製--■--*/
/**********************/
.futoliwrap {
	margin: 5px 0 10px;
	padding: 10px 10px 10px;
	background-color: #D7D9CC;
}

/* 封筒選択部分の最上部にあるメッセージとリンク */
.futoliwrap .futo-info {
	position: relative;
	margin: 0 0 10px 0;
	font-size: 12px;
}

.intro {
	padding: 5px;
}

.futoliwrap .btn-futolist {
	position: absolute;
	right: 5px;
	top: -2px;
}


/* 封筒サイズ選択メッセージ */
.futoliwrap .select-size {
	padding: 10px;
	background-color: #FFFFFF;
	text-align: center;
}

.select-size p.size-massage {
	padding-top: 5px;
	border-top: 1px dashed #999999;
}

.select-size h3 {
	color: #339;
	margin: 0 10px 5px;
	font-size: 18px;
	font-weight: bold;
}

/* 封筒サイズ一覧部分 */
.futoliwrap .size-list {
	margin-top: 10px;
	padding: 10px;
	background-color: #FFFFFF;
}

.size-list .size-lineup {
	padding: 5px;
	border-bottom: 1px dashed #999999;
	text-align: center;
}

.size-lineup .futo-design {
	width: 160px;
	margin: 0px 5px 10px;
	font-size: 12px;
	text-align: left;
	vertical-align: bottom;
}

/* 全封筒共通の余白・位置指定 */
.futo-design .futothumb {
	margin:10px 0px;
	text-align: center;
}

.futo-design .explain {
	width: 160px;
	height: 50px;
	text-align: left;
}

/****************************/
/*--■--ノベルティ作製--■--*/
/****************************/
/****************************/
/*--■--各ページ共通--■--*/
/****************************/

/**************************/
/*--■--ログイン画面--■--*/
/**************************/
.infoText {
	background: none repeat scroll 0 0 #FFFFCC;
	margin: 0 10px 20px;
	padding: 5px 10px;
}

.loginTop{
	padding:0 10px;
}

.loginTop .inputInfo{
		margin:0 0 15px;
		background:#e1e1e1;
		border: 1px solid #999;
	}
		.loginTop .inputInfo .inputInfoLine{
			border-top:1px solid #eee;
			border-bottom:1px solid #C9C9C9;
			background:#fff url(../../images/cart/cartTableContentsBg.png) repeat-y scroll left top;
		}
			/* 入力項目見出し */
			.loginTop .inputInfo .inputInfoLine .inputInfoHead{
				float:left;
				width:180px;
				padding: 5px 0 5px 20px;
				text-align:left;
				font-weight:700;
			}
			/* 入力内容 */
			.loginTop .inputInfo .inputInfoLine .inputInfoContents{
				float:left;
				padding:5px 0 5px 20px;
			}
				.loginTop .inputInfo .inputInfoLine .login input{
					width:300px;
				}
	.inputInfo .pagenav {
		background: none repeat scroll 0 0 #FFFFFF;
		margin: 0;
		padding: 5px 15px;
	}

	.inputInfo .loginnav {
		margin:0;
		padding:10px 0;
		border:none;
		background:#e0e0e0;
		text-align:center;
	}
		.inputInfo .loginnav p{
			margin:0 0 5px;
		}
		.inputInfo .loginnav .btn_member{
			display:block;
			height:20px;
			width:150px;
			background:url(../../images/member/btn_membershipRegistration.png) no-repeat top left;
			text-indent:-9999px;
		}