/* style.css */


/* 共通 */

body,h1,h2,h3,p,table,ul {
	margin:0;
	padding:0;
}





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

h4 {
	margin:-10px 0px 30px 0px;
	padding:0;
}

li {
	margin:0;
	padding:0;
	list-style-type:none;
}

body {
	font-size:12px;
	color:#000000;
}

.clear {
	clear:both;
}



/* ナビゲーション */

#navi {
	width:180px;
}


/* パンくずリスト */

#bcList {
	margin:8px 0px 0px 18px;
	width:580px;
	font-size:10px;
}

.bcOff {
	color:#999999;
}


/* レイアウト */

#topCol {
	width:545px;
	margin:16px 0px 100px 28px;
}

.topColLeft {
	float:left;
	width:265px;
	margin:21px 0px 16px 0px;
}

.topColRight {
	float:right;
	width:265px;
	margin:12px 0px 16px 0px;
}

.wnCol {
	width:540px;
	margin:0px 0px 0px 2px;
	border-bottom:solid 1px #00258F;
	line-height: 160%;
}

#mainCol {
	width:535px;
	margin:32px 0px 0px 30px;
	text-align:left;
	line-height:18px;
}

.Col01 {
	width:515px;
	margin:0px 0px 40px 17px;
}

.Col01Left {
	float:left;
	width:240px;
	margin:18px 0px 40px 0px;
	text-align:left;
}

.Col01Right {
	float:right;
	width:265px;
	margin:18px 0px 40px 0px;
	text-align:right;
}
.Col02 {
	width:532px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	text-align: left;
}
.Col02 h2 {
	padding-left: 0px;
	text-align: left;
}

.Col02 .sec {
	clear: both;
	display: block;
	padding-top: 30px;
}

.Col02 .picL {
	float: left;
	margin-right: 20px;
}

.Col02 .picR {
	float: right;
	margin-left: 20px;
}


.Col02Left {
	float:left;
	width:240px;
	margin:18px 0px 40px 0px;
	text-align:left;
}

.Col02Right {
	float:right;
	width:265px;
	margin:18px 0px 40px 0px;
	text-align:right;
}

p.para01 {
	margin:10px 0px 40px 0px;
	padding:0;
}
.para01 .atn {
	color: #FF0000;
}

p.para01b {
	margin:10px 0px 10px 0px;
	padding:0;
}

p.para02 {
	margin:18px 0px 40px 0px;
	padding:0;
}

p.para02b {
	margin:18px 0px 10px 0px;
	padding:0;
}

p.para03 {
	margin:0px 0px 30px 0px;
	padding:0;
}
p.para04 {
	padding:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.para04 .atn {
	color: #FF0000;
}


.illust01 {
	margin:10px 0px 5px 0px;
	padding:0;
	width:515px;
	text-align:center;
}

.illust02 {
	margin:10px 0px 30px 0px;
	padding:0;
	width:515px;
	text-align:center;
}

.iconHead {
	margin:12px 0px 18px 0px;
	padding:0;
}

.localNavi {
	margin:10px 0px 0px 0px;
	padding:0;
}

#pagetop {
	margin:0px 0px 20px 510px;
	width:89px;
	text-align:right;
}

.pagetop515 {
	margin:0px 0px 20px 426px;
	width:89px;
	text-align:right;
}


/* リスト */

li.att {
	text-indent: -1em;
	padding-left: 1em;
}

li.disc {
	list-style-type:disc;
	margin-left:2em;
	line-height:15px;
	margin-bottom:4px;
}

li.mgn {
	margin:0px 0px 5px 0px;
}

li.system {
	margin:0px 0px 1px 0px;
}

/* テキスト */

.notes {
	font-size:10px;
	line-height:12px;
}

.solution1 {
	width:510px;
	height:22px;
	background-color:#87B360;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0px 0px 5px;
}

.solution2 {
	width:510px;
	height:22px;
	background-color:#4CB8AC;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0px 0px 5px;
}

.solution3 {
	width:510px;
	height:22px;
	background-color:#C27183;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0px 0px 5px;
}

.middleGray {
	font-size:12px;
	line-height:16px;
	color:#333333;
}

.question {
	color:#4D69B9;
	font-weight:bold;
}

.event {
	color:#CC6600;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

/* その他 */


.linkth {
	height20px;
	background-color:#4D69B9;
	color:#FFFFFF;
	text-align:center;
}

.officeth {
	height:24px;
	background-color:#4D69B9;
	border:solid 1px #FFFFFF;
	border-collapse:collapse;
	padding:0px 0px 0px 5px;
	color:#FFFFFF;
}



/* リンク */

a.wn {text-decoration: none; }
a.wn:link { color:#003399; text-decoration: none;}
a.wn:visited { color:#999999; text-decoration: none;}
a.wn:active { color:#0066FF; text-decoration: none;}
a.wn:hover { color:#0066FF; text-decoration:none;}

a.bc {text-decoration: none; }
a.bc:link { color:#000000; text-decoration: none;}
a.bc:visited { color:#000000; text-decoration: none;}
a.bc:active { color:#0066FF; text-decoration: none;}
a.bc:hover { color:#0066FF; text-decoration:none;}

a.footer {text-decoration: none; }
a.footer:link { color:#FFFFFF; text-decoration: none;}
a.footer:visited { color:#FFFFFF; text-decoration: none;}
a.footer:active { color:#FFFFFF; text-decoration: none;}
a.footer:hover { color:#FFFFFF; text-decoration:underline;}


a {text-decoration: underline; }
a:link { color:#00258F; text-decoration: underline;}
a:visited { color:#999999; text-decoration: underline;}
a:active { color:#2398FA; text-decoration: underline;}
a:hover { color:#2398FA; text-decoration:underline;}


/* トップバナー */


#topCol #productBn01 {
	background-image: url(../img/product_bn_adps.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 234px;
	width: 540px;
	padding-bottom: 20px;
}
#topCol #productBn01 .copy {
	position: absolute;
	left: 1px;
	top: 18px;
}
#topCol #productBn01 .btn_advance {
	position: absolute;
	left: 21px;
	top: 130px;
}
#topCol #productBn01 .btn_prime {
	position: absolute;
	left: 21px;
	top: 173px;
}


#topCol #productBn02 {
	background-image: url(../img/product_bn_itice.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 165px;
	width: 540px;
	padding-bottom: 20px;
}
#topCol #productBn02 .copy {
	position: absolute;
	left: 1px;
	top: 8px;
}
#topCol #productBn02 .btn_itice {
	position: absolute;
	left: 21px;
	top: 110px;
}