@charset 'utf-8';

/**********ALL**********/
#rs_contents{
	margin: 0px 20px 0px 20px;
}
#rs_contents a:link{
	color: #0066cc;
}
#rs_contents a:hover,
#rs_contents a:active{
	color: #ff7640;
}
#rs_contents a:visited{
	color: #663399;
}
#rs_contents h1{
	clear: both;
	margin: 0px 0px 5px 0px;
	padding-bottom: 3px;
	border-bottom: 1px #5c5c5c dotted;
	color: #0066cc;
	font-size: 14px;
}
#rs_contents h2{
	padding: 4px 5px 3px 15px;
	border: 1px #a7a7a7 solid;
	background: url(../images/h2_bg.gif) no-repeat center center;
	font-size: 12px;
	clear: both;
}
#rs_contents p{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 120%;
}
#rs_contents .pan{
	float: right;
	margin: 5px 0px 15px 0px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	line-height: 110%;
	display: none;
}
.pagetop{
	background: url(../images/arrow_g.gif) no-repeat 440px 5px;
	font-size: 11px;
	margin: 10px 0 3px 0;
	text-align: right;
	clear: both;
	display: none;
}
#rs_contents .new{
	padding: 0px 5px 0px 5px;
	color: #ff0000;
}
#rs_contents .point,
#rs_contents .now{
	color: #ff7600;
}

/**********新着情報**********/
#new{
	margin: 0 0 5px 20px;
	border-bottom: #555 dotted 1px;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	width: 472px;
}
#new h2{
	font-size:12px;
	border-top:#555 dotted 1px;
	border-bottom:#555 dotted 1px;
	padding: 4px 0 3px 7px;
	background: url(../images/new_bg.gif) no-repeat left center;
	font-weight: normal;
	margin: 10px 0 3px 0;
}
#new_txt{
	height: 67px;
	margin: 0 0 3px 0;
	overflow: auto;
}
#new dl{
	margin: 0;
	padding: 0;
	clear: left;
}
#new dl dt{
	float: left;
	margin: 0 0 0 5px;
	padding: 0 0 0 12px;
	background: url(../images/arrow_ggg.gif) no-repeat left center;
}
#new dl dd{
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 6px 0;
	width: 345px;
}

/**********問い合わせ**********/
#inq{
	width: 236px;
	position: absolute;
	left: 513px;
	top: 412px;
	height: 100px;
	background: url(../images/inq_bg.gif) no-repeat center top;
}
#inq h2{
	font-size:13px;
	margin:0;
	padding:10px 0 0 0;
	background: url(../images/new_bg.jpg) no-repeat center top;
	text-indent: 30px;
	color: #000000;
	width: 236px;
	height: 34px;
}
#inq p{
	margin-top:3px;
	padding:12px 5px;
	font-size:11px;
	margin: 0;
	clear:both;
}
/**********TOP Menu**********/
#top_menu{
	width: 710px;
	height: 100px;
	margin-left: 21px;
	clear: both;
}
#top_menu dl {
	float: left;
}

#top_menu dt{
	background: #000099;
	width: 236px;
	padding: 6px 0;
	font-size: 13px;
}
#top_menu dd {
	padding: 5px;
	font-size: 12px;
}
#top_menu h2{
	font-size:13px;
	margin:0;
	padding:11px 0 10px 0;
	background: url(../images/topmenu_h2.jpg) no-repeat center top;
	text-indent: 30px;
	color: #000000;
}

#top_menu ul li {
	font-size:12px;
	list-style:none;
	margin:5px 0;
	padding:2px 0;
	text-indent: 20px;
}

#menu_box01{
	width: 236px;
	float: left;
	background: url(../images/menubox01.jpg) repeat-y bottom;
	border-bottom: 1px solid #919191;
	height: 150px;
}
#menu_box02{
	width: 236px;
	float: left;
	background: url(../images/menubox02.jpg) repeat-y bottom;
	border-bottom: 1px solid #919191;
	height: 150px;
}
#menu_box03{
	width: 236px;
	float: left;
	background: url(../images/menubox03.jpg) repeat-y center bottom;
	border-bottom: 1px solid #919191;
	height: 150px;
}
#frame #top_menu #menu_box01 a,#frame #top_menu #menu_box02 a,#frame #top_menu #menu_box03 a {
	background: url(../images/arrow_g.gif) no-repeat left;
	padding:0 0 0 8px;
}
#frame #top_menu #menu_box01 a:hover,#frame #top_menu #menu_box02 a:hover,#frame #top_menu #menu_box03 a:hover {
	background: url(../images/arrow_o.gif) no-repeat left;
	padding:0 0 0 8px;
}

/**********キャンペーン情報**********/
#rs_contents .campaign ul{
	margin: 0px 0px 20px 0px;
}


#rs_contents .campaign ul li{
	margin: 5px 0px 0px 20px;
	font-size: 12px;
	line-height: 120%;
}
#rs_contents .campaign strong{
	color: #0066cc;
}
#rs_contents .campaign .top{
	margin: 0px;
}

/**********ALL**********/
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin: 0;
	padding: 0;
}
body {
	margin: 0 0 0 20px;
	padding: 0px;
	color: #5c5c5c;
	background: #FFF;
}
a:link,
a:visited{
	color: #5c5c5c;
	text-decoration:none;
}
a:hover,
a:active{
	color: #ff7640;
	text-decoration:none;
}
p,img,ul,ol,dl,form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.s_moji{
	font-size:9px;
}
/**********レイアウト**********/
#frame{
	width: 753px;
	margin: 0px 0px 20px 0px;
	background-color: #FFF;
}
#frame2{
	width: 753px;
	margin: 0px 0px 20px 0px;
	background: url(../images/frame2.gif) repeat-y;
}
#top{
	width: 750px;
	height: 45px;
	text-align: center;
	background-color: #FFF;
}
#header{
	clear: both;
	width: 750px;
	height: 36px;
	background: #e3e3e3;
	display:none;
}
#footer{
	clear: both;
	width: 750px;
	background: #e3e3e3;
	text-align: center;
	display:none;
}
#main_top{
clear: both;

}
#main2{
	clear: both;
	float: right;
	width: 588px;
	background-color:#FFF;
}
#menu{
	float: left;
	width: 162px;
	background: url(../images/sub_list_an_bg.gif) repeat-y;
}

/**********トップ**********/
#top p{
	float: right;
	margin: 5px 0px 0px 0px;
}
#top img{
	float: left;
	margin: 10px;
}
#top ul{
	padding: 20px 0px 0px 0px;
	list-style: none;
}
#top li{
	display: inline;
	margin: 0px 10px 0px 10px;
}
#top li a{
	padding: 0px 0px 0px 7px;
	background: url(../images/arrow_b.gif) no-repeat 0px 2px;
	font-size: 11px;
	line-height: 110%;
	font-weight: bold;
	color: #FFF;
}
/**********ヘッダー**********/
#header{
	border-bottom: 6px #009D61 solid;
}
#header ul{
	padding: 8px 0px 0px 5px;
	list-style: none;
}
#header li{
	display: inline;
	float: left;
	margin: 0px 7px 0px 7px;
}
#header li a{
	display: block;
	float: left;
	padding: 0px 0px 5px 13px;
	background: url(../images/arrow_bb.gif) no-repeat 0px 2px;
	font-size: 11px;
	font-weight: bold;
	line-height: 110%;
}

/**********メニュー**********/
.main_list{
	display: block;
	width: 161px;
	padding: 8px 0px 5px 0px;
	border-top: 1px #a7a7a7 solid;
	background: #ffffff url(../images/main_menu_off.gif) no-repeat 0px 0px;
	text-indent: 20px;
	font-size: 12px;
	line-height: 120%;
	color: #000;
	}
.inq_list a,.inq_list a:hover{
	display: block;
	width: 161px;
	padding: 8px 0px 5px 0px;
	border-top: 1px #a7a7a7 solid;
	background: url(../images/main_menu_inq.gif) no-repeat 0px 0px;
	text-indent: 20px;
	font-size: 12px;
	line-height: 120%;
}
.sub_list{
	display: block;
	width: 161px;
	padding: 8px 0px 5px 0px;
	border-top: 1px #a7a7a7 dotted;
	background: #ffffff url(../images/sub_list_bg.gif) no-repeat center center;
	text-indent: 22px;
	font-size: 11px;
	line-height: 110%;
	font-weight: normal;
	margin: 0;
}


#menu{
border-bottom:1px solid #888;}
#menu p{
	width: 162px;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	line-height: 110%;
}

#sub_menu {
	float: left;
	width: 161px;
}
#sub_menu li {
	font-size: 12px;
	list-style-type: none;
}
.main_list a,.sub_list a {
	width: 161px;
	display: block;
}

#sub_menu_here {
	display: block;
	width: 161px;
	padding: 8px 0px 6px 0px;
	border-top: 1px #a7a7a7 dotted;
	background: url(../images/sub_list_r_bg.gif) no-repeat center top;
	color: #ff7640;
	text-indent: 22px;
	font-size: 11px;
	line-height: 110%;
	font-weight: normal;
}
#sub_menu_here ul li a {
	width: 161px;
	padding:3px 0;
	margin-top:6px;
	display: block;
	text-indent:30px;
	letter-spacing: normal;
	list-style:none;
}
.color_bulu{
color:#0066FF;
}

.break{
	margin:0;
	padding:0;
	clear: both;
}
.left{
	clear: left;
}
.right{
	float:left;
	width: 380px;
}
/**********タブメニュー**********/
.tab{
	clear:both;
	margin-bottom: 15px;
}
.tab ul li{
	display: inline;
}
.tab01 a{
	background: url(../solution/images/01_r.gif) no-repeat left center;
	width: 137px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
	font-size: 1px;
}
.tab01 a:hover,.tab01_h{
	background: url(../solution/images/01.gif) no-repeat left center;
	width: 137px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
	font-size: 1px;
}
.tab02 a{
	background: url(../solution/images/02_r.gif) no-repeat left center;
	width: 136px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
	font-size: 1px;
}
.tab02 a:hover,.tab02_h{
	background: url(../solution/images/02.gif) no-repeat left center;
	width: 136px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
	font-size: 1px;
}
.tab03 a{
	background: url(../solution/images/03_r.gif) no-repeat left center;
	width: 136px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
	font-size: 1px;
	}
	.tab03 a:hover,.tab03_h{
	background: url(../solution/images/03.gif) no-repeat left center;
	width: 136px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
	font-size: 1px;
}
.tab04 a{
	background: url(../solution/images/04_r.gif) no-repeat left center;
	width: 137px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
	font-size: 1px;
	}
	.tab04 a:hover,.tab04_h{
	background: url(../solution/images/04.gif) no-repeat left center;
	width: 137px;
	padding: 9px 0;
	display: block;
	height: 31px;
	float: left;
}

/**********フッター**********/
#footer p{
	padding: 7px 0px 5px 0px;
	border-top: 1px #5c5c5c dotted;
	background: #ffffff;
	font-size: 11px;
	line-height: 110%;
}
#footer .point{
	padding: 5px 0px 3px 0px;
	border: 0px;
}
#footer ul{
	padding: 0px 0px 2px 0px;
	border-top: 1px #5c5c5c dotted;
	list-style: none;
}
#footer li{
	display: inline;
	margin: 0px 7px 0px 7px;
}
#footer li a{
	padding: 0px 0px 0px 7px;
	background: url(../images/arrow_g.gif) no-repeat 0px 2px;
	font-size: 11px;
	line-height: 110%;
	font-weight: bold;
}

/**********トップイメージ**********/
#top_image{
	margin: 0px;
	height: 358px;
	background: url(../images/top_image.jpg) no-repeat 0px 0px;
}
#top_image h1{
	width: 288px;
	margin: 0px;
	position: relative;
	left: 50px;
	top: 125px;
	border: 0px;
	color: #C32C2C;
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
}
#top_image p{
	width: 170px;
	margin: 0px;
	position: relative;
	left: 57px;
	top: 98px;
	border: 0px;
	color: #333;
	line-height: 140%;
	font-size:13px;
}


/*新着情報*/
#image .news_image{
	margin: 0px;
	height: 79px;
	background: url(../images/news_image.jpg) no-repeat 0px 0px;
}
/**********クレジット決済システム**********/
.top_image_s{
	background: url(../images/shopping.jpg);
	height: 79px;
}
.top_image_c{
	background: url(../images/credit.jpg);
	height: 79px;
}
.top_image_sp{
	background: url(../images/special.jpg);
	height: 79px;
}
.top_image_su{
	background: url(../images/support.jpg);
	height: 79px;
}
.top_image_te{
	background: url(../images/tech.jpg);
	height: 79px;
}
.top_image_st{
	background: url(../images/store.jpg);
	height: 79px;
}
.top_image_wh{
	background: url(../images/whatsnew.jpg);
	height: 79px;
}
.top_image_s p,.top_image_c p,.top_image_sp p,.top_image_su p,.top_image_te p,.top_image_st p,.top_image_wh p{
	font-size:15px;
	color:#FFFFFF;
	padding: 30px 0 0 35px;
	letter-spacing:5px;
}
.credit{
	line-height: 120%;
}
.credit h3{
	font-size: 13px;
	margin: 10px 0 8px 15px;
	background: url(../images/h3_line.gif) no-repeat right 18px;
	color: #000000;
	padding: 0 0 10px 6px;
}
.credit h4{
	font-size: 13px;
	padding:2px 0;
	float:left;
	color:#FFF;
	background-color:#0000FF;
	width: 105px;
	margin-left: 5px;
	text-align: center;
	clear: both;
}
.under_c{
border-left:3px solid #0066FF;
padding-left:6px;
}
.credit p{
	padding: 0 3px 3px 18px;
	line-height: 150%;
	text-indent: 1em;
}
.credit ul{
margin-bottom:20px;
}
.credit ul li{
	list-style: none;
	font-size: 12px;
	line-height: 130%;
	margin-bottom: 10px;
	margin: 0 3px 10px 28px;
}
.credit dl{
	margin: 0 0 0 30px;
	padding: 0;
}
.credit dl dt{
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 14px;
	background: url(../solution/images/credit_dt_bg.gif) no-repeat left top;
}
.credit dl dd{
	font-size: 12px;
	line-height: 130%;
	padding: 0 0 2px 0;
}
.credit ol li{
	list-style-type: decimal;
	margin: 0 0 2px 30px;
}
.compo{
	margin-left: 35px;
}
.td_01{
	font-size: 13px;
	margin: 8px 0 10px 0;
	padding: 3px 0 3px 10px;
	background-color: #003399;
	color: #FFFFFF;
}
.td_02{
	font-size: 12px;
	padding: 4px 0 4px 40px;
	vertical-align: top;
	border-bottom: 1px solid #555;
}
.td_03{
	font-size: 12px;
	padding: 4px 0 4px 30px;
	width: 300px;
	vertical-align: top;
	border-bottom: 1px solid #555;
}
.td_04{
background-color: #003399;
}
.ez_moni{
	margin: 0px;
	padding: 0px;
	clear:both;
}
.ez_moni img {
	margin:3px 6px 0 0;
}
.bun_box{
	width:355px;
	line-height:130%;
	color: #0099FF;
	float: right;
	padding: 30p 0 0 0;
}
.ezpos_ul{
	float: right;
	position: absolute;
	left: 481px;
	top: 310px;
	width: 216px;
	padding: 0;
	}
.brown{
color:#993300;
margin:0;
padding:0;
}

/* ポップアップ */
#pop,#pop1{
	width: 550px;
	margin: 0px 0px 20px 0px;
	border-right: #404040 3px solid;
	border-bottom: #404040 3px solid;
	text-align: center;
	background: #FFFFFF url(../images/pop_bg.gif) repeat-x top;
	}
#pop h1{
	font-size: 14px;
	padding: 0;
	background: url(../solution/images/pop_h1.gif) no-repeat center top;
	width: 496px;
	height: 46px;
	text-indent: -9000px;
	margin: 0;
}
#pop1 h1{
	font-size: 14px;
	padding: 0;
	background: url(../solution/images/pop1_h1.gif) no-repeat center top;
	width: 496px;
	height: 46px;
	text-indent: -9000px;
	margin: 0;
}
#pop h2,#pop1 h2{
	margin: 0;
	padding: 16px 0 0 68px;
	text-align: left;
	font-size: 14px;
	color: #000000;
}
#pop img{
}
#pop ul,#pop1 ul{}
#pop ul li,#pop1 ul li{
	background: url(../images/arrow_b.gif) no-repeat 245px 16px;
	list-style: none;
	padding: 10px 0 10px 0px;
	font-size: 12px;
}
/**********　保有技術　**********/
.tec{
	line-height: 120%;
}
.tec h3{
	font-size: 13px;
	margin: 10px 0 8px 15px;
	background: url(../images/h3_line.gif) no-repeat right 18px;
	color: #000000;
	padding: 0 0 10px 6px;
	clear: both;
}
.tec h4{
	font-size: 13px;
	padding:2px 0;
	float:left;
	color:#FFF;
	background-color:#0000FF;
	width: 105px;
	margin-left: 5px;
	text-align: center;
}
.tec p{
	padding: 0 3px 3px 18px;
	line-height: 150%;
	text-indent: 1em;
}

#tec01{
	font-size: 12px;
	background: url(../technology/images/tec01.gif) no-repeat center center;
	height: 150px;
	vertical-align:middle;
}
#tec02{
	font-size: 12px;
	background: url(../technology/images/tec02.gif) no-repeat center center;
	height: 150px;
	vertical-align:middle;
}
#tec03{
	font-size: 12px;
	background: url(../technology/images/tec03.gif) no-repeat center center;
	height: 150px;
	vertical-align:middle;
}
#tec04{
	font-size: 12px;
	background: url(../technology/images/tec04.gif) no-repeat center center;
	height: 150px;
	vertical-align:middle;
}
.tec_l{
	width: 220px;
	float: left;
	padding: 0 0 0 30px;
}
.tec_r{
	width: 220px;
	float: right;
	padding: 30px 0 0 40px;
}
.tec_l ul li,.tec_r ul li{
	padding: 5px 0;
	line-height:120%;
}
.left_img{
float:left;
padding:5px 10px;
}
/**********新着情報**********/
#rs_contents .whatsnew dl{
	margin: 0px;
	padding: 0px;
}
#rs_contents .whatsnew dt{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #FF6600;
	font-size: 12px;
	line-height: 130%;
}
#rs_contents .whatsnew dd{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 130%;
}
#rs_contents .whatsnew dd a{
	margin: 0px;
	padding: 0px 0px 0px 12px;
	background: url(../images/arrow_ggg.gif) no-repeat 0px 2px;
	font-size: 12px;
	line-height: 130%;
}
/*　改ページ　*/
.kai{page-break-before: always; }
hr{
display:none;
}