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

html,
html *{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


body {
	color:#333333;
	font-size:12px;
	line-height:1.5em;
	margin:0px auto;
	width : 100%;
	overflow-x: hidden;
}

main {
	margin: 50px 0px 0px 0px;
}

a {
	text-decoration: none;
}
img {
	border-style: none;
}
a:link {
 color:#2757a1;
 text-decoration:none;
}

a:visited {
 color:#2757a1;
 text-decoration:none;
}

a:hover {
 color:#d70542;
 text-decoration:none;
}

a:active {
 color:#d70542;
 text-decoration:none;
}

header {

}

h1 {
	text-align:center;
	font-size:10px;
	font-weight:normal;
	font-style: normal;
	color:#999999;
	margin:1px;
	margin-bottom:1px;
}

input:focus {
	outline: 2px #FF6600 solid;
}
textarea:focus {
	outline: 2px #FF6600 solid;
}
select:focus {
	outline: 2px #FF6600 solid;
}

.main_contents {
	float: left;
	width:100%;
	margin: 10px auto;
}
.main_contents2 {
	width:100%;
	margin: 10px auto;
}
.main_contents3 {
	width:100%;
	margin: 10px auto;
}

.right_menu {
	float:right;
	position:relative;
	margin-top:10px;
	margin-right:20px;
	display: none;
}

.right_contents1 .right_image {
	padding:0px 0px -0px 0px;
}
.right_contents1 .right_image img {
	width:230px;
}

.clear {
	clear: both;
}

/* font */

.font_red {
	color: #FF0000;
}

.font_red2 {
	color: #990000;
}

.font_blue {
	color: #305496;
}

.font_blue2 {
	color: #217FFF;
}

.font_brawn {
	color: brown;
}
.font_brawn2 {
	color: #885522;
	font-weight: bold;
}
.font_neomag {
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
	font-family: Tahoma, Geneva, "sans-serif";
}

.border1 {
	border-top: 1px solid #CCCCCC;
	width: 95%;
	margin: 0px auto 0px auto;
}

#socialbuttons {
	margin: 10px 0px 10px 20px;
}

#socialbuttons div{
	float: left;
	padding: 0px 3px;
}

#navi_main1{
	padding:13px 40px 0px 20px;
	font-size: 10px;
}

.top_main_image1 {
	margin-left: -6px;
	display: block;
}

.top_main_image1 img {
	max-width: 101%;
}

.top_main_image2 {
	margin-left: -6px;
	display: none;
}

.top_main_image2 img {
	max-width: 101%;
}
.top_main_image3 {
	margin-left: -6px;
	display: block;
}

.top_main_image3 img {
	max-width: 100%;
}
.top_main_image4 {
	margin-right: -6px;
	display: none;
}

.top_main_image4 img {
	max-width: 100%;
}

.category_list {
	width: 100%;
	margin: 0px auto;
}
.category_list > ul{
	list-style-type:none;
	display: inline-block;
	text-align: center;
}
.category_list > ul > li{
	position:relative;
	display:inline-block;
	padding:2px 2px;
	width:90%;
	height:138px;
	font-size:18px;
	line-height:1.3;
	text-align:left;
	text-decoration:none;
	vertical-align:middle;
	color:#333;
	background-color:#B2D8EF;
	border:2px solid #999999;
	margin-right:7px;
	margin-bottom:10px;
}
.category_list > ul > li > a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.category_list > ul > li:hover{
	background-color:#5c81d6;
	border:2px solid #1234b0;
}
.category_list .title{
	padding:8px 0px 3px 0px;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#0C1F43;
	font-family:'メイリオ';
	text-shadow:2px 2px 3px #FFFFFF,-2px 2px 3px #FFFFFF,-2px -2px 3px #FFFFFF,2px -2px 3px #FFFFFF,2px 2px 3px #FFFFFF,-2px 2px 3px #FFFFFF,-2px -2px 3px #FFFFFF,2px -2px 3px #FFFFFF;	float:right;
	width: calc(100% - 70px);
}
.category_list .title2{
	padding:8px 0px 7px 0px;
	vertical-align:middle;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	color:#0C1F43;
	font-family:'メイリオ';
	text-shadow:2px 2px 3px #FFFFFF,-2px 2px 3px #FFFFFF,-2px -2px 3px #FFFFFF,2px -2px 3px #FFFFFF,2px 2px 3px #FFFFFF,-2px 2px 3px #FFFFFF,-2px -2px 3px #FFFFFF,2px -2px 3px #FFFFFF;
	width:100%;
}
.category_list .title3{
	padding:20px 0px 3px 0px;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#0C1F43;
	font-family:'メイリオ';
	text-shadow:2px 2px 3px #FFFFFF,-2px 2px 3px #FFFFFF,-2px -2px 3px #FFFFFF,2px -2px 3px #FFFFFF,2px 2px 3px #FFFFFF,-2px 2px 3px #FFFFFF,-2px -2px 3px #FFFFFF,2px -2px 3px #FFFFFF;
	float:right;
	width: calc(100% - 70px);
}
.category_list .text1{
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}
.category_list > ul > li > .icon {
	position:static;
	top:auto;
	left:auto;
	display:table-cell;
	width:auto;
	height:auto;
	padding:0;
	text-align:right;
	vertical-align:middle;
}
.listbottom {
	margin:3px 1px 0px 1px;
	padding:3px 0px 3px 3px;
	border:2px solid #CCCCCC;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	background-color:#FFFFFF;
	height:64px;
	font-family:'メイリオ';
	color:#0C1F43;
}
.listbottom2 {
	margin:3px 1px 0px 1px;
	padding:3px 0px 3px 3px;
	border:2px solid #CCCCCC;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	background-color:#FFFFFF;
	height:81px;
	font-family:'メイリオ';
	color:#0C1F43;
}
.red {
color:#FF0000;
font-size:24px;
}
.red2 {
color:#FF0000;
}
.shop_link {
	width: 100%;
	text-align: center;
	margin: 5px auto;
}
.shop_link img{
	width:95%;
}
.web_seminar {
	width: 100%;
	text-align: center;
	margin: 5px auto;
}
.seminar_link {
	width: 90%;
	padding: 0px;
	text-align: left;
	display: inline-block;
	border: 2px solid #3462CB;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: -moz-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -ms-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -o-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -webkit-linear-gradient(left, #91A9E3, #3462CB);
}
.seminar_link:hover {
	background-image: -moz-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -ms-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -o-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -webkit-linear-gradient(left, #B1D7F1, #7DBDE8);
}
.seminar_link2 {
	width:100%;
	text-align: center;
}
.seminar_image1 {
	display: none;
	float: left;
	margin: 0px 0px -5px 0px;
}
.seminar_text1 {
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 10px auto;
	vertical-align: top;
	font-size: 22px;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 3px #3462CB, 2px 2px 1px #3462CB, 2px -2px 1px #3462CB, -2px 2px 1px #3462CB, -2px -2px 1px #3462CB;
	width:100%;
	text-align: center;
	line-height: 24px;
	display: none;
}
.seminar_text2 {
	clear: both;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 10px 0px;
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 3px #FF3333, 2px 2px 1px #FF3333, 2px -2px 1px #FF3333, -2px 2px 1px #FF3333, -2px -2px 1px #FF3333;
}
.seminar_text3 {
	clear: both;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 10px 10px;
	font-size: 22px;
	font-weight: bold;
	color: #2B50A8;
	text-shadow: 2px 2px 3px #FFFFFF, 2px -2px 3px #FFFFFF, -2px 2px 3px #FFFFFF, -2px -2px 3px #FFFFFF, 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}
.seminar_text4 {
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 10px auto;
	vertical-align: top;
	font-size: 22px;
	font-weight: 700;
	color: white;
	text-shadow: 2px 2px 3px #3462CB, 2px 2px 1px #3462CB, 2px -2px 1px #3462CB, -2px 2px 1px #3462CB, -2px -2px 1px #3462CB;
	width:100%;
	text-align: center;
	line-height: 24px;
	display: block;
}
.right_menu_another {
	width:100%;
	text-align: center;
	display: block;
}
/*-------------------------------------------------
gsc
-------------------------------------------------*/
#gsc{
    width:230px;
     
    margin:0 auto;
    position:relative;
     
}
 
#gsc td {
    border: none;    
}

input.gsc-input {
 background-image:none !important;
}

#gsc .gsc-control-cse, 
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
 
#gsc input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
 
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc #gs_tti0 input{
    background-position:5px 5px !important;
}

/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0px;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a{
    position:absolute;
    top:2px;
    left:-24px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
    border: 1px solid #dddddd !important;
    height:25px !important;
    margin-top: 100px;
}
/* ボタンの色 */
#gsc input.gsc-search-button {
	background: #d2d2d2 !important;
	background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d2d2d2 !important;
	height: 25px;
	width: 60px;
	padding: 5px 22px;
}

#gsc2{
	display: block;
    width:90%;
    margin:20px auto 0px auto;
    position:relative;
}
 
#gsc2 td {
    border: none;    
}

input.gsc-input {
 background-image:none !important;
}

#gsc2 .gsc-control-cse, 
#gsc2 .gsc-control-cse-ja,
#gsc2 .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
 
#gsc2 input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
 
/* テキスト入力フォームの影を消す */
#gsc2 #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc2 #gs_tti0 input{
    background-position:5px 5px !important;
}

/* ボタンの位置調整と角丸消し */
#gsc2 .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0px;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc2 .gsib_b a{
    position:absolute;
    top:0px;
    left:-24px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc2 .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:0px 0 0 0;
}
/* テキスト入力フォームとボタンの位置 */
#gsc2 table.gsc-search-box td,
#gsc2 table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc2 input[type="text"]{
    border: 1px solid #dddddd !important;
    height:27px !important;
    margin-top: 100px;
}
/* ボタンの色 */
#gsc2 input.gsc-search-button {
	background: #d2d2d2 !important;
	background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d2d2d2 !important;
	height: 25px;
	width: 60px;
	padding: 5px 22px;
}

#gsc3{
	display: block;
    width:90%;
    margin:20px auto 0px auto;
    position:relative;
}
 
#gsc3 td {
    border: none;    
}

input.gsc-input {
 background-image:none !important;
}

#gsc3 .gsc-control-cse, 
#gsc3 .gsc-control-cse-ja,
#gsc3 .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
 
#gsc3 input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
 
/* テキスト入力フォームの影を消す */
#gsc3 #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gsc3 #gs_tti0 input{
    background-position:5px 5px !important;
}

/* ボタンの位置調整と角丸消し */
#gsc3 .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0px;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc3 .gsib_b a{
    position:absolute;
    top:0px;
    left:-24px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc3 .gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:0px 0 0 0;
}
/* テキスト入力フォームとボタンの位置 */
#gsc3 table.gsc-search-box td,
#gsc3 table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#gsc3 input[type="text"]{
    border: 1px solid #dddddd !important;
    height:27px !important;
    margin-top: 100px;
}
/* ボタンの色 */
#gsc3 input.gsc-search-button {
	background: #d2d2d2 !important;
	background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d2d2d2 !important;
	height: 25px;
	width: 60px;
	padding: 5px 22px;
}
/*カレンダー*/
#carenda {
	position:relative;
}
#carenda2 {
	position:relative;
}
.calender_top {
	text-align:center;
	width:230px;
	height:25px;
	margin: 0px auto;
	margin-top:10px;
	background-image:url(https://www.neomag.jp/images/left_menu_imag6.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
.calender_top_left{
	cursor:pointer;
	color:#2757a1;
}
.calender_top_right{
	cursor:pointer;
	color:#2757a1;
}
.calender_top_center{
	font-size:14px;
	font-weight:bold;
}
.calender_yobi{
	font-size:13px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:center;
	width:230px;
	line-height:16px;
	margin: 0px auto;
}
.calender_yobi2{
	font-size:12px;
	text-align:center;
	width:100%;
	line-height:16px;
}
.calender_main_text1{
	cursor:default;
	text-align:center;
	font-size:13px;
	line-height:12px;
	font-weight:bold;
	padding: 2px 0px 0px 0px;
}

.right_contents2 {
	position:relative;
}
.right_contents2 img{
	width:230px;
	margin:5px 0 0 0;
}
.right_contents3 {
	width: 90%;
	height: 50px;
	margin: 5px 0px 0px 0px;
	padding: 14px 0px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #3462CB;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: -moz-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -ms-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -o-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -webkit-linear-gradient(left, #91A9E3, #3462CB);
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 3px #3462CB, 2px 2px 1px #3462CB, 2px -2px 1px #3462CB, -2px 2px 1px #3462CB, -2px -2px 1px #3462CB;
}
.right_contents3:hover {
	background-image: -moz-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -ms-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -o-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -webkit-linear-gradient(left, #B1D7F1, #7DBDE8);
}
.right_contents4 {
	width: 90%;
	height: 50px;
	margin: 5px 0px 0px 0px;
	padding: 2px 0px;
	line-height: 22px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #3462CB;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: -moz-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -ms-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -o-linear-gradient(left, #91A9E3, #3462CB);
	background-image: -webkit-linear-gradient(left, #91A9E3, #3462CB);
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 3px #3462CB, 2px 2px 1px #3462CB, 2px -2px 1px #3462CB, -2px 2px 1px #3462CB, -2px -2px 1px #3462CB;
}
.right_contents4:hover {
	background-image: -moz-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -ms-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -o-linear-gradient(left, #B1D7F1, #7DBDE8);
	background-image: -webkit-linear-gradient(left, #B1D7F1, #7DBDE8);
}
.right_contents5 {
	width: 90%;
	height: 50px;
	margin: 5px 0px 0px 0px;
	padding: 12px 0px;
	line-height: 22px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #408615;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: -moz-linear-gradient(left, #87E34F, #70DE2E);
	background-image: -ms-linear-gradient(left, #87E34F, #70DE2E);
	background-image: -o-linear-gradient(left, #87E34F, #70DE2E);
	background-image: -webkit-linear-gradient(left, #87E34F, #70DE2E);
	font-size: 20px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 3px #408615, 2px 2px 1px #408615, 2px -2px 1px #408615, -2px 2px 1px #408615, -2px -2px 1px #408615;
}
.right_contents5:hover {
	background-image: -moz-linear-gradient(left, #ADEC88, #87E34F);
	background-image: -ms-linear-gradient(left, #ADEC88, #87E34F);
	background-image: -o-linear-gradient(left, #ADEC88, #87E34F);
	background-image: -webkit-linear-gradient(left, #ADEC88, #87E34F);
}
.topics_main {
	width: 100%;
	display: none;
}
.topics_main2 {
	width: 100%;
	display: block;
}
.topics_main3 {
	width: 95%;
	display: block;
	margin: 0px 10px 0px 5px;
}
.topics_title1 {
	font-weight: normal;
	font-size: 12px;
}
.topics_title2 {
	margin: 0px 10px 0px 10px;
	border:1px solid #CCCCCC;
	padding: 3px 10px;
	font-weight: bold;
	font-size: 14px;
	background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
	background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC);
	background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
}
.topics_title3 {
	border: 1px solid #CCCCCC;
	padding: 1px 5px 1px 5px;
	font-size: 12px;
	margin-left: 1em;
	background-color: #FFFFFF;
	white-space: nowrap;
}
.topics_list {
	margin: 0px 10px 10px 10px;
	padding: 10px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.topics_list a:link,.topics_list a:hover,.topics_list a:active,.topics_list a:visited {
	color:#2757a1;
}
.topics_list ul {
	list-style-type: none;
}
.topics_list li {
	border-bottom: 1px solid #CCCCCC;
	margin: 2px 0px;
}
.topics_list .date {
	margin-right: 5px;
	display: inline-block;
}
.topics_list .info {
	padding: 0px 0px 0px 0px;
	display: inline-block;
}
.neomag_news1 {
	width: 100%;
	margin: 0px 10px 10px 10px;
}
.neomag_news2 {
	width: 100%;
	margin: 0px 10px 10px 10px;
}
.neomag_news3 {
	width: 100%;
	margin: 0px 10px 10px 10px;
}
.neomag_news4 {
	width: 100%;
	margin: 0px 10px 10px 10px;
}
.news_title1 {
	margin: 0px 20px 0px 10px;
	border:1px solid #CCCCCC;
	padding: 3px 10px;
	font-weight: bold;
	font-size: 14px;
	background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
	background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC);
	background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
}
.news_text1 {
	text-align: right;
	padding: 0px 10px;
	font-size: 10px;
}
.news_list1 {
	margin: 0px 20px 0px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC;
}
.news_list1 ul {
	list-style-type: none;
	padding: 5px 8px;
}
.news_list1 li {
	font-size: 11px;
	line-height: 22px;
	background-image:url(https://www.neomag.jp/images/top_arrow_right.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
}
.pick_up1 {
	margin: 0px 20px 0px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC;
	font-size: 15px;
	line-height: 22px;
	background-image:url(https://www.neomag.jp/images/redarrow3.gif);
	background-position:8px 13px;
	background-repeat:no-repeat;
	padding:8px 0px 8px 24px;
}
.Text_404_1 {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	padding: 30px;
}
.Text_404_2{
	font-size: 20px;
	text-align: center;
	padding: 20px;
}
.Text_404_3{
	font-size: 16px;
	text-align: center;
	padding: 10px;
}
.facebook1 {
	margin: 0px 20px 0px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom:  1px solid #CCCCCC;
	font-size: 15px;
	line-height: 22px;
}
.facebook1 img {
	width:52px;
	padding: 1px 5px 1px 5px;
}
.facebook_text1 {
	position: relative;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 3px;
}
.news_groupe1 {
	width: 100%;
}
.fb-like {
	position: relative;
	top: 5px;
}
.borders1 {
	border-top: 1px solid #CCCCCC;
	margin: 0px auto;
	width: 98%;
	padding: 3px 0px;
}
.RMail_Text1 {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
	color: brown;
}
.RMail_Text2 {
	font-size: 13px;
	padding: 0px 5px;
	line-height: 20px;
	text-indent: 1em;
}
.RMail_Text3 {
	font-size: 15px;
	text-align: right;
	padding: 5px 5px;
	font-weight: bold;
	color: blue;
}
.RMail_Text4 {
	text-align: right;
	font-size: 13px;
	padding: 3px 10px;
}
.RMail_Text5 {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
}
.RMail_Text6 {
	font-size: 20px;
	padding: 5px 5px;
	line-height: 28px;
	font-weight: bold;
}
.RMail_Text7 {
	font-size: 16px;
	padding: 5px 5px;
	line-height: 24px;
	font-weight: bold;
}
.RMail_Text8 {
	text-align: center;
	font-size: 14px;
	padding: 5px 5px;
	line-height: 24px;
	font-weight: bold;
}
.RMail_Image1 {
	text-align: center;
}
.RMail_Image1 img{
	max-width:100%;
}
.kinkyu_text1 {
	text-align: center;
	font-size: 18px;
	padding: 5px 10px 20px 10px;
	font-weight: bold;
}
.kinkyu_text2 {
	text-align: center;
	font-size: 16px;
	padding: 5px 10px 20px 10px;
	font-weight: bold;
}
.kinkyu_image1 {
	display: none;
}
.rare_table1 {
	width:100%;
	margin: 10px auto;
	font-size: 14px;
	border-collapse: collapse;
}
.rare_table1 th {
	background-color: #DDD;
	padding: 5px;
}
.rare_table1 td {
	padding: 5px;
}
.china_price {
	font-weight: bold;
	text-align: center;
}
.china_price_red {
	font-weight: bold;
	text-align: center;
	color: red;
}
.china_price_green {
	font-weight: bold;
	text-align: center;
	color: green;
}
div.ticker{
	width: calc(100% - 20px);
}
div.ticker a{
	color: #000;
}
div.ticker a:hover{
	color: #000;
}

.scroll_rareearth td{
	font-size: 11px;
}
@media (min-width: 480px){
	.category_list > ul > li{
		width:220px;
		height: 158px;
	}
	.listbottom {
		height:84px;
	}
	.listbottom2 {
		height:101px;
	}
	.category_list .text1{
		font-size: 13px;
	}
	.shop_link {
		width: 93%;
		text-align: center;
		margin: 5px auto;
	}
	.shop_link img{
		width:100%;
	}
	.web_seminar {
		width: 93%;
	}
	.seminar_text1 {
		display: block;
	}
	.seminar_text3 {
		font-size: 25px;
	}
	.seminar_text4 {
		display: none;
	}
	.kinkyu_text1 {
		text-align: center;
		font-size: 21px;
		padding: 5px 20px 20px 20px;
		font-weight: bold;
	}
	.kinkyu_text2 {
		text-align: center;
		font-size: 18px;
		padding: 5px 20px 20px 20px;
		font-weight: bold;
	}
	.kinkyu_image1 {
		vertical-align: middle;
		padding-top: 7px;
		display: inline;
	}

}
@media (min-width: 768px){
	body {
		max-width: 100%;
	}
	
	main {
		margin: 0px 0px 0px 0px;
		min-height: calc(100vh - 445px);
	}
	
	#navi_main1 {
		font-size: 12px;
	}
	.category_list {
		width: 93%;
	}
	.shop_link {
		text-align: center;
	}
	.shop_link img{
		width: auto;
	}
	.seminar_link {
		width: 90%;
		display: none;
	}
	.seminar_image1 {
		display: block;
	}
	.seminar_text1 {
		width:80%;
		margin-top: 20px;
	}
	.right_menu_another {
		width: 90%;
		margin: 0px auto;
	}
	.right_contents3 {
		width: calc(98%/3);
	}
	.right_contents4 {
		width: calc(98%/3);
	}
	.right_contents5 {
		width: 100%;
	}
	.topics_list li {
		border-bottom: 0px;
	}
	.topics_list .info {
		padding: 0px 0px 0px 14px;
		background-image:url(https://www.neomag.jp/images/redarrow3.gif);
		background-position:0px 3px;
		background-repeat:no-repeat;
		display: inline-block;
	}
	.topics_main {
		width: 86%;
		margin: 0px auto;
	}
	.topics_main2 {
		width: 86%;
		margin: 0px auto;
	}
	.topics_main3 {
		width: 86%;
		margin: 0px auto;
	}
	.neomag_news1 {
		width: 86%;
		margin: 0px auto 10px auto;
	}
	.neomag_news2 {
		width: 43%;
		margin: 0px;
		float: left;
	}
	.neomag_news3 {
		width: 43%;
		margin: 10px 0px 0px 0px;
		float: left;
	}
	.neomag_news4 {
		width: 47%;
		margin: 0px 0px 0px 70px;
		float: left;
	}
	.news_groupe1 {
		width: 86%;
		margin: 0px auto;
	}
	.top_main_image1 {
		display: block;
	}
	.top_main_image2 {
		display: none;
	}
	.top_main_image3 {
		display: block;
		text-align: center;
		float: none;
		width:100%;
	}
	.kinkyu_text1 {
		text-align: center;
		font-size: 26px;
		padding: 5px 20px 20px 20px;
		font-weight: bold;
	}
	.kinkyu_text2 {
		text-align: center;
		font-size: 22px;
		padding: 5px 20px 20px 20px;
		font-weight: bold;
	}
	.kinkyu_image1 {
		vertical-align: middle;
		padding-top: 5px;
	}
	.rare_table1 {
		width:95%;
	}
	.scroll_rareearth td{
		font-size: 16px;
	}
}

@media (min-width: 980px){
	body {
		background:#f2f2f2 url(https://www.neomag.jp/images/top_bg3.gif);
		background-repeat:repeat-y;
		background-position:top center;
		max-width: 968px;
	}
	.main_contents {
		width:74%;
	}
	.main_contents3 {
		width:95%;
	}
	.right_menu {
		display: block;
	}
	.category_list {
		width:100%;
	}
	.shop_link {
		width: 100%;
		text-align: left;
		margin: 0px 0px 5px 15px;
	}
	.web_seminar {
		width:100%;
	}
	.seminar_link {
		width:80%;
	}
	#gsc2 {
		display: none;
	}
	.right_menu_another {
		display: none;
	}
	.topics_main {
		width:63%;
		float: left;
		margin-left: 10px;
		display: none;
	}
	.topics_main2 {
		width:63%;
		float: left;
		margin-left: 10px;
	}
	.topics_main3 {
		width: 95%;
		margin: 0px auto;
	}
	.topics_main3 {
		width: 95%;
		margin: 0px auto;
	}
	.neomag_news1 {
		width: 62%;
		float: left;
		margin: 0px 0px 10px 10px;
	}
	.neomag_news2 {
		width: 35%;
		float: right;
		margin: 0px 0px 10px 0px;
	}
	.neomag_news3 {
		width: 35%;
		float: right;
		margin: 0px 0px 10px 0px;
	}
	.neomag_news4 {
		width: 35%;
		float: right;
		margin: 0px 0px 10px 0px;
	}
	.news_groupe1 {
		width: 100%;
		margin: 0px;
	}
	.news_list1 li {
		font-size: 11px;
		line-height: 22px;
	}
	.kinkyu_text1 {
		text-align: center;
		font-size: 26px;
		padding: 5px 10px 20px 20px;
		font-weight: bold;
	}
	.kinkyu_text2 {
		text-align: center;
		font-size: 22px;
		padding: 5px 10px 20px 20px;
		font-weight: bold;
	}
	.top_main_image3 {
		float: left;
		display: block;
		width:70%;
		}
	.top_main_image4 {
		float: right;
		display: block;
		width:31%;
	}
	.kinkyu_image1 {
		vertical-align: middle;
		padding-top: 5px;
	}
	.kinkyu_image2 {
		vertical-align: middle;
		padding-top: 5px;
		padding-left: 13px;
	}
}