/* CSS Document */



img {
	border: none;
	vertical-align:bottom;
	}

.red_txt{color:#FF0000;}
.blue_txt{color:#0066FF;}
.green_txt{color:#009900;}

.txt_bold{color:#000000;font-weight:bold;}
.red_bold{color:#FF0000;font-weight:bold;}
.blue_bold{color:#0066FF;font-weight:bold;}
.green_bold{color:#009900;font-weight:bold;}


/* -----------　ヘッダー　--------------------
　　--------------------------------------- */

.header{
	width:800px;
	height:119px;
}
.header h1{

}

.header h1 a{
	text-indent: -9999px;
	display: block;
	background-image: url(https://www.m-road.co.jp/ig/top_copy.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:800px;height:20px;
	outline:0px;
}


.header_side h2{
	float:left;
}

.header_side h2 a{
	text-indent: -9999px;
	display: block;
	background-image: url(https://www.m-road.co.jp/ig/toptitle_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:450px;height:60px;
	outline:0px;
}



.header_side .h_left{
	float:left;
	text-indent: -9999px;
	display: block;
	background-image: url(https://www.m-road.co.jp/ig/toptitle_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:221px;height:60px;
	outline:0px;
}


.header_side .h_right{
float:right;
}
.header_side .h_right a{
	text-indent: -9999px;
	display: block;
	background-image: url(https://www.m-road.co.jp/ig/c/toi_12960.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:129px;height:60px;
	outline:0px;


}
.header_side .h_right a:hover{
		background-position: left bottom;
}

.navigations{
	width:800px;height:39px;
}
.navigations li{
	list-style:none;
	float:left;
}

.navigations li a{
	text-indent: -9999px;
	display: block;

	background-repeat: no-repeat;
	background-position: left top;
	height:39px;
	outline:0px;	
	}
	
	
.navigations li.navi01 a{	
	width:76px;
	background-image: url(https://www.m-road.co.jp/ig/header/n/navi_01.jpg);	
	}
.navigations li.navi02 a{	
	width:98px;
	background-image: url(https://www.m-road.co.jp/ig/header/n/navi_02.jpg);	
	}
.navigations li.navi03 a{	
	width:140px;
	background-image: url(https://www.m-road.co.jp/ig/header/n/navi_03.jpg);	
	}
.navigations li.navi04 a{	
	width:161px;
	background-image: url(https://www.m-road.co.jp/ig/header/n/navi_04.jpg);	
	}
.navigations li.navi05 a{	
	width:141px;
	background-image: url(https://www.m-road.co.jp/ig/header/n/navi_05.jpg);	
	}
.navigations li.navi06 a{	
	width:92px;
	background-image: url(https://www.m-road.co.jp/ig/header/n/navi_06.jpg);	
	}
.navigations li.navi07 a{	
	width:92px;
	background-image: url(https://www.m-road.co.jp/ig/header/n/navi_08.jpg);	
	}	
			
.navigations  a:hover{
		background-position: left bottom;
}

  /* ナビゲーション */
#container .header .navigation{
margin:auto;
padding: 0px;
clear:both;
}
#container .header .navigation ul {
list-style: none;
margin:auto;
padding: 0px;
clear:both;
}
#container .header .navigation ul li {
height:39px;
float:left;
margin:auto;
padding: 0px;

}

/* -----------　フッター　--------------------
　　--------------------------------------- */

#container #footer{
width:800px;height:120px;
background-image:url(https://www.m-road.co.jp/ig/bottom_800120.jpg);
background-position:center bottom;
background-repeat:no-repeat;
text-align:center;
margin: auto;
padding: 0px 0px 0px 0px;
color:#D79E9F;
clear: both;
}

#container #footer a:link {  color:#D79E9F; text-decoration: underline}
#container #footer a:visited {  color:#D79E9F; text-decoration: underline}
#container #footer a:hover {  color:#FFFFFF; text-decoration: none}
#container #footer a:active {  color:#FFFFFF; text-decoration: none}


#container #footer #bottombox_01{
padding: 25px 0px 0px 0px;
line-height:1.4;
font-size:13px;
clear: both;
}

/* -----------　ボディ　--------------------
　　--------------------------------------- */

  /* トップページ　オンリー */

.topbox{
width:800px;height:275px;
background-image:url(https://www.m-road.co.jp/ig/main.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:auto;
padding: 0px 0px 5px 0px;
float:left;

}

.topbox .marriage_story{
	list-style:none;
	float:right;
	width:185px;
	}


.topbox01{
width:800px;height:275px;
background-image:url(https://www.m-road.co.jp/ig/main01.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:auto;
padding: 0px 0px 5px 0px;
float:left;

}

.topbox01 .marriage_story{
	list-style:none;
	float:right;
	width:185px;
	}

.marriage_story .marriage_story_01{
	
	}

.marriage_story .marriage_story_02{
width:185px;height:52px;
background-image:url(https://www.m-road.co.jp/ig/c/out/topside/marriage_story02.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:auto;
padding: 0px 0px 0px 0px;
clear:both;

	}
.marriage_story .marriage_story_02 p{
	padding:5px 3px 5px 10px;
	text-align:left;
	display:block;
	}



.marriage_story_02 p a:link {  color:#9F0408; text-decoration: underline; font-weight:bold;}
.marriage_story_02 p a:visited {  color:#9F0408; text-decoration: underline; font-weight:bold;}
.marriage_story_02 p a:hover {  color:#9F0408; text-decoration: none; font-weight:bold;}
.marriage_story_02 p a:active {  color:#9F0408; text-decoration: none; font-weight:bold;}

.marriage_story .marriage_story_02 p span a{
	padding:2px 3px 0px 3px;
	text-align:right;
	
}


.top_party_banners a{
	text-indent: -9999px;
	display: block;
	background-image: url(https://www.m-road.co.jp/ig/party/hearthul/heartful_top_soon.jpg);
	width:185px;
	background-repeat: no-repeat;
	background-position: left top;
	height:100px;
	outline:0px;	
	}



.top_party_banners a:hover{
		background-position: left bottom;	
	}

























  /* 小説誘導バナー */


.blog_novel{
float:right;
width:185px;height:275px;
margin:auto;
padding: 0px 0px 0px 0px;
list-style-type:none;
vertical-align:bottom;
text-align:left;
clear:both;
}

.blog_novel_02{
margin:0px; padding:0px; border:0px; 
vertical-align:top;
background-image:url(https://www.m-road.co.jp/ig/blog_novel02.jpg);
background-position:center top;
height:17px;
padding: 8px 0px 0px 12px;
}
.blog_novel_02 p{
background-image:url(https://www.m-road.co.jp/ig/blog_novelp.gif);
background-position:left center;
background-repeat:no-repeat;
padding: 0px 0px 0px 6px;
font-size:15px;
}

.blog_novel_022{
margin:0px; padding:0px; border:0px;
background-image:url(https://www.m-road.co.jp/ig/blog_novel022.jpg);
background-position:center top; 
vertical-align:top;
height:29px;
padding: 5px 0px 0px 12px;
}

.blog_novel_022 p{
padding: 0px 0px 0px 6px;
}


.blog_novel_03{
margin:0px; padding:0px; border:0px; 
vertical-align:top;
background-image:url(https://www.m-road.co.jp/ig/blog_novel03.jpg);
background-position:center top;
height:37px;
padding: 6px 0px 0px 12px;

font-size:13px;
line-height:1.1;
}


.blog_novel_03 a{
background-image:url(https://www.m-road.co.jp/ig/blog_novelp.gif);
background-position:left center;
background-repeat:no-repeat;
padding: 0px 0px 0px 6px;

}


.blog_novel_04{
margin:0px; padding:0px; border:0px; 
vertical-align:top;
background-image:url(https://www.m-road.co.jp/ig/blog_novel04.jpg);
background-position:center top;
height:39px;
padding: 6px 0px 0px 12px;
font-size:13px;
line-height:1.1;
}

.blog_novel_04 a{
background-image:url(https://www.m-road.co.jp/ig/blog_novelp.gif);
background-position:left center;
background-repeat:no-repeat;
padding: 0px 0px 0px 6px;
}


.blog_novel a:link {  color:#AA050A; text-decoration: underline}
.blog_novel a:visited {  color:#AA050A; text-decoration: underline}
.blog_novel a:hover {  color:#DE5A6B; text-decoration: none}
.blog_novel a:active {  color:#DE5A6B; text-decoration: none}



/* 新バナー用 */

.blog_novel01_01{
width:185px;
height:141px;
vertical-align:bottom;
	}


.blog_novel01_01 a{
background-image: url(https://www.m-road.co.jp/ig/blog-novel/sb01.gif);
background-repeat:no-repeat;
background-position:center top;
display: block;
width:185px;
height:141px;
clear:both;
vertical-align:bottom;
	}
.blog_novel01_02{
width:185px; height:0 !important;
height /**/:37px;
overflow:hidden;
background-image: url(https://www.m-road.co.jp/ig/blog-novel/sb02.gif);
background-repeat:no-repeat;
background-position: center top;
padding-top: 37px;
clear:both;
vertical-align:bottom;
	}
.blog_novel01_03{
background-image: url(https://www.m-road.co.jp/ig/blog-novel/sb06.gif);
background-repeat:no-repeat;
background-position:center top;
display: block;
width:185px;
height:97px;
clear:both;
vertical-align:bottom;
}


.blog_novel01_new{
	padding: 2px 3px 0px;
	font-size:13px;
	font-weight:bold;
	margin-left:15px;

	text-align:left;
	}
.blog_novel01_new a{
	text-align:left;}

.blog_novel01_newc{
	padding: 0px 0px 0px 8px;
	font-size:10px;
	margin-top:2px;
	margin-left:20px;

	text-align:left;
	line-height:1;
	background-image: url(https://www.m-road.co.jp/ig/blog-novel/y.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
.blog_novel01_newc a{
	text-align:left;}
	
.blog_novel01_backnumber{
	padding: 4px 0px 0px 20px;
	font-size:9px;}


.blog_novel01_backnumber a{
display: block;
font-size:9px;
width:78px;
height:10px;
padding: 0px;
background-image: url(https://www.m-road.co.jp/ig/blog-novel/sbback.gif);
background-repeat:no-repeat;
background-position: left top;
vertical-align:bottom;
text-decoration: none;}

.blog_novel01_backnumber a:hover{background-position: right top;}

.blog_novel01_03 ul{
	list-style:none;
	font-size:9px;
	margin-top:0px;
	padding-top:0px;
	padding-left:20px;
	padding-right:10px;
	line-height:1;}

.blog_novel01_03 ul li{
	padding-top:2px;
	font-size:9px;
	line-height:1;}

.blog_novel01_03 ul li a{
	font-size:9px;
	line-height:1;}







/* /新バナー用 */


  /* 改訂メニューリスト */

#container .menu_list_box{
width:800px;
margin-top:5px;
clear:both;
}
.menu_list_box_01,
.menu_list_box_02,
.menu_list_box_03,
.menu_list_box_04,
.menu_list_box_05{
width:155px;
margin:auto;
float:left;
}

.menu_list_box_01,
.menu_list_box_02,
.menu_list_box_03,
.menu_list_box_04{
padding-right:6px;
padding-left:0px;
}
.menu_list_box_05{
padding-right:0px;
padding-left:0px;
}
.menu_list_box_01 ul,
.menu_list_box_02 ul,
.menu_list_box_03 ul,
.menu_list_box_04 ul,
.menu_list_box_05 ul{
list-style: none;
margin:auto;
padding: 0px;
padding-bottom:15px;
text-align:left;
font-size:12px;
}
.menu_list_box_01 ul li,
.menu_list_box_02 ul li,
.menu_list_box_03 ul li,
.menu_list_box_04 ul li,
.menu_list_box_05 ul li{
border-bottom:1px dotted #666666;
padding:6px 2px 6px 8px;
background-image:url(https://www.m-road.co.jp/ig/menu_mark.gif);
background-position:left center;
background-repeat:no-repeat;
vertical-align:middle;
}
.menu_list_box a:link {  color:#666666; text-decoration: underline}
.menu_list_box a:visited {  color:#666666; text-decoration: underline}


.menu_list_box a:hover {  color:#800080; text-decoration: none}
.menu_list_box a:active {  color:#800080; text-decoration: none}


  /* センター部 */

#container .topbox_01{
width:800px;
margin: 15px 0px 0px 0px;
padding: 0px;

}

  /* 右バナー */

#container .topbox_01 .topbox_02{
float:right;
width:184px;
clear:both;
}
#container .topbox_01 .topbox_02 ul {
list-style: none;
margin:auto;
padding: 0px;
}
#container .topbox_01 .topbox_02 ul li {
margin:auto;
padding: 0px;

}
#container .topbox_01 .topbox_02 ul li.link_a,
#container .topbox_01 .topbox_02 ul li.link_b{
padding: 12px 0px 0px 0px;
display:block;
}


.topbox_03_00{
float:left;
width:595px;
padding-bottom:20px;
margin: auto;
padding: 0px;
	}

.news_header{
width:595px;
height:29px;
background-image: url(https://www.m-road.co.jp/ig/toppage/news/header.jpg); 
background-position: center bottom;
background-repeat:no-repeat;
}
.mainbox_footer{
width:595px;height:10px;
background-image: url(https://www.m-road.co.jp/ig/toppage/news/footer.jpg); 
background-position: center top;
background-repeat:no-repeat;
}
.news_body{
width:595px;
background-image: url(https://www.m-road.co.jp/ig/toppage/news/body.jpg); 
background-position: center top;
background-repeat:repeat-y;
}



.news_body{
    overflow: hidden;
}

.news_body:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*＼*/
* html .news_body {
    height: 1em;
    overflow: visible;
}
/**/


.updata_box ul{
list-style:none;

text-align:left;
padding:10px;
}

.update_body ul li{
	padding:5px 10px 8px;

	background:#FFFFFF;	
	background-image: url(https://www.m-road.co.jp/ig/toppage/news/line.jpg); 	
	background-position: center bottom;
	background-repeat:no-repeat;
	line-height:1.4;
	font-size:0.9em;
	}

.update_body ul li a{

	
	}



.update_body ul li a:link {  color:#8D0708; text-decoration: underline; font-weight:normal;}
.update_body ul li a:visited {  color:#8D0708; text-decoration: underline; font-weight:normal;}
.update_body ul li a:hover {  color:#BE3436; text-decoration: none; font-weight:normal;}
.update_body ul li a:active {  color:#BE3436; text-decoration: none; font-weight:normal;}



.news_body .topic{
	height:93px;
	clear:both;
	display:block;

	}
.news_body .topic ul{
	padding-bottom:30px;

	}

.news_body .topic ul li{
	list-style:none;

	}
.news_body  .topic ul li.preset_campaign{
	float:left;
	padding-left:10px;

	}
.news_body .topic ul li.party_info{
	float:right;
	padding-right:10px;

	}	

.news_body .topic ul li.preset_campaign a{
	width:280px; height:93px;

	background:#FFFFFF;	
	background-image: url(https://www.m-road.co.jp/ig/toppage/present_campaign.jpg); 	
	background-position: left top;
	background-repeat:no-repeat;
	display:block;
	}	

.news_body .topic ul li.party_info a{
	width:280px; height:93px;
	background:#FFFFFF;	
	background-image: url(https://www.m-road.co.jp/ig/toppage/party_info.jpg); 	
	background-position: left top;
	background-repeat:no-repeat;
	display:block;
	}	





.news_body .topic ul li.preset_campaign a{
	width:280px; height:93px;
	text-indent: -9999px;
	display:block;
	background:#FFFFFF;	
	background-image: url(https://www.m-road.co.jp/ig/toppage/present_campaign.jpg); 	
	background-position: left top;
	background-repeat:no-repeat;
	outline:0px;
	}	

.news_body .topic ul li.party_info a{
	width:280px; height:93px;
	text-indent: -9999px;
	display:block;
	background:#FFFFFF;	
	background-image: url(https://www.m-road.co.jp/ig/toppage/party_info.jpg); 	
	background-position: left top;
	background-repeat:no-repeat;

	outline:0px;
	}
.news_body .topic ul li.preset_campaign a:hover,
.news_body .topic ul li.party_info a:hover{background-position: left bottom;}