@charset "shift_jis";
/* CSS Document */

body {
 color: #616161;
 font-size: 12px;
 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 line-height:140%;
 }

a { color: #f60; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

img ,div ,h3 ,h4 ,table { margin:0; padding:0;}
h2{ margin:0; padding-bottom:15px;}
ul{ margin-top:0; margin-bottom:0; padding-left:0px; }
li{margin:0px; padding:0px;}
p{ padding:0;}

sup{ font-size:8px;}

img{ border:none;}
/*-----------------------------------
baselayout
-------------------------------------*/
#head_title{
	background:url(../../images/head_namebg.gif) repeat-y left;
	margin:0 auto 5px;
	padding:5px;
	font-weight:bold;}

/*パンクズ*/
.pan {
margin:auto;
width:760px;
margin-bottom:3px;
text-align:right;
font-size:85%;
font-weight:normal;
}

#wrapper{
width:760px;
color:#616161;
margin:auto;
border:1px #999999 solid;
}

/* header */
#header{
margin:auto;
width:720px;
}
h1{
margin:0 auto 0;
width:720px;
}
h1 img{
margin:5px auto;
vertical-align:top;
}

h1 img.title{
margin:0px;
}

h1 img.titleB{
margin:0px;
margin-bottom:10px;
}

h1 p{margin:0px;
padding:0px;}


/* footer */
#copy {
margin:0px auto 5px;
padding:3px;
text-align:center;
font-size:smaller;
}

/*Down Load*/

#DL {
margin:auto;
margin-bottom:6px;
padding: 0;
width:800px;
border:#CCC 1px solid;
text-align: center;
}

#DL .box2{
	margin-top: 12px;
	width:250px;
}

#DL .box3{
	margin-top: 12px;
	width:200px;
	}


/*-----------------------------------
index-multi
-------------------------------------*/
#topHeader{
	padding:0px 0px 5px;
	margin:auto;
	margin-bottom:0px;
	text-align:center;}

#indexCont{
	margin:auto;
	line-height:1.5em;}

#indexCont p{
	padding:0px;
	margin:0px;}

#indexCont .indexinner{padding:0 15px;}
#indexCont h3{border-left:#F60 10px solid; padding-left:10px; margin-left:20px; margin-right:20px; font-size:14px; line-height:2em;}
#indexCont h4{padding-left:20px; margin-left:20px; margin-right:20px; font-size:14px; line-height:2em; color:#F60;}
#indexCont .txt{padding-left:20px; padding-right:20px; margin-bottom:15px;}
#indexCont .txt2{padding-left:40px; padding-right:40px; margin-bottom:15px;}
#indexCont #notice{
}
#indexCont #notice dl{margin-left:15px; /*width:730px;*/}	
#indexCont #notice dt{
	border:none; background:#FFF; width:7em; float:left; color:#F60; font-weight:bold; margin:0px; padding:0px; clear:left;}
#indexCont #notice dd{ padding:0px; margin-left:7.5em; margin-bottom:10px;}

#indexService{
	/*background:url(../../images/index/service_bg.gif) repeat-x left top ;*/ padding:0px 20px;}
	
#indexMulti{ padding:0px 20px;}	

#indexService .indexServinner,#indexMulti .indexServinner{ background:#FFF;
padding:0px;}

#indexService .indexServinner .N360_sv{width:349px; border:#c6c6c6 solid 1px; padding:4px;}
#indexService .indexServinner .N360_svwide{ border:#c6c6c6 solid 1px; padding:4px;}

#indexService .indexServinner .N360_sv p.N360_line,#indexService .indexServinner .N360_svwide p.N360_line{ background:url(../../images/index/bg_line_N360.png) repeat-x top; padding-top:15px; }
#indexService .indexServinner .N360_sv .N360_sv_in, #indexService .indexServinner .multi_sv .N360_sv_in{ background:url(../../images/index/bg_line_N360.png) repeat-y left; padding-left:15px;}


#indexService .indexServinner .NIS_sv{width:350px; border:#c6c6c6 solid 1px; border-left:none; padding:4px;}
#indexService .indexServinner .NIS_svwide{ border:#c6c6c6 solid 1px; padding:4px;}
#indexService .indexServinner .NIS_sv p.NIS_line ,#indexService .indexServinner .NIS_svwide p.NIS_line{ background:url(../../images/index/bg_line_NIS.png) repeat-x top; padding-top:15px; }
#indexService .indexServinner .NIS_sv .NIS_sv_in ,#indexService .indexServinner .multi_sv .NIS_sv_in{ background:url(../../images/index/bg_line_NIS.png) repeat-y left; padding-left:15px;}

#indexService .indexServinner .N360_sv p.servtxt, #indexService .indexServinner .NIS_sv p.servtxt{
	padding:7px; margin-top:5px; margin-bottom:10px;}
#indexService .indexServinner .N360_svwide p.servtxt, #indexService .indexServinner .NIS_svwide p.servtxt{
	width:346px; padding:7px; margin-top:5px;}	


#indexService .indexServinner .multi_sv{ border:#c6c6c6 solid 1px; border-top:none; padding:4px;}
#indexService .indexServinner .multi_sv .and_sv_in{ background:url(../../images/index/bg_line_android.png) repeat-y left; padding-left:15px;}
#indexService .indexServinner .multi_sv .mac_sv_in{ background:url(../../images/index/bg_line_mac.png) repeat-y left; padding-left:15px;}

.title_w{width:360px;}
#indexService .indexServinner .bg_svincld{ background:url(../../images/index/bg_service_incld.png) repeat; padding:7px; margin-top:10px;}

#indexMulti .indexServinner{ background:url(../../images/multi/main_img_bg.gif) repeat;}


.col2multi{width:315px;}
#indexCont p.point{ border:#F00 1px solid; padding:5px;}

/*-----------------------------------
service tab N360 Nis
-------------------------------------*/
#tabServPC{
	background: url(../../images/tab_bg.gif) bottom left repeat-x;
	padding-top:15px;}

#tabServPC .tabServ01{margin-left:14px;}

/* service */
#service{
width:720px;
margin:auto;
}

#service .month{ background:#FFF; margin:10px auto; width:630px; padding:20px;}
#service .month ul{margin-left:10px;}
#service .month ul li{padding-left:20px; list-style:none; background:url(../../css/img/bullet_gry.gif) no-repeat left ;}

/*-----------------------------------
function
-------------------------------------*/
.box-bdrG{
	width:718px;
	border:1px #CCC solid;
	}
	
.box-bdrGin{
	padding-top:5px;
	padding-left:10px;}

.box-bdrG h2.simpleG{
	background:url(../../images/function/h2_bg.png) repeat-x bottom;
	padding-top:15px;
	padding-left:12px;
	margin-top:10px;}

/* function 360base
------------------------ */
#function, #function_d {
width:699px;
margin:0 0 0 10px; }

#function_d .contentBox{
	margin:0 5px;
	padding:12px 0 20px;
	border-bottom:1px solid #CCCCCC;
}
#function_d .contentBoxNone{
	margin:0 5px;
	padding:20px 0 20px;
	boeder-bottom:none;}

#function_d p{
	margin:10px 5px; padding:0;}

.functitle{
	height:87px;
	background: url(../../images/n360/title_bg.gif) no-repeat right bottom;
	margin-bottom:15px;
	font-size:16px; line-height:20px;}
	
/* function Nisbase
------------------------ */
#function_d dl.Pbtn{
	margin:0;
	padding:0;
	float:left;
	width:190px;}
#function_d dl.Pbtn dt img{vertical-align:bottom;}
#function_d dl.Pbtn dd{padding:6px 10px 5px;margin-bottom:6px; margin-left:0px;}
#function_d dl.P01 dd{background-color:#E3F1CD;}
#function_d dl.P02 dd{background-color:#F5EEC9;}
#function_d dl.P03 dd{background-color:#E3F2F9;}
#function_d dl.P04 dd{background-color:#F0F0F0;}

#function_d .btnL{
margin-left:10px;
width:276px;
}

#function_d .txtbase{
	float:right;
	width:450px;}

#function_d .txtbase h2{
	display:block;
	font-size:137%;
	color:#FFFFFF;
	line-height:130%;
	padding:5px 8px 10px;}

#function_d .txtbase01-nis{border:6px #60a411 solid;}
#function_d .txtbase01-nis h2{background-color:#60a411;}
#function_d .txtbase02-nis{border:6px #ff6a94 solid;}
#function_d .txtbase02-nis h2{background-color:#ff6a94;}
#function_d .txtbase03-nis{border:6px #2eb3bf solid;}
#function_d .txtbase03-nis h2{background-color:#2eb3bf;}
#function_d .txtbase04-nis{border:6px #f68d00 solid;}
#function_d .txtbase04-nis h2{background-color:#f68d00;}
#function_d .txtbase05-nis{border:6px #ff6623 solid;}
#function_d .txtbase05-nis h2{background-color:#ff6623;}

.top {
width:720px;
text-align:right;
margin:10px auto 30px;
font-size:10px;
color:#FF6600;
}

/*---------------------------------------
spec
----------------------------------------*/
 #spec dl {margin-top:10px;}
 #spec dt {
 background: #f5f5f5;
 color: #666;
 text-align: left;
 line-height: 2em;
 margin: 4px 0;
 padding: 2px 4px;
 border: 1px dashed #ccc;
 }
 #spec dd {
 line-height: 1.6em;
 text-align: left;
 margin: 4px 6px 16px;
 }
.specTitleBox{
	width:699px;
	text-align:center;
	margin:15px 0 20px;
}

/*---------------------------------------
install-step
----------------------------------------*/
#step{
width:720px; margin:0 auto 20px;}
#step img {
float:right; padding:0 0 20px 20px;}
#step table{
width:720px;
margin:0;}
#step .step_td{
width:60px;
background-color:#e2e2e2;}
#step h2 {
font-size:115%;
color:#FF6600;
text-indent:-30px;
padding:0;
margin:0 0 0 40px;}
#step p {
padding:0;
margin:10px 0 10px 45px;}
#step p strong{margin-left:-5px;}
#step td {vertical-align:top;}
#step .cap {font-size:smaller;}
#step .cap strong {font-size:120%;}

/*---------------------------------------
nisonly
----------------------------------------*/
.marutxt{
	width:530px;
	padding-right:20px;
	float:right;
	line-height:1.5em;}


/*---------------------------------------------
 function-common
-----------------------------------------------*/
.box-bdrG h2.functionttl{
background:url(../../images/function/h2_bg_yellow.png) repeat-y top left;
line-height:1.5em;
padding:10px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=15);
box-shadow:0 0 8px #cccccc;
-moz-box-shadow: 0px 0px 8px #cccccc;
-webkit-box-shadow: 0px 0px 8px #cccccc;
border:solid 3px #f9f9f9;
margin-top:15px;
}

.section{
	margin-top:15px;
	}

.section .title{padding:20px 20px 20px; 
	background:url(../../images/function/h3_bg_yellow.png) no-repeat top;
	}
.section p.txtcmn{padding:15px;}

.section h3{ font-size:16px; line-height:1.5em;}

.section div.protect{	background:#f6f6f6;}
.section dl.protect{
	padding:15px;}
	
.section dl.protect dt{
  clear: left;
  float: left;
  width: 200px;
  height:69px;
  padding-left: 5px;
  color: #000; 
	}
.section dl.protect dd{
margin-left: 220px;
height:69px;
padding-top:15px;
	}
	
.section .funcbox, .section .funcboxWide{
background:#FFF;
width:336px;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=145, Strength=3);
box-shadow:0 0 8px #cccccc;
-moz-box-shadow: 0px 0px 8px #cccccc;
-webkit-box-shadow: 0px 0px 8px #cccccc;
border: #efefef solid 1px;
	}

.section .funcboxWide{width:698px;}


.section .funcbox h3, .section .funcboxWide h3{
	background: url(../../images/function/bg_h4_func.gif) repeat;
	margin:5px;
	line-height:1.5em;
	font-size:12px;
	padding:3px;
	border-bottom:2px solid #CCC;
	overflow:hidden;
	}

.section .funcbox h3.adrd, .section .funcboxWide h3.adrd{
	background: url(../../images/function/bg_h4_funcA.gif) repeat;}
.section .funcbox h3.notice, .section .funcboxWide h3.notice{
	background:url(../../images/function/bg_notice_orggif.gif) repeat;
	padding:7px;
	color:#F60;
	text-align:center;}

.section .funcbox h3 img, .section .funcboxWide h3 img{
	margin-right:5px;
	vertical-align:middle;}


h3.eol{ border-bottom:#999 dashed 1px;
margin-bottom:15px;
font-size:1em;
line-height:1.8em;
padding:10px;}

.section .funcbox p{
	padding:0 10px 10px;
	line-height:1.5em;
	overflow:hidden;}

.section .funcboxWide p{
	padding:0 10px; margin:0;}
	
.section .pickup{
border:#ccc 1px solid;
-moz-box-shadow: 0px 0px 8px #969696;
-webkit-box-shadow: 0px 0px 8px #969696;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=4);
line-height:1.5em;
margin:10px;
}

.section .pickup div.inside{background:#f6f6f6; border:solid #FFF 5px; padding:7px;}

#service .section p.clear{padding:0px; margin:0px; clear:both; padding-bottom:10px;}
/*according
------------------------------*/
.envBtn, .envBtn:visited {
	width:80px;
	display: block;
	padding:5px;
	background:#F90;
	text-decoration: none;
	color: #FFF;
	text-align:center;
	margin:5px; margin-bottom:0;
	cursor:pointer;
	float:right;
}
.envBtn:hover{ background: #FC0;}
.envBtn.open { color: #FF0; }
.accordionArea {
	clear:both;
	padding: 7px;
	background: #F7F7F7;
	border-top: 1px #CCC solid;
	display: none;
	zoom: 1;
	margin:5px; margin-top:0;
}

.accordionArea h4{
	padding:7px;
	margin-bottom:5px;
	margin-top:15px;
	background: url(../../images/function/bg_h4_func.gif)  repeat-x bottom;
	}

.toplast{ text-align:right;}

#service .winos {border:solid 1px #CCC; padding:8px; text-align:center;}
#service .winos p{margin-top:10px; line-height:1.8em;}

/*---------------------------------------
common
----------------------------------------*/
/*bgcolor*/
.bgyellow{ background-color:#fcc800;}
.bgGryptn{background:url(../../images/index/main_img_bg.gif) repeat;}
.bgLGry{ background:#F2F2F2;}

/*float*/
.fltR{float:right;}
.fltL{float:left;}

/*text-align*/
.txtaR{text-align:right;}
.txtaL{text-align:left;}
.taC{ text-align:center;}

.vaB{vertical-align:bottom;}
.vaT{vertical-align:top;}

/*list*/
ul.bltgrey {margin-left:20px; margin-top:10px;}
ul.bltgrey li{ list-style:none; background:url(../../css/img/bullet_gry.gif) no-repeat left 2px; padding-left:20px; margin-bottom:5px; line-height:1.5em;}

ol.common{margin-left:20px; padding-left:10px;}
.linkPwin{background: url(../../css/img/icon_pop.gif) right top no-repeat; padding-right:19px;}
.arrowD{ background:url(../../images/arrow_down.gif) right top  no-repeat; padding-right:18px; }

.bdrG{border:#CCC solid 1px;}
/*margin*/
.mgn10{margin:10px}

.mgnT5{margin-top:5px;}
.mgnT7{margin-top:7px;}
.mgnT10{margin-top:10px;}
.mgnT15{margin-top:15px;}
.mgnT20{margin-top:20px;}
.mgnT30{margin-top:30px;}
.mgnT40{margin-top:40px;}
.mgnT50{margin-top:50px;}
.mgnT60{margin-top:60px;}
.mgnT70{margin-top:70px;}
.mgnT80{margin-top:80px;}

.mgnR5{margin-right:5px;}
.mgnR9{margin-right:9px;}
.mgnR15{margin-right:15px;}
.mgnR18{margin-right:18px;}
.mgnR10{margin-right:10px;}
.mgnR20{margin-right:20px;}
.mgnR30{margin-right:30px;}
.mgnR40{margin-right:40px;}

.mgnL3{margin-left:3px;}
.mgnL5{margin-left:5px;}
.mgnL7{margin-left:7px;}
.mgnL10{margin-left:10px;}
.mgnL15{margin-left:15px;}
.mgnL18{margin-left:18px;}
.mgnL20{margin-left:20px;}
.mgnL30{margin-left:30px;}
.mgnL35{margin-left:35px;}
.mgnL40{margin-left:40px;}
.mgnL50{margin-left:50px;}
.mgnL55{margin-left:55px;}
.mgnL60{margin-left:60px;}
.mgnL65{margin-left:65px;}
.mgnL80{margin-left:80px;}
.mgnL150{margin-left:150px;}
.mgnL165{margin-left:165px;}
.mgnL170{margin-left:170px;}
.mgnL180{margin-left:180px;}

.mgnB5{margin-bottom:5px;}
.mgnB10{margin-bottom:10px;}
.mgnB15{margin-bottom:15px;}
.mgnB20{margin-bottom:20px;}
.mgnB30{margin-bottom:30px;}
.mgnB40{margin-bottom:40px;}
.mgnB50{margin-bottom:50px;}
.mgnB80{margin-bottom:80px;}
.mgnB90{margin-bottom:90px;}
.mgnB100{margin-bottom:100px;}
.mgnB150{margin-bottom:150px;}

.pdg3{padding:3px;}
.pdg5{padding:5px;}
.pdg7{padding:7px;}
.pdg10{padding:10px;}
.pdg15{padding:15px;}

.pdgL15{padding-left:15px;}
.pdgR10{padding-right:10px;}
.pdgLR10{padding-right:10px; padding-left:10px;}

.pdgT15{padding-top:15px;}
.pdgT25{padding-top:25px;}

.h10{padding: 10px 0px 0px 0px;}
.h15{padding: 15px 0px 0px 0px;}
.h20{padding: 20px 0px 0px 0px;}
.h30{padding: 30px 0px 0px 0px;}


/* font */
.fs1{font-size:1px;}
.fs10{font-size:10px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.bold{font-weight:bold;}
.txtorangeB{color:#F60; font-weight:bold;}
.txtRedB{ color:#F00 ; font-weight:bold;}

/*clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}
.clear{clear:both;}

/*width */
.w340{width:340px;}