/*基本の設定
-------------------------------------------------------------*/
body{
	padding: 10px;
	background-color: #e1f7ff;
}

h1,h2,h3,h4,h5{
	margin: 0px;
	padding: 0px;
}

h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 14px;}
h4{font-size: 12px;}
h5{font-size: 10px;}
td{font-size: 12px;}

img{margin: 0px; padding: 0px;}
li{list-style:none;}

a:link{
	color: #0000ff;
}

a:visited{
	color: #990099;
}

a:hover{
	color: #FF9900;
	position: relative;
	top: 1px;
	left: 1px;
}

a img{
	border:none;
}


.tex10{
    font-size:10px;
}


/*各パーツのレイアウト
-------------------------------------------------------------*/
#base{
	margin-right: auto;
	margin-left: auto;
	border:#666 1px solid;
	width: 800px;
	background-color: #FFFFFF;
}

#base_bottom{
	margin-right: auto;
	margin-left: auto;
	height: 14px;
	width: 800px;
	background-image: url('../images/base_bottom_shadow.gif');
	background-repeat: no-repeat;
}
/*
#head{
	width: 798px;
	background:#fff url(../images/head_right_logo.gif) right 30px no-repeat;
}
---------------------------------------*/
#head_menu{
	height: 28px;
	background-color: #cc0000;
}

#head_menu_bottom{
	height: 5px;
	background-color: #F08080;
}

#widebanner{
}

#main{
	margin: 5px;
}

#top_leftcolumn_topicks_base{
	float: left;
	width: 190px;
	height:597px;
	border:#999 1px solid;
	background:#fff url(../images/main_top_back_topics.gif) center bottom repeat-x;
}

#top_rightcolumn_whatis_base{
	float: left;
	width: 482px;
	height:730px;
	border:#999 1px solid;
	background:#fff url(../images/main_top_back_whatis.gif) center bottom repeat-x;

}

#top_gallery_base{
	margin: 5px;
	width: 790px;
}

#footer{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 19px;
	clear:both;
	background:#fff url(../images/footer_copy.gif) 50% 50% no-repeat;
}
	#footer a{
		display:block;
		float:left;
	}
	#footer .copy{
		width:261px;
		height:19px;
		margin:0 0 0 160px; 
	}
	#footer .copy span{
		display:none;
		
	}

#print_footer{
	display: none;
}

.clear{
	clear: both;
}

.pagebreaker{
	display: none;
}

.text_level2{
	margin-left: 1em;
}

.text_additional{
	text-align: right;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-top-style: dotted;
}



/*ヘッダの設定
-------------------------------------------------------------*/
#head div#logo_01{
	float: left;
	width: 307px;
}

#head div#logo_02{
	text-align: right;
	padding-top: 30px;
	float: left;
	width: 491px;
}

#head a:hover{
	position: relative;
	top: 0px;
	left: 0px;
}





/*ヘッダメニューの設定
-------------------------------------------------------------*/
#head_menu div{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 6px 10px 6px 10px;
	float: left;
}

#head_menu img{
	float: left;
}

#head_menu a{
	color: #FFFFFF;
	text-decoration: none;
}

#head_menu a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}






/*トップページ上段の設定
-------------------------------------------------------------*/
/*---背景設定---*/
#contentBG{
	background:url(../images/main_top_bg2.gif) 0 0;
	padding:3px 0;
}

/*---左カラム---*/
#top_leftcolumn{
	margin: 0px 5px 0px 0px;
	float: left;
	width: 190px;
}

	/*---注目トピックス---*/
	#top_leftcolumn #moretopicks{
		height:149px;
		width:190px;
		padding:0px;
		margin:0px 0px 5px 0px;
		border:#999 1px solid;
	}

		#top_leftcolumn #moretopicks #moretopicks_scroll{
			padding:0px;
			margin:0px;
			height:126px;
			width:190px;
			overflow: auto;
			background: url(../images/main_top_back_topics.jpg) no-repeat center top;
		}

				#top_leftcolumn #moretopicks_scroll table{
					margin:0px;
					padding:0px ;
					height:100%;
					width:190px;
				}

				#top_leftcolumn #moretopicks_scroll table td{
					margin: 0px;
					padding: 0px;
					vertical-align:middle;
					text-align:center;
				}

				#top_leftcolumn #moretopicks #moretopicks_scroll a{
					text-decoration: none;
					font-size: 14px;
					color: #333333;
					font-weight: bold;
					top: 0px;
					left: 0px;
				}

				#top_leftcolumn #moretopicks #moretopicks_scroll a:hover{
					text-decoration: underline;
					top: 2px;
					left: 2px;
				}

					#top_leftcolumn #moretopicks #moretopicks_scroll a span{
				 		font-size:12px;
						color:#c00;
					}


	/*---トピックス---*/
	#top_leftcolumn_topicks_back_scroll{
		margin: 10px 5px 5px;
		height:552px;
		overflow: auto;
	}
	
		#top_leftcolumn_topicks_back_scroll div,
		#top_leftcolumn #moretopicks_scroll div{
			font-size: 12px;
			line-height: 130%;
			text-align: left;
			margin: 6px 6px 10px 4px;
			padding-left: 16px;
		}
		#top_leftcolumn_topicks_back_scroll div{
			background: url(../images/main_top_ico_topics.gif) 0 0 no-repeat;
		}
		

/*---現在販売中画像（右カラム）---*/
#top_rightcolumn_whatis_base table td{
	width:93px;
	padding:0 0 18px;
	font-size:10px;
	text-align:center;
	vertical-align:top;
}
	#top_rightcolumn_whatis_base table td img{
		border:#999 1px solid;
	}
	#top_rightcolumn_whatis_base table td p{
		background: url(../images/main_top_ico_gallery.gif) 0 1px no-repeat;
		margin:5px 0 0;
		padding:0 7px 0 15px;
		text-align:left;
		text-decoration:underline;
		line-height:1.2em;
	}
		
#top_rightcolumn_scroll{
	width:471px;
	margin:13px auto 0;
	overflow:auto;
	height: 680px;
}

.print_tit{
	display: none;
}

/*---バナーエリア---*/
#banner{
	width:100px;
	height:570px;
	float:right;
	padding:0 2px 0 3px;
/*	background: url(../images/main_top_banner_bg.gif) 0 0;*/
}
	#banner img{
		margin:0 0 5px;
	}




/*トップページ下段の設定
-------------------------------------------------------------*/
#top_gallery_back{
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	width: 788px;
	background-image: url('../images/main_top_back_gallery.gif');
	background-repeat: repeat-x;
	background-position: center top;
}

#top_left_gallery{
	padding-top: 5px;
	padding-left: 5px;
}

#top_left_gallery td img{
	margin-right: 5px;
	margin-bottom: 5px;
}

#top_right_gallery{
	padding-top: 5px;
	padding-left: 5px;
}
#top_right_gallery h3 span{
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	margin-left: 1em;
}

#top_right_gallery td div{
	font-size: 12px;
	line-height: 130%;
	text-align: left;
	margin: 2px 0px;
	padding-left: 16px;
	background: url(../images/main_top_ico_gallery.gif) left center no-repeat;1
}

#top_right_gallery td div span{
	font-size: 11px;
}





/*フッタの設定
-------------------------------------------------------------*/
#footer img{
	margin-right: 4px;
}









/*トップページ以外の設定
-------------------------------------------------------------*/
#head_menu_bottom_01{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 4px 4px 20px;
	background-color: #F08080;
}

#head_menu_bottom_01 a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#head_menu_bottom_01 span{
	font-weight: normal;
}

#main_contents{
	padding: 5px;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
}

#main_contents h2{
	margin-bottom: 1em;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
}

#main_contents td.td_text h3,
#main_contents div.td_text h3{
	margin-top: 2em;
	margin-bottom: 6px;
	padding-left: 20px;
	background: url(../images/main_ico_h3_01.gif) left center no-repeat;
}

#main_contents p{
	font-size: 12px;
	line-height: 160%;
	text-indent: 0em;
	text-align: left;
	margin: 0px 0px 10px 1em;
	padding: 0px;
}

#main_contents p strong,
#main_contents td strong{
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
}

/*---リストスタイル設定---*/
#main_contents .redImg li{
	font-size: 12px;
	margin:0 0 8px 0;
	padding:0 0 0 2em;
	list-style:none;
	background: url(../images/main_li_ico_02.gif) 0 50% no-repeat;
}
#main_contents .blueImg li{
	font-size: 12px;
	margin:0 0 0 1em;
	padding:0 0 0 1em;
	list-style:url(../images/main_li_ico_01.gif) outside;
}

#main_contents form table{
	margin-right: auto;
	margin-left: auto;
}

#main_contents form td.form_parameter{
	font-weight: bold;
	padding-bottom: 6px;
	padding-left: 2em;
}

#main_contents span.must{
	font-size: 10px;
	color: #FF0000;
	font-weight: normal;
	vertical-align: middle;
	padding-left: 4px;
}

#main_contents span.form_element{
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 1em;
	padding: 4px 4px 2px;
	background-color: #f0dacd;
}

#main_contents form td.form_property{
	padding-bottom: 6px;
	padding-left: 1em;
}

#main_contents form td.form_property input{
	vertical-align: middle;
	margin: 2px 0px;
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
}


/*　eセンスカードとは
-------------------------------------------------------------*/
.marginB10{
	margin-bottom:10px;
}
.area{
	width:550px;
	border-collapse:collapse;
	border:#999 1px solid;
}

.area .areaTTL{
	padding:5px;
	background:#8BB9D7;
	color:#fff;
	text-align:left;
}
	.area th{
		padding:6px 5px 5px;
		background:#F2FAFC;
		color:#036;
		border:#999 1px solid;
	}
	.area td{
		padding:8px 8px;
		line-height:1.6em;
		border:#999 1px solid;
	}
		.area td a{
			margin:0 0.5em 0 0;
		}
.bg_sqHead{
	background:url(../images/bg_white_head.jpg) 1em 0 no-repeat;
	padding:10px 0;
}
.bg_sq{
	background:url(../images/bg_white_bottom.jpg) 1em 100% no-repeat;
	width:565spx;
	margin:0 40px 0 10x;
}





/*　通信
-------------------------------------------------------------*/
#order{
	margin:5px;
	width:768px;
}

.application_left{
	float:left;
	width:420px;
}

/*---払込手数料---*/
.application_right{
	float:right;
	width:320px;
	padding:0 10px 0 0;
}
	#main_contents .application_right p{
		color:#333;
		font-size:10px;
		font-weight:bold;
		margin:0 0 3px;
	}
		#main_contents .application_right p span{
			font-weight:normal;
		}
		#main_contents .application_right p span strong{
			font-size:10px;
		}
	.application_right img{
		margin:0 0 10px;
	}
	.application_right table{
		border-collapse:collapse;
		border:#999 1px solid;
		font-size:12px;
		margin:0;
		width:100%;
	}
		.application_right table thead th,
		.application_right table thead td{
			padding:3px 0.5em;
			font-size:10px;
			font-weight:normal;
			border:#999 1px solid;
			background:#C9DAE5;
			color:#036;
		}
		.application_right table thead td{
			width:115px;
		}
		.application_right table th,
		.application_right table td{
			padding:7px;
			text-align:center;
			font-weight:normal;
			border:#999 1px solid;
		}			
/*---期間---*/
.period{
	clear:both;
}
	.period table{
		width:100%;
		margin:0 0 10px;
		font-size:12px;
		border-collapse:collapse;
	}
	.period table thead th{
		padding:5px;
		background:#8BB9D7;
		color:#fff;
	}
	.period table th{
		padding:8px 5px;
		background:#F2FAFC;
		color:#036;
		border:#999 1px solid;
	}
	.period table td{
		padding:5px;
		line-height:1.6em;
		border:#999 1px solid;
		text-align:center;
	}






/*　広告をお考えの方
-------------------------------------------------------------*/
#main_contents .subttl{
	margin-top: 3em;
	margin-bottom: 6px;
	padding-left: 20px;
	background: url(../images/main_ico_h3_01.gif) 0 50% no-repeat;
}
#main_contents .subttlTop{
	margin-top:1em;
	margin-bottom: 6px;
	padding-left: 20px;
	background: url(../images/main_ico_h3_01.gif) 0 50% no-repeat;
}
	#main_contents .sponsorTxt .caution{
		color:#444;
		line-height:1.8em;
		padding:0 0 0 3em;
	}
	#main_contents .sponsorTxt ul{
		margin:0;
	}
	
#main_contents .sponsorImg{
	float:right;
	margin:3em 5px 5px;
	text-align:center;
}
	#main_contents .sponsorImg p{
		margin:0 0 5px;
		text-align:center;
	}
	#main_contents .sponsorImg img{
		display:block;
		margin:0 auto;
	}
	
#main_contents #syukkou {
	color: #cc0000;
	padding: 5px;
	border: thin solid #cc0000;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.sponsor_koukoku {
	margin-left: 10px;
}


/*---広告掲載可能項目---*/
.koumoku{
	width:300px;
	margin:20px 30px 20px 25px;
	background:url(../images/bg_white_s_bottom.jpg) 0 100% no-repeat;
	float:left;
}
	.koumoku h4{
		color:#c30;
		font-weight:bold;
		font-size:12px;
		padding:0 0 10px;
	}
	.koumoku div{
		float:left;
		display:block;
		background:url(../images/bg_white_s_head.jpg) 0 0 no-repeat;
		padding:15px 20px;
		width:260px
	}
		.koumoku div p{
			font-size:12px;
			font-weight:bold;
		}
		.koumoku div ul{
			padding:0 0 0 2em;
		}
#main_contents .koumokuImg{
	width:187px;
	text-align:center;
	margin:1em 0 0;
	float:right;
}
	#main_contents .koumokuImg p{
		text-align:center;
		margin:0 0 10px;
	}
	
/*---詳細---*/
.detail{
	clear:both;
}


/*---郵便局---*/
#table_spec{
	width:770px;
	padding:0 5px 10px;
}
#table_spec .area{
	width:100%;
	border-collapse:collapse;
	border:#999 1px solid;
	font-size:12px;
}

/*---販売情報詳細、クライアント一覧---*/
#table_spec .saleInfo,
#table_spec .clientList{
	width:100%;
	margin:5px 0 0;
	border-collapse:collapse;
	border:#999 1px solid;
	font-size:12px;
}
	#table_spec .saleInfo th,
	#table_spec .saleInfo td,
	#table_spec .clientList th,
	#table_spec .clientList td{
		text-align:left;
		padding:10px 8px;
		border:#999 1px solid;
		line-height:1.5em;
	}

	#table_spec .saleInfo th,
	#table_spec .clientList th{
		background:#C9DAE5;
		color:#036;
		width:130px;
	}
		
		

/*ギャラリー一覧ページの設定
-------------------------------------------------------------*/
#gallery_gallery_list{
	width:768px;
}
.gallery_box{
	margin:0 auto 1em;
	border:#ccc 1px solid;
	background-color: #F9F9F3;
}
.gallery_card{
	width:728px;
	margin:0 auto;
}

	.gallery_card td{
		/*width:93px;*/
		padding:14px 9px;
		font-size:10px;
		text-align:center;
		vertical-align:top;
	}
		.gallery_card td img{
			border:#999 1px solid;
		}
		#gallery_gallery_list .gallery_card td p,
		#gallery_topImg .gallery_card td p{
			background: url(../images/main_top_ico_gallery.gif) 0 1px no-repeat;
			margin:5px 0 0;
			padding:0 7px 0 15px;
			text-align:left;
			text-decoration:underline;
			line-height:1.2em;
			font-size:10px;
		}

.gallery_box h3{
	color:#1A4991;
	padding:15px 0 8px 20px;
	border-bottom:#ccc 1px dotted;
	background:#E5EAEA;
}


/*
#gallery_gallery_list table td table{
	margin-bottom: 0px;
	border-width: 0px;
	border-style: none;
	background-color: #F9F9F3;
}
*/

/*ギャラリーページの設定
-------------------------------------------------------------*/
#gallery h2,
#gallery h3{
	text-align:left;
}
#gallery_list{
	margin: 2em auto 1em;
	width: 758px;
}

#gallery_list table{
	width: 758px;
}

#gallery_list td.gallery_list_image{
	padding: 5px;
	border-width: 1px 0px 1px 1px;
	border-color: #999;
	border-style: solid none solid solid;
	background: #F9F9F3;
}

#gallery_list td.gallery_list_info{
	padding-top: 0 0 10px;
	border-width: 1px 1px 0px 0px;
	border-color: #999;
	border-style: solid solid none none;
	background:#F9F9F3 url(../images/gallery_list_back.gif) 100% 0 no-repeat;
}

#gallery_list td.gallery_list_bottom_01{
	padding: 5px 0px 0;
	border-width: 0px 0px 1px;
	border-color:#999;
	border-style: none none solid;
	background-color: #F9F9F3;
}
	#gallery_list td.gallery_list_bottom_01 div.gallery_list_cardnumber{
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		padding: 8px 0 5px 10px;
		border-top:#ccc 1px dotted;
		background:#E5EFF4;
	}

#gallery_list td.gallery_list_bottom_02{
	padding: 5px 0 0px;
	border-width: 0px 1px 1px 0px;
	border-color: #999;
	border-style: none solid solid none;
	background-color: #F9F9F3;
}
	#gallery_list td.gallery_list_bottom_02 div.gallery_list_date{
		font-size: 12px;
		font-weight: normal;
		text-align: right;
		padding:8px 5px 5px 0;
		border-top:#ccc 1px dotted;
		background:#E5EFF4;
	}

#gallery_list h3{
	font-size: 16px;
	font-weight: bold;
	padding:5px;
	border-bottom:#ccc 1px dotted;
	background:url(../images/gallery_list_back_ttl.gif) 100% 0 no-repeat;
}

#gallery_list div.gallery_list_go2top{
	text-align: right;
	margin-top: 4px;
}

#gallery_list td.gallery_list_image img{
	border-width: 1px;
	border-color: #999;
	border-style: solid;
}

#gallery_list td.gallery_list_info div.gallery_list_company{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
#gallery_list td.gallery_list_info div.gallery_list_company a{
	padding:0 0 0 15px;
	background:url(../images/ico_arw.gif) 0 50% no-repeat;
}

#gallery_list td.gallery_list_info div.gallery_list_text{
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
}