@media screen,tv{
	
/*　STANDARD
------------------------------------------------*/
*{ padding:0; margin:0;}
body{ font-size:12px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; text-align:center; background:url(../images/body_bg_01.gif) repeat-x; background-position:top;}

a{ text-decoration:underline; color:#00F;}
a:hover{ text-decoration:none;}
img{ border:none; vertical-align:bottom;}
.f-left{ float:left;}
.f-right{ float:right;}
.clear{ clear:both;}
.center{ text-align:center;}
.right{ text-align:right;}
.pb20{ padding-bottom:20px;}
.mb20{ margin-bottom:20px;}
.pt20{ padding-top:20px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.overflow{ overflow:hidden;}
.nonepc{ display:none;}

/*　LAYOUT
------------------------------------------------*/
#wrap{ width:880px; margin:0 auto; text-align:left;}
#wrap #container{ width:880px; margin:0 auto; text-align:left;}
#wrap #container #header{ width:880px; height:115px; text-align:right;}
#wrap #container #header h1{ padding:5px 0 0 0; font-size:11px; float:left;}
#wrap #container #header div{ width:660px; position:relative; top:9px; float:right;}
#wrap #container #header div p{ float:right;}
#wrap #container #header div p img{ vertical-align:top;}
#wrap #container #header div ul{ padding:44px 10px 0 0; display:inline-block; color:#fff;}
#wrap #container #header div ul li{ padding:0 0 0 0px; display:inline;}
#wrap #container #header div ul li a{ color:#fff; text-decoration:none;}
#wrap #container #header div ul li a:hover{ text-decoration:underline;}
#wrap #container #header #globalnav{ padding:5px 0 0 0; clear:both; list-style:none;}
#wrap #container #header #globalnav li{ float:left;}
#wrap #container #header #globalnav li span{ display:none;}
#wrap #container #footer{ height:65px; padding:10px 0 0 0; line-height:1.2em; background:url(../images/body_bg_02.gif) repeat-x; text-align:center; clear:both;}
#wrap #container #footer h2{ font-size:10px; font-weight:normal;}
#wrap #container #footer ul{ font-size:11px; padding:5px 0;}
#wrap #container #footer ul li{ padding:0 5px 0 10px; display:inline; background:url(../images/footer_line.gif) no-repeat; background-position:center left;}
#wrap #container #footer address{ font-size:11px; font-style:normal; color:#666;}
#wrap #container #footer address img{ position:relative; bottom:1px; left:3px;}


/*　LAYOUT(INDEX)
------------------------------------------------*/
#index #wrap #content{ width:880px; margin:5px 0 0 0;}
#index #wrap #content #mainimage{ width:880px; height:245px; padding:0 0 15px 0; background:url(../images/index_mainimage.jpg) no-repeat;}
#index #wrap #content #mainimage img{ display:none;}
#index #wrap #content #include{ width:880px; padding:0 0 20px 0; float:left; background:#fff;}
#index #wrap #content #include #maincol{ width:570px; height:300px; float:left;}
#index #wrap #content #include #maincol #saigai{ width:570px; margin:0 0 10px 0;}
#index #wrap #content #include #maincol #saigai div{ padding:15px 20px; border:solid 1px #eee; background:#f8f8f8;}
#index #wrap #content #include #maincol #saigai div p.title{ margin:0 0 10px 0; font-size:16px; font-weight:bold;}
#index #wrap #content #include #maincol #saigai div p.text{ margin:0; font-size:12px; font-weight:normal; line-height:1.5em;}
#index #wrap #content #include #maincol .section{ width:570px; padding:0 0 10px 0; float:left;}
#index #wrap #content #include #maincol .section .link{ display:none;}
#index #wrap #content #include #maincol .section .product1{/* width:276px;*/ padding:2px; background:#e1e1e1; text-align:right;}
#index #wrap #content #include #maincol .section .product1 div{ border:solid 1px #999; background:#fff; float:left;}
#index #wrap #content #include #maincol .section .product1 div h2{ font-size:11px;}
#index #wrap #content #include #maincol .section .product1 div p{ padding:5px; float:left; text-align:left;}
#index #wrap #content #include #maincol .section .product1 div p img{ float:left;}
#index #wrap #content #include #maincol .section .product1 div p span{ width:176px; padding:5px 0 0 5px; font-size:11px; line-height:1.6em; text-align:left; display:inline-block;}
#index #wrap #content #include #maincol .section .product1 div p span strong{ display:none;}
#index #wrap #content #include #maincol .section .product2{/* width:276px;*/ height:151px; padding:2px; background:#e1e1e1; text-align:right;}
#index #wrap #content #include #maincol .section .product2 div{ height:149px; border:solid 1px #999; background:#fff; float:left;}
#index #wrap #content #include #maincol .section .product2 div h2{ font-size:11px;}
#index #wrap #content #include #maincol .section .product2 div p{ padding:5px; float:left; text-align:left;}
#index #wrap #content #include #maincol .section .product2 div p img{ float:left;}
#index #wrap #content #include #maincol .section .product2 div p span{ width:176px; padding:5px 0 0 5px; font-size:11px; line-height:1.6em; text-align:left; display:inline-block;}
#index #wrap #content #include #maincol .section .about{ height:128px; padding:20px; border:solid 1px #227fc4; background:#dff2fc;}
#index #wrap #content #include #maincol .section .about h2{ padding:0 0 20px 0; font-size:11px; background:url(../images/index_maincol_about_border.gif) no-repeat; background-position:bottom;}
#index #wrap #content #include #maincol .section .about p{ position:relative; top:20px; line-height:1.5em;}
#index #wrap #content #include #cnav{ width:300px; float:right;}
#index #wrap #content #include #cnav .section{ padding:0 0 10px 0; text-align:left;}
#index #wrap #content #include #cnav .section div{ height:291px; padding:2px; border:solid 1px #98c6e6; background:#dff2fc;}
#index #wrap #content #include #cnav .section div h2{ font-size:11px;}
#index #wrap #content #include #cnav .section div h2 span{ display:none;}
#index #wrap #content #include #cnav .section div ol{ height:246px; padding:10px; list-style:none; background:#fff; overflow:scroll;}
#index #wrap #content #include #cnav .section div ol li{ padding:0 0 6px 0; margin:0 0 6px 0; background:url(../images/index_cnav_border.gif) no-repeat; background-position:bottom; letter-spacing:-0.5px; float:left;}
#index #wrap #content #include #cnav .section div ol li span{ width:50px; display:block; float:left; padding:0 10px 0 0; line-height:1.4em; font-size:11px;}
#index #wrap #content #include #cnav .section div ol li p{ width:180px; padding:0 10px 0 0; font-size:11px; float:right; line-height:1.6em;}

#index #wrap #content #include #cnav .section div ol li div.newsken { width:180px; padding:0 10px 0 0; font-size:11px; float:right; line-height:1.6em; background:none; height:auto; border:none;}
#index #wrap #content #include #cnav .section div ol li div.newsken p.newsL { width:130px; float:left; padding:0px;}
#index #wrap #content #include #cnav .section div ol li div.newsken p.newsR { float:right; padding:0px; width:50px;}
#index #wrap #content #include #cnav .section div ol li div.newsken br.clear0 {clear:both; height:0;}

#index #wrap #content #include #cnav .section ul{ list-style:none;}
#index #wrap #content #include #cnav .section ul li{ padding:0 0 10px 0;}
#index #wrap #content #include #cnav .section ul li.fix{ padding:0;}
#index #wrap #content #include #cnav p.backnumLink {padding-left:10px;}


/*　LAYOUT(OTHER)
------------------------------------------------*/
#other #wrap #content{padding:0 1px 1px 1px;/* padding:1px;*/ margin:10px 0 0 0; border:solid 1px #fff; background:#e1e1e1; float:left;}
#other #wrap #content #outside{ border:solid 1px #ccc; background:#fff; float:left;}
#other #wrap #content #outside #mainimage{}
#other #wrap #content #outside #mainimage h2{ font-size:11px;}
#other #wrap #content #outside #include{ float:left; border:solid 1px #fff; background:url(../images/other_container_bg.gif) repeat-y;}
#other #wrap #content #outside #include #cnav{ width:190px; padding:5px; float:left;}
#other #wrap #content #outside #include #cnav .section{ padding:0 0 20px 0;}
#other #wrap #content #outside #include #cnav .section ol{ list-style:none; border:solid 1px #ccc; background:#fff;}
#other #wrap #content #outside #include #cnav .section ol li{ padding:0 0 1px 0; background:url(../images/ohter_cnav_ctg_border.gif) no-repeat; background-position:bottom;}
#other #wrap #content #outside #include #cnav .section ol li.fix{ background:none;}
#other #wrap #content #outside #include #cnav .section ul{ width:180px; margin:0 auto; list-style:none;}
#other #wrap #content #outside #include #cnav .section ul li{ padding:0 0 5px 0;}
#other #wrap #content #outside #include #cnav .section ul li a{ width:180px; display:block; background:#fff;}
#other #wrap #content #outside #include #maincol{ width:632px; padding:30px 20px; float:left;}
#other #wrap #content #outside #include #maincol h2{ height:29px; padding:0 0 0 30px; line-height:2.4em; font-size:13px; color:#fff; background:url(../images/other_maincol_h2.gif) no-repeat; text-align:left;}
#other #wrap #pagetop{ padding:25px 0; text-align:right; clear:both;}
*:first-child + html #other #wrap #pagetop{ padding:10px 0 25px 0; text-align:right; clear:both;}
#other #wrap #pagetop p{}
#other #wrap #pagetop p a{ margin:0 0 0 0.5em;}




#backnumber{ padding:0 0 40px 0;}
#backnumber .section{ width:552px; padding:20px 40px 20px 40px;}
#backnumber .section p{ padding:0 0 1em 0; line-height:1.6em;}
#backnumber .section span{ display:block; text-align:left; padding:5px 0 0 10px;}
#backnumber .section dl{ padding:0 0 0 0;}
#backnumber .section dl dt{ width:6.0em; padding:0.7em 0 0.5em 0.5em; font-size:11px; font-weight:normal; float:left; clear:left;}
#backnumber .section dl dd{ padding:0.7em 0 0.5em 0em; border-bottom:1px dotted #ccc;}


/*　COMPANY
------------------------------------------------*/
#company{}
#company .section{ width:552px; padding:20px 40px 20px 40px;}
#company .section table{ width:552px; border:none; background:url(../images/other_maincol_border.gif) no-repeat; background-position:top;}
#company .section table tr{ vertical-align:top;}
#company .section table th{ width:100px; padding:10px 5px 7px 5px; text-align:left; background:url(../images/other_maincol_border.gif) no-repeat; background-position:bottom;}
#company .section table th span{ padding:0 5px 0 0; color:#009; font-size:11px; display:inline-block; vertical-align:text-top;}
#company .section table td{ padding:10px 5px 7px 5px; line-height:1.5em; background:url(../images/other_maincol_border.gif) no-repeat; background-position:bottom;}


/*　KIYAKU
------------------------------------------------*/
#kiyaku{}
#kiyaku .section{ width:552px; padding:20px 40px 20px 40px; line-height:1.5em;}
#kiyaku .section div h3{ padding:5px 0; margin:20px 0 10px 0; font-size:12px; background:url(../images/other_maincol_border.gif) no-repeat; background-position:bottom;}
#kiyaku .section div p{ padding:0 0 10px 0;}
#kiyaku .section div ul{ padding:5px 30px 10px 30px;}
#kiyaku .section div ul li{ padding:0 0 5px 0;}


/*　PRIVACY
------------------------------------------------*/
#privacy{}
#privacy .section{ width:552px; padding:20px 40px 20px 40px; line-height:1.5em;}
#privacy .section div h3{ padding:5px 0; margin:20px 0 10px 0; font-size:12px; background:url(../images/other_maincol_border.gif) no-repeat; background-position:bottom;}
#privacy .section div p{ padding:0 0 10px 0;}
#privacy .section ul.heading{ padding:2em 30px 10px 30px;}
#privacy .section ul{ padding:0 30px 10px 30px;}
#privacy .section ul li{ padding:0 0 5px 0;}


/*　PRODUCTS
------------------------------------------------*/
#products{}
#products #category{ display:none;}
#products .section{ width:592px; padding:20px 20px 20px 20px; line-height:1.5em; float:left;}
#products .section h3{ padding:0 0 0 10px; line-height:2em; border-left:solid 5px #182b6e; background:#eee;}
#products .section div.product{ width:100%; margin:15px 0 0 0; float:left;}
#products .section div.product p{ padding:0 0 10px 0; float:left;}
#products .section div.product p img{/* border:solid 1px #999;*/}
#products .section div.product div{ width:420px; padding:0 0 0 15px; float:left;}
#products .section div.product div.product_col { display: inline-flex; flex-direction: column; width: auto; padding: 0;}
#products .section div.product div table{ width:420px; margin:0 0 0.5em 0; font-size:11px; background:#ccc;}
#products .section div.product div table th{ padding:3px 0px 0px 0px; font-size:11px; font-weight:bold; color:#fff; text-align:center; background:#182b6e;}
#products .section div.product div table td{ padding:3px 0px 0px 0px; color:#000; text-align:center; background:#fff;}
#products .section div.product div table td.other{ padding:5px 0 2px 10px; text-align:left;}
#products .section div.product div table td.title{ background:#eee;}
#products .section div.product div span{ padding:0 0 0 0; font-size:11px;}
#products .section div.product div ol{ padding:0 0 0 0; font-size:10px; line-height:1.2em; list-style:none;}
#products .section div.product div ol li{ clear:both;}
#products .section div.product div ol li p.comment{ width:20px;}
#products .section div.point{ padding:20px 15px 0px 15px; list-style:none; border:solid 1px #227fc4; background:#dff2fc;}
#products .section div.point h4{ padding:0 0 15px 0; margin:0 0 10px 0; font-size:11px; border-bottom:dotted 1px #227fc4;}
#products .section div.point dl{ padding:0 0 10px 0;}
#products .section div.point dl dt{ padding:5px 0 5px 0; font-size:14px; font-weight:bold; color:#227fc4;}
#products .section div.point dl dd{ padding:0 0 10px 0;}


/*　EXAMPLE
------------------------------------------------*/
#example{}
#example .section{ width:592px; padding:20px 20px 20px 20px; line-height:1.5em; float:left;}
#example .section .example{ width:592px; padding:0 0 20px 0; margin:0 0 20px 0; float:left; border-bottom:dotted 1px #ccc;}
#example .section .example div{ width:291px; text-align:right;}
#example .section .example div img{ float:left;}
#example .section .example div span.default{}
#example .section .example div span.smartphone{ display:none;}
#example .section .example div p{ width:151px; padding:0 0 0 10px; display:block; float:right; text-align:left;}


/*　FAQ
------------------------------------------------*/
#faq{}
#faq .section{ width:622px; padding:20px 0px 50px 10px; line-height:1.5em; float:left;}
#faq .section .btm{ width:592px; padding:0 20px 0 20px; line-height:1.5em;}
#faq .section .column{ width:622px; float:left;}
#faq .section .column dl.answer{ list-style:none;}
#faq .section .column dl.answer p.top{ width:622px; padding:20px 0 30px 0; text-align:right;}
#faq .section .column dl.answer dt span.num{ padding:0 0 0 0.5em; float:left; display:inline-block; font-weight:bold; color:#cc0000;}
#faq .section .column dl.answer dt span.name{ width:580px; float:right; color:#000; display:block;}
#faq .section .column dl.answer dt span.box{ width:622px; padding:7px 0 5px 0; background:#eee; display:block; float:left;}
#faq .section .column dl.answer dt{ width:612px; clear:both; font-weight:bold;}
#faq .section .column dl.answer dd{ width:622px; padding:5px 0 20px 0; margin:10px 0 20px 0; display:inline;}
#faq .section .column dl.answer dd.fix{ border-bottom:none;}
#faq .section .column dl.answer dd span.num{ padding:0 0 0 0.5em; font-weight:bold; display:inline-block; float:left; color:#333;}
#faq .section .column dl.answer dd span.txt{ width:550px; padding:0 25px 0 0; line-height:1.6em; letter-spacing:0.1em; display:block; float:right;}
#faq .section .column dl.answer dd span.txt1{ width:570px; padding:0 5px 0 0; line-height:1.6em; letter-spacing:0.1em; display:block; float:right;}
#faq .section .column dl.answer dd span.txt strong{ font-weight:normal;}
#faq .section .column dl.answer dd span.txt1 strong{ font-weight:normal;}
#faq .section .column dl.answer dd span.box{ width:622px; padding:10px 0 5px 0; display:block; float:left;}
#faq .section .column dl.question{ list-style:none; padding:0 0 40px 0; margin:0 0 45px 0; border-bottom:dotted 1px #ccc; overflow:hidden;}
#faq .section .column dl.question dt{ width:3em; padding:0 0 10px 0; font-weight:bold; color:#cc0000; float:left; clear:left;}
#faq .section .column dl.question dd{ padding:0 0 10px 3em; font-weight:bold; color:#000;}

/*#faq .section .column dl.answer{ list-style:none; padding:0 0 40px 0; margin:0 0 45px 0; border-bottom:dotted 1px #ccc; overflow:hidden;}
#faq .section .column dl.answer dt.q{ width:3em; padding:5px 0 5px 5px; font-weight:bold; color:#cc0000; float:left; clear:left; background:#eee;}
#faq .section .column dl.answer dd.q{ padding:5px 0 5px 3em; font-weight:bold; color:#000; background:#eee;}
#faq .section .column dl.answer dt.a{ width:3em; padding:5px 0 5px 5px; font-weight:bold; color:#cc0000; float:left; clear:left;}
#faq .section .column dl.answer dd.a{ padding:5px 0 5px 3em; color:#000;}
#faq .section div dl.qu{ list-style:none; padding:0 0 40px 0; margin:0 0 45px 0; border-bottom:dotted 1px #ccc; float:left; display:inline-block;}
#faq .section div dl.qu dt span.num{ padding:0 0 0 0.5em; font-weight:bold; display:inline-block; float:left; color:#cc0000;}
#faq .section div dl.qu dt span.name{ width:580px; padding:0 0 0 0.5em; float:right; display:block; font-weight:bold;}
#faq .section div dl.qu dt span.box{ width:622px; line-height:2.3em; display:block; float:left;}
#faq .section div dl.qu dt{ width:622px; clear:both; font-weight:bold;}*/



/*　FEATURE
------------------------------------------------*/
#feature{ padding:0 0 40px 0;}
#feature #category{ display:none;}
#feature a.name{ float:left;}
#feature h2{ clear:both;}
#feature h2 span{ padding:0 0 0 1em; font-size:12px; font-weight:normal;}
#feature .section{ width:592px; padding:20px 20px 40px 20px; line-height:1.5em;}
#feature .section table{ width:592px; background:#ccc;}
#feature .section table th{ padding:12px 0 9px 0; background:#182b6e; color:#fff; text-align:center;}
#feature .section table td{ background:#fff; padding:8px 10px 5px 10px; text-align:left;}
#feature .section table td.title{ width:200px; padding:8px 0 5px 0; font-weight:bold; text-align:center; background:#eee;}
#feature .section .product1{ padding:2px; margin:0 0 10px 0; background:#e1e1e1; text-align:right;}
#feature .section .product1 div{ height:220px; border:solid 1px #999; background:#fff; float:left;}
#feature .section .product1 div h3{ font-size:11px;}
#feature .section .product1 div p{ width:278px; padding:10px 2px 5px 5px; margin:0 auto; float:left; text-align:left;}
#feature .section .product1 div p strong{ display:none;}
#feature .section .product2{ padding:2px; background:#e1e1e1; text-align:right;}
#feature .section .product2 div{ height:210px; font-size:11px; border:solid 1px #999; background:#fff; float:left;}
#feature .section .product2 div h3{ font-size:11px;}
#feature .section .product2 div p{ width:179px; padding:10px 2px 0 5px; text-align:left;}
#feature .section .product2 div p span{ font-size:10px;}
#feature .section .product2 div p strong{ display:none;}
#feature .section p.center span.default{}
#feature .section p.center span.smartphone{ display:none;}
#feature .section div.pagetop{ padding:2em 0 0 0 ; clear:both; text-align:right;}

/*　FEATURE TOP
------------------------------------------------*/
#feature_top{ padding:0 0 0 0;}
#feature_top #category{ display:none;}
#feature_top a.name{ float:left;}
#feature_top h2{ clear:both;}
#feature_top h2 span{ padding:0 0 0 1em; font-size:12px; font-weight:normal;}
#feature_top .section{ width:592px; padding:20px 20px 40px 20px; line-height:1.5em; overflow:hidden;}
#feature_top .section #movie{ padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:dotted 1px #999; text-align:left;}
#feature_top .section .image{ width:170px; float:left;}
#feature_top .section .txt{ width:422px; float:right;}
#feature_top .section .txt p{ line-height:1.5em;}
#feature_top .section .txt_normal{}
#feature_top .section .txt_normal p{ line-height:1.5em;}
#feature_top .section div.pagetop{ padding:2em 0 0 0 ; clear:both; text-align:right;}


input{
	margin:0;
	padding:0;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	*font-size:100%;
}

input[type="submit"],
input[type="reset"],
input[type="button"]{
	max-height:25px;
	max-width:64px;
}



}