/* 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;}




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

#container #header{
background-image:url(https://www.m-road.co.jp/ig/top_copy.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:auto;
width:800px;height:119px;
padding: 0px;
clear:both;
}

#container #header h1{
text-align:left;
float:left;
display:block;
width:800px; height:0 !important;
height /**/:119px;
margin:0px auto;
padding:0px 0px 0px 0px;
overflow:hidden;
}

#container #header h2{
text-align:left;
float:left;
margin:0px auto;
padding:0px 0px 0px 0px;
clear: both;
}

#container #header .head_side{
text-align:right;
padding-top:20px;
}
#container #header .head_side .hleft{
float:left;
}
#container #header .head_side .hright{
float:right;
}

  /* ナビゲーション */
#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 .header{
background-image:url(https://www.m-road.co.jp/ig/top_copy.jpg);
background-position:center top;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:auto;
width:800px;height:119px;
padding: 0px;
clear:both;
}

#container .header h1{
text-align:left;
float:left;
display:block;
width:800px; height:0 !important;
height /**/:119px;
margin:0px auto;
padding:0px 0px 0px 0px;
overflow:hidden;
}

#container .header h2{
text-align:left;
float:left;
margin:0px auto;
padding:0px 0px 0px 0px;
}


#container .header h2 a{
display:block;
width:450px;
height:60px;
background-image:url(https://www.m-road.co.jp/ig/toptitle_01.jpg);
background-position:center top;
background-repeat:no-repeat;
}


#container .header .header_side{
text-align:right;
padding-top:20px;
}

#container .header .header_side .h_left{
float:left;
background-image:url(https://www.m-road.co.jp/ig/toptitle_02.jpg);
background-position:left top;
background-repeat:no-repeat;

display:block;
width:221px;
height:60px;
padding: 0px;
margin:0px;
}




#container .header .header_side .h_right{
float:right;
width:129px;
height:60px;
padding: 0px;
margin:0px;
}

#container .header .header_side .h_right a{
background-image:url(https://www.m-road.co.jp/ig/header/toi_12960.gif);
background-position:left top;
background-repeat:no-repeat;

display:block;
width:129px;
height:60px;
padding: 0px;
margin:0px;
}
#container .header .header_side .h_right a:hover{
background-position:left bottom;
}










#container .header .navigations{
margin:auto;
padding: 0px;
clear:both;
}
#container .header .navigations ul {
list-style: none;
margin:auto;
padding: 0px;
clear:both;
}
#container .header .navigations ul li {
height:39px;
float:left;
margin:0px;
padding: 0px;

}


#container .header .navigations ul li a{
background-position:left top;
background-repeat:no-repeat;
display:block;
height:39px;
padding: 0px;
margin:0px;
}



#container .header .navigations ul li.navi01 a{width:76px;background-image:url(https://www.m-road.co.jp/ig/header/n/navi_01.jpg);}
#container .header .navigations ul li.navi02 a{width:98px;background-image:url(https://www.m-road.co.jp/ig/header/n/navi_02.jpg);}
#container .header .navigations ul li.navi03 a{width:140px;background-image:url(https://www.m-road.co.jp/ig/header/n/navi_03.jpg);}
#container .header .navigations ul li.navi04 a{width:161px;background-image:url(https://www.m-road.co.jp/ig/header/n/navi_04.jpg);}
#container .header .navigations ul li.navi05 a{width:141px;background-image:url(https://www.m-road.co.jp/ig/header/n/navi_05.jpg);}
#container .header .navigations ul li.navi06 a{width:92px;background-image:url(https://www.m-road.co.jp/ig/header/n/navi_06.jpg);}
#container .header .navigations ul li.navi07 a{width:92px;background-image:url(https://www.m-road.co.jp/ig/header/n/navi_08.jpg);}








#container .header .navigations ul li a:hover{
background-position:left bottom;
}


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

#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;
}

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

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

#container .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 0px 0px;
clear:both;
}




  /* 新トップバナー */

.marriage_story{
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;
}

.marriage_story_01{
margin:0px; padding:0px; border:0px;
}

.marriage_story_02{
margin:0px; padding:0px; border:0px; 
vertical-align:top;
background-image:url(https://www.m-road.co.jp/ig/c/out/topside/marriage_story02.jpg);
background-position:center top;
background-repeat:no-repeat;
width:185px;height:52px;
}


.marriage_story_02 p{
	line-height:1.2;
	padding:6px 1px 1px 8px;
	text-align:left;
	font-size:0.9em;
	}


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




.marriage_story_02 p span{
	margin-left:10px;
}














.top_party_banners{
width:185px;height:100px;
margin:0px;
padding: 0px 0px 0px 0px;
vertical-align:bottom;
text-align:left;

}

.top_party_banners a{
display:block;
width:185px;height:100px;
margin:0px;
padding: 0px 0px 0px 0px;
background-image:url(https://www.m-road.co.jp/ig/party/hearthul/heartful_top.jpg);
/*
background-image:url(https://www.m-road.co.jp/ig/party/hearthul/heartful_top.jpg);
background-image:url(https://www.m-road.co.jp/ig/party/christmas/christmas_top.jpg);
background-image:url(https://www.m-road.co.jp/ig/party/newyear/newyear_top.jpg);

*/
background-position:left top;
background-repeat:no-repeat;
}
.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;

clear:both;
}

  /* 右バナー */

#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: 6px 0px 0px 0px;
display:block;
clear:both;
}























  /* 新着情報 */
#container .topbox_01 .topbox_03_00{
float:left;
width:595px;
margin: 0px;
padding: 0px;
text-align:left;
}




.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;
}
.news_footer{
width:595px;
height:10px;
background-image:url(https://www.m-road.co.jp/igtoppage/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;
background-color:#FFFFFF;
}



.updata_box{
	padding-left:10px;}


.update_header{
width:574px;
height:9px;
background-image:url(https://www.m-road.co.jp/ig/toppage/update/header.jpg);
background-position: center bottom;
background-repeat:no-repeat;
}
.update_footer{
width:574px;
height:5px;
background-image:url(https://www.m-road.co.jp/ig/toppage/update/footer.jpg);
background-position: center top;
background-repeat:no-repeat;
}
.update_body{
width:574px;
background-image:url(https://www.m-road.co.jp/ig/toppage/update/body.jpg);
background-position: center top;
background-repeat:repeat-y;
background-color:#FFFFFF;
}









.news_body,
.update_body{
    overflow: hidden;
}

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

/*?*/
* html .news_body, 
* html .update_body {
    height: 1em;
    overflow: visible;
}
/**/




.update_body ul{
	list-style:none;
	line-height:1.2;
	text-align:left;
	
	}

.update_body ul li{
width:558px;
background-image:url(https://www.m-road.co.jp/ig/toppage/news/line.jpg);
background-position: left bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;

text-align:left;
line-height:1.4;
margin:3px 2px 3px 10px;
padding-bottom:6px;
font-size:0.9em;

	}




.update_body ul li a{
text-align:left;
padding:0px 5px 0px 12px;
color:#AA050A;
	}


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


.update_body ul li span a{color:#666666; text-decoration: none}
.update_body ul li span a:link {color:#666666; text-decoration: none}
.update_body ul li span a:visited { color:#666666; text-decoration: none}
.update_body ul li span a:hover { color:#AA050A; text-decoration: underline}
.update_body ul li span a:active {  color:#AA050A; text-decoration: underline}




.topic{
	width:595px;
	clear:both;

	margin-top:5px;
	margin-bottom:10px;
}
.topic ul{
	padding:0px 10px 0px;

	clear:both;
	list-style:none;
}

.topic ul li.preset_campaign{
	float:left;
}

.topic ul li.party_info{
	float:right;
}


.topic ul li a{
display: block;
width:280px;
height:93px;
background-repeat:no-repeat;
background-position: left top;
text-decoration: none;
line-height:1;
padding:0px;
margin:0px;
}
.topic ul li.preset_campaign a{
background-image:url(https://www.m-road.co.jp/ig/toppage/present_campaign.jpg);


}
.topic ul li.party_info a{
background-image:url(https://www.m-road.co.jp/ig/toppage/party_info.jpg);
}


.topic ul li a:hover{background-position: left bottom;}













  /* 新着情報 */
#container .topbox_01 .topbox_03{
float:left;
width:595px;height:240px;
margin: auto;
padding: 0px;
}

#container .topbox_01 .topbox_03 .infobox{
background-image:url(https://www.m-road.co.jp/ig/box_595231.jpg);
background-position:left top;
background-repeat:no-repeat;
width:574px;height:202px;
margin: 0px 0px 0px 0px;
padding: 29px 12px 0px 9px;
}

.infobox .presentbox{
float:left;
width:279px;height:182px;
margin: auto;
padding: 0px 0px 0px 0px;
}
.infobox .presentbox .presentbox_01{
width:279px;height:67px;
background-image:url(https://www.m-road.co.jp/ig/present01_27967.jpg);
background-position:center top;
background-repeat:no-repeat;
margin: auto;
padding: 0px 0px 0px 0px;
}
.infobox .presentbox .presentbox_02{
width:259px;height:88px;

background-image:url(https://www.m-road.co.jp/ig/present02_27910.jpg);
background-position:center top;
background-repeat:repeat-y;
margin: auto;
padding: 0px 10px 0px 10px;

}
.infobox .presentbox .presentbox_02 p{
font-size:13px;
text-align:left;
line-height:1.4;
}

.infobox .presentbox .presentbox_03{
width:279px;height:26px;
margin: auto;
padding: 0px 0px 0px 0px;
}





.infobox .partybox{
float:right;
width:281px;height:181px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.infobox .partybox .partybox_01{
float:right;
width:281px;height:67px;
background-image:url(https://www.m-road.co.jp/ig/party01_28167.jpg);
background-position:left top;
background-repeat:no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.infobox .partybox .partybox_02{
width:281px;height:88px;
margin: auto;
padding: 0px 0px 0px 0px;
}
.infobox .partybox .partybox_02_img{
float:left;
width:132px;height:88px;
background-image:url(https://www.m-road.co.jp/ig/party02img_13288.jpg);
background-position:center top;
background-repeat:no-repeat;
margin: auto;
padding: 0px 0px 0px 0px;
}
.infobox .partybox .partybox_02_txt{
float:right;
width:134px;height:88px;
background-image:url(https://www.m-road.co.jp/ig/party02txt_14988.jpg);
background-position:center top;
background-repeat:no-repeat;
margin: auto;
padding: 0px 15px 0px 0px;
}
.infobox .partybox .partybox_02_txt p{
font-size:13px;
text-align:left;
line-height:1.3;
}
.infobox .partybox .partybox_03{
width:281px;height:26px;
margin: auto;
padding: 0px 0px 0px 0px;
}

  /* リンク部 */
  /*
#container .topbox_01 .topbox_03 .linkbox_01{
width:595px;height:50px;
margin: 29px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#container .topbox_01 .topbox_03 .linkbox_01 ul {
list-style: none;
margin: auto;
padding: 0px 0px 0px 0px;
}
#container .topbox_01 .topbox_03 .linkbox_01 ul li {
margin:auto;
float:left;
}

#container .topbox_01 .topbox_03 .linkbox_01 ul li.link_a,
#container .topbox_01 .topbox_03 .linkbox_01 ul li.link_b {
padding: 0px 27px 0px 0px;
}
#container .topbox_01 .topbox_03 .linkbox_01 ul li.link_c {
padding: 0px 0px 0px 0px;
}
 */

