@charset "utf-8";

/*------------------------------
≫共通指定
≫clearfix指定
------------------------------*/


/*---------------------------------------
基本指定
----------------------------------------*/
html{
	color:#222;
	text-align:center;
}
body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:100%;
	/* scroll */
}

a{
	color:#ff6400;
	text-decoration:underline;
}
a:hover{
	color:#FAAC56;
	text-decoration:none;
}
h2{
	background:url(../img/bg_tit01.gif) repeat;
	padding:5px;
	font-size:123%;
	font-weight:bold;
	color:#6D2B46;
	margin-bottom:10px;
	position:relative;
}
h2 span img{
	vertical-align:middle;
}
h2 .link01{
	position:absolute;
	right:5px;
}
h2 .link02{
	margin-left:20px;
}
h3{
	border-left:#6D2B46 5px solid;
	font-size:108%;
	padding-left:5px;
	margin-bottom:5px;
}
/*---------------------------------------
装飾指定
----------------------------------------*/
/*------table------*/
.cell05{ width:5%!important;}
.cell10{ width:10%!important;}
.cell15{ width:15%!important;}
.cell20{ width:20%!important;}
.cell25{ width:25%!important;}
.cell30{ width:30%!important;}
.cell33{ width:33%!important;}
.cell40{ width:40%!important;}
.cell50{ width:50%!important;}
.cell66{ width:66%!important;}
.cellTxtL{ text-align:left;}
.cellTxtR{ text-align:right;}
.cellTxtC{ text-align:center;}
.cellVaT{ vertical-align:top;}
.cellVaM{ vertical-align:middle;}
.cellVaB{ vertical-align:bottom;}
.cellVaT img{ vertical-align:top;}
.cellVaM img{ vertical-align:middle;}
.cellVaB img{ vertical-align:bottom;}
.cellNowrap{ white-space:nowrap;}
/*------form------*/
.inputSize3em{ width:3em; }
.inputSize50{ width:50px; }
.inputSize80{ width:80px; }
.inputSize100{ width:100px; }
.inputSize150{ width:160px; }
.inputSize200{ width:200px; }
.inputSize300{ width:300px; }
.inputSize400{ width:400px; }
.inputSize500{ width:500px; }
.inputSize550{ width:550px; }
.inputSize650{ width:650px; }
.inputSize98{ width:98%; }
.inputSearch01{ width:400px; }
.inputSearch02{ width:350px; }
.inputDate01{ width:4em; }
.inputDate02{ width:2em; }
input{margin-right:5px; padding:2px;}
.inputList01 li{
	margin-right:15px;
	float:left;
}
select{
	overflow:hidden;

}
/*-----margin-----*/
.mgBt05{ margin-bottom:5px; }
.mgBt10{ margin-bottom:10px; }
.mgBt15{ margin-bottom:15px; }
.mgBt20{ margin-bottom:20px; }
.mgBt30{ margin-bottom:30px; }
.mgBt40{ margin-bottom:40px; }
.mgL05{ margin-left:5px; }
.mgL10{ margin-left:10px; }
.mgL20{ margin-left:20px; }
.mgR05{ margin-right:5px; }
.mgR10{ margin-right:10px; }
.mgC05{ margin:0 5px; }
.mgT05{ margin-top:5px;}
.mgT20{ margin-top:20px;}
/*-----text-----*/
.txtAlR{ text-align:right;}
.txtAlL{ text-align:left;}
.txtAlC{ text-align:center;}

.txtSize77{ font-size:77%; }
.txtSize88{font-size:88%;}
.txtSize119{font-size:119%;}
.txtNote01{ color:#C00;}
.txtNote02{ color:#666; font-size:88%;}
.txtCol01{color:#CC0000;}
/*-----アイコンテキスト-----*/
.icoHint01{ 
	background:url(../img/ico_hint01.gif) no-repeat left center;
	height:16px;
	padding-left:20px;
}
/*------課金------*/
.icoKakin01{
	background:url(../img/ico_kakin01.gif) no-repeat left center;
	padding-left:20px;
	min-height:17px;
}
/*------btn------*/
.btnArea01{
	text-align:center;
	padding:2px 0;
	margin:5px 0;
	background:#EDEDED;
}
.btnArea01 img{
	margin:0 10px;
}
.btnArea01 p{
	margin-top:10px;
}
.btnArea02{
	text-align:center;
	margin-top:10px;
}

.btnArea01 p,
.btnArea02 p{
	margin-top:10px;
}
/*------list------*/
.listSty01{
	padding-left:1em;
	margin-bottom:-5px;
}
.listSty01 li{
	list-style-type:decimal;
	margin:0 0 5px 1em;
}
.listSty02{
}
.listSty02 li{
	background:url(../img/ico_dot01.gif) no-repeat left center;
	padding-left:10px;
}
.listSty03{
	margin-bottom:-5px;
}
.listSty03 li{
	background:url(../img/ico_dot02.gif) no-repeat left center;
	margin-bottom:5px;
	padding-left:7px;
}
.btnList01{
	margin:10px 0;
}
.btnList01 li{
	font-size:0;
	line-height:0;
	float:left;
	margin-right:10px;
}
/*------pdf------*/
a.pdf{
	background:url(../img/ico_pdf.gif) no-repeat right center;
	min-height:16px;
	padding-right:20px;
}

/*------box------*/
.conBox01{
	margin-bottom:5px;
}
.line01{
	padding-bottom:10px;
	border-bottom:#CCC 1px dashed;
}
dl.line01{
	margin-bottom:10px;
}
/*------色box------*/
.colBox01{
	padding:30px 0;
	margin:50px 0;
	text-align:center;
	background:#E8FAFF;
	border:#CFF 1px solid;
}
/*------error------*/
.errorBox01{
	padding:30px 10px;
	background:#FFDBDB;
	color:#C00;
	margin:50px 0;
	border:#C00 1px solid;
	font-weight:bold;
}
.errorBox02{
	padding:5px 10px;
	background:#FFDBDB;
	color:#C00;
	margin-bottom:10px;
	border:#C00 1px solid;
	font-weight:bold;
}
/*------スクロールボックス------*/
.scrollBox01{
	overflow:auto;
	height:300px;
	width:648px;
	margin:0 auto 20px auto;
	border:#CCC 1px solid;
	padding:10px;
}
/*---------------------------------------
ヘッダー指定
----------------------------------------*/
#header_l{
	height:75px;
	padding:0;
	background:url(../img/bg_header01.gif) repeat-x top;
	margin-bottom:-100px;
}
#header{
	/*height:100px;*/
	padding:0;
	background:#FFF url(../img/bg_header02.gif) repeat-x top;
	border-bottom:#4F311F 3px double;
	/* scroll */
	width: 100%;
	position: absolute;
	top: 0;
	right: 17px;	/* スクロールバー幅（15～17px程度） */
	z-index: 3;
}
#headerContent{
	max-width:950px;
	min-width:580px;
	_width:950px;
	margin:0 auto;
	text-align:left;
/*	font-size:0;
	line-height:0;*/
	padding:0;
}
#headerContent h1{
	text-align:right;
}
#headerContent #headMenu01{
	float:left;
	width:450px;
}
#headerContent #headMenu01 li{
	float:left;
	margin-right:5px;
}
#headerContent #headMenu02{
	margin-top:2px;
	float:right;
	width:450px;
	text-align:right;
}
#headerContent #headMenu02 li{
	display:inline;
	margin-left:3px;
}
#headerContent #headMenu02 li img{
	vertical-align:middle;
}
#headerContent #headMenu02 li.num{
	font-size:75%!important;
	color:#FA7056;
	font-weight:bold;
/*	background:#FFE8CC;*/
}
#headerContent #headMenu02 li.num img{
	margin-left:5px;
}
#header h2{
	max-width:940px;
	_width:950px;
	margin:5px auto;
	text-align:left;
	padding:5px;
}
/*---------------------------------------
コンテンツ
----------------------------------------*/
/*#wrapper{
	text-align:left;
	height:100%;
	margin:0;
	padding:0;
	height: 100%;
	overflow: auto;
	position: relative;
	z-index: 1;
}

#wrapper #content{
	max-width:900px;
	min-width:580px;
	_width:900px;
	text-align:left;
	margin:0 auto;
	padding:110px 37px 5px 0;
}
*/
#wrapper{text-align:left;}
/*---------------------------------------
ログイン
----------------------------------------*/
/*お知らせ*/
#wrapper #content #newsArea{
	background:#FFEADE;
	padding-bottom:10px;
	margin-bottom:20px;
}
#wrapper #content #newsArea p{
	width:880px;
	margin:0 10px;
}
/*ログインテーブル*/
.loginTbl{
	width:680px;
	margin:0 auto;
	border-top:#FFD9C4 1px solid;
	border-left:#FFD9C4 1px solid;
}
.loginTbl th,
.loginTbl td{
	border-right:#FFD9C4 1px solid;
	border-bottom:#FFD9C4 1px solid;
	padding:5px;
}
.loginTbl th{
	background:#FFEADE;
}
/*---------------------------------------
検索画面
----------------------------------------*/
.termsArea{
	padding:3px 0;
	vertical-align:middle;
	margin-bottom:5px;
	font-size:88%;
}
.termsArea span{
	float:left;
}
.termsArea img {
	float:left;
	width:27px;
	vertical-align:middle;
	margin:-3px 10px 0 0;
}
/**/
.searchBox{
/*	border-top:#CCC 1px dashed;*/
    padding-top: 10px;
}
.searchBox dl dt{
	display:block;
	width:100px;
	float:left;
	border-left:#930 5px solid;
	font-size:108%;
	padding-left:5px;
}
.searchBox dl dd{
	padding-left:120px;
	margin-bottom:10px;
}
.searchBox dl dd .selectArea01 {
	height:130px;
	width:738px;
	overflow:auto;
	border:#ccc 1px solid;
}
.searchBox dl dd .selectArea02 {
	width:738px;
	border:#ccc 1px solid;
}
/*selectLis*/
.searchBox dl dd .selectList01,
.searchBox dl dd .selectList02{
	margin:5px;
}
.searchBox dl dd .selectList02 li{
	display:block;
	width:420px;
	margin:0 10px 5px 0;
	float:left;
}

/**/
.selectAll{
	margin:5px 0;
	padding:0 0 5px 6px;
	border-bottom:#CCC 1px dashed;
}
.bunruiBox{
	padding-top:20px;
}
.bunruiBox dl dt{
	display:block;
	width:150px;
	float:left;
}
.bunruiBox dl dd{
	padding-left:160px;
	margin-bottom:30px;
}
.bunruiBox dl dd.short{
	line-height:2em;
}
/*件名項目*/
.koumokuBox{
}
.koumokuBox dl{
	margin-bottom:-15px;
}
.koumokuBox dl dt{
	border-left:#000 5px solid;
	font-size:108%;
	padding-left:5px;
	margin-bottom:5px;
}
.koumokuBox dl dt .icoHint01{
	font-size:88%;
	padding-left:20px;
	margin-left:20px;
}
.koumokuBox dl dd{
	margin-bottom:20px;
}
.koumokuBox .koumokuBtn01{
	margin:5px 0;
	position:relative;
}
.koumokuBox .koumokuBtn01 .txt{
	padding-right:190px;
}
.koumokuBox .koumokuBtn01 .btn{
	width:180px;
	text-align:right;
	position:absolute;
	right:0;
	top:0;
}
.koumokuBox .koumokuBtn02{
	margin:5px 0;
	position:relative;
}
.koumokuBox .koumokuBtn02 .txt{
	padding-right:90px;
}
.koumokuBox .koumokuBtn02 .btn{
	width:80px;
	text-align:right;
	position:absolute;
	right:0;
	top:0;
}
.koumokuBox .koumokuBtn03{
	margin:5px 0;
	position:relative;
}
.koumokuBox .koumokuBtn03 .txt{
	padding-right:250px;
}
.koumokuBox .koumokuBtn03 .btn{
	width:240px;
	text-align:right;
	position:absolute;
	right:0;
	top:0;
}
.koumokuBox .koumokuBtn04{
	margin:5px 0;
}
.koumokuBox .koumokuBtn04 .txt{
	margin-bottom:5px;
}
.koumokuBox .koumokuBtn04 .btn{
}
/**/
.searchTbl01{
	width:100%;
}
.searchTbl01 th,
.searchTbl01 td{
	padding:3px;
}
.searchTbl01 th{
	width:130px;
	text-align:right;
}

.selectArea01 {
	height:150px;
	width:898px;
	overflow:auto;
	border:#ccc 1px solid;
}
.selectArea02 {
	width:898px;
	border:#ccc 1px solid;
}
.selectArea01 ul,
.selectArea02 ul{
	margin:5px;
}
.selectArea01 ul li,
.selectArea02 ul li{
	display:block;
	float:left;
}
.selectList01 li{
	width:100%;
	margin:0 0 5px 0;
}
.selectList02 li{
	width:420px;
	margin:0 10px 5px 0;
}
.selectList6em li{
	width:135px;
	margin:0 10px 5px 0;
}
.selectList7em li{
	width:165px;
	margin:0 10px 5px 0;
}
.selectList10em li{
	width:165px;
	margin:0 10px 5px 0;
}
.selectList13em li{
	width:210px;
	margin:0 10px 5px 0;
}
/*雑誌名*/
.zasshi img{vertical-align:middle; margin:0 0 0 30px;}

/*参考*/
.referenceArea{
	padding:5px 0;
	border-top:#CCC 1px dashed;
	border-bottom:#CCC 1px dashed;
	margin:10px 0;
}
.referenceArea dl dt{
	padding-left:5px;
	border-left:#000 5px solid;
	margin-bottom:5px;
}

/*------------------
結果選択
----------------- */
.resultSelectArea{
	padding:5px 0 0 0;
	border-top:#CCC 1px dashed;
/*	border-bottom:#CCC 1px dashed;*/
	margin:5px 0;
}
.resultSelectArea .changeNumber{
	margin-right:20px;
}
.resultSelectArea .sortItem{
}
.resultSelectArea ul{
	padding:3px;
	float:left;
}
.resultSelectArea li{
	float: left;
	margin-right: 5px;
}

.resultSelectArea li.tit {
	padding: 3px;
	font-weight:bold;
}

.resultSelectArea li label{
	font-size:93%;
}

.resultSelectArea .displayNumber{
	width:200px;
	text-align:right;
	float:right;
	margin-top:5px;
	font-size:11px;
}
.resultSelectArea .displayNumber span{margin-left:5px;}

/*---------------------------------------
検索結果
----------------------------------------*/
.resultSelectArea .txt01{
	float:left;
	width:650px;
	}
.resultSelectArea .link01{
	float:right;
	width:100px;
}
.searchTbl02{
	width:100%;
	margin-bottom:5px;
}
.searchTbl02 th,
.searchTbl02 td{
	padding:3px;
}
.searchTbl02 th{
	text-align:left;
	background-color:#b0e0e6;
	font-weight:bold;
}
.searchTbl02 td{
	width:39px;
	background-color:#b0e0e6;
}

.searchTbl03{
	width:100%;
	font-size:93%;
	margin-bottom:10px;
}
.searchTbl03 th,
.searchTbl03 td{
	padding:3px;
}
.searchTbl03 th{
	width:70px;
	text-align:left;
	color:#336600;
	font-weight:normal;
	vertical-align:top;
}
.searchTbl03 td{
}
/*索引*/
.imgList01{
	float:left;
	width:500px;
}
.imgList01 li{
	float:left;
	margin-right:5px;
	font-size:0;
	line-height:0;
}
.pager01{
	float:right;
	width:300px;
}
.pager01 li{
	font-size:88%;
	float:left;
	margin-left:20px;
	
}
/*---------------------------------------
複写申込書
----------------------------------------*/
/**/
.addressTbl{
	width:100%;
	border-left:#222 1px solid;
	border-top:#222 1px solid;
}
.addressTbl th,
.addressTbl td{
	border-right:#222 1px solid;
	border-bottom:#222 1px solid;
	padding:5px;
}
.addressTbl th{
	width:20%;
}
/**/
.copyTbl01{
	width:100%;
	border-left:#222 1px solid;
	border-top:#222 1px solid;
	font-size:83%;
	margin-bottom:10px;
}
.copyTbl01 th,
.copyTbl01 td{
	border-right:#222 1px solid;
	border-bottom:#222 1px solid;
	padding:5px;
}
.copyTbl01 th{
	width:20%;
}
/**/
.copyTbl02{
	width:100%;
	margin:0 auto;
	border-top:#FFD9C4 1px solid;
	border-left:#FFD9C4 1px solid;
}
.copyTbl02 th,
.copyTbl02 td{
	border-right:#FFD9C4 1px solid;
	border-bottom:#FFD9C4 1px solid;
	padding:5px;
}
.copyTbl02 th{
	background:#FFEADE;
	width:20%;
}

/*---------------------------------------
ポップアップページ
----------------------------------------*/
div.popup #content,
div.popup #footer #footerContent{
	width:600px!important;
}
div.popup{
}
div.popup h2{
	width:600px;
	margin:10px auto;
}
div.popup #content{
	margin:10px auto 0 auto!important;
	padding:0!important;
}
div.popup #headerPopup{
	background:#FFF url(../img/bg_header03.gif) repeat-x top;
	/*height:40px;*/
	padding:0;
/*	border-bottom:#4F311F 3px double;*/
}
div.popup #headerContent{
	width:600px;
	margin:0 auto;
	text-align:left;
	font-size:0;
	line-height:0;
}
div.popup #headerContent h1{
	text-align:right;
}
div.popup #footer{
	font-size:88%;
}
/*ヘルプページ*/
.pageLink01{
}
.pageLink01 li{
	margin-bottom:15px;
	font-weight:bold;
}
.pageLink01 li a{
	background:url(../img/ico_arrow01.gif) no-repeat left center;
	padding-left:13px;
}
.pageLink01 li ul{
	margin-left:25px;
}
.pageLink02 li{
	margin-bottom:3px;
	font-weight:normal;
	font-size:93%;
}
.pageLink02 li a{
	background:url(../img/ico_arrow04.gif) no-repeat left center;
	padding-left:13px;
}
.pageLink03 {
	margin-bottom:10px;
}
.pageLink03 li{
	margin-bottom:3px;
	font-weight:normal;
	font-size:93%;
}
.pageLink03 li a{
	background:url(../img/ico_dot02.gif) no-repeat left center;
	padding-left:7px;
}
.helpBox h3{
	margin-bottom:10px;
	font-weight:bold;
}
.helpBox h4{
	margin-bottom:10px;
	border-left:#000 3px solid;
	padding-left:5px;
	font-weight:bold;
}
.helpBox h5{
	font-weight:bold;
	margin-bottom:5px;
}
.helpBox{
	padding:30px 0;
	border-bottom:#CCC 1px dashed;
}
.helpBox p{
	margin-bottom:15px;
}
/*ご利用案内*/
.inquiryArea{
	margin:0 auto 20px;
	padding:20px;
	background:#E8FAFF;
	border:#CFF 1px solid;
}

/*pager*/
.popupTop{
	margin:30px auto;
	text-align:right;
	font-size:93%;
}
.popupTop a{
	background:url(../img/ico_arrow02.gif) no-repeat left center;
	padding-left:13px;
	margin-left:30px;
}
.popupTop a.close{
	background:url(../img/ico_close01.gif) no-repeat left center;
	color:#666;
}

/*---------------------------------------
管理画面
----------------------------------------*/

/*お知らせ*/
#wrapper #content .adminArea{
	background:#FFFFCC;
	padding-bottom:10px;
	margin-bottom:20px;
}
#wrapper #content .adminArea ul{
	width:910px;
	margin:20px 20px 0 20px;
}
#wrapper #content .adminArea ul li{
	margin-bottom:20px;
}
#wrapper #content .adminArea ul li a{
	background:url(../img/ico_arrow01.gif) no-repeat left center;
	padding-left:13px;
}

/*---------------------------------------
フッター
----------------------------------------*/
/*pager*/
#pageTop{
	width:950px;
	margin:0 auto 20px auto;
	text-align:right;
	font-size:93%;
}
#pageTop a{
	background:url(../img/ico_arrow02.gif) no-repeat left center;
	padding-left:13px;
}

/*リンク*/
#footLinks{
	padding:15px 0 0 0;
	border-top:#CCC 1px dashed;
	border-bottom:#CCC 1px dashed;
	margin:20px 0;
}
#footLinks dl dt{
	display:block;
	width:200px;
	float:left;
	padding-left:5px;
	border-left:#000 5px solid;
}
#footLinks dl dd{
	padding-left:210px;
	margin-bottom:15px;
}
#footLinks ul{

}
#footLinks ul li{
	float:left;
	width:300px;
	background:url(../img/ico_arrow01.gif) no-repeat left center;
	padding-left:10px;
}
/**/
#footer{
	background:#C4A476;
	padding:10px 0;
}
#footer #footerContent{
	max-width:950px;
	_width:950px;
	min-width:580px;
	margin:0 auto;
	font-size:88%;
	color:#FFF;
	padding-right:17px;
}
#footer #footerContent #copy{
	text-align:right;
	float:right;
}
#footer #footerContent #footerNote{
	float:left;
}
/*---------------------------------------
clearfix
----------------------------------------*/
.conBox01:after,
.termsArea:after,
.inputList01:after,
.selectArea01 ul:after,
.selectArea02 ul:after,
.searchBox dl:after,
.resultSelectArea:after,
.imgList01:after,
.btnList01:after,
.pager01:after,
.zasshi:after,
/*header*/
#headerContent:after,
#headerContent #headMenu01:after,
#headerContent #headMenu02:after,
/*footer*/
#footLinks dl:after,
#footLinks ul:after,
#footer #footerContent:after{
	content: ".";
	display: block;
	visibility: hidden;
	height:auto;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* WinIE4-6用*/
* html .conBox01,
* html .termsArea,
* html .inputList01,
* html .selectArea01 ul,
* html .selectArea02 ul,
* htnk .searchBox dl,
* htnk .resultSelectArea,
* html .imgList01,
* html .btnList01,
* html .pager01,
* html .zasshi,
/*header*/
* html #headerContent,
* html #headerContent #headMenu01,
* html #headerContent #headMenu02,
/*footer*/
* html #footLinks dl,
* html #footLinks ul,
* html #footer #footerContent {
	display: inline-block;
	height: 1%;
}

.conBox01,
.termsArea,
.inputList01,
.selectArea01 ul,
.selectArea02 ul,
.searchBox dl,
.resultSelectArea,
.imgList01,
.btnList01,
.pager01,
.zasshi,
/*header*/
#headerContent,
#headerContent #headMenu01,
#headerContent #headMenu02,
/*footer*/
#footLinks dl,
#footLinks ul,
#footer #footerContent { zoom:1; }