@charset "utf-8";
/* ==================================================================
CSS information
 style info :コンテンツ関係 他
================================================================== */

/* --------------------------------------------------------
			default.css上書き、リンク
-------------------------------------------------------- */
@font-face{
font-family: 'Symbols';
src: url('https://www.newsmart.jp/css/font/symbols.eot');
src: url('https://www.newsmart.jp/css/font/symbols.eot?#iefix') format('embedded-opentype'),
url('https://www.newsmart.jp/css/font/symbols.woff') format('woff'),
url('https://www.newsmart.jp/css/font/symbols.ttf') format('truetype'),
url('https://www.newsmart.jp/css/font/symbols.svg#WebSymbolsRegular') format('svg');
}
.info_font {
font-family: 'Symbols', Arial, sans-serif;
color: #000;
}

body {margin:0;padding:0;}

a:link {text-decoration: none;color:#000;}
a:visited {text-decoration: none;color:#000;}
a:hover {text-decoration: none;color:#6dbee7;}
a:active {text-decoration: none;color:#c95252;}

/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.none {display:none;}
.clear{clear:both;}
.tx_s {font-size:80%;}
.tx_m {font-size:100%;}
.tx_l {font-size:120%;}
.tx_left {text-align:left;}
.tx_center {text-align:center;}
.tx_right {text-align:right;}
.img_left {float:left;margin:0 20px 20px 20px;}
.img_right {float:right;margin:0 20px 20px 20px;}
.left {float:left;} 
.right {float:right;}
.red {color:#ff0000;}
.blue {color:#249ad6;}
.left_mgn40 {margin-left:40px !important;}
.btm_mgn30 {margin-bottom:30px !important;}
.btm_mgn50 {margin-bottom:50px !important;}
.txt_l {font-size:120% !important;}
.txt_xl {font-size:130% !important;}

/* --------------------------------------------------------
			inquery
-------------------------------------------------------- */
.inqueryButton {
	margin:20px auto;
	text-align: center;
}
.inqueryButton a:hover , span.nanapiLink a:hover {opacity: 0.8 ;}

/* --------------------------------------------------------
			header
-------------------------------------------------------- */
#wrapper {
	width:960px;
	margin:auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#header {
	width:100%;
	height:41px;
	margin-bottom:20px;
}
h1 {
	float:left;
	height:41px;
	width:210px;
}
h1 {
	display:block;
	font-size:0;
}
.gnavi {
	float:left;
	border-bottom:1px solid #ccc;
	width:750px;
	overflow:hidden;
}
.gnavi li {
	float:left;
	width: 125px;
	height: 40px;
	overflow: hidden;
}
.gnavi li a {
	display:block;
}
.gnavi_home img     {margin-top:-40px;}
.gnavi_function img {margin:-40px 0 0 -125px;}
.gnavi_mobile img   {margin:-40px 0 0 -250px;}
.gnavi_android img  {margin:-40px 0 0 -375px;}
.gnavi_iphone img   {margin:-40px 0 0 -500px;}
.gnavi_inquery img  {margin:-40px 0 0 -625px;}

.feature_main {
	font-weight:lighter;
	overflow:hidden;
}
.feature_mainInner1 {
	width:930px;
	margin:30px 15px 10px 15px;
	padding-bottom:18px;
	border-bottom:1px solid #ccc;
	background:url("../images/feature/nmtop_img.png") no-repeat;
}
.maincontents_text {
	width:420px;
	height:390px;
	font-size:133%;
	float:right;
	color:#333;
}

/* --------------------------------------------------------
			index.html
-------------------------------------------------------- */

.mainCont {
	width:719px;
	float:left;
}
.left_contents {
	border-right:1px solid #ccc;
}
h2.left_ttl {
	width:690px;
	margin:0 0 10px 9px;
	padding:0 0 5px 10px;
	border-bottom:2px solid #6dbee7;
}
.feature_contentsInner {
	width:719px;
}
.feature_contents_block {
	width:720px;
	}
ul.contents_section {
	width:719px;
	height:270px;
	margin:25px 0;
}
ul.contents_section li {
	width:219px;
	padding-left:20px;
	float:left;
}
ul.contents_section li.vline {background:url("../images/common/vline.png") no-repeat right;}
ul.contents_section li p {
	width:190px;
	height:200px;
	margin-top:10px;
	line-height:1.6em;
	font-size:102%;
	display:block;
}
p.maximum { background:url("../images/feature/featureBG.png") no-repeat 0 90px;}
p.fast    { background:url("../images/feature/featureBG.png") no-repeat -220px 90px;}
p.ptimum  { background:url("../images/feature/featureBG.png") no-repeat -430px 90px;}

ul.feature_device_area {
	height:124px;
}
ul.feature_device_area li {
	width:226px; height:124px;
	margin-left:10px;
	float:left;
}
.feature_device_area li a {
	display:block;
	width:220px; height:118px;
	border:3px solid #fff;
}
.feature_device_area li a:hover {border:3px solid #6dbee7;}
.feature_device_area li a:active {border:3px solid #6dbee7;}

/* --------------------------------------------------------
                        お知らせ
-------------------------------------------------------- */
#infoList {
        width:679px;
	height: 210px;
        margin:0 20px 30px 20px;
        background:#fff;
	overflow: scroll;
	overflow-x: hidden;
}
#infoList ul {
        list-style:none;
}
#infoList ul li {
        padding:5px 0 5px 10px;
        border-bottom:1px dotted #CCC;
        cursor:pointer;
}
#infoList ul li p {float:left;}
#infoList ul li:hover {
        color:#6BB0E5;
        background: #efefef;
}
#infoList ul li p.infodate {
	width:95px;
        color: #999;
        font-size: 110%;
	text-align: left;
	margin-left: 10px;
}

/* --------------------------------------------------------
                        Modal Window
-------------------------------------------------------- */
.info_ttl {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        font-size: 145%;
        font-weight: bold;
        color: #7DB9E8;
}
.info_detail {
        margin-bottom: 10px;
        font-size: 120%;
}
.date {
        text-align: right;
        color: #999;
        float:right;
}
.tbox {
        position:absolute;
        display:none;
        padding:14px 17px;
        z-index:900}
.tinner {
        width:750;
        height:500;
        padding:15px;
        -moz-border-radius:5px;
        border-radius:5px;
        background:#fff url(../images/common/preload.gif) no-repeat 50% 50%;
        border-right:1px solid #333;
        border-bottom:1px solid #333
}
.infolist {
        text-align: right;
}
.infolist a {
        padding: 3px 10px;
        background: #efefef;
        border-radius: 10px;
}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/common/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

/* --------------------------------------------------------
			function.html
-------------------------------------------------------- */	
h2.right_ttl {
	width:210px;
	margin:0 0 10px 10px;
	padding:0 0 5px 10px;
	border-bottom:2px solid #6dbee7;
}
.funcBox {
	width:699px;
	margin:auto;
	border:1px solid #ccc;
}
.endBox {
	margin-bottom:10px;
}
.funcBox2 {
	width:343px;
	height:280px;
	margin:0 0 10px 10px;
	border:1px solid #ccc;
	float:left;
}
.funkInfo_txt {
	width:320px;
	margin:0 0 10px 15px;
	font-size:108%;
}
dl.mynews_mailtxt {
	width:330px;
	margin-left:10px;
}
.mynews_mailtxt dt {
	margin-bottom:5px;
	color:#ff8c00;
}
.mynews_mailtxt dd {
	font-size:94%;
	margin-bottom:10px;
}
.mailtxt_info {
	width:320px;
	height:315px;
	position:relative;
	left:355px;
	margin-top:20px;
}
.mail_ttl {
	float:left;
	margin-bottom:5px;
}
.mail_txt {
	width:320px;
	font-size:108%;
	margin-bottom:10px;
}
p.iphonetxt {
    height: 25px;
    width: 120px;
	float:left;
	font-size:108%;
	color:#999;
	margin-top:5px;
}
p.sportsttl_info {
	margin:10px 0 10px 0;
}
ul.prosports_txt {
	width:125px;
	margin-left:20px;
	float:left;
	font-size:95%;
}
ul.amasports_txt {
	width:145px;
	float:left;
}
.mynews_ttl   {width:128px; height:25px; background:url("../images/function/function_ttl.png") no-repeat 0 0; margin:25px 0 10px 20px;}
.shopping_ttl {width:210px; height:25px; background:url("../images/function/function_ttl.png") no-repeat -140px 0; margin:10px 0 0 20px;}
.clipping_ttl {width:125px; height:25px; background:url("../images/function/function_ttl.png") no-repeat -365px 0; margin:10px 0 0 20px;}
.mail_ttl     {width:120px; height:25px; background:url("../images/function/function_ttl.png") no-repeat -500px 0;}
.sports_ttl   {width:140px; height:25px; background:url("../images/function/function_ttl.png") no-repeat -630px 0; margin:20px 0 10px 20px;}

.mynews    {background:url("../images/function/img_mynews.png") no-repeat right bottom; height:280px;}
.news_shop {background:url("../images/function/img_newsshopping.png") no-repeat right bottom;}
.clipping  {background:url("../images/function/img_clipping.png") no-repeat right bottom ; margin-left:10px;}
.mail      {background:url("../images/function/img_mail.png") no-repeat left bottom;}
.sports    {background:url("../images/function/img_sports.png") no-repeat bottom right; height:250px;}

/* --------------------------------------------------------
			faq.html
-------------------------------------------------------- */
.faq_font {
	font-family: 'Symbols', Arial, sans-serif;
	color: #69CE7A;
	font-size: 0.9em;
}
.faqinfo {
	margin: 10px 0 20px 20px;
	font-size: 110%;
}
ul.faqcontent {
	width: 680px;
	margin: auto;
}
ul.faqcontent li.faqslist {
	margin-bottom: 15px;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 10px;
}
.faq_question {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 110%;
	color: #FF7E47;
}
.faq_answer {color: #565656;}
.faqdevice {
	width: 699px;
	margin: 35px 0 10px 20px;
}

/* --------------------------------------------------------
			keitai.html
-------------------------------------------------------- */
.ktaiQR_ttl {
	width:690px;
	margin:0 0 10px 10px;
	padding:0 0 5px 10px;
	border-bottom:2px solid #6dbee7;
}
.tabsttl {
	height:40px;
	background-color:#4F4F4F;
}
.tabs_1 {
	width:162px;
	height:40px;
	background:url("../images/sitelist/tab_title.png") no-repeat 0 10px;
	overflow:hidden;
	margin-left:20px;
}
.tabs_2 {
	width:120px;
	height:40px;
	background:url("../images/sitelist/tab_title.png") no-repeat -168px 10px;
	overflow:hidden;
	margin-left:20px;
}
ul.list_area {
	width:719px;
	min-height: 600px;
}
ul.list_area li.list_block {
	width:239px;
	height:150px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
}
ul.list_area li:nth-of-type(3n) {
	border-right:none;
}

.list_ttl {
	width:230x;
	height:17px;
	margin:5px 0 0 10px;
	color:#2FA3D8;
	font-size:106%;
	font-weight:bold;
}
.list_ttl a {
	color: #2FA3D8;
}
.text_qr {
	height:80px;
	margin-left:10px;
}
.leftSetText {
	width:140px;
	height:75px;
	margin-top:9px;
	float:left;
	font-size:98%;
}
.qrCode {
	width:80px;
	height:80px;
	float:right;
	margin:0 5px 0 0;
}
.img_mailarea {
	width:239px;
	text-align:center;
}
.beforeText {
	margin-top:9px;
	float:left;
	font-size:98%;
	padding:0 5px;
}
.text_qr_op {
	height:70px;
}

/* --------------------------------------------------------
			sidebar
-------------------------------------------------------- */
.sidebar {
	width:240px;
	_width:1px;
	float:left;
}
.function_device_area {
	width:100%;
	margin-bottom:15px;
}
ul.function_devicelist {
	width:226px;
	margin:auto;
	_margin-left:5px;
}
ul.function_devicelist li {
	height:124px;
	margin-top:7px;
}
ul.function_devicelist li a {
	display:block;
	width:220px; height:118px;
	border:3px solid #fff;
}
.function_devicelist li a:hover {border:3px solid #6dbee7;}
.function_devicelist li a:active {border:3px solid #6dbee7;}

.facebook {text-align:center;}

/* --------------------------------------------------------
			top_back
-------------------------------------------------------- */
.top_back {
    line-height: 30px;
    margin: 0;
    padding: 0 15px 0 0;
    text-align: right;
}
.top_back a {
	padding-left:20px;
	background:url("../images/common/icon_toparrow.gif") no-repeat 0 3px;
}

/* --------------------------------------------------------
			footer
-------------------------------------------------------- */
.footer {
	border-top:1px solid #ccc;
	line-height: 0.9em;
    text-align: right;
}
.Inner {margin-top:10px;}
.footer p {
	margin:0 10px 20px 0;
}
.backcolor {
	padding:5px 15px;
	background-color:#efefef;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Copyright {
	padding:3px 10px 5px 0;
	text-align:right;
	background:none repeat scroll 0 0 #5C5C5C;
	color:#ffffff;
}