@charset "Shift_JIS";

@import url("thickbox.css");


/* ページ全体の基本レイアウト
---------------------------------------------------- */
body {
	margin:0;
	padding:0;
	font-size:12px;
	background:url(../img/body_bg.gif);
	font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	/*background:#60B5E6 url(../img/body_bg.jpg) repeat-x ;*/
}

#container {
	margin:20px auto;
	padding:0;
	width:790px;
	color:#333;

}
#header {
	margin:0;
	width:790px;
	height: 106px;
	background:url(../img/control_head.gif) no-repeat;
	position:relative;
}
#content {
	margin:0;
	padding:0 20px 0 20px;
	background:url(../img/control_content_bg.gif) repeat-y;
	width: 750px;
}
#content-inner {
	margin:0;
}
#maincol {
	float:left;
	width:530px;
}
#rightcol {
	float:right;
	width:200px;
	margin:0;
	padding:0;

}
#content hr {
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
	border: none;
}	
#footer {
	margin:0;
	width: 790px;
	height:61px;
	background:url(../img/control_foot.gif) no-repeat;
	position:relative;
}

img {
	margin:0;
	padding:0;
	border:0;
}
p {
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}
.red {
	color:#FF0000;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

.txt10{
	font-size:10px;
}
.txt16{
	font-size:16px;
}
.txt18{
	font-size:18px;
}
.number{
	color:#FF0000;
	font-weight:bold;
}

.pagenavi{
	text-align:center;
	padding:10px;
}

.white {
	color:#FFFFFF;

}


/* リンク
---------------------------------------------------- */
a:link {
	color:#0000FF;
	text-decoration:none;
}
a:visited {
	color:#0000FF;
	text-decoration:none;	
}
a:hover {
	color:#0099FF;
	text-decoration:underline;	
}

/* ヘッダ
---------------------------------------------------- */

#header #logo img{
	position:absolute;
	top:  20px;
	left: 20px;
	border: none;
}
#header #check img{
	position:absolute;
	top:  20px;
	right: 20px;
	border: none;
}

/* メイン
---------------------------------------------------- */
#maincol p{
	padding:0 10px;
	line-height:1.5;
}

#maincol p.txt_box{
	margin:15px 10px 0 10px;
	border:1px #666666 solid;
	padding:10px;
	background:#EEEEEE;
}

#maincol .pcRec{
	float:left;
	width:200px;
	padding:10px 0 0 10px;
}

#maincol .pcRec h5{
	padding:0 0 10px 0;
}

#maincol .pcRec ul{
	width:200px;
	margin:0;
	padding:0;
	list-style:none;
}

#maincol #menu p{
	padding:15px 10px 0 10px;
	line-height:1.5;
}
#maincol b{
	color:#FF6600;
}
#maincol #bar{
	margin:0 0 10px 0;
	padding:8px 0 7px 20px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../img/control_bar.gif) no-repeat;	
}




#maincol #new{
	margin:0 10px 10px 10px;
	padding:0 0 0 40px;
	height:75px;
	background:url(../img/control_img_new.gif) no-repeat #EEEEEE;	
}

#maincol #new .textarea{
	line-height:160%;
	float:left;
	margin:20px 0 0 0;
	width:250px;
}

#maincol #new .btnarea{
	float:right;
	margin:20px 5px 0 0;	
	width:166px;
}

#maincol #new .btn a{
	text-indent:-9999px;
	width:162px;
	height:41px;
	margin:0;
	padding:0;
	background:url(../img/control_btn.gif) no-repeat;
	display:block;
}

#maincol #new .btn a:hover{
	background:url(../img/control_btn_mo.gif) no-repeat;
}



#maincol #menu{
	margin:0 10px 10px 10px;
	padding:0 0 0 40px;
	height:95px;
	background:url(../img/control_img_menu.gif) no-repeat #EEEEEE;	
}

#maincol #menu .textarea{
	line-height:160%;
	float:left;
	margin:30px 0 0 0;
	width:300px;
}

#maincol #menu .btnarea{
	float:right;
	margin:12px 5px 0 0;	
	width:150px;
}

#maincol .btn1 a{
	text-indent:-9999px;
	width:146px;
	height:31px;
	margin:0;
	padding:0;
	background:url(../img/control_btn1.gif) no-repeat;
	display:block;
}

#maincol .btn1 a:hover{
	background:url(../img/control_btn1_mo.gif) no-repeat;
}

#maincol .btn2 a{
	text-indent:-9999px;
	width:146px;
	height:31px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../img/control_btn2.gif) no-repeat;
	display:block;
}

#maincol .btn2 a:hover{
	background:url(../img/control_btn2_mo.gif) no-repeat;
}


#maincol form{
	margin:0;
	padding:0;
}
#search_num{
	margin:10px;
	padding:10px 0 10px 70px;
	background:url(../img/control_img1.gif) no-repeat;	
}
#search_area{
	margin:10px;
	padding:10px 0 10px 70px;
	background:url(../img/control_img2.gif) no-repeat;	
}
#search_cate{
	margin:10px;
	padding:20px 0 20px 70px;
	background:url(../img/control_img3.gif) no-repeat;	
}


div.pagenavi{
	margin:20px 0 0 0;
}

div.pagenavi ol{
	margin:0;
	padding:0 0 10px 0;
	list-style:none;	
}
div.pagenavi ol li{
	display:inline;
	margin:0 5px;
}
div.pagenavi ol li.start {
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	height:16px;
	width:40px;
	padding:2px 5px 2px 12px;
	background:url(../img/icon_start.gif) 3px 3px no-repeat;
}
div.pagenavi ol li.end {
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	height:16px;
	width:40px;
	padding:2px 12px 2px 5px;
	background:url(../img/icon_end.gif) 32px 3px no-repeat;
}
div.pagenavi ol li a{
	border:1px solid #CCCCCC;
	height:16px;
	width:18px;
	padding:2px 5px;

}
div.pagenavi ol li.prev a{
	width:40px;
	padding:2px 5px 2px 12px;
	background:url(../img/icon_prev.gif) 3px 3px no-repeat;
}
div.pagenavi ol li.prev a:hover{
	background:url(../img/icon_prev_on.gif) 3px 3px #0000FF no-repeat;
}
div.pagenavi ol li.next a{
	width:40px;
	padding:2px 12px 2px 5px;
	background:url(../img/icon_next.gif) 32px 3px no-repeat;
}
div.pagenavi ol li.next a:hover{
	background:url(../img/icon_next_on.gif) 32px 3px #0000FF no-repeat;
}
div.pagenavi ol li a:hover{
	background:#0000FF;
	color:#FFFFFF;
}
div.pagenavi ol li strong{
	border:1px solid #CCCCCC;
	background:#0000FF;
	color:#FFFFFF;
	height:16px;
	width:18px;
	padding:2px 0 0 0;
	display:block;	
}
div.pagenavi ol li.now{
	border:1px solid #CCCCCC;
	height:16px;
	width:18px;
	padding:2px 5px;
	background:#0000FF;
	color:#FFFFFF;
}

/* サイド(right)
---------------------------------------------------- */

#rightcol #sidebar{
	margin:0;
	padding:0.6em 0 0.5em 20px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../img/control_sidebar.gif) no-repeat;	
}

#rightcol #menubox{
	padding:6px 0 0 15px;
}

#rightcol ul {
  margin: 0;
  padding: 0 0 1em 0;
  list-style: none;
}
#rightcol li {
  margin: 0;
  padding: 0 0 0 15px;
  line-height: 1.7;
  color: #333;
  background: url(../img/control_icon.gif) no-repeat 0 0.5em;
}

/* フッタ
---------------------------------------------------- */
#footer .copy{
	position:absolute;
	top:41px;
	right:15px;
}

#footer .by{
	position:absolute;
	top:39px;
	left:15px;	
}

#footer .by a{
	width:128px;
	height:9px;
	text-indent:-9999px;
	display:block;
	background: url(../img/by_cw.gif) no-repeat;
}



/* フォーム
---------------------------------------------------- */

textarea {
	width:365px;
	font-size:12px;
}

.defalt {
	width:380px;
}

.defalt1 {
	width:300px;
}

/* リスト
---------------------------------------------------- */

.line{
	background:url(../img/line_dot.gif) repeat-x center;
}

.icon3{
	padding:0 0 0 15px;
	background:url(../img/icon3.gif) no-repeat left center;
}

/* Table
---------------------------------------------------- */

table.tbl {
	font-size:12px;
	border-left:1px solid #CCCCCC;
	border-spacing:0pt;
	border-top:1px solid #CCCCCC;
}

table.tbl th{
	padding:8px 2px 8px 2px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
	padding:10px;
	text-align:left;
	width:85px;
}

table.tbl td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	padding:5px;
	width:425px;
}

table.tbl td ul{
	margin:0;
	padding:0;
	list-style:none;
}

table.tbl td li{
	display:block;
	width:130px;
	padding:0 0 2px 0;
	float:left;
}

table.tbl td li.wide{width:180px;}
table.tbl td li.wideL{width:300px;}

table.tbl th{
	background:url(../img/bg1.gif);
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
}
table.tbl td label{
	margin:0;
	padding:0 0 0 5px;
	cursor:pointer;
}

table.tblStripe {
	font-size:12px;
	border-left:1px solid #CCCCCC;
	border-spacing:0pt;
	border-top:1px solid #CCCCCC;
}

table.tblStripe th{
	padding:8px 2px 8px 2px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
	padding:10px;
	text-align:left;
	width:120px;
}

table.tblStripe td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	padding:5px;
	width:390px;
}

table.tblStripe td ul{
	margin:0;
	padding:0;
	list-style:none;
}
table.tblStripe td li{
	display:block;
	width:123px;
	padding:0 0 2px 0;
	float:left;
}
table.tblStripe td input{
	margin:0;
	padding:2px;
}

table.tblStripe td label{
	margin:0;
	padding:0 0 0 5px;
	cursor:pointer;
}
table.tblStripe  tr.even th {
	background: #EFF3F4;
}
table.tblStripe  tr.even td {
/*	background: #EFF3F4;*/
}

table.tblStripe  tr.over th {
	background: #C4D4E2;
}
table.tblStripe  tr.over td {
	background: #C4D4E2;
}


table.tblStripe tr#bg1 td{
	background:url(../img/bg1.gif);
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	width:100%;
}

table.None {
	font-size:12px;
	border-spacing:0pt;
}
table.tblStripe td table.None td{
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:none;
	padding:2px;
	background:none;
}
.tblRow{
	margin:5px 0 0 0;
}
table.tblStripe b{
	color:#FF0000;
	margin:0;
	padding:0;
}

.photoBrdr{
	border:#efefef 1px solid;
	width:78px;
	height:58px;
	background:#FFFFFF;
}

.icon_search a{
	display:inline;
	padding:5px 0 7px 25px;
	margin:0 0 0 auto;
	line-height:30px;
	background:url(../img/icon_search.gif) 0 0 no-repeat;
	text-align:right;
}

#sch_win{
	display:none;
}

table.tblthick {
	font-size:12px;
	border-left:1px solid #CCCCCC;
	border-spacing:0pt;
	border-top:1px solid #CCCCCC;
}

table.tblthick th{
	padding:8px 2px 8px 2px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
	padding:10px;
	text-align:left;
	width:100px;
}

table.tblthick td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	padding:5px;

}

table.tblthick td ul{
	margin:0;
	padding:0;
	list-style:none;
	width:570px;
}

table.tblthick td li{
	display:block;
	width:140px;
	padding:0;
	float:left;
}
table td li.wnone{
	width:185px;
}
table.tblthick th{
	background:url(../img/bg1.gif);
	font-size:10px;
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;
}
table.tblthick td label{
	margin:0;
	padding:0 0 0 5px;
	cursor:pointer;
}