body {
	font-size: 80%;
	color: #666666;
	text-align:center;
	margin:0px auto;
	background-color:#F9F9F9;
}
.all {
	width: 774px;
	text-align:center;
	margin:0px auto;
	background:#FFF url(../img/all-bk.jpg) repeat-y;
}
.around{
	background:#FFF url(../img/around-bk.jpg) top repeat-x;
	width:750px;
	text-align:center;
	margin:0px auto;
}
.clear {
	clear: both;
	height:0px;
	line-height:0px;
}
.twoline h1 {
	padding-top:15px;
}
.twoline h1 img{
	float:left;
	margin-top:-13px;
}
h1 {
	background: url(../img/main-h1.jpg) no-repeat;
	font-size: 18px;
	color:#FFF;
	padding:27px 27px 15px;
	margin:0px 1px 10px 0px;
}
h1 img{
	margin:-25px 10px 0px -20px;
}
/*----------------------------------------*/
.products{
	background: url(../img/main-h1-products.jpg) no-repeat;
}
.technology{
	background: url(../img/main-h1-technology.jpg) no-repeat;
}
.company{
	background: url(../img/main-h1-company.jpg) no-repeat;
}
/*----------------------------------------*/
h2 {
	background: url(../img/main-h2.jpg) no-repeat;
	width:531px;
	font-size: 14px;
	margin:0px 0px 10px;
	padding:2px 9px 3px;
	color:#333;
}
h2 a{
	text-decoration:none;
	color:#333;
}
/*----------------------------------------*/
.index h2{
	background-image:none;
	color:#C13649;
	width:auto;
	font-size:12px;
	margin:7px 0px 5px;
	padding:0px;
	letter-spacing: normal;
}
.index h2 a{
	color:#C13649;
}
.2line h2{
	height:36px;
}
.level2 h2,
.level2-info h2{
	background: url(../img/main-h2-level2.jpg) bottom no-repeat;
	width:255px;
	clear:left;
	letter-spacing:normal;
	margin:1px 0px 7px;
	padding:1px 0px 3px 10px;
}
.category-navi h2{
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
/*----------------------------------------*/

h3 {
	background: url(../img/main-h3.gif) no-repeat;
	width:500px;
	font-size: 14px;
	padding:3px 22px 4px;
	margin: 18px 0px 14px;
}
p {
	line-height: 1.3em;
	margin-top: 0px;
	padding:0px 5px 0px;
}
img {
	border: 0px;
	color:#FFF;
	background:transparent;
	vertical-align:top;
}
td {
	font-size: x-small;
}
th {
	font-size: x-small;
}
dl {
	margin-top: 0px;
}
dt {
	font-weight: bold;
	margin: 13px 5px 3px;
}
dd {
	line-height: 1.3em;
}
ul {
	margin-top: 0px;
}
ol {
	margin-top: 0px;
}
li {
	line-height: 1.3em;
}
strong {
}
em {
}
dd ul{
	margin:0px;
}
/*-- リンク指定 --*/

a:link {
}
a:visited {
}
a:hover {
	text-decoration:underline;
	color:#900
}


/*-- ヘッダ部 --*/

.head {
	width: 750px;
	text-align:left;
}
.summary {
	font-size: 12px;
	background-color:#23237E;
	color:#FFF;
	padding:4px 11px 3px;
}

/*-- コンテンツ --*/
.contents-head{
	width: 750px;
	padding: 0px;
	text-align: left;
}
.contents {
	width: 750px;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
.path {
	font-size: 10px;
	margin:0px;
	background: url(../img/path-bk.jpg) no-repeat;
	text-align:right;
}
.path a{
	padding-right: 2px;
	color:#03c;
}

/*-- サイドメニュー --*/

.menu {
	width: 177px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
	font-size: 12px;
}
.menu a{
	color: #666;
	text-decoration:none;
}
.menu dl {
	margin: 0px 0px 10px;
	padding: 0px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.menu dl dt {
	padding: 0px;
	margin: 0px;
}
.menu dl dd {
	padding: 0px;
	margin: 0px;
	background-color:#FFF;
}
.menu ul {
	padding: 0px;
	margin: 5px 0px 8px;
}
.menu ul li {
	padding: 0px 0px 0px 24px;
	margin: 2px 0px 0px 8px;
	list-style: none;
	background:url(../img/menu-dd.gif) left center no-repeat;
}
p.banner {
	text-align: center;
}


/*-- フッター --*/


.footer {
	clear: both;
	text-align:left;
	padding:16px 20px 13px;
	background:url(../img/footer-bk.gif) top repeat-x;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.footer a{
	text-decoration:none;
	color:#333;
}
.flink-left{
	width:545px;
	float:left;	
	margin: 0px;
}
.flink-right{
	width:138px;
	float:right;
	text-align:right;
	margin:0px;
	padding:0px;
	font-weight:bold;
}
.flink-right a{
	color:#212073;
	border-left:2px solid #212073;
	border-right:2px solid #212073;
	padding:0px 7px;
	
}
.flink-left ul {
	width:520px;
	margin: 0px 0px 5px;
	padding: 0px;
	list-style-type: none;
}
.flink-left ul li {
	display: inline;
	letter-spacing:0.2em;
	margin:0px;
	padding:0px;
}
.flink-left ul li a{
	padding-left:15px;
	padding-right:0px;
	word-break: keep-all;
	float:left;
	background:url(../img/footer-li.gif) left center no-repeat;
}
address {
	font-style: normal;
	line-height:1.2em;
}
.copyright {
	background-color:#212073;
	color:#FFF;
	padding:5px 12px 4px;
	text-align:left;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

/*-- メインコンテンツ --*/

.main {
	background:#FFF url(../img/main-bk.jpg) repeat-x;
	float: right;
	margin: 0px 0px 30px;
	padding: 1px 20px 0px 0px;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}

.pagetop{
	text-align: right;
	margin:33px 0px 7px
}
/*------------------------------*/
.library {
	border:1px solid #000;
	color:#990000;
	background:#E9E8F9;
}
.library dl{
	background:#E9E8F9 url(../img/library-bk.gif) repeat-x;
	margin:1px 4px 0px;
	color:#000;
	font-weight:bold;
	letter-spacing:-0.1em;
}
.library dt,
.library dd{
	height:30px;
	padding:0px;
}
.library dt{
	float:left;
	clear:left;
	margin:0px 5px 0px 3px;
}
/*------------------------------*/
.category-navi{
	width:500px;
	margin:20px 0px 46px 15px;
	font-size:12px;
	border:1px solid #B3B3B3;
}
.category-navi ul{
	margin:0px;
	padding:4px;
	list-style-type:none;
}
.category-navi ul li{
	display:inline;
	word-break: keep-all;
}
.category-navi .item ul li{
	background:url(../img/inline-li.gif) left center no-repeat;
	padding-left:14px;
	margin-right:15px;
	margin-left:2px;
	float:left;
}
/*------------------------------*/
.contents-top {
	position:relative;
	z-index:1;
	width: 750px;
}
.topimg{
	height: 280px;
}
img.quality{
	position: absolute;
	z-index:3;
	width: 159px;
	height: 47px;
	left:570px;
	top:248px;
	right:18px;
	bottom:0px;
}
.index{
	float: right;
	background-color:#FFF;
	width: 550px;
	padding: 0px;
	margin: 0px 0px 0px;
}
.index h1{
	margin:0px 0px 0px -2px;
	padding:0px;
	z-index:1;
}
.index h1 img{
	margin:0px;
}
.index p{
	padding:0px;
	margin-top:-11px;
	margin-right:15px;
}
.index ul{
	width:531px;
	margin:0px;
	padding:0px;
}
.index li{
	display: block;
	float:left;
	border:1px solid #CECECE;
	margin:5px 0px 0px;
	padding:5px;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.index li.topli-left{
	margin-right:3px;
}
.index li p{
	margin:0px 10px 5px 0px;
	background:transparent
}
.index li p.link2{
	margin-right:5px;
	margin-bottom:0px;
}
.index li img{
	float:left;
	width:93px;
	height:93px;
	margin:0px 10px 0px 0px;
}
.index dl{
	width:500px;
	margin:15px 13px;
	padding:0px;
}
.index dt{
	font-weight:normal;
	float:left;
	clear:left;
	width:85px;
	margin:0px;
	padding:0px;
	line-height:1.4em;
}
.index dd{
	width:400px;
	margin:0px 0px 0px 81px;
	padding:0px;
	letter-spacing:0.1em;
	line-height:1.4em;
}
/*--------------------------*/
ul.level2{
 width:530px;
}
ul.level2,
ul.level2-info{
	list-style-type:none;
	margin:-2px 0px 0px;
	padding:0px;
}
.level2 li,
.level2-info li{
	width:255px;
	display: block;
	float:left;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 0px;
	clear: none;
}
li.level2-left{
	margin-right:20px;
}
.level2 div{
	border:1px solid #CECECE;
	width:255px;
	height:65px;
	text-align:center;
	vertical-align:middle;
}
.level2 div img{
	height:60px;
	max-width:253px;
	margin:2px 0px 0px
}
.level2-info div{
	margin:0px;
	padding:0px;
	width:168px;
	float:right;
}
.level2 p,
.level2-info p{
	margin:1px 5px 4px 0px;
	padding:0px;
}
.level2-info img{
	float:left;
	width:80px;
	margin:0px 0px 0px -3px;
}
.level2 .link2 a,
.link2 a{
	background:url(../img/link2.gif) left center no-repeat;
	padding-left:17px;
	color:#333333;
}
/*--------------------------*/
.level3{
	margin-left:30px;
	margin-bottom:25px;
}
.level3 table{
	width:498px;
	border:1px solid #B1B4B1;
	border-collapse:collapse;
	margin-left:2px;
	margin-bottom:7px;
}
.level3 th,
.level3 td{
	border:1px solid #B1B4B1;
	padding:6px 4px 4px;
}
.level3 th{
	background-color:#E6EBF0;
	color:#353481;
}
.level3 .layout2{
	width:480px;
}
.level3 .layout2 dt{
	width:140px;
}
.level3 .layout2 dd{
	width:320px;
}
/*--------------------------*/
.level4{
	margin-left:30px;
	margin-bottom:25px;
}
.level4 table{
	width:498px;
	border:1px solid #B1B4B1;
	border-color:#C74A5B;
	margin-left:2px;
	margin-bottom:7px;
}
.level4 th,
.level4 td{
	border:1px solid #B1B4B1;
	padding:6px 4px 4px;
}
.level4 th{
	background-color:#FFFFFF;
	color:#353481;
}
.level4 .layout2{
	width:480px;
}
.level4 .layout2 dt{
	width:140px;
}
.level4 .layout2 dd{
	width:320px;
}
/*--------------------------*/
ul.level5,
.level5-left div{
	border:1px solid #CECECE;
	width:255px;
	height:102px;
	text-align:center;
	vertical-align:middle;
	margin-right:20px;
}
.level5-left div img{
	height:100px;
	max-width:253px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.level5 div{
	border:1px solid #CECECE;
	width:255px;
	height:102px;
	text-align:center;
	vertical-align:middle;
}
.level5 div img{
	height:100px;
	max-width:253px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.level5 .link2 a,
.link2 a{
	background:url(../img/link2.gif) left center no-repeat;
	padding-left:17px;
	color:#333333;
}
/*--------------------------*/
ul.level6,
.level6-left div{
	border:1px solid #CECECE;
	width:255px;
	height:230px;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
	margin-top: auto;
	margin-right: 16px;
	margin-bottom: auto;
	margin-left: auto;
}
.level6-left div img{
	height:200px;
	max-width:253px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.level6 div{
	border:1px solid #CECECE;
	width:255px;
	height:230px;
	text-align:center;
	vertical-align:middle;
	padding-top: 5px;
}
.level6 div img{
	height:200px;
	max-width:253px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.level6 .link2 a,
.link2 a{
	background:url(../img/link2.gif) left center no-repeat;
	padding-left:17px;
	color:#333333;
}


/*-- サイトマップフォーマット --*/

.sitemap {
	margin: 0px 0px 14px 10px;
	padding: 0px;
}
.sitemap li {
	background: url(../info/img/s-level2.gif) no-repeat;
	list-style-type: none;
	padding:4px 28px 5px;
	margin: 7px 0px 0px;
	color:#B30B0B;
	font-weight:bold;
	font-size:13px;
}
.sitemap li a{
	text-decoration:none;
	color:#B30B0B;
}
.sitemap li ul {
	background: url(../info/img/s-dot3.gif) repeat-y;
	margin: 6px 0px 0px 15px;
	padding: 5px 0px 0px;
}
.sitemap li ul li{
	background: url(../info/img/s-dot.gif) left center no-repeat;
	list-style-type: none;
	padding:4px 25px 1px;
	margin: 0px;
}
.sitemap li ul li a{
	color:#54679F;
	font: normal 12px;
}
.sitemap li ul li.s-close {
	background: url(../info/img/s-dot2.gif) no-repeat;
	margin:-1px 0px -5px;
}

/*-- よくある質問フォーマット --*/

.faq dl {
}
.faq dl dt {
	background: url(../info/img/faq-q.jpg) left center no-repeat;
	padding:5px 20px 4px;
	color:#333333;
}
.faq dl dd {
	background: url(../info/img/faq-a.jpg) no-repeat;
	padding:3px 5px 3px 20px;
	margin:5px 20px;
}
.faq dl dd img{
	margin-top:10px;
}
.faq dl dd table {
	border-collapse:collapse;
	border:1px solid #23237E;
	margin:8px 0px 5px -20px;
	color:#333;
}
.faq th {
	background-color:#E6E7F9;
	text-align:center;
	color:#21207B;
	border:1px solid #23237E;
	padding:10px 5px 0px
}
.faq td{
	border:1px solid #23237E;
	padding:10px 10px 0px
}
/*-- フォームセット --*/

form {
	margin: 0px;
	padding: 0px;
}
input,textarea{
	background-color:#F7F9FD;
	border:1px solid #97B0E6;
	color:#333;
	font-size:12px;
}
.submit {
	text-align: center;
	border: none;
}
.caution {
	font-weight: bold;
	color: #FF0000;
}

/*-- フォームメール内部フォーマット --*/

.mail-form {
	background: #000000;
}
.mail-form dt {
}
.mail-form dd {
}
.mail-form th {
}
.mail-form td {
	background: #FFFFFF;
}
.mail-input {
	text-align: center;
}

/*==== TEXT DECORATION ====*/
.link1,
.link2{
	text-align:right;
}
.link1 a{
	background:url(../img/link1.gif) left center no-repeat;
	padding-left:15px;
	color:#333333;
	background-image:none;
}
.link3{
	width:450px;
	margin-left:80px;
}
.link3 li{
	display:block;
	float:left;
	width:150px;
	padding:0px 0px 0px 10px;
	background:url(../img/inline-li.gif) left center no-repeat;
}
.right{
	text-align:right;
}
.caption1{
	background-color:#EAEFFA;
	padding:5px 10px;
}
.caption2{
	background-color:#E6EBF0;
	padding:5px 10px;
}
.center{
	text-align:center;
}
.small{
	font-size:10px;
}
.small2{
	font-size:10px;
	letter-spacing:-0.1em;
}
.medium{
	font-size:12px;
	letter-spacing: 0.1em;
	line-height:140%;
}
/*==== BOX LAYOUT ====*/
.img-box{
	margin:-4px 0px 0px;
	vertical-align:middle;
}
.img-box img{
	width:260px;
	margin:10px 0px
}
.img-box img.space{
	margin:10px 8px 10px 1px;
}
.img-right img{
	float:right;
	margin-left:15px;
}
.inline ul{
	margin:0px 5px;
	padding:0px;
}
.inline ul li{
	list-style-type:none;
	display: block;
	float:left;
	width:130px;
	margin:0px 5px 0px;
	padding:0px 0px 0px 10px;
	background:url(../img/inline-li.gif) left center no-repeat;
}
/*-------------------------------------*/
.decorate{
	width:480px;
	border:1px solid #B3B3B3;
}
.decorate dt{
	background-color:#363581;
	border-bottom:none;
	color:#FFF;
	padding:3px 10px 1px;
	margin:0px;
	font-size:14px;
}
.decorate dd{
	padding:0px;
	margin:0px;
}
.decorate dd a{
	text-decoration: underline;
}
.decorate dd dl{
	margin:0px;
	padding:0px;
	border:none;
	background-color:#E6EBF0;
	color:#333;
}
.decorate dd dt{
	width:130px;
	float:left;
	text-align:right;
	font-size:12px;
	margin:0px 10px 0px 0px;
	padding:2px 7px 0px;
	border:none;
	color:#2A2979;
	background-color:#E6EBF0;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.decorate dd dl dd{
	padding:2px 5px 0px;
	margin:0px 0px 0px 135px;
	width:335px;
	border:none;
	background-color:#FFF;
}
/*====  TABLE LAYOUT  ====*/
.layout,
.layout2 {
	width:530px;
	padding:5px 10px 5px 1px;
	margin:15px 0px 30px 15px;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.layout{
	background-color:#F1F4FB;
}
.layout dt,
.layout2 dt{
	float:left;
	text-align:left;
	clear:left;
	vertical-align:top;
	color:#30496B;
	margin:2px 0px 1px;
	padding:4px 0px 2px 6px;
}
.layout dd,
.layout2 dd{
	width:380px;
	padding:4px 0px 5px 10px;
	margin-left:125px;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.layout dt{
	border-left:4px solid #757DE2;
	background-color:#CFD9F6;
	width:120px;
}
.layout dd dl{
	width:380px;
}
.layout dd dl dt{
	float:none;
	background-color:transparent;
	border:none;
	width:380px;
	padding:0px;
	margin-bottom:3px;
}
.layout dd dl dt a{
	text-decoration:none;
	color:#30496B;;
}
.layout dd dl dd{
	margin:0px 0px 15px;
	padding:0px;
}
/*---------------------------------*/
.layout2 dt{
	border-bottom:1px dashed #EFEFEF;
	width:140px;
}
.layout2 dd{
	width:360px;
}

/*---------------------------------*/
.layout3{
	background-color:#EDF1FA;
	border:1px solid #97B0E6;
	border-collapse:collapse;
	margin:17px 0px 15px;
	width:520px;
}
.layout3 th,
.layout3 td{
	border:solid 1px #97B0E6;
	padding:6px 10px 4px;
	font-size: x-small;
}
.layout3 th{
	background-color:#DAE2F5;
	border-right:double 3px #97B0E6;
	word-break: keep-all;
	text-align:left;
}
.layout3 td{
	color:#3366CC;
}
/*---------------------------------*/
.layout4 {
	width:97%;
	padding:5px 10px 10px;
	border:1px solid #B3B3B3;
	background-color:#FBF2EA;
	margin-left:25px;
	color:#990000;
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.layout4 dt{
	color:#CC0000;
}
.middle{	
	vertical-align: 0px;
}
/*====  PRINT  ====*/

@media print {
	h1.products,
	h1.technology,
	h1.company{background: #2A43DD url(../img/main-h1-products.jpg) no-repeat;}
	.layout dt{vertical-align: baseline; line-height:normal;}
	.layout2 dt{vertical-align: baseline; line-height:normal;}
}
/*====  SAFARI  ====*/
.category-navi h2{
	width:482px;
}
.contents-head{
	margin: -16px 0px 0px;
}
.footer{
	width: 710px;
	font-size: 11px;
}
.copyright {
	width: 726px;
}
.main{
	width: 530px;
}
.path{
	padding:0px 23px;
}
.index li{
	width:251px;
}
.index dl{
	font-size:11px;
}
.category-navi h2{
	width:500px;#
}
.contents-head{
	margin: 0px;#
}

.footer{
	width: 750px;
	font-size: 12px;#
}
.copyright {
	width: 750px;#
}
.main{
	width: 550px;#
}
.path{
	padding:7px 23px 4px;#
}
.index li{
	width:264px;#
}
.index dl{
	font-size:12px;#
}

/*====  Mac  ====*/
/*\*//*/
.level2 li h2{
	margin-left:-5px;
}
li.level2-left{
	margin-right:5px;
}
/**/ 

