/*------------------------------------------------
共通必須要素
------------------------------------------------*/
body,form,h1,h2 { margin:0; padding:0; }

div#title:after,div#searchbar:after, div#contents:after,div#footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#header span, hr { display:none; }


a:hover { color:#D90000; }
a:active { color:#D90000; }
a:focus { color:#D90000; }

input:hover { background-color:#FFC; }
input:active { background-color:#FFC; }
input:focus { background-color:#FFC; }


/*------------------------------------------------
ヘッダー部分共通
------------------------------------------------*/

#blockskip {
	margin:5px 0 5px 0;
	text-align:center;
	font-size: 0.8em;
}
#header {
	background-image: url(../img/header.jpg);
	background-repeat:repeat-x;
	height:66px;
}

#title { height:66px; }

#logo {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.saibanin.courts.go.jp/common/img/logo.png', sizingMethod='scale');/*IE用png*/
	float: left;
	margin:0;
}

div#title>#logo { background-image:url(../img/logo.png); background-repeat:no-repeat; }

#logo a {
	display:block;
	width:225px;
	height:66px;
	text-decoration:none;
}

/*-------------------
topヘッダーのみ
---------------------*/
#logo_index {
    float:left;
    margin:0px;
	background-image:url(../img/top_logo.gif); background-repeat:no-repeat;}

#logo_index a {
	display:block;
	width:600px;
	height:66px;
	text-decoration:none;
}

/*--------------------
topヘッダーのみ-ここまで
----------------------*/

#court {
	float: right;
	margin-top:35px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.saibanin.courts.go.jp/common/img/court_title.png', sizingMethod='scale');/*IE用png*/
}
div#title>#court { background-image:url(../img/court_title.png);  background-repeat:no-repeat; }
#court a{
	display:block;
	width:100px;
	height:29px;
	text-decoration:none;
}



/*------------------------------------------------
ヘッダーサブ部分共通（検索など）
------------------------------------------------*/
#headborder {
	border-top:1px solid #646464;
	border-bottom:1px solid #646464;
	background-image:url(../img/header_bar.gif);
	background-repeat:repeat-x;
	height:5px;
}

#searchbar {
	background-color:#E7E7E7;
	height:40px;
}

#searchform {
	width:220px;
	height:20px;
	padding:2px;
	color:#333;
	vertical-align:top;
}

#search_bt { vertical-align:top; }
form>input#searchform { margin-bottom:1px; vertical-align:super; }

.header_form_txt { vertical-align:super; }
*html .header_form_txt { vertical-align:sub; }

#chlang, #search { padding:5px; padding-bottom:0; }
#chlang { float:left; }
#search { float:right; }



/*------------------------------------------------
コンテンツ部分共通
------------------------------------------------*/
#contents { width:100%; margin:0px 0; }

#rightcon {
	float:right;
	width:270px;
/*	margin-top:0px; */
    margin:0px;
	padding:0px;
/*	background-color:#FAFAFA; */
}

#leftcon {
	margin-top:5px;
	margin-right:280px;
	padding:0px 10px;
	border-right:3px solid #40B2B3;
}
#pan {
	margin:5px 0;
}
h3 {
	border-bottom:1px dotted #666;
}

#rightcon ul { margin:0; padding:0; }
#bottomlinks { margin:20px 0 0 10px; padding:0; }

.go_ico1,.go_ico2 {
	background-repeat:no-repeat;
	background-position:1px 4px;
	list-style:none;
	text-indent:18px;
}
ul#bottomlinks > li {
	background-position:1px 2px;
}
.go_ico1 { background-image:url(../img/pagetop_ico.gif); }
.go_ico2 { background-image:url(../img/gotop_ico.gif); }


.banner_img { margin:10px 0 0 3px; }

/*------------------------------------------------
右メニュー
------------------------------------------------*/
#menu_r{
list-style-type:none;
margin:0px;
padding:0px;
}

#menu_r .local_menus_1 a{
        font-size:95%;
        font-weight:bold;
        padding:10px 10px 10px 15px ;
        height:1%;
        text-indent:0;
        background-image:url(../img/menu/menu_01.gif);
        border-bottom:1px solid #000000;
		display:block;
		margin:0px;
		text-decoration:none;
}

#menu_r .local_menus_1 a:link { color:#000000; }
#menu_r .local_menus_1 a:visited { color:#000000; }
#menu_r .local_menus_1 a:hover { color:#0000FF; }
#menu_r .local_menus_1 a:active { color:#0000FF; }
#menu_r .local_menus_1 a:focus { color:#0000FF; }


#menu_r .local_menus_2 a{
        font-size:95%;
        font-weight:bold;
        padding:10px 10px 10px 15px ;
        height:1%;
        text-indent:0;
        background-image:url(../img/menu/menu_02.gif);
        border-bottom:1px solid #000000;
		display:block;
		margin:0px;
		text-decoration:none;
}

#menu_r .local_menus_2 a:link { color:#000000; }
#menu_r .local_menus_2 a:visited { color:#000000; }
#menu_r .local_menus_2 a:hover { color:#0000FF; }
#menu_r .local_menus_2 a:active { color:#0000FF; }
#menu_r .local_menus_2 a:focus { color:#0000FF; }


#menu_r .local_menus_3 a{
        font-size:95%;
        font-weight:bold;
        padding:10px 10px 10px 15px ;
        height:1%;
        text-indent:0;
        background-image:url(../img/menu/menu_03.gif);
        border-bottom:1px solid #000000;
		display:block;
		margin:0px;
		text-decoration:none;
}

#menu_r .local_menus_3 a:link { color:#000000; }
#menu_r .local_menus_3 a:visited { color:#000000; }
#menu_r .local_menus_3 a:hover { color:#0000FF; }
#menu_r .local_menus_3 a:active { color:#0000FF; }
#menu_r .local_menus_3 a:focus { color:#0000FF; }


#menu_r .local_menus_4 a{
        font-size:95%;
        font-weight:bold;
        padding:10px 10px 10px 15px ;
        height:1%;
        text-indent:0;
        background-image:url(../img/menu/menu_04.gif);
        border-bottom:1px solid #000000;
		display:block;
		margin:0px;
		text-decoration:none;
}

#menu_r .local_menus_4 a:link { color:#000000; }
#menu_r .local_menus_4 a:visited { color:#000000; }
#menu_r .local_menus_4 a:hover { color:#0000FF; }
#menu_r .local_menus_4 a:active { color:#0000FF; }
#menu_r .local_menus_4 a:focus { color:#0000FF; }


.menu_1 a:link, .menu_1 a:visited {
background-image:url(../img/menu/menu_01.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_1 a:hover, .menu_1 a:active, .menu_1 a:focus {
background-image:url(../img/menu/hover_menu_01.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_2 a:link, .menu_2 a:visited {
background-image:url(../img/menu/menu_02.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_2 a:hover, .menu_2 a:active, .menu_2 a:focus {
background-image:url(../img/menu/hover_menu_02.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_3 a:link, .menu_3 a:visited {
background-image:url(../img/menu/menu_03.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_3 a:hover, .menu_3 a:active, .menu_3 a:focus {
background-image:url(../img/menu/hover_menu_03.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_4 a:link, .menu_4 a:visited {
background-image:url(../img/menu/menu_04.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_4 a:hover, .menu_4 a:active, .menu_4 a:focus {
background-image:url(../img/menu/hover_menu_04.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_5 a:link, .menu_5 a:visited {
background-image:url(../img/menu/menu_05.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_5 a:hover, .menu_5 a:active, .menu_5 a:focus {
background-image:url(../img/menu/hover_menu_05.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_6 a:link, .menu_6 a:visited {
background-image:url(../img/menu/menu_06.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_6 a:hover, .menu_6 a:active, .menu_6 a:focus {
background-image:url(../img/menu/hover_menu_06.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_7 a:link, .menu_7 a:visited {
background-image:url(../img/menu/menu_07.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_7 a:hover, .menu_7 a:active, .menu_7 a:focus {
background-image:url(../img/menu/hover_menu_07.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_8 a:link, .menu_8 a:visited {
background-image:url(../img/menu/menu_08.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_8 a:hover, .menu_8 a:active, .menu_8 a:focus {
background-image:url(../img/menu/hover_menu_08.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_9 a:link, .menu_9 a:visited {
background-image:url(../img/menu/menu_09.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_9 a:hover, .menu_9 a:active, .menu_9 a:focus {
background-image:url(../img/menu/hover_menu_09.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_10 a:link, .menu_10 a:visited {
background-image:url(../img/menu/menu_10.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_10 a:hover, .menu_10 a:active, .menu_10 a:focus {
background-image:url(../img/menu/hover_menu_10.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_11 a:link, .menu_11 a:visited {
background-image:url(../img/menu/menu_11.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_11 a:hover, .menu_11 a:active, .menu_11 a:focus {
background-image:url(../img/menu/hover_menu_11.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_12 a:link, .menu_12 a:visited {
background-image:url(../img/menu/menu_12.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_12 a:hover, .menu_12 a:active, .menu_12 a:focus {
background-image:url(../img/menu/hover_menu_12.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_13 a:link, .menu_13 a:visited {
background-image:url(../img/menu/menu_13.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_13 a:hover, .menu_13 a:active, .menu_13 a:focus {
background-image:url(../img/menu/hover_menu_13.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_14 a:link, .menu_14 a:visited {
background-image:url(../img/menu/menu_14.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_14 a:hover, .menu_14 a:active, .menu_14 a:focus {
background-image:url(../img/menu/hover_menu_14.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_15 a:link, .menu_15 a:visited {
background-image:url(../img/menu/menu_15.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_15 a:hover, .menu_15 a:active, .menu_15 a:focus {
background-image:url(../img/menu/hover_menu_15.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

.menu_16 a:link, .menu_16 a:visited {
background-image:url(../img/menu/menu_16.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}
.menu_16 a:hover, .menu_16 a:active, .menu_16 a:focus {
background-image:url(../img/menu/hover_menu_16.jpg);
text-indent:-9999px;
width:260px;
height:40px;
display:block;
background-repeat: no-repeat;
}

/*------------------------------------------------
フッター部分共通
------------------------------------------------*/
#footer {
	border-top:10px solid #E7E7E7;
	padding:5px;
	font-size:16px;
}

#sublink { float:left; }

ul#sublink { margin:0; padding:0; }
ul#sublink li {
	display:inline;
	float:left;
	margin-left:10px;
}

#copyrights {
	float:right;
	text-align:right;
	margin:0;
}


/*------------------------------------------------
その他共通
------------------------------------------------*/
.clears { clear:both; }
.subcon_left { float:left; margin-right:20px; }
.subcon_right { margin-top:150px; text-align:center; float:right; }
.des_waku { border:1px solid #DDD; padding:5px; }
.des_waku_select { border:1px solid #DDD; padding:10px; background-color:#FFC; width:70%; margin:3px auto; }
.select { border:none; margin:10px 0; }
.select_yaji { text-align:center; }
th {background-color:#CCCCCC;}
.h4_waku { border-bottom:1px solid #6C9; border-left:10px solid #6C9; padding:5px; }



/*------------------------------------------------
table_border修正用_20120823
------------------------------------------------*/
td.none_right_border{
border-right:none
}
td.none_left_right_border{
border-left:none;border-right:none
}
td.none_left_border{
border-left:none
}

/*------------------------------------------------
vibit追加20140613
------------------------------------------------*/
/*------------------------------------------------
ボーダー無H4
------------------------------------------------*/
h4.no_border{
border:none;
}
/*------------------------------------------------
資料ページライン
------------------------------------------------*/
.line_dotted {
border-bottom:2px #cccccc dotted;
}

/*------------------------------------------------
PDFマーク付きリストパーツ
------------------------------------------------*/
ul.pdf{list-style-type:none; margin-left:15px; padding-left:0}
ul.pdf li img{margin-right:5px;}
/*------------------------------------------------
メルマガページ
------------------------------------------------*/
ul.magaginpage{max-width:640px; list-style-type:none; padding-left:0}
ul.magaginpage li{float:left; width:33%}

/*------------------------------------------------
左画像+PDFマーク+テキスト
------------------------------------------------*/
.zentai {
    width:98%;
	overflow:auto;
	margin-bottom:10px;}
.side_font{
	margin-top:0px;}

img.disp_r{
	float:right;
	margin-right:10px;
	margin-left:15px;
}

img.disp_l{
	float:left;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:10px;
	margin-left:10px;
}

.clear_photo{
    clear:both;
}

/*------------------------------------------------
裁判員の選ばれ方ページ
------------------------------------------------*/
h3.org {
color:#FF6600;
border:none;
}
h3.white{
	color:#000;
	text-align:center;
	border:none;
	margin-top:1em;
	margin-bottom:1em;
}
div.water{
background-color:#66CCFF;
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #66CCFF;
}
div.pink{
background-color:#FF99CC;
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #FF99CC;
}
div.green{
background-color:#99CC00;
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #99CC00;
}
div.orange{
background-color:#FF9900;
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #FF9900;
}
div.blue_l{
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #0000FF;
text-align:center;
}
div.line1{
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #66CCFF;
}
div.line2{
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #FF99CC;
}
div.line3{
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #99CC00;
}
div.line4{
width:75%;
margin-left:auto;
margin-right:auto;
border:1px solid #FF9900;
}
p.cen{
text-align:center;
}
div.lg{
width:98%;
border:1px solid #99CC00;
}
.green{
color:#99CC00;
}
div.dot_b{
width:98%;
border:1px dashed #3366FF;
}
h4.noline{
border:none;
}

div.lp{
width:98%;
border:1px solid #FF99CC;
}
.pink{
color:#FF99CC;
}

/*------------------------------------------------
P枠
------------------------------------------------*/
.pwaku{padding:5px; margin:0; border:1px solid #333333;}


/*------------------------------------------------
clearfix
------------------------------------------------*/
.clearfix:before,
.clearfix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after{
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix{
  zoom: 1;
}


/*------------------------------------------------
調節
------------------------------------------------*/
.mt0{
margin-top:0}
.mt30{
margin-top:30px}

.m5{
margin:5px;}
.p0{
padding:0;
}
.m10{
margin:10px;}
.ml5{
margin-left:5px;}
.ml20{
margin-left:20px;}
.p5
{padding:5px;
}
.pl5
{padding-left:5px;
}
.pr5
{padding-right:5px;
}
.pr10{
padding-right:10px;}

.pl10{
padding-left:10px;}

.fl{
float:left}
.fr{
float:right}

.tar{
text-align:right;}

/*------------------------------------------------
テーブル
------------------------------------------------*/
.table01top{
border:1px solid;}
.table01cont td{padding:0 3px;}
.table01cont{
border-bottom:1px solid;border-left:1px solid;border-right:1px solid; }
.table01cont ul{
margin:0; padding:0}
.table01cont li{
float:left; padding:16px 10px 16px 0; list-style-type:none;}

.border_right{
border-right:1px solid}
.border_left{
border-left:1px solid}


/*------------------------------------------------
テーブル
------------------------------------------------*/
.yokoli li a{
display: inline-block;
margin-right:5px;}

/*------------------------------------------------
動画ページ
------------------------------------------------*/
	img#video {
/*		display: block; */
		float: left;
	}

	p#video {
		color: white;
	}

	a#video {
		top: 50px;
	}
	.yokohaba {
        width:98%;
		overflow:auto;
    }
	.subcon_left{
	margin-bottom:15px;
	#margin-bottom:5px;
	}