/*
	Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/14px Arial,sans-serif; color: #3a3a3a; text-align: left;
/*
background: #cad8e3 url(../img/background.gif) repeat-x 0 0; padding-top: 10px; 
*/
}

a { color: #ffc50c; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr { float: right; display:inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 980px; margin: 0 auto; p}
.spacer_height{margin-top:15px;}
.spacer_left{margin-left:5px;}
.noline_bottom{margin-bottom:-1px;_zoom: 1;overflow: hidden; }
div.line {border-bottom: dotted 1px #ccc;margin-bottom:5px;}
.redtext{color:red;}


.box { margin-bottom: 10px; }
.box .cnt { height: 100%; background: #fff; padding: 5px 10px; }
.box .bottom { background: url(../img/box-bottom.gif) no-repeat 0 0; height: 3px; }
.box .top { 
        margin-right:10px;
        margin-left:10px;
        padding:2px 6px 2px 6px;
	background: #ffaa00;
	height: 12px; 
	font-size: 11px; 
	color:#fff;
	line-height: 13px; 
	border-bottom:#ff9900 1px solid;

}

/*
	Header
*/

#header { background: url(../img/header-bg.gif) repeat-x 0 0; height: 67px; }

h1#logo { height: 58px; width: 180px; margin: 8px 0 0 10px; }
h1#logo a { display: block; height: 58px; background: url(../img/logo.png); text-indent: -4000px; }

h2#lead { height: 58px; width: 400px; margin: 12px 0 0px 20px;font-size:11px;font-weight:none;color:#ff9900; }

.a-side-header { float: right; display: inline; width: 350px; font-size: 11px; color: #8f8f8f; line-height: 20px; padding-top: 8px; }
.a-side-header a:hover { text-decoration: none; color: #ffaa00; }
.a-side-header span { line-height: 25px; }

.a-side-header span.sep { 
	float: right; 
	display: inline; 
	height: 25px; 
	width: 1px; 
	background: #ebebeb; 
	position: relative; 
	margin: 0 5px; 
}

.a-side-header .sitemap { 
	float: right; 
	display: inline; 
	color: #8f8f8f; 
	background: url(../img/icon-sitemap.gif) no-repeat 0 center; 
	padding-left: 14px; 
	line-height: 25px;
}

.sociallink{
	margin-top: 8px;
	vertical-align:middle;
}

/*
	Navigation
*/


#navigation { 
	height: 32px; 
	background: url(../img/navigation.gif) no-repeat 0 0;
	padding-top: 4px; 
	margin: 5px 0; 
}

#navigation ul { 
	list-style: none outside; 
	float: left; 
	display: inline; 
	width: 82%; 
	margin-left: 4px;
}

#navigation li { 
	float: left; 
	display: inline; 
	height: 28px; 
	margin-right: 3px;
}

#navigation li a {
	float: left; 
	display: inline; 
	height: 28px; 
	width: 84px; 
	padding-right: 10px;
	background: url(../img/nav-bg.gif) no-repeat 0 0; 
	text-align: center;
	font-size: 12px; 
	text-transform: uppercase;
	line-height: 28px; 
	color:#333; 
}

#navigation li a:hover, 
#navigation li a.active { 
	background-position: -94px 0; 
	text-decoration: none;
	font-weight:bold;
	color:#ff9e00; 
}

#search { 
	float: right; 
	display: inline; 
	width: 160px; 
	height: 25px; 
	margin: 2px 5px 0 0;
	background: url(../img/search-field.gif) no-repeat 0 0;
}

#search .field { 
	font-size: 10px; 
	float: left; 
	display: inline; margin: 6px 0 0 5px;
	width: 120px; 
	border: 0;
	background: none;
	color: #616b63;
}

#search .btn { 
	float: right; 
	display: inline; 
	height: 13px; 
	width: 12px; 
	background: url(../img/icon-search.gif) no-repeat 0 0; 
	border: 0;
	margin: 6px 7px 0 0; 
	cursor: pointer;
}


/*
	3 column set start
*/
.l_column {
	float: left;
	display: inline;
	width: 240px;
	margin-top: 6px; 
	margin-left: 0px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0px 1px 2px #ccc;
}

.c_column {
	float: left;
	display: inline;
	width: 502px;
	margin: 0 12px;
	padding:3px 3px;
}

.r_column {
	float: left;
	display: inline;
	width: 180px;
	overflow:hidden;
	padding:0px 3px 0px 0px;
}
/*
	3 column set end
*/

/*
	left column start
*/
#left_menu{
padding: 10px;
width: 220px;
/*height:1900px;*/
/*margin:3px;*/
}

/*
グラデーション用コード
#left_menu .sb-inner {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eee,EndColorStr=#ffffff);
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEsCAYAAAACUNnVAAAAo0lEQVQ4jZ2Kyw6DMAwE+f+P5R0IEOJeLG21ta2kl5F3xsM4jjK4mKYpCKiYMeZ5DgJVuH4sy6KwHAI5F+u6KiyHQM7Ftm0KyyGQ68e+7wqaDcFCSklBzroacBxH4NzLxXmeTZUugFzO+eeloeacvytmjOu6gkAVzsV930GgCteP53kUlutHKUVhOQRyLt73DQIq5p+otSpoNgQLIqIgF18iIh8xoI1yTt3hkQAAAABJRU5ErkJggg==");
background-repeat:repeat-x;
background-color:#ffffff;
}
*/

.red-box1{
margin:10px 0px 5px 0px;
}

.red-box1 a:hover{
    filter:alpha(opacity=80);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=80)"; /* IE8用 */
    -moz-opacity:0.8; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.8;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

h3{
padding:2px 2px 7px 2px; 
}

.left_box{
padding:3px;
margin-bottom:5px;
border:1px solid #ccc;
_zoom: 1;  
overflow: hidden; 
}

.left_box img:hover{
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

.box_title a{
padding:0px 2px 4px 22px;
margin-left:10px;
background: url(../img/box_arrow.png) no-repeat 0 0;
border-bottom:1px dotted #ccc;
font-weight:bold;
_zoom: 1;  
overflow: hidden; 
color:#ff9900;
display:block;
}

.box_title a:hover{
color:#ffc773;
text-decoration:none;
background: url(../img/box_arrow_hover.png) no-repeat 0 0;
}

.box_text{
padding:2px 2px 2px 22px;
margin-left:5px;
font-size:11px;
_zoom: 1;  
overflow: hidden; 
}

#left_menu ul{
list-style:none;
}

#left_menu li{
border-bottom:1px dotted #aaa;
}

#left_menu li a{
display:block;
padding:1px 5px 0px 25px;
background: url(../img/h3_li_normal.png) no-repeat 0 0;
color:#000;
margin:2px 5px 1px 5px;
height:18px;
}

#left_menu li a:hover{
background: url(../img/h3_li_hover.png) no-repeat 0 0;
color:#ff9900;
text-decoration:none;
font-weight:bold;
}

.adsense_top_left{
margin:18px 0px 8px 10px;
}

.parts{
margin:20px 0px 0px 20px;
}

.parts2{
margin:4px 0px 15px 10px;
}

.parts2:hover{
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

/*
	left column end
*/

/*
	center column start
*/

#slideShowItems a:hover{
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

#top_img {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:3px;
	padding-right:3px;
	background-color: #DFDFDB;
	text-align: left;
	border: 1px solid #FFFFFF;
	height:141px;
	width:492px;
}

a#topimg:hover{
filter: alpha(opacity=80);
opacity:0.8;
background: #fff;
}


.newsbox{
width:280px;
height:120px;
border:#ddd 1px solid;
padding:5px 2px 5px 1px;
margin:0px 5px 15px 1px;
font-size: 11px;
line-height: 1.3;
}

.news_text a{
padding: 1px 0px 0px 22px;
margin-left: 1px;
background: url(../img/box_arrow.png) no-repeat 0 0;
_zoom: 1;  
overflow: hidden; 
display:block;
color:#333;

}

.news_text a:hover{
color:#ff9900;
text-decoration:none;
background: url(../img/box_arrow_hover.png) no-repeat 0 0;
}

.banner_mini_box{
margin:0px -5px 15px 1px;
}

.banner_mini{
margin:0px 5px 7px 1px;
}

.banner_mini img:hover{
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

.threebox{
margin-right:-13px;
_zoom: 1;  
overflow: hidden; 
}

.threebox_inside{
width:155px;
margin: 5px 14px 5px 0px;
}

.threebox_inside img:hover{
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

.centerbox{
margin:18px 0px 0px 0px;
}

p.note{
	margin:0px 10px 10px 10px;
	padding:3px 5px 5px 5px;
	background-image: url(../img/note_line.gif);
	line-height: 20px;
}

.cap1{
display:block;
font-size:11px;
color:#693;
padding-top:5px;
padding-left:5px;

}

.harfbox2{
width:232px;
border:#ddd 1px solid;
padding:5px 5px 5px 5px;
margin:0px 4px 7px 2px;
}

.harfbox2 img:hover{
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

.center_text{
padding-left:7px;
_zoom: 1;  
overflow: hidden; 
line-height:15px;
text-decoration:none;
color:#000;
display:block;
margin-top:5px;
}

.product_title a{
font-weight:bold;
color:#ff9900;
margin-bottom:2px;
padding-left:7px;
}

.product_title a:hover{
color:#ffc773;
}

.directlink{
	text-align:center;
	font-size: 13px;
	margin:0px 10px 10px 5px;
	border:1px #E71C1C dotted;
	font-weight: bold;
}

.directlink a {
	padding: 6px 0 4px 0;
	color: #E71C1C;
	text-decoration:none;
	display:block;
	background: #FFF1F1;
}

.directlink a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#E71C1C;
	display:block;
}




.centerbox2{
margin:14px 0px 0px 0px;
padding:5px;
background-color: #eee;
_zoom: 1;  
overflow: hidden; 
}

#fullbox{
width:488px;
border:#ddd 1px solid;
padding:5px 5px 5px 5px;
margin:0px 4px 7px 2px;

}

.exp_box{
width:230px;
padding:5px 2px 5px 1px;
margin:10px 5px 10px 7px;
}

.exp_box li{
list-style-position:inside;
margin-bottom:5px;
padding-left: 1em;
text-indent: -1em;
}

.tothetop{
margin:10px 5px 15px 0px;
}

.adsense_top_center{
margin:5px 0px 8px 10px;
}

/*
	center column end
*/

/*
	right column start
*/
.h4_title{
	background: url(../img/h4_title.png) no-repeat 0 0;
	text-indent: -4000px;
	height:25px;
	margin-top:3px;
}

.news small { 
	display: block; 
	color: #c04226; 
	font-size: 11px; 
	margin-bottom: 3px;
	text-align:right;
}

.right_box{
	padding:5px;
	border-bottom:1px dotted #ccc;
	height:42px;

}

.right_box img:hover{
    filter:alpha(opacity=75);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=75)"; /* IE8用 */
    -moz-opacity:0.75; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.75;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.75; /* Firefox 1.5以上, Opera, Safari用 */
}

.right_box2{
	padding:3px 0px 2px 5px;
	border-bottom:1px dotted #ccc;
	height:14px;
}

.right_box2 a{
	color:#444;
}

.right_box2 a:hover{
	display:block;
	background-color:#f3f3f3;
	text-decoration:none;
	color:#ffaa00;
}

.ranking_1{
	font-size:30px;
	font-family:Times New Roman;
	font-weight:bold;
	color:#ffad00;
	margin:12px 6px 0px 0px;
}

.ranking_2{
	font-size:30px;
	font-family:Times New Roman;
	font-weight:bold;
	color:#ccc;
	margin:12px 6px 0px 0px;
}

.ranking_3{
	font-size:30px;
	font-family:Times New Roman;
	font-weight:bold;
	color:#a67000;
	margin:12px 6px 0px 0px;
}

.ranking_text{
	overflow: hidden;
	padding:7px 0px 0px 6px;
	height:40px;
}

.ranking_text a{
	color:#444;
}

.ranking_text a:hover{
	text-decoration:none;
	color:#ffaa00;
}

.h4_mobile{
	background: url(../img/h4_mobile.png) no-repeat 0 0;
	text-indent: -4000px;
	height:20px;
	margin-top:20px;
	margin-bottom:5px;
}

.right_box3{
width:180px;
border:1px solid #ddd;
text-align:center;
padding:10px 0px;
}

.h4_twitter{
	background: url(../img/h4_twitter.png) no-repeat 0 0;
	text-indent: -4000px;
	height:20px;
	margin-top:20px;
	margin-bottom:5px;
}

/*
	right column end
*/


/*
	Footer
*/

#footer { padding: 10px 0; font-size: 10px; }
#footer a { color: #3a3a3a; text-decoration: underline; }
#footer a:hover { text-decoration: none; }



/* -- Author : Keisuke.Sato Update CSS -- */

.TxRight{ text-align:right;}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;}


.onOpacity a:hover{
	filter:alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8}
	
.lastChild { margin-bottom:0!important;}
span.new { padding: 0 0 0 5px;}
span.dey { color: #dd5631; font-size: 11px; padding: 5px 0 0 5px;}
span.new5 { padding: 9px 0 0 2px;}

/*snsButton*/
ul.snsButton {}
ul.snsButton li { float: left; list-style: none;}
ul.snsButton li.Tw { width: 102px;} 
ul.snsButton li.Fb { width: 102px;} 


/*newItem*/
#newsItem { margin-bottom: 6px;}
#newsItem .Left { float: left}
#newsItem .Right { float: right; padding-right: 7px;}
#newsItem h4.productName01{
	width: 244px;
	height: 23px;
	color: #fff;
	text-align: center;
	padding: 4px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	background: url(../img/new-item-01bg.png) no-repeat;}
	
#newsItem h4.productName02{
	width: 244px;
	height: 23px;
	color: #fff;
	text-align: center;
	padding: 4px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	background: url(../img/new-item-02bg.png) no-repeat ;}

#newsItem div.Box{
	border: 1px solid #ddd;
	width: 238px;
	height: 96px;
	padding: 4px 2px 0;
	border-top: none;}
#newsItem div.Box .product_title { padding: 0 0 5px 0;}
#newsItem .center_text{ margin-top: 0;}

div.newsItem_02 { margin-bottom: 8px; margin-top: 10px;}
div.newsItem_02 ul { padding: 8px 0px 0px 12px;}
div.newsItem_02 ul li {
	float: left;
	padding-left: 20px;
	list-style: none;
	font-size: 13px;
	height: 20px;
	padding-top: 2px;
	background: url(../images/list-icon-arrow-green_14px.png) 0 2px no-repeat;}
div.newsItem_02 ul li a{
	color: #000;}
div.newsItem_02 ul li a:hover{
	color: #e7ab0b;}
div.newsItem_02 ul li.second {
	margin-left: 34px;}

div.rightBoxBnr {
	width: 180px;
	margin-bottom: 14px;}
div.rightBoxBnr p{
	margin: 0 0 10px 6px;}


/*--ticker--*/


div.ticker {
	position: relative;
	top: 6px;
	left: 24px;
	width: 667px;
	height: 15px!important;
	margin: 0 0 20px;
	padding: 8px 7px;
	text-align: left;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc; }

div.ticker a{ font-weight:bold;}
div.ticker a:link,
div.ticker a:visited {
    color: #00C;
    text-decoration:none;}
div.ticker a:hover,
div.ticker a:active {
    color: #00C;
    text-decoration: underline;}
div.ticker ul li.new{
	padding: 0 0 0 58px;
	background: url(../img/tp-icon-new.png) no-repeat 0 0;}

div.ticker  ul {
	width: 100%;
	position: relative;}

div.ticker  ul li {
	width: 100%;
	display: none;}

div.ticker  ul li dl dt,
div.ticker  ul li dl dd{
	float: left;}

div.ticker  ul li dl dt {
	padding: 0 14px 0 0;
	border-right: 1px dotted #CCC;}
div.ticker  ul li dl dd { padding: 0 0 0 13px;}
div.ticker  ul li dl dd a { padding: 0 120px 0 0}

div.ticker  ul li dl:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;}



#mailMagazine {
	margin: 18px 0 14px 13px;}

div.nextPege {
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 180px;
	height: 26px;
	background: #f79a1d;}

div.shiny-blue a{
	display: block;
	width: 100%;
	height: 56px;
	text-indent: -9998px;
	text-decoration: none;
	border-bottom: none;
	background: #fff url(../img/sp-exchange.jpg) no-repeat!important;}



.linkColorBlack {}

.linkColorBlack a { font-size: 13px;}
.linkColorBlack a:link,
.linkColorBlack a:visited {
    color: #000;
    text-decoration:none;}
.linkColorBlack a:hover,
.linkColorBlack a:active {
    color: #e7ab0b;;
    text-decoration: underline;}

span.DeliveryLink a { color: #00C; text-decoration: underline; font-weight: bold;}
span.DeliveryLink a:link,
span.DeliveryLink a:visited {
    color: #00C;
    text-decoration: underline;}
span.DeliveryLink a:hover,
span.DeliveryLink a:active {
    color: #F36;
    text-decoration: underline;}

.rightText {
	text-align: right;
	font-size: 14px;
	margin: 3px 7px 16px 0;
	font-weight: bold;}
.rightText a:link,
.rightText a:visited {
    color: #00C;
    text-decoration: none;}
.rightText a:hover,
.rightText a:active {
    color: #d43f05;
    text-decoration: none;}

ul.hotRightText { list-style: none;}
ul.hotRightText li { float: right;}
ul.hotRightText li.Text { padding: 4px 7px 0 6px;}
ul.hotRightText li a { font-weight: bold; font-size: 13px;}
ul.hotRightText li  a:link,
ul.hotRightText li  a:visited {
    color: #00C;
    text-decoration: none;}
ul.hotRightText li a:hover,
ul.hotRightText li a:active {
    color: #d43f05;
    text-decoration: none;}


span.blueLink a { font-weight: bold; font-size: 13px;}
span.blueLink  a:link,
span.blueLink  a:visited {
    color: #00C;
    text-decoration: underline;}
span.blueLink a:hover,
span.blueLink a:active {
	color: #900;
    text-decoration: none;}




/* テキストを点滅させる */
.blinking{
	-webkit-animation:blink 1.4s ease-in-out infinite alternate;
    -moz-animation:blink 1.4s ease-in-out infinite alternate;
    animation:blink 1.4s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;
}


/*margin Class*/
.Mal8 { margin-left: 8px;}
.Mab14 { margin-bottom: 14px;}
.Mab22 { margin-bottom: 22px;}
.Mab28 { margin-bottom: 28px;}

/* -- /Author : Keisuke.Sato Update CSS --  */