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

/*共通のキャンペーンナビ*/

div.common_cam,
div.common_reco,
div.common_menu_n{
border:1px solid #9FB7D4;
text-align:left;
padding:1px;
margin-bottom:10px;
}

a.common_gray_title {
display: block;
background: #EFF3F8;
background: -moz-linear-gradient(top, #EFF3F8 0%, #D0DCEA 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFF3F8), color-stop(100%,#D0DCEA));
background: -webkit-linear-gradient(top, #EFF3F8 0%,#D0DCEA 100%);
background: -o-linear-gradient(top, #EFF3F8 0%,#D0DCEA 100%);
background: -ms-linear-gradient(top, #EFF3F8 0%,#D0DCEA 100%);
background: linear-gradient(top, #EFF3F8 0%,#D0DCEA 100%);
-pie-background: linear-gradient(top, #eff3f8 0%,#d0dcea 100%);
behavior: url(../../js/pie/PIE.htc);
border: 1px solid #9FB7D4;
padding: 7px 8px;
color: black;
font-weight: bold;
font-size:14px;
text-decoration:none;
}

a.common_gray_title:hover {
background: -moz-linear-gradient(top, #D0DCEA 0%, #eff3f8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D0DCEA), color-stop(100%,#eff3f8));
background: -webkit-linear-gradient(top, #D0DCEA 0%,#eff3f8 100%);
background: -o-linear-gradient(top, #D0DCEA 0%,#eff3f8 100%);
background: -ms-linear-gradient(top, #D0DCEA 0%,#eff3f8 100%);
background: linear-gradient(top, #D0DCEA 0%,#eff3f8 100%);
-pie-background: linear-gradient(top, #D0DCEA 0%,#eff3f8 100%);
behavior: url(../../js/pie/PIE.htc);
}

a.common_gray_title_s {
padding: 3px 8px;
text-align:right;
font-size:12px;
}

a.common_gray_title img{
	vertical-align:middle;
	margin: 0 5px 5px 5px;
	width: 12px;
}

a.common_gray_title_s img{
	margin: 0 3px 3px 0;
	width: 10px;
}


/*左メニューのナビ*/
div#side_g_navi{
margin-bottom:10px;
}

.top_main_g_bg img{
vertical-align: middle;
width: 12px;
margin-right: 3px;
}

div#side_p_navi{
margin-bottom:10px;
}

div.navi_p_title {
border-top: 1px solid 
#9FB7D4;
border-left: 1px solid 
#9FB7D4;
border-right: 1px solid 
#9FB7D4;
text-align: left;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
background-color: 
#FF9800;
background-image: -moz-linear-gradient(50% 0% -90deg, 
#FF9800 0%, 
#FEC828 90%, 
#FED13A 94%, 
#FF6700 98%);
background-image: -webkit-gradient(linear, 50% 0%, 50% 57%, color-stop(0, 
#FF9800), color-stop(0.9, 
#FEC828), color-stop(0.94, 
#FED13A), color-stop(0.98, 
#FF6700));
background-image: -webkit-linear-gradient(-90deg, 
#FF9800 0%, 
#FEC828 90%, 
#FED13A 94%, 
#FF6700 98%);
background-image: -o-linear-gradient(-90deg, 
#FF9800 0%, 
#FEC828 90%, 
#FED13A 94%, 
#FF6700 98%);
background-image: linear-gradient(-90deg, 
#FF9800 0%, 
#FEC828 90%, 
#FED13A 94%, 
#FF6700 98%);
-pie-background: linear-gradient(-90deg, rgb(255,152,0) 0%, rgb(254,200,40) 90%, rgb(254,209,58) 94%, rgb(255,103,0) 98%);
behavior: url(../../js/pie/PIE.htc);
}

div#contents-p_navi{
background-color: white;
border: 1px solid #9FB7D4;
text-align: left;
padding: 5px;
}


div#side_can_navi{
margin-bottom:10px;
height:150px;
border:1px solid #9FB7D4;
padding:1px;
background:#FFFFFF;
}
/*
pcの場合のみnaviを表示する場合
.pc navi#side_navi
*/
nav#side_navi {
position:absolute;
top: 0;
left:0;
width: 170px;
}

div.navi_g_title img,
div.navi_m_title img,
div.navi_a_title img{
width:111px;
}

div.navi_p_title img{
width:137px;
}

/*
pcの場合のみnaviを表示する場合
.pc navi#side_navi
*/
nav#side_navi-right {
position:absolute;
top: 0;
right:0;
width: 170px;
}






div#contents-g_navi{
background-color: white;
text-align:left;
padding:0 3px;
margin-bottom:10px;
}


div#contents-g_navi_s{
background-color: white;
text-align:left;
padding:0 5px;
margin-bottom:5px;
}

div#contents-can_navi{
background-color: #CAE4FF;
border:1px solid #9FB7D4;
text-align:left;
padding:1px;
margin:1px;
height:144px;
}

div.navi_g_title{
border-top:1px solid #9FB7D4;
border-left:1px solid #9FB7D4;
border-right:1px solid #9FB7D4;
text-align:left;
-webkit-border-radius: 10px 10px 0  0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
background-color:#ff9800;

/* Firefox v3.6+ */
background-image:
-moz-linear-gradient(50% 0% -90deg,
rgb(255,152,0) 0%,
rgb(254,200,40) 90%,
rgb(254,209,58) 94%,
rgb(255,103,0) 98%); 

/* safari v4.0+ and by Chrome v3.0+ */
background-image:
-webkit-gradient(linear,
50% 0%,
50% 57%,
color-stop(0, rgb(255,152,0)),
color-stop(0.9, rgb(254,200,40)),
color-stop(0.94, rgb(254,209,58)),
color-stop(0.98, rgb(255,103,0)));

/* Chrome v10.0+ and by safari nightly build*/
background-image:
-webkit-linear-gradient(-90deg,
rgb(255,152,0) 0%,
rgb(254,200,40) 90%,
rgb(254,209,58) 94%,
rgb(255,103,0) 98%);

/* Opera v11.10+ */
background-image:
-o-linear-gradient(-90deg,
rgb(255,152,0) 0%,
rgb(254,200,40) 90%,
rgb(254,209,58) 94%,
rgb(255,103,0) 98%);

background-image:
linear-gradient(-90deg,
rgb(255,152,0) 0%,
rgb(254,200,40) 90%,
rgb(254,209,58) 94%,
rgb(255,103,0) 98%);

/*PIE*/
-pie-background: linear-gradient(-90deg,
rgb(255,152,0) 0%,
rgb(254,200,40) 90%,
rgb(254,209,58) 94%,
rgb(255,103,0) 98%); 
behavior: url(../../js/pie/PIE.htc);
}

div#contents-g_navi li,
div#contents-g_navi_b li{
list-style-type: none;
border-bottom:1px solid #9FB7D4;
border-left:1px solid #9FB7D4;
border-right:1px solid #9FB7D4;
padding:5px;
font-size:14px;
}

div#contents-g_navi_s li{
list-style-type: none;
border-bottom:1px dotted #9FB7D4;
padding:6px 5px;
}

li.l_cate img{
	vertical-align:middle;
	width:12px;
	margin-right:3px;
}

li.l_cate2 img{
	vertical-align:middle;
	margin-right:3px;
}


div#contents-g_navi li a.no_deco,
div#contents-g_navi_b li a.no_deco,
div#contents-g_navi_s li a.no_deco{
	text-decoration:none;
}



div#contents-p_navi li{
list-style-type: none;
border-bottom:1px dotted #9FB7D4;
padding:8px;
}

div#contents-p_navi li img{
	vertical-align:middle;
	width:12px;
	margin-right:3px;
}

div#contents-g_navi li a,
div#contents-g_navi_b li a,
div#contents-g_navi_s li a{
color:#333;
}

div#contents-g_navi li a:hover,
div#contents-g_navi_b li a:hover,
div#contents-g_navi_s li a:hover{
color: #005580;
}


div.navi_p_title{
border-radius: 0;
}

@media screen and (orientation:landscape) {
.ipad nav#side_navi {
}

}

@media screen and (orientation:portrait) {
.ipad nav#side_navi {
width: 145px;
}

.ipad nav#side_navi-right {
width: 145px;
}

div.navi_g_title img{
width:98px;
}

div.navi_p_title img{
width:120px;
}


div.navi_m_title{
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1D84D3), to(#67C0EC));
}

div.navi_g_title,
div.navi_p_title{
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9900), to(#FFCC00));
}



div.navi_a_title{
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#339A00), to(#40E009));
}


}

nav#side_navi {
top: 0;
position: static;
}

.sol_page nav#side_navi {
top: 0;
position: absolute;
}


div#side_info_navi{
margin-bottom:10px;
border:1px solid #9FB7D4;
padding:1px;
}

.green_title{
display:block;
background: #15AE00; /* Old browsers */
background: -moz-linear-gradient(top,  #49E200 0%, #15AE00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49E200), color-stop(100%,#15AE00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #49E200 0%,#15AE00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #49E200 0%,#15AE00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #49E200 0%,#15AE00 100%); /* IE10+ */
background: linear-gradient(top,  #49E200 0%,#15AE00 100%); /* W3C */
-pie-background: linear-gradient(top,  #49E200 0%,#15AE00 100%);
behavior: url(../../js/pie/PIE.htc);
padding:3px 5px;
color:#FFF;
font-weight:bold;
margin-bottom:1px;
}

.info_link{
margin:5px;
}

.info_link a{
color:#000;
text-decoration:underline
}

.info_link2{
margin:5px;
text-align:right;
font-size:10px;
}

.info_link2 img{
	vertical-align:middle;
	margin-bottom:3px;
	width:12px;
	margin-right:5px;
}

div#side_info_navi2{
border-top:1px solid #9FB7D4;
border-right:1px solid #9FB7D4;
border-left:1px solid #9FB7D4;
padding:1px;
}


.gray_title{
display:block;
background: #eff3f8; /* Old browsers */
background: -moz-linear-gradient(top,  #eff3f8 0%, #d0dcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff3f8), color-stop(100%,#d0dcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eff3f8 0%,#d0dcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eff3f8 0%,#d0dcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eff3f8 0%,#d0dcea 100%); /* IE10+ */
background: linear-gradient(top,  #eff3f8 0%,#d0dcea 100%); /* W3C */
-pie-background: linear-gradient(top,  #eff3f8 0%,#d0dcea 100%);
behavior: url(../../js/pie/PIE.htc);
border:1px solid #9FB7D4;
padding:7px 8px 0 0;
color:#000;
font-weight:bold;
position:relative;
height:27px;
}

img.mark_point{
	width:30px;
	margin-right:5px;
	margin-left:5px;
}
img.width20px{
	width:30px;
	margin-right:5px;
	margin-left:5px;
}


@media screen and (orientation:portrait) {
.ipad img.mark_point{
	width:18px;
	margin-right:1px;
	margin-left:1px;
}
.ipad img.width20px{
	width:20px;
	margin-right:5px;
	margin-left:1px;
}

}
@media screen and (orientation:landscape) {
.ipad .gray_title img.mark_point{
	width:18px;
	margin-right:5px;
	margin-left:5px;
	margin-left:5px;
}
}


.gray_title img.btn_point{
	position:absolute;
	top:2px;
	right:3px;
}

.point_display{
padding:5px;
}



section#title-main {
	background-color: white;
	/*border:1px solid #9FB7D4;*/
}
section#title-main #title-img {
	text-align:center;
	padding: 5px;
}

.blue_title{
display:block;
background: #336699; /* Old browsers */
background: -moz-linear-gradient(top,  #5F88AF 0%, #336699 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5F88AF), color-stop(100%,#336699)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5F88AF 0%,#336699 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5F88AF 0%,#336699 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5F88AF 0%,#336699 100%); /* IE10+ */
background: linear-gradient(top,  #5F88AF 0%,#336699 100%); /* W3C */
-pie-background: linear-gradient(top,  #5F88AF 0%,#336699 100%);
behavior: url(../../js/pie/PIE.htc);
border:1px solid #9FB7D4;
padding:7px 8px 0 5px;
color:#FFF;
font-weight:bold;
position:relative;
height:27px;
}

.f_b_area{
  margin:5px 3px;
}

.f_b_area div:first-child img:nth-child(1){
  height:33px;
  margin-bottom:5px;
}
.f_b_area div:first-child img:nth-child(2){
  height:34px;
  margin-bottom:5px;

}

@media screen and (orientation:portrait) {
.ipad .f_b_area div:first-child img:nth-child(1){
  height:28px;
}
.ipad .f_b_area div:first-child img:nth-child(2){
  height:28px;
}
}


.b_btm1{
  border-bottom:1px solid #9FB7D4;
}

.orange_title {
display: block;
background: #F90;
background: -moz-linear-gradient(top, #FFB801 0%, #FF9D05 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB801), color-stop(100%,#FF9D05));
background: -webkit-linear-gradient(top, #FFB801 0%,#FF9D05 100%);
background: -o-linear-gradient(top, #FFB801 0%,#FF9D05 100%);
background: -ms-linear-gradient(top, #FFB801 0%,#FF9D05 100%);
background: linear-gradient(top, #FFB801 0%,#FF9D05 100%);
-pie-background: linear-gradient(top, #FFB801 0%,#FF9D05 100%);
behavior: url(../../js/pie/PIE.htc);
border: 1px solid #FFB801;
padding: 3px;
color: white;
font-weight: bold;
}

.orange_title a{
	text-decoration:none;
	color:#000;
}

.orange_title a:hover{
	color:#005580;
}


.orange_title2 {
display: block;
background: #F90;
background: -moz-linear-gradient(top, #FFB801 0%, #FF9D05 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB801), color-stop(100%,#FF9D05));
background: -webkit-linear-gradient(top, #FFB801 0%,#FF9D05 100%);
background: -o-linear-gradient(top, #FFB801 0%,#FF9D05 100%);
background: -ms-linear-gradient(top, #FFB801 0%,#FF9D05 100%);
background: linear-gradient(top, #FFB801 0%,#FF9D05 100%);
-pie-background: linear-gradient(top, #FFB801 0%,#FF9D05 100%);
behavior: url(../../js/pie/PIE.htc);
border: 1px solid #FFB801;
padding: 2px 3px;
color: white;
font-weight: bold;
margin: 3px 3px 0 3px;
}

.green_title{
display: block;
background: #33CB00;
background: -moz-linear-gradient(top, #33CB00 0%, #339C00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33CB00), color-stop(100%,#339C00));
background: -webkit-linear-gradient(top, #33CB00 0%,#339C00 100%);
background: -o-linear-gradient(top, #33CB00 0%,#339C00 100%);
background: -ms-linear-gradient(top, #33CB00 0%,#339C00 100%);
background: linear-gradient(top, #33CB00 0%,#339C00 100%);
-pie-background: linear-gradient(top, #33CB00 0%,#339C00 100%);
behavior: url(../../js/pie/PIE.htc);
border: 1px solid #33CB00;
padding: 3px;
color: white;
font-weight: bold;

}

.glay_title{
display: block;
background: #C0C0C0;
background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
background: -webkit-linear-gradient(top, #F0F0F0 0%,#C0C0C0 100%);
background: -o-linear-gradient(top, #F0F0F0 0%,#C0C0C0 100%);
background: -ms-linear-gradient(top, #F0F0F0 0%,#C0C0C0 100%);
background: linear-gradient(top, #F0F0F0 0%,#C0C0C0 100%);
-pie-background: linear-gradient(top, #F0F0F0 0%,#C0C0C0 100%);
behavior: url(../../js/pie/PIE.htc);
border: 1px solid #C0C0C0;
padding: 3px;
color: #000000;
font-weight: bold;
}

.pink_title{
display: block;
background: #FF628C;
background: -moz-linear-gradient(top, #FC99B3 0%, #FF628C 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC99B3), color-stop(100%,#FF628C));
background: -webkit-linear-gradient(top, #FC99B3 0%,#FF628C 100%);
background: -o-linear-gradient(top, #FC99B3 0%,#FF628C 100%);
background: -ms-linear-gradient(top, #FC99B3 0%,#FF628C 100%);
background: linear-gradient(top, #FC99B3 0%,#FF628C 100%);
-pie-background: linear-gradient(top, #FC99B3 0%,#FF628C 100%);
behavior: url(../../js/pie/PIE.htc);
border: 1px solid #FF628C;
padding: 3px;
color: white;
font-weight: bold;
margin: 3px 3px 0 3px;
}

.navi_title_table{
  width:98%;
  margin: 0 auto;
}

.navi_title_table div{
line-height:1.2em
}

.navi_title_table .title_text{
	font-size:12px;
}
.navi_title_table .author_text{
	font-size:12px;
}
.navi_title_table .magazine_text{
	font-size:12px;
}

.navi_title_table td{
	padding:6px 3px;
	vertical-align:top;
}


.hr_dotted{
	border-bottom:1px dotted #9FB7D4;
}

.navi_title_table td.btn_padding0{
  padding:0;
}

.navi_list_link img{
  width:10px;
  margin-left:1px;
  vertical-align:middle;
}

a.search_disp{
  font-size:12px;
  margin:4px 2px;
}

.navi_border_top{
	border-top:1px solid #9FB7D4;
}

div.left-navi-ranking li {
list-style-type: none;
border-bottom: 1px solid 
#9FB7D4;
border-left: 1px solid 
#9FB7D4;
border-right: 1px solid 
#9FB7D4;
padding: 5px;
font-size: 14px;
}

div.left-navi-ranking li a {
color: #333;
text-decoration:none;
}

@media screen and (orientation:portrait) {
.ipad a.i_p_ss{
font-size:10px;
}
.ipad a.i_p_s{
font-size:12px;
}
}

.r_side_favo_btn{
	padding:0 0 6px 0;
}

.r_side_favo_btn img{
	width:120px; 
}

@media screen and (orientation:portrait) {
.ipad .r_side_favo_btn img{
	width:100px; 
}
}

.navi_search_word{
width:93px;
margin:5px;
}

@media screen and (orientation:portrait) {
.ipad .navi_search_word{
width:85px;
margin-left:2px;
}
.header_search_btn_s{
width:45px;
}
}

.l_cate2_sub{
  margin-left:3px;
  color:#333;
  font-size:10px;
}

.author_table_navi{
width:100%
}

.author_table_navi td{
text-align:center;
padding:1px;
}

.author_table_navi td a{
	display:block;
	background:#D0DCEA;
	border-radius:2px;
	color:#000;
	  behavior: url(../../js/pie/PIE.htc);
}

img.side_img{
width:166px;
}

@media screen and (orientation:portrait) {
.ipad img.side_img{
width:141px;
}
}

.f_left{
float:left;
}
.r_topics_link{
font-size:10px;
}