@charset "shift_jis";



/* Universal */

body {

	font-size:100%;

}

body#universal div#topic-path,

body#universal div#contents {

	font-size:80%;

}

body#universal div#contents {

	width: 736px;

	margin: 0 auto;

}

body#universal div#main {

	width: 522px;

	margin-left: 15px;

	_margin-left: 8px;

	padding-top: 0px;

	_padding-top: 13px;

}

*:first-child+html body#universal div#main {

	padding-top: 13px;

}

body#universal #main .section {

	margin: 10px 0 0 0;

	font-size: 100%;

}



/* Clearfix */

body#universal .clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



body#universal .clearfix {

	display: inline-block;

}



/* Hides from IE-mac \*/

* html body#universal .clearfix {

	height: 1%;

}

body#universal .clearfix {

	display: block;

}

/* End hide from IE-mac */





/* rightmenu */

body#universal div#rightmenu p{

	padding:0;

	margin:0;

}

body#universal div#rightmenu p img{

	padding-bottom: 13px;

}

body#universal div#rightmenu ul{

	margin:0 0 30px 0;

	padding:0;

	list-style:none;

}

body#universal div#rightmenu ul li{

	font-weight:bold;

	border:2px solid #323491;

	padding:5px 5px 5px 30px;

	margin:0 0 10px 0;

	background:#D9E1FD url(../../universal/images/index_ic02.gif) no-repeat 8px 50%;

}

body#universal div#rightmenu ul li#here{

	background:#BDDFDE url(../../universal/images/index_ic01.gif) no-repeat 8px 50%;

}

body#universal #contents #aside {

	width:178px;

	margin: 13px 0 0 558px;

	_margin: 13px 0 0 554px;

}

/* \*/

body#universal div#rightmenu ul li,body#universal div#rightmenu ul li#here{

	width:140px;

}

/* */

body#universal div#rightmenu ul li.single{

	padding-top:1em;

	padding-bottom:1em;

}

body#universal div#rightmenu ul li a{

	text-decoration:underline;

}

/* 子メニュー */

body#universal div#rightmenu li.childin,

body#universal div#rightmenu li.childin#here {

	width:175px;

	padding:0;

	background-image:none;

}

body#universal div#rightmenu li.childin .menutitle {

	display:block;

	padding:5px 5px 5px 30px;

	zoom:1;

	background:#BDDFDE url(../../universal/images/index_ic01.gif) no-repeat 8px 50%;

}

body#universal div#rightmenu li span#off .menutitle {

	zoom:1;

	background:#D9E1FD url(../../universal/images/index_ic02.gif) no-repeat 8px 50%;

}

body#universal div#rightmenu li.childin ul#childmenu {

	margin:0;

	padding:0;

}

body#universal div#rightmenu li.childin ul#childmenu li {

	width:174px;

	padding:0;

	margin:0;

	border:none;

	zoom:1;

	background:#D9E1FD url(../../universal/product/security/images/index_bg01.gif) repeat-x 0 0;

}

body#universal div#rightmenu ul#childmenu li.off span.childbox {

	display:block;

	padding:5px 5px 5px 35px;

	zoom:1;

	background:transparent url(../../universal/product/security/images/index_ic01.gif) no-repeat 18px 50%;

}

body#universal div#rightmenu ul#childmenu li.on span.childbox {

	display:block;

	padding:5px 5px 5px 35px;

	zoom:1;

	background:#BDDFDE url(../../universal/product/security/images/index_ic02.gif) no-repeat 18px 50%;

}



body#universal div#rightmenu li#here a {

	text-decoration:none;

	color:#000000;

}



body#universal div#changesize{

	position: relative;

	border:2px solid #323491;

	text-align:center;

	padding:10px 5px;

}

/* \*/

body#universal div#changesize{

	height:70px;

}

/* */

body#universal div#changesize p{

	margin:0;

	position: absolute;

}

body#universal div#changesize p img{

	margin:2px;

}

body#universal div#changesize p#text{

	top: 60px;

	left: 19px;

}

body#universal div#changesize p#button{

	top: 9px;

	left: 12px;

}

body#universal h2{

	margin:17px 0 30px 12px;

}

body#universal div.item{

	margin:0 0 0 12px;

	line-height:1.3;

}

body#universal div.item p.photo{

	text-align:center;

	margin:15px 0 0 0;

}

body#universal div.item {

	margin:0 0 25px 12px;

	line-height:1.3;

}

body#universal div.item p.photo{

	text-align:center;

	margin:15px 0 0 0;

}

body#universal h3{

	margin:0 0 10px 12px;

}

/* index.html */

body#universal div#index div.lead{

	margin: 0 0 25px 12px;

}

body#universal div#index div.lead p{

	border:2px solid #363895;

	padding:20px 15px;

	line-height:150%;

}

body#universal div#index div.lead p.illust{

	border:none;

	text-align:center;

}

@media screen,tv{

	body#universal div#index div.lead p.illust{

		padding:0;

	}

}

body#universal div#index div.item{

	margin:0 0 0 12px;

}

body#universal div#index h3{

	margin:0 0 25px 12px;

}

body#universal div#index div.item div{

	border:2px solid #363895;

	width:216px;

	float:left;

}

body#universal div#index div.item p img{

	border-bottom:2px solid #363895;

}

body#universal div#index div.item div p.txt{

	padding:10px 5px;

}

body#universal div#index div.item p.univ-arrow{

	width:48px;

	float:left;

	margin:80px 10px;

}

body#universal div#index div.item p.univ-arrow img{

	border:none;

}

body#universal div#index div.item div.before{

	background-color:#D9E1FD;

}

body#universal div#index div.item div.after{

	background-color:#bddfde;

}

body#universal div#index div.dummy{

	clear:both;

	margin:30px 0;

	_margin:10px 0;

}

*:first-child+html body#universal div#index div.dummy{

	margin:10px 0;

}

body#universal div#index div.item#item03{

	_margin-top:30px;

}

body#universal div#index div.lead#lead02{

	_margin-top:0;

}

/* 囲み記事 */

body#universal div.item div.saxa-rule{

	width:470px;

	margin:15px 20px 0 20px;

	padding:0 0 15px 0;

	background:url(../../universal/images/univ02_bg02.gif) no-repeat bottom;

}

body#universal div#univ04 div.item div.saxa-rule h4.principle {

	margin:0;

}

body#universal div.item div.saxa-rule ul{

	margin:0;

	padding:15px 0;

	list-style:none;

	width:470px;

	background:url(../../universal/images/univ02_bg01.gif) repeat-y;

}

body#universal div.item div.saxa-rule li{

	font-weight:bold;

	color:#2e3192;

	padding:5px 20px;

	border-bottom:2px solid #2e3192;

}

body#universal div.item div.saxa-rule li.rule-end{

	border:none;

}

/* センタリング画像 */

body#universal p.illust-single {

	margin:25px 0 25px 12px;

	text-align:center;

}

/* 紺枠囲み */

body#universal div.border-item{

	margin:0 0 25px 12px;

}

body#universal div.border-item p{

	border:2px solid #363895;

	padding:20px 15px;

	line-height:150%;

}

/* === product === */

body#universal div#univ04 div.item {

	margin:0 0px 25px 12px;

	width: 510px;

}

body#universal div#univ04 div.item2 {

	padding-left:24px;

	width: 486px;

}

body#universal div#univ04 div.item3 {

	padding-left:24px;

	width: 475px;

}

body#universal div#univ04 div.item3 h4,

body#universal div#univ04 div.item h4 {

	margin:30px 0 15px 0;

}

body#universal div#univ04 p.photo-box {

	margin:0 0 15px 3px;

	border-width:0 0 0 1px;

	border-style:solid;

	border-color:#1d2088;

}

body#universal div#univ04 p.photo-box img {

	border-width:1px 0;

	border-style:solid;

	border-color:#1d2088;

}

body#universal div#univ04 p.photo-box img.end {

	border-width:1px 1px 1px 0;

}

body#universal div#univ04 div.product-menu {

	margin:30px 0 15px 12px;

	padding:20px 0 15px 0;

	border-width:2px 0;

	border-style:solid;

	border-color:#1d2088;

}

body#universal div#univ04 div.product-menu ul {

	margin:0;

	padding:0;

	list-style:none;

	text-align:center;

}

body#universal div#univ04 div.product-menu li {

	padding:5px 0;

}

/* index.tml */

body#universal p.lead-image{

	margin:0 0 25px 12px;

	padding:15px 0;

	border-width:2px 0;

	border-style:solid;

	border-color:#363895;

	text-align:center;

}

body#universal div#univ04 p.btn {

	padding:15px 0;

	text-align:right;

}



/* === Security === */

body#universal div#univ04 div.secmenu {

	margin:30px 0 0;

	_height:1px;

	padding:40px 0 0;

	background:url(../../universal/product/security/images/index_bg02.gif) repeat-x top left;

}

body#universal div#univ04 div.undermenubox {

	margin:0 40px 15px;

	border-width:2px 0;

	border-style:solid;

	border-color:#1d2088;

}

body#universal div#univ04 div.undermenubox ul {

	margin:0;

	padding:20px 0 8px;

	list-style:none;

}

body#universal div#univ04 div.undermenubox li {

	margin:0 0 12px;

	text-align:center;

}

body#universal div#univ04 div.undermenubox li img {

	vertical-align:top;

}



/* index.html */

body#universal div#univ04 div.securityindex h2 {

	margin:12px 10px;

}

body#universal div#univ04 div.securityindex div#topbox {

	_height:1px;

	padding:0 0 23px;

	background:url(../../universal/product/security/images/index_bg02.gif) repeat-x bottom left;

}

body#universal div#univ04 div.securityindex p#seclead {

	padding:7px 0 7px 10px;

	border-width:2px 0;

	border-style:solid;

	border-color:#1d2088;

}

body#universal div#univ04 div.securityindex p.illust {

	margin:10px 0 0;

	text-align:center;

}

body#universal div#univ04 div.securityindex div#topbox p.btn {

	margin:5px 0 0;

}

body#universal div#univ04 div.securityindex div.section h3 {

	position:relative;

	z-index:1;

	margin:0 10px;

}

body#universal div#univ04 div.securityindex div.section div.contentbox {

	width:522px;

}

body#universal div#univ04 div.securityindex div.section div.contentbox div.leftbox {

	float:left;

}

body#universal div#univ04 div.securityindex div.section div.contentbox div.rightbox {

	float:right;

}

body#universal div#univ04 div.securityindex div.section div.contentbox div.allbox {

	width:522px;

}

body#universal div#univ04 div.securityindex div.section div.contentbox .borderbox {

	border-width:0 2px 2px;

	border-style:solid;

	border-color:#1d2088;

	color:#333399;

}

body#universal div#univ04 div.securityindex div.section div.contentbox h4 {

	padding:3px 0;

	background-color:#1d2088;

	text-align:center;

}

body#universal div#univ04 div.securityindex div.section div.contentbox h4.single {

	padding:11px 0;

}

body#universal div#univ04 div.securityindex div#section03,

body#universal div#univ04 div.securityindex div#section04 {

	margin:30px 0 0;

}

body#universal div#univ04 div.securityindex div#section01 {

	margin:15px 0 0 0;

}

body#universal div#univ04 div.securityindex div#section01 div.clearfix {

	position:relative;

	z-index:2;

	width:479px;

	margin:-15px 0 0 45px;

}

body#universal div#univ04 div.securityindex div#section01 p.illust {

	width:219px;

	float:left;

}

body#universal div#univ04 div.securityindex div#section01 div.txtbox {

	width:260px;

	float:left;

	margin:20px 0 0;

	line-height:1.4;

}

body#universal div#univ04 div.securityindex div#section02 div.leftbox {

	width:251px;

}

body#universal div#univ04 div.securityindex div#section02 div.rightbox {

	width:261px;

}

body#universal div#univ04 div.securityindex div#section02 div.allbox {

	margin:15px 0 0;

}

body#universal div#univ04 div.securityindex div#section02 div.allbox div.clearfix {

	position:relative;

	padding:10px 0 5px 25px;

}

body#universal div#univ04 div.securityindex div#section02 div.allbox p.photo {

	width:297px;

	float:left;

}

body#universal div#univ04 div.securityindex div#section02 div.allbox div.txtbox {

	width:180px;

	float:right;

	margin:80px 8px 0 0;

}

/* Not MacIE \*/

body#universal div#univ04 div.securityindex div#section02 div.allbox div.txtbox {

	position:absolute;

	right:0;

	bottom:10px;

	margin-top:0;

}

/* */

body#universal div#univ04 div.securityindex div#section03 div.leftbox {

	width:269px;

}

body#universal div#univ04 div.securityindex div#section03 div.rightbox {

	width:242px;

}

body#universal div#univ04 div.securityindex div#section03 .borderbox {

	_height:170px;

	min-height:168px;

}

body#universal div#univ04 div.securityindex div#section03 div.rightbox p.photo {

	padding:5px 0 3px 0;

	text-align:center;

}

body#universal div#univ04 div.securityindex div#section03 div.rightbox div.txtbox {

	padding:0 10px;

}

body#universal div#univ04 div.securityindex div#section04 div.leftbox {

	width:321px;

}

body#universal div#univ04 div.securityindex div#section04 div.rightbox {

	width:191px;

}

body#universal div#univ04 div.securityindex div#section04 .borderbox {

	_height:160px;

	min-height:132px;

}

body#universal div#univ04 div.securityindex div#section04 div.leftbox div.borderbox {

	padding:8px 0;

}

body#universal div#univ04 div.securityindex div#section04 div.leftbox div.borderbox p.photo {

	text-align:center;

}

body#universal div#univ04 div.securityindex div#section04 div.leftbox div.borderbox p.txtbox {

	padding:6px 8px 0;

}





/* summary.html */

body#universal div#univ04 div.summary h2 {

	margin:12px 10px;

}

body#universal div#univ04 div.summary div#topbox {

	padding:0 0 30px;

}

body#universal div#univ04 div.summary div.titlebox {

	padding:7px 0 7px 10px;

	border-width:2px 0;

	border-style:solid;

	border-color:#1d2088;

}

body#universal div#univ04 div.summary div.titlebox h3 {

	margin:0 0 7px;

}

body#universal div#univ04 div.summary p.illust {

	margin:10px 0 0;

	text-align:center;

}

body#universal div#univ04 div.summary div#topbox p.btn {

	margin:15px 0 0;

}

body#universal div#univ04 div.summary div.section {

	color:#1d2088;

	line-height:1.4;

	margin:0 0 10px 0;

}

body#universal div#univ04 div.summary div.section p.illust {

	margin:10px 0;

}



body#universal div.height{

	display:inline;

	float:left;

}



body#universal div.category{

	border-bottom: 2px solid #2E3192;

	width:100%;

	height:180px;

}



body#universal div.category img.right{

	float:right;

	margin: 25px 15px 0 0;

}

body#universal div.category div.height p.btright{

	padding:25px 0 30px 27px;

}

body#universal div.category div.height p.title{

	padding:0px 0 30px 12px;

}