@charset "utf-8";
/* CSS Document */

/*-----------------------------------------
　共通
-------------------------------------------*/

.in_the_box{
	padding:0;
}

.in_the_box10_t{
	padding:10px 0 0 0;
}

.in_the_box10_b{
	padding:0 0 10px 0;
}

.in_the_box5_b{
	padding:0 0 5px 0;
}

.in_the_box10{
	padding:10px 0;
}


h1,h2,h3,p{
	font-size:100%;
	padding:0;
	margin:0;
	line-height:130%;
}

img{
	border:0;
}

ul{
	margin:0;
}

.font12{
	font-size:75%;
}

.font14{
	font-size:88%;
}

.font15{
	font-size:95%;
}

.textRight{
	text-align:right;
}

.textRed{
	color:#FF0000;
}

.pad_5 {
	padding:5px;
}

.pad_10 {
	padding:10px;
}

/*
 whiteLink Color [
------------------------------------------- */


a.whiteLink:link {
    text-decoration:none;
    color:#FFFFFF;
}

a.whiteLink:visited {
    text-decoration:none;
    color:#FFFFFF;
}

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

a.whiteLink:active {
      color:#FFFFFF;
	  text-decoration:none;

}

/*
 deepgreen Link Color [
------------------------------------------- */


a.deep_green:link {
    text-decoration:none;
    color:#2A3F5D;
}

a.deep_green:visited {
    text-decoration:none;
    color:#2A3F5D;
}

a.deep_green:hover {
    text-decoration:underline;
    color:#2A3F5D;
}

a.deep_green:active {
      color:#2A3F5D;
	  text-decoration:none;

}

/*
 blue Link Color [
------------------------------------------- */


a.blue:link {
    text-decoration:none;
    color:#1B64A9;
}

a.blue:visited {
    text-decoration:none;
    color:#1B64A9;
}

a.blue:hover {
    text-decoration:underline;
    color:#1B64A9;
}

a.blue:active {
      color:#1B64A9;
	  text-decoration:none;

}

.kuwashiku{
	  text-decoration:none;
	  cursor:pointer;

}

a.mame_category:link {
    text-decoration:none;
    color:#000000;
}

a.mame_category:visited {
    text-decoration:none;
    color:#000000;
}

a.mame_category:hover {
    text-decoration:none;
    color:#000000;
}

a.mame_category:active {
      color:#000000;
	  text-decoration:none;

}

/*------------------------------------------
 写真部分のcss　           2009/07/09 SAITO
--------------------------------------------*/


.thumbox {
    height:90px;
	margin:10px 10px 5px 10px;
	z-index:10;
	text-align:center;
}

.thumbox .thumpic {
	overflow: hidden; 
	position: relative; 
	width: 126px; 
	height:90px; 
	float:left; 
	margin:0;
	text-align:center;
	vertical-align:middle;
	z-index:10;
}

.thumbox .thumb {
	z-index:10;
}


/*------------------------------------------
  clearfix　　　　2009/06/04 SAITO
--------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*-----------------------------------------
　記事トップ
-------------------------------------------*/
.photoFloat{
	float:left;
	padding:0 15px 8px 0;
}

.photoBorder{
	border:solid 1px #CCCCCC;
	padding:2px;
}

.topKijiTitle{
	font-size:144%;
	font-weight:bold;
	line-height:120%;
}

.KijiText{
	padding:2px 0 2px 5px;
	line-height:130%;
	font-size:13px;
}

.KijiFoot{
	color:#666666;
	font-size:78%;
	z-index:0;
}


/*-----------------------------------------
　裁判員リニューアル menu　2010/03/02　yagi
-------------------------------------------*/

ul#navigation {
    width:675px;
    margin:0;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}

ul#navigation li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
    margin:0;
    padding:0;
}

ul#navigation li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:31px; /*高さ*/
    width:112px; /*横幅*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(images/menu.jpg); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}


ul#navigation li a.top {background-position:0px 0px;width:115px;}
ul#navigation li a.top:hover {background-position:0 -31px;}

ul#navigation li a.ichiran {background-position:-115px 0px;}
ul#navigation li a.ichiran:hover {background-position:-115px -31px;}

ul#navigation li a.rensai_menu {background-position:-227px 0px;}
ul#navigation li a.rensai_menu:hover {background-position:-227px -31px;}

ul#navigation li a.qa_menu {background-position:-339px 0px;}
ul#navigation li a.qa_menu:hover {background-position:-339px -31px;}

ul#navigation li a.mame_menu {background-position:-451px 0px;}
ul#navigation li a.mame_menu:hover {background-position:-451px -31px;}

ul#navigation li a.column {background-position:-563px 0px;}
ul#navigation li a.column:hover {background-position:-563px -31px;}

/*-----------------------------------------
　mame_menu　2010/03/02　yagi
-------------------------------------------*/

ul#mame_blue_menu {
	display:block;
    width:673px;
    margin:0;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
	z-index:200;
}

ul#mame_blue_menu table {
	border-collapse:collapse;
}

ul#mame_blue_menu li {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}

ul#mame_blue_menu li li {
    float:none;
    list-style:none;
	margin:0;
    padding:5px;
	font-size:13px;
	color:#FFF;
	background-color:#356C94;
	left:0;
}

/* a hack for IE5.x and IE6 */
ul#mame_blue_menu li a li {
	float:left;
}

ul#mame_blue_menu li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:27px; /*高さ*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(images/mame_menu.jpg); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#mame_blue_menu li a.nattara {background-position:0px 0px;width:183px;}
ul#mame_blue_menu li a.nattara:hover {background-position:0 -27px;}

ul#mame_blue_menu li a.yougo {background-position:-183px 0px; width:137px;}
ul#mame_blue_menu li a.yougo:hover {background-position:-183px -27px;}

ul#mame_blue_menu li a.sarani {background-position:-320px 0px; width:240px;}
ul#mame_blue_menu li a.sarani:hover {background-position:-320px -27px;}

ul#mame_blue_menu li a.sankou {background-position:-560px 0px; width:113px;}
ul#mame_blue_menu li a.sankou:hover {background-position:-560px -27px;}

ul#mame_blue_menu li li a {
    height:21px;
	line-height:130%;
	float:none;
}

ul#mame_blue_menu li:hover {
	position:relative; z-index:300; background:#356C94;
}

ul#mame_blue_menu a:hover {
	position:relative; z-index:300; text-decoration:none;
}

ul#mame_blue_menu :hover ul {
	left:0; top:26px;
}
/* another hack for IE5.5 and IE6 */
ul#mame_blue_menu a:hover ul {
	left:-10px;
}

ul#mame_blue_menu ul {
	position:absolute; left:-9999px; top:-9999px;
}
/* a hack for IE5.x and IE6 end */

/* it could have been this simple if all browsers understood */
/* show next level */
ul#mame_blue_menu li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
ul#mame_blue_menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
ul#mame_blue_menu li:hover > a {text-decoration:none;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
ul#mame_blue_menu a:hover a:hover ul,
ul#mame_blue_menu a:hover a:hover a:hover ul,
{left:0; top:-1px;}

/* keep further levels hidden */
ul#mame_blue_menu a:hover ul ul,
ul#mame_blue_menu a:hover a:hover ul ul,
{position:absolute; left:-9999px; top:-9999px;}

/*-----------------------------------------
　裁判員リニューアル　共通　2010/03/02　yagi
-------------------------------------------*/


.box_border {
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}

.box_border_color {
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:10px;
    background-color:#F2F3F5;
}

.box_border_qa {
    background:url(images/qa_hatena.jpg) right top no-repeat;
}

#newest_news_id {
    float:left;
    width:455px;
    padding:0 0 5px;
}

#newest_pics_id{
    float:right;
    width:215px;
    padding:0 0 5px;
}

#qa_id{
    float:left;
    width:300px;
    padding:0 5px 5px 0;
}

#mame_id{
    float:right;
    width:370px;
    padding:0 0 5px;
}

#bar_675_id{
    width:675px;
    padding:0
}

#migi_id{
    width:300px;
    padding:0 0 5px;
}

.newest_news {
    background-image:url(images/titlebar_455.jpg);
    color:#FFFFFF;
    font-size:14px;
    padding:4px 4px 0 20px;
    width:431px;
    height:21px;
}

.newest_pics {
    background-image:url(images/titlebar_215.jpg);
    color:#FFFFFF;
    font-size:14px;
    padding:4px 4px 0 20px;
    width:191px;
    height:21px;
}

.bar_300 {
    background-image:url(images/titlebar_300.jpg);
    color:#FFFFFF;
    font-size:14px;
    padding:4px 4px 0 20px;
    width:276px;
    height:21px;
}

.mame {
    background-image:url(images/titlabar_370.jpg);
    color:#FFFFFF;
    font-size:14px;
    padding:4px 4px 0 20px;
    width:346px;
    height:21px;
}

.bar_675 {
    background-image:url(images/titlebar_675.jpg);
    color:#FFFFFF;
    font-size:14px;
    padding:4px 4px 0 20px;
    width:651px;
    height:21px;
}

.topkijibox{
	padding:0 0 5px;
	margin:0 0 5px;
    border-bottom: 1px dotted #CCC;
}	

.font_green{
	color:#335E79;
}

.font_blue{
	color:#1B64A9;
}

.pic_text{
	font-size:14px;
	padding:0 0 0 3px;
}

ul.qa_list{
	width:178px;
	margin:0;
	list-style:none;
}

ul.qa_list li{
	padding:0 0 0 15px;
	margin:0;
	background:url(images/circle.jpg) no-repeat;
	border-bottom: 1px dotted #CCC;
}

li.qa_115{
	width:115px;
}

li.qa_85{
	width:85px;
}

ul.mame_list{
	margin:0;
	list-style:none;
}

ul.mame_list li{
	padding:0 0 0 15px;
	margin:0;
    width:150px;
	float:left;
	background:url(images/circle.jpg) no-repeat;
	border-bottom: 1px dotted #CCC;
}

ul.rensai_list{
	list-style:none;
	margin:0;
}

ul.rensai_list li{
	padding:0 0 0 15px;
	margin:0 0 5px;
	background:url(images/circle.jpg) no-repeat;
}

ul.rensai_list li span.timestamp {
	color:#000000;
	font-size:13px;
}

ul.newest_news_list{
    padding:0;
    margin:0 0 5px;
}

ul.newest_news_list li {
    list-style-position:outside;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    padding-right:170px;
}

ul.newest_news_list li span.timestamp {
	color:#000000;
	font-size:13px;
	position:absolute;
	right:0;
        top:0;
}

.summarybox{
	padding:0 0 5px 10px;
	margin:0 0 10px;
	font-size:14px;
	border-bottom: 1px dotted #CCC;
	line-height:130%;
}

ul.sidelink{
    padding:0;
	margin:0;
	list-style:none;
}

ul.sidelink li{
	padding:0 0 0 15px;
	margin:0;
	background:url(images/circle.jpg) no-repeat  ;
}

/*-----------------------------------------
　裁判員リニューアル 中ページ　2010/03/09　yagi
-------------------------------------------*/

ul.gray_menu{
	padding:0;
	margin:0;
	list-style:none;
	border-right:1px dotted #CCCCCC;
}

ul.gray_menu li {
	padding:3px 0 3px 3px;
	font-size:14px;
	line-height:130%;
}

ul.gray_menu li.gray{
	padding:3px 0 3px 20px;
	background:#F2F3F5 url(images/circle_t.jpg) no-repeat;
	font-size:14px;
}

ul.mame_box{
	margin:0 10px 0 10px;
	list-style:none;
	width:653px;
}

ul.mame_box li {
	padding:5px 0 5px;
	font-size:14px;
	border-bottom: 1px dotted #CCC;
	line-height:130%;
	width:216px;
}

ul.mame_box li.long {
	padding:5px 0 5px;
	font-size:14px;
	border-bottom:1px dotted #CCC;
	line-height:130%;
	width:216px;
	height:51px;
}

.floatL{
	float:left;
}

.floatR{
	float:right;
}

.gray_box{
	padding:4px 3px 0 3px;
	margin:0;
	background:#F2F3F5;
	font-size:13px;
	width:667px;
	height:21px;
	border:none;
}

.gray_box_circle{
	padding:4px 2px 0 20px;
	background:#F2F3F5 url(images/circle_t.jpg) no-repeat;
	font-size:14px;
	width:651px;
	height:21px;
	border:none;
}

a.back_to_top{
	padding:0;
	color:#335E79;
	font-size:13px
}

.summarybox_2{
	padding:3px 10px 12px;
	margin:0;
	width:653px;
	font-size:14px;
	line-height:130%;
}

ol.rensai_box{
	margin:0 10px 13px;
	padding:5px 10px 0;
	width:633px;
    border-top:1px dotted #CCC;
}

ol.rensai_box li {
	padding:0;
	margin:0;
	list-style-type:decimal;
	list-style-position:inside;
	font-size:14px;
}

#rensai_photo{
	margin:5px 10px 5px 0;
	padding:5px;
	border:1px solid #CCCCCC;
	width:200px;
        float:left;
}

#rensai_photo p{
    font-size:12px;
    margin:5px 0 0;
    padding:0;
    width:200px;
    border:none;
}

#rensai_photor{
	margin:5px 10px 5px 0;
	padding:5px;
	border:1px solid #CCCCCC;
	width:200px;
        float:right;
}

.rensai_foot{
    padding:0;
	margin:0;
	float:left;
}

#qa_pic{
	margin:5px 10px 5px 0;
	padding:0;
        float:left;
}

#qa_picr{
	margin:5px 10px 5px 0;
	padding:0;
        float:right;
}

.font_light_green{
	color:#97AECF;
}

.mame_title{
	padding:0 0 5px;
	margin:0 0 10px;
	width:653px;
	font-size:16px;
	border-bottom: 1px dotted #CCC;
	line-height:130%;
}

.ichiran_he{
	padding:8px 0 0;
    float:right;
}