@charset "shift-jis";
/*default
-----------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,p,blockquote,th,td,input,textarea,label{margin:0px;padding:0px;zoom:1;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
ul,ol,li,span{margin:0px;padding:0px;}
header, article, footer, article, aside, time ,nav { display: block; } 
li{list-style-type: none}
html{font-size: 62.5%;}
body{
	background: #cfcfcf;
	color: #333;
	font-size: 13px;
	font-size:1.3rem;
	line-height:1.5;
	font-family:'Hiragino Kaku Gothic Pro','Meiryo';
	}
img{
	max-width: 100%;
	height: auto;
	width: auto\9;
}
/*リンク、ボタン
-----------------------------------*/
a{	color:#3693b3;	}
a:hover,a:active{	color:#1b4959;	}
a:visited{	color:#3693b3;	}
.btn{
	margin:30px 0;
	text-align:center;
	}
.btn a{
	text-align: center;
	padding: 10px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border-top: 1px solid #d25f11;
	border-right: 1px solid #d25f11;
	border-bottom: 1px solid #b85511;
	border-left: 1px solid #d25f11;
	font-weight: bold;
	-webkit-box-shadow:inset 0 1px 0px #ffc290;
	box-shadow:inset 0 1px 0px #ffc290;
	background: #e26411; /* Old browsers */
	background: -moz-linear-gradient(top,  #fe923b 1%, #e26411 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fe923b), color-stop(100%,#e26411)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fe923b 1%,#e26411 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fe923b 1%,#e26411 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fe923b 1%,#e26411 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fe923b 1%,#e26411 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe923b', endColorstr='#e26411',GradientType=0 ); /* IE6-9 */
	}


/*ニュース*/
#news{
	background: #9d9179; /* Old browsers */
	background: -moz-linear-gradient(top,  #ece0ca 1%, #9d9179 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ece0ca), color-stop(100%,#9d9179)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ece0ca 1%,#9d9179 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ece0ca 1%,#9d9179 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ece0ca 1%,#9d9179 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ece0ca 1%,#9d9179 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece0ca', endColorstr='#9d9179',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	}
#news p{
	padding:5px;
	}
#news a:hover{
	color: #3693b3;
	}


.red {
	color: #ff0000;
}

.underline {
 	text-decoration:underline;}
 	color: #ff0000;
 }

/*---------------paragraph---------------*/

p {
	margin: 0;
	color: #2f4f4f;
	/*font-family:'Hiragino Kaku Gothic Pro','Meiryo';*/
}

article p {
	padding: 6px;
	font-size: 96%;
}

section p {
	padding: 6px;
	font-size: 96%;
}

.kiji {
	margin: 5px auto 5px auto;
	width:96%;
	display: block;
}

.kiji ul {
	margin: 0 0 0 20px;
	padding: 5px;
}

.kiji ul li {
	margin: 3px;
	list-style-image: url(http://mb.jorudan.co.jp/os/img/check.gif);
	color: #1f3f3f;
	font-size: 96%;
}


.kiji2 {
	margin: 5px auto 5px auto;
	width:96%;
	display: block;
}

.kiji2 ul {
	margin: 0 0 0 20px;
	padding: 5px;
}

.kiji2 ul li {
	margin: 3px;
	list-style-image: url(../img/keep.gif);
	color: #1f3f3f;
	font-size: 96%;
}



div.ad{
display:block;
margin:0 auto;
text-align:center;
}

div.about1{
    padding: 10px;
    margin:0px;
}

span.red{
	color: #ff0000;
	font-weight: bold;
}

/*====================================================
480px以下 for スマートフォン
====================================================*/
/*wrapper*/
#wrapper{
	width: 100%;
	background: #ebe6e6;
}
/*header*/
#header{
	height:40px;
	background: #3864a6; /* Old browsers */
	background: -moz-linear-gradient(top,  #4876bf 1%, #3864a6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4876bf), color-stop(100%,#3864a6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4876bf 1%,#3864a6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4876bf 1%,#3864a6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4876bf 1%,#3864a6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4876bf 1%,#3864a6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4876bf', endColorstr='#3864a6',GradientType=0 ); /* IE6-9 */
	margin:0 0;
	}
#header a{
	color:#fff;
	text-decoration:none;
}
#header a:hover{
	color: #3693b3;
	text-decoration:none;
	}		
.jrd_logo{
	float:left;
	height:40px;
	border-right:1px #3864a6 solid;
	} 

.about{
	float:right;
	height:40px;
	border-left:1px #2a5c34 solid;
	}
/*広告*/
#ad{
	display:none;
	}
/*トップメインイメージ*/
#top_main img{
	margin:0 0;
	}
#top_main p{
	padding:5px;
	font-weight:bold;
	}
/*container*/
#container{
	background: #ebe6e6;
}
/*ニュース*/
#news{
	background: #9d9179; /* Old browsers */
	background: -moz-linear-gradient(top,  #ece0ca 1%, #9d9179 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ece0ca), color-stop(100%,#9d9179)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ece0ca 1%,#9d9179 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ece0ca 1%,#9d9179 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ece0ca 1%,#9d9179 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ece0ca 1%,#9d9179 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece0ca', endColorstr='#9d9179',GradientType=0 ); /* IE6-9 */
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	}
#news p{
	padding:5px;
	}
#news a{
	text-decoration:none;
	}
#news a:hover{
	color: #3693b3;
	}
/*サブエリア*/
.area_sub{
	}
.area_sub ul{
	margin-left:10px;
	}
.area_sub ul li{
	background:#FFF;
	margin:5px 1px;
	padding:10px;
	text-align:center;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	color: #ccc;
	display:block;
	float: left;
	}
.area_sub ul li a{
	text-decoration: none;
	}
h2{
	clear:left;
	color:#FFF;
	text-align:center;
	background:#36447e;
	padding:5px 0;
	font-weight:bold;
	font-size:120%;
	background: #36447e; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4876bf', endColorstr='#04165e',GradientType=0 ); /* IE6-9 */
}


h3{
	clear:left;
	color:#FFF;
	text-align:center;
	background:#5e0416;
	padding:5px 0;
	font-weight:bold;
	background: #3864a6; /* Old browsers */
	background: -moz-linear-gradient(top,  #4876bf 1%, #3864a6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4876bf), color-stop(100%,#3864a6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4876bf 1%,#3864a6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4876bf 1%,#3864a6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4876bf 1%,#3864a6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4876bf 1%,#3864a6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4876bf', endColorstr='#3864a6',GradientType=0 ); /* IE6-9 */
}


h4{
	float:left;
	padding:10px 0 0 10px;
	font-weight:bold;
	}


h1{
	clear:left;
	color:#FFF;
	text-align:center;
	background:#36447e;
	padding:5px 0;
	font-weight:bold;
	font-size:150%;
	background: #36447e; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4876bf', endColorstr='#04165e',GradientType=0 ); /* IE6-9 */
}



/*一覧リスト */
.list1 ul{
	border-bottom: 1px solid #ccc;
	}
.list1 ul li{
	background: #f0f0f0; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: 1px solid #ccc;
	margin: 0px;
	}
.list1 ul li a{
	color: #666;
	display: block;
	margin: 0;
	padding: 0 20px 0 0;
	overflow: auto;
	white-space: normal;
	text-decoration: none;
	}
.list1 ul li img{
	float: left;
	height: 110px;
	width: 110px;
	margin-right: 10px;
	}
.list1 ul li a strong{
	color: #000;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	}


.list2 ul{
	border-bottom: 1px solid #ccc;
	}
.list2 ul li{
	background: #f0f0f0; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: 1px solid #ccc;
	margin: 0px;
	}
.list2 ul li a{
	color: #666;
	display: block;
	margin: 0;
	padding: 0 20px 0 0;
	overflow: auto;
	white-space: normal;
	text-decoration: none;
	}
.list2 ul li img{
	float: left;
	height: 60px;
	width: 60px;
	margin-right: 10px;
	}
.list2 ul li a strong{
	color: #000;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	}



/*ヘッダーエリアメニュー*/	
.header_area_menu ul{
	overflow: hidden;
	margin:20px 30px;
	}
.header_area_menu li{
	display:  block;
	text-align:center;
	font-size:120%;
	width: 16.6%;
	float: left;
	}
.header_area_menu ul li a{
	display: block;
	padding: 10px 5px;
	margin:1px;
	color: #333;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border:1px solid #c7e48a;
	background: #83ad30; /* Old browsers */
	background: -moz-linear-gradient(top,  #b1da5e 1%, #83ad30 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b1da5e), color-stop(100%,#83ad30)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b1da5e 1%,#83ad30 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b1da5e 1%,#83ad30 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b1da5e 1%,#83ad30 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b1da5e 1%,#83ad30 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1da5e', endColorstr='#83ad30',GradientType=0 ); /* IE6-9 */
	}
.header_area_menu ul li a:hover{
	color: #3693b3;
	}
/*エリアメニュー*/
.area_menu ul{
	overflow: hidden;
	margin:10px 0;
	}
.area_menu li{
	display:  block;
	text-align:center;
	font-size:120%;
	width: 50%;
	float: left;
	}
.area_menu ul li a{
	display: block;
	padding: 10px 5px;
	margin:1px;
	color: #333;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border: 1px solid #ccc;
	background: #f0f0f0; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	}
.area_menu ul li a:hover{
	color: #3693b3;
	}
/*路線メニュー*/
.rosen_menu ul{
	overflow: hidden;
	margin:10px 30px;
	}
.rosen_menu li{
	display:  block;
	font-size:120%;
	width: 50%;
	float: left;
	}
.rosen_menu ul li a{
	display: block;
	padding: 10px 5px;
	margin:1px;
	color: #333;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border: 1px solid #ccc;
	background: #f0f0f0; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	}
.rosen_menu ul li a:hover{
	color: #3693b3;
	}
/*オススメ一行 */
.osusume{
	text-align:center;
	padding:3px 0;
	border-bottom:1px #d7d2d2 solid;
	}
.osusume a{
	text-decoration: none;
	color:#333;
	}
.star{
	padding:1em;
	color:#F90;
	font-weight:bold;
	}
.pn{
	color:#669966;
	font-size:85%;
	}
/*クチコミ一覧リスト */
.list_ck{
	margin: 10px;
	}
.list_ck ul li{
	background: #fff; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin: 5px;
	padding:1em;
	}
.list_ck ul li a{
	color: #666;
	display: block;
	overflow: auto;
	white-space: normal;
	text-decoration: none;
	}
.list_ck ul li a strong{
	color: #000;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	}
/*投稿写真一覧リスト */
.list_photo{
	margin: 10px;
	}
.list_photo p{
	text-align:center;
	background:#FFF;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin: 5px;
	padding:1em;
	}
/*リストメニュー*/
.list_menu{
	clear:left;
	margin-bottom:1em;
	border-bottom: 1px solid #ccc;
	}
.list_menu ul li{
	background:#FFF;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: 1px solid #ccc;
	padding:10px;
	}
.list_menu ul li a{
	background: url(../img/list_mark1.png) no-repeat 100% 50%;
	display: block;
	margin: 0;
	padding: 0 20px 0 0;
	text-decoration:none;
	}
/*リストメニュー戻る*/
.list_menu_back{
	clear:left;
	margin-bottom:1em;
	border-bottom: 1px solid #ccc;
	}
.list_menu_back ul li{
	background:#FFF;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: 1px solid #ccc;
	padding:10px;
	}
.list_menu_back ul li a{
	background: url(../img/list_mark2.png) no-repeat left;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration:none;
	}
/*footer*/
#footer{
	color: #333;
	text-align: center;
}
#footer a{
	text-decoration:none;
	color:#333;
}



.menuRibbon {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#7EBA03;
	color:#F3F9E8;
	line-height:140%;
	font-weight:bold;
}
img.main {
	margin: 10px auto 0 auto;
	text-align: center;
	display: block;
}
/*クチコミ一覧リスト */
.textbox{
	margin: 10px 15px;
	}
.textbox ul li{
	background: #fff; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin: 5px;
	padding:1em;
	}
.textbox ul li a{
	color: #666;
	overflow: auto;
	white-space: normal;
	text-decoration: none;
	}
.textbox ul li a strong{
	color: #000;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	}


/*====================================================
768px以上 for PC
====================================================*/
@media only screen and (min-width: 769px){
/*wrapper*/
#wrapper{
	margin: 0 auto;
	overflow: hidden;
	background: #ebe6e6;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	}
/*広告*/
#ad{
	text-align:center;
}
/*トップメインイメージ*/
#top_main{
	margin:0 0;
	background-image:url(../img/haru950.png);
	background-repeat:no-repeat;
	height:200px;
	}
#top_main p{
	color:#e1dfda;
	width:450px;
	padding:80px 0 0 30px;
	}
#top_main img{
	display:none;
	}


/*トップメインイメージ2*/
#top_main2{
	margin:0 0;
	background-image:url(../img/haru570.png);
	background-repeat:no-repeat;
	height:200px;
	}
#top_main2 p{
	color:#e1dfda;
	width:450px;
	padding:80px 0 0 30px;
	}
#top_main2 img{
	display:none;
	}


/*container*/
#container{
	background: #ebe6e6;
}
/* リスト2列 */
.list1{
	margin: 10px;
	}
.list1:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.list1 ul{
	border-top: 1px solid #ccc;
	overflow:auto;
	}
.list1 ul li{
	background: #f0f0f0; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
	}
.list1 ul li:nth-child(odd) {
	float: left;
	width: 50%;
	}
.list1 ul li a{
	color: #666;
	display: block;
	margin: 0px;
	padding: 0 20px 0 0;
	overflow: auto;
	white-space: normal;
	text-decoration: none;
	}
.list1 ul li a strong{
	color: #000;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	}
.list1 ul li img{
	float: left;
	height: 120px;
	width: 120px;
	margin-right: 10px;
	}
/*エリアメニュー*/
.area_menu{
	margin:1em;
	padding: 0 1em 1em;
}
.area_menu ul{
	overflow: hidden;
	margin:1em 0;
	}
.area_menu li{
	display:  block;
	text-align:center;
	font-size:120%;
	width: 33%;
	float: left;
	}
/*IE7　カラム落ち対策*/
*:first-child+html .area_menu1 ul li{
	width: 49.25%;
	}
.area_menu ul li a{
	display: block;
	margin:1px;
	padding: 10pxpx 5px;
	color: #333;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	border: 1px solid #ccc;
	background: #f0f0f0; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	}
.area_menu ul li a:hover{
	color: #3693b3;
	}
/*クチコミ一覧リスト */
.textbox{
	margin: 10px 15px;
	}
.textbox ul li{
	background: #fff; /* Old browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin: 5px;
	padding:1em;
	}
.textbox ul li a{
	color: #666;
	overflow: auto;
	white-space: normal;
	text-decoration: none;
	}
.textbox ul li a strong{
	color: #000;
	display: block;
	font-weight: bold;
	padding-top: 5px;
	}
/* 定期ボタン */　
#TEIKI_BTN{
	clear:left;
}

/*footer*/
#footer{
	clear: both;
	color: #333;
	text-align: center;
}
#footer a{
	text-decoration:none;
	color:#333;
}


}
/*====================================================
980px以上 for PC 固定レイアウト
====================================================*/
@media only screen and (min-width: 980px){
/*wrapper*/
#wrapper{
	margin: 0 auto;
	width: 950px;
	-webkit-box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, 0.3);
	 box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, 0.3);
	 }
/*footer*/
#footer{
	clear: both;
	color: #333;
	text-align: center;
}
#footer a{
	text-decoration:none;
	color:#333;
}