
/*--160608_vtop_ysm--*/

#appicon {
	float: left;
	margin: 0 10px 10px 0
}
#outline {
	padding: 0;
	margin: 0 0 10px 0
}
#cat {
	font-size: 85%;
	margin: 5px 0 0;
	float: left;
	width: 100%;
}
#cat dt {
	font-weight: bold;
	float: left
}
#cat dd {
	margin-left: 0.5em;
	float: left;
	margin-right: 15px
}
#cat dd.cat_os {
	float: none;
}
#cat dd.cat_media img {
	vertical-align: middle;
}
#pro_point li {
	font-weight: bold
}
#pagein_index ul {
	margin: 0;
	padding: 0;
	list-style: none
}
#pagein_index li {
	margin: 0;
	padding: 0;
	float: left;
	white-space: nowrap;
}
.EC_cartItem {
	margin: 15px !important
}
#EC_UBOX {
	margin: 0 15px 15px!important;
	font-size: 85%
}
#EC .cBox td {
	font-size: 70%
}
#EC .ec_addbox {
	width: 200px;
	margin: 0 15px;
	display: none;
}
#EC .cpbox {
	width: 180px;
	background: #FF9900;
	padding: 5px;
}
* html #EC .cpbox {
	padding: 0px;
}/* IE6 */
#EC .cpbox p a {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
#EC #ecNavi {
	display: none
}
/*モバイル用導線*/
#link_mobile {
	margin: 10px;
	background: #fff;
	padding: 20px;
	cursor: pointer;
	display: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 2px #929292;
	-moz-box-shadow: 5px 5px 2px #929292;
	background: -moz-linear-gradient(top, #fff, #ccc)/* Firefox用 */;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc))/* Safari,Google Chrome用 */;
}
#link_mobile p {
	font-size: 40px;
	margin-bottom: 0;
	line-height: 100%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 -3px 3px #FFF, -3px 0 3px #FFF, 3px 0 3px #666;
}
/*製品名*/
#title .icon_new {
	display: none
}
#title .icon_newNEW {
	vertical-align: middle;
	margin: -3px 5px 0 0;
	display: inline;
	float: left
}
#title h1 {
	float: left;
	margin-right: 5px
}
#title .subtitle {
	margin: 0;
	float: none;
	font-size: 65%;
	font-weight: normal
}
#title .web_on {
	float: left;
	margin: 2px 0 0 3px;
	vertical-align: top
}
#title .web_off {
	display: none
}
#title .summary {
	clear: both
}
/*スライダーバナー*/
#slider {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 680px;
	height: 275px;
	overflow: hidden;
	background: url(~/media/C618F714371945EAAAC2F7A4FD335B82.ashx) repeat-x left 1px;
}
#slider a:focus {
	outline: 0;
}
.slider-view {
	position: relative;
	width: 680px;
	height: 255px;
	margin: 0 auto;
	overflow: hidden;
}
.slider-container {
	position: absolute;
	top: 0;
	left: 0;
}
.slider-container div {
	position: relative;
	float: left;
	width: 680px;
	height: 255px;
}
.slider-container div a {
	display: block;
	text-align: center;
	overflow: hidden;
	width: 678px;
	height: 253px;
	vertical-align: top;
	border: 1px solid #DFF0F0;
}
.slider-container div a:hover {
	border: 1px solid #00CCFF;
}
#slide-prev, #slide-next {
	position: absolute;
	bottom: 0px;
	width: 60px;
	height: 20px;
}
#slide-prev {
	left: 0px;
	bottom: 0px;
}
#slide-next {
	right: 0px;
	bottom: 0px;
}
#slide-prev:hover, #slide-next:hover {
	color: #ccc;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.slider-pagination {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 20px;
	padding: 0;
	text-align: center;
	overflow: hidden;
	margin: 258px 0 0 40px;
}
.slider-pagination img {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 20px;
	height: 15px;
}
.slider-pagination a {
	background: url(~/media/B9556AFE468644609997833B0CF460AF.ashx) no-repeat center center;
}
.slider-pagination a:hover {
	background: url(~/media/19B5DA5E959D4698BF7D3D78623E9AE8.ashx) no-repeat center center;
}
.slider-pagination a.current {
	background: url(~/media/C86421C9B09D40898E14AB017EDB900C.ashx) no-repeat center center;
}
.slider #icon {
	vertical-align: top;
	margin: 10px auto;
	line-height: 1em;
	width: auto;
	float: none;
}
/*アウトライン*/
#outline {
	margin-bottom: 5px
}
#outline .cat {
	color: #666
}
#outline p, #outline li {
	font-size: 12px
}
#outline .picon {
	float: left;
	margin-right: 5px
}
/*製品詳細*/
#Products_LMS_Box > div {
	border-top: 1px solid #000;
	padding: 5px 0 30px 0 !important;
}
#Products_LMS_Box > div:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
#Products_LMS_Box > div {
	display: inline-block;
}
* html #Products_LMS_Box > div {
	height: 1%;
}
#Products_LMS_Box > div {
	display: block;
}
h1 {
	font-size: 22px;
	font-weight: normal;
}
#Products_LMS_Box h2, #qaBox h2, #voiceBox h2, #system h2 {
	clear: both;
	font-size: 22px;
	font-weight: lighter;
	margin: 0 0 0.2em 0;
	padding: 0;
	text-indent: 0;
	color: #000;
}
#Products_LMS_Box h2 a:hover, #qaBox h2 a:hover, #voiceBox h2 a:hover, #system h2 a:hover {
	text-decoration: none
}
#qaBox h2, #voiceBox h2, #system h2 {
	border-top: 1px solid #000;
	padding-top: 10px;
}
#Products_LMS_Box h3 {
	clear: both;
	color: #000;
	font-weight: normal;
	font-size: 18px;
	margin: 30px 0 0.2em 0;
	text-indent: 0;
}
#Products_LMS_Box > div > h2 + h3 {
	margin-top: 15px;
}
#Products_LMS_Box h4 {
	clear: both;
	margin: 15px 0 0.2em 0;
	color: #454545;
}
#Products_LMS_Box h4, #Products_LMS_Box h5, #Products_LMS_Box h6, #Products_LMS_Box p, #Products_LMS_Box li, #Products_LMS_Box dt, #Products_LMS_Box dd {
	font-size: 14px;
}
/*#Products_LMS_Box th, #Products_LMS_Box td {}*/
#Products_LMS_Box .caption, #Products_LMS_Box .kome, #Products_LMS_Box .kome1, #Products_LMS_Box .kome2 {
	font-size: 12px;
}
#Products_LMS_Box .largeBox {
	margin: 0 0 15px 0 !important;
}
#Products_LMS_Box .mediumBox {
	margin: 0 !important;
}
#Products_LMS_Box .smallBox {
	margin: 0 !important;
}
#ph_main .page_houdai {
	display: none;
}
/*QA*/
#qaBox {
	clear: both
}
#qaBoxin {
	margin: 0 0 15px 10px;
}
.faq-q {
	color: #0066CC;
	font-weight: bold;
	margin-top: 0.8em
}
.faq-a {
	color: #CC0033;
	font-weight: bold
}
#qaBox dd li {
	font-size: 100%
}
#qaBox dd p {
	font-size: 100%
}
/*ユー声*/
#voiceBoxin {
	height: 250px;
	overflow: auto;
	margin: 0 0 15px 0;
	padding: 5px;
}
#userHTML h4 {
	font-weight: normal;
	margin-left: 0
}
#userHTML ul {
	margin: 0;
	padding: 0;
}
#userHTML li {
	font-size: 80%;
	line-height: 140%;
	margin-bottom: 0.4em;
	list-style-type: none;
	list-style: none;
	margin-left: 10px
}
/*動作環境*/
.dotted {
	border-top: 2px dotted #76b73f;
	padding: 1em 0 0 0;
}
#system {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
}
#os_note p {
	font-size: 90%;
}
#system h3 {
	font-size: 90%;
	color: #000;
	margin-left: 0px;
}
#system .system_houdai {
	display: none;
}
/*コピーライト*/
#copyrightBox {
	margin: 1em 0 0 8px
}
#copyrightBox p {
	font-size: 70%
}
/*サポート*/
#supportHTML {
	padding-right: 15px
}
#supportHTML h4, #supportHTML p.sn {
	clear: none;
	background: url(~/media/CF141FA48DEA42C29B6E630F1D378125.ashx) no-repeat left top;
	height: 25px;
	padding-left: 30px;
	margin-left: 0;
	font-weight: bold;
	padding-top: 2px
}
#supportHTML h5 {
	font-size: 70%
}
#supportHTML p.subtxt_b {
	font-size: 70%;
	font-weight: bold
}
#conditionHTML {
	padding-left: 5px
}
#conditionHTML h4, #conditionHTML p {
	clear: none
}
#conditionHTML h5 {
	font-size: 70%
}
#conditionHTML p.subtxt_b {
	font-size: 70%;
	font-weight: bold
}
#conditionHTML li {
	list-style-image: none;
	list-style-type: none
}
#conditionHTML h4, #conditionHTML p.sn {
	margin-left: 0;
	background: url(~/media/BC7FCE96F10B4BBFBEEB2C1178DAD88C.ashx) no-repeat left top;
	height: 25px;
	padding-left: 30px;
	font-weight: bold;
	padding-top: 4px;
}
#supportHTML li, #conditionHTML li {
	list-style-type: none;
	list-style-image: url(~/media/D9EB72CF599F412D982CCEB312CF04F1.ashx);
	line-height: 110%;
	margin-bottom: 0.2em;
	font-size: 70%
}
#supportHTML ul.sn li, #conditionHTML ul.sn li {
	list-style-type: none;
	list-style-image: url(~/media/D9EB72CF599F412D982CCEB312CF04F1.ashx);



	line-height: 110%;
	margin-bottom: 0.2em;
	font-size: 70%
}
.sn li {
	font-size: 80%
}
#mileNum {
	font-size: 80%
}
/*サポート条件非表示*/
#conditionHTML {
}
/*マイル*/
#mile {
}
#notice li {
	font-size: 70%
}
/*キャリア導線*/
.aubn {
	margin-top: 10px !important;
}
#ph_sub .rakutenbn, #ph_sub .docomobn, #ph_sub .softbankbn {
	text-align: center;
	margin: 0 10px 5px 10px;
}
#ph_sub .rakutenbn a, #ph_sub .docomobn a, #ph_sub .softbankbn a {
	display: block;
	padding: 5px 0 5px 5px;
	border: 1px solid #ccc;
}
#ph_sub .rakutenbn a:hover, #ph_sub .docomobn a:hover, #ph_sub .softbankbn a:hover {
	text-decoration: none;
	background: #fdf9e1;
}
#top_tab_box ~ .lib_box #Products_LMS_Box >div#L1 {
	border-top: none;
}
/* grid-system-v01-common*/
.grid-unit:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .grid-unit {
	zoom: 1;
}
*:first-child+html .grid-unit {
	zoom: 1;
}
img.img-grid-fit,.img-grid-fit img{
	width:100%;
	max-width:100%;
	height: auto;
	margin:0 auto;
}
.img-grid-fit{
	text-align:center;
	margin:0 auto;
}

/* grid-system-v01-PC*/
#pc .grid-unit {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin: 0 auto 15px auto;
}
#pc #Products_LMS_Box .grid-unit h3 {
	margin-top: 15px;
}
#ph_main .grid-unit h3 {margin-top: 15px !important;}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16 {
	display: table-cell;
	vertical-align: middle;
	box-sizing: content-box;
	padding: 0 9px;
	margin: 0;
	/*IE7以下*/
	*padding:0 5px !important;
}
.grid-unit .v-top {vertical-align: top !important;}
.grid-unit .v-bottom {vertical-align: bottom !important;}

.grid-unit > div:last-child {
	padding: 0 0 0 9px;
}
.grid-unit > div:first-child {
	padding: 0 9px 0 0;
}
.grid-unit > div:only-child {
	padding: 0;
}
.grid1 {
	width: 40px;
}
.grid2 {
	width: 98px;
}
.grid3 {
	width: 156px;
}
.grid4 {
	width: 214px;
}
.grid5 {
	width: 272px;
}
.grid6 {
	width: 330px;
}
.grid7 {
	width: 388px;
}
.grid8 {
	width: 446px;
}
.grid9 {
	width: 504px;
}
.grid10 {
	width: 562px;
}
.grid11 {
	width: 620px;
}
.grid12 {
	width: 678px;
}
.grid13 {
	width: 736px;
}
.grid14 {
	width: 794px;
}
.grid15 {
	width: 852px;
}
.grid16 {
	width: 910px;
}

