@charset "utf-8";


/********************************************
  各ページクラス
********************************************/

/* トップ */
#eyecatch {
	text-align: center;
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#eyecatch .eyeBtn {
	position: absolute;
	bottom: 21px;
	right: 14px;
}
#eyecatch a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.bnrList {
	margin: 20px 0;
}
.bnrList li{
	float: left;
}

.pageTop {
	text-align: right;
	clear: both;
	margin: 0 10px 0 0;
}
#information {
	padding: 0 10px 0 10px;
	width: 480px;
	float: left;
}

#information dl {
	position: relative;
	width: 460px;
	height: 135px;
	padding: 0 0 0 15px;
	overflow: auto; 
	overflow-x: hidden;
}

#information dl dt {
	font-size: 90%;
	padding: 15px 0 0 15px;
	position: absolute;
	width: 80px;
}
#information dl dd {
	line-height: 120%;
	padding: 11px 0 9px 98px;
	border-bottom: 1px solid #cbcbcb;
	width: 340px;
}
#information dl dd a {
	color: #1065b0;
}
#bnrBox {
	width: 500px;
	float: right;
	padding: 30px 0 0 0;
}
#bnrBox li {
	width: 245px;
	float: left;
	margin: 0 5px 8px 0;
}


#bnrBox2 {
	width: 500px;
	float: right;
	padding: 10px 0 0 0;
}
#bnrBox2 li {
	width: 245px;
	float: left;
	margin: 0 5px 8px 0;
}
.bx-has-pager{
	margin:-10px 0 20px;
	overflow:hidden;
}

/*advantage*/
#mainContents h2.case{
	background: none;
	border:none;
	padding:20px 0 0;
	margin:0 0 5px 15px;
	clear:both;
}
#advantage #mainContents .columnArea {
	clear:both;
}
#advantage #mainContents .columnArea img{
	padding:0;
}
#advantage #mainContents .columnArea .columninner{
	float:left;
	width:400px;
}
#advantage #mainContents .columnArea .columninner h3{
	margin:10px 15px 10px;
}
#advantage #mainContents .large{
	min-height:65px;
	height:65px;
	height:auto !important;
}
#advantage #mainContents .detailIn a.detailBtn{
	right:10px;
}
#advantage #mainContents .columninner h2{
	margin:20px 15px 20px;
}
#advantage #mainContents .imgC2{
	display:block;
	margin:40px auto 20px;
	padding-top:30px;
	border-top:1px dotted #999;
	width:780px;
}
#advantage #mainContents .imgC2 img{
	display:block;
	margin:0 auto;
}
#advantage #mainContents .detailTxt{
	_height:115px;
}
#advantage #mainContents .detailIn .detailTxt{
padding-bottom: 40px;
}

/*lineup*/
#lineup h2{
	margin:0 0 20px 15px;
	clear:both;
	width:735px;
}
#lineup h2.nobg,
#lineup h3{
	background:none;
	padding:0;
	border:none;
}
#lineup h2.nobg{
	cursor:pointer;
}
#lineup #subContents h2{
	margin:0;
	width:auto;
}
#lineup ul.font_list{
	overflow:hidden;
	padding:0 0 60px 30px;
	width:750px;
	display:none;
}
#lineup ul.font_list li{
	background: url("../../lineup/img/fontlist_bg.gif") no-repeat 0 0;
	padding:20px 0 12px 25px;
	width:225px;
	float:left;
	position:rerative;
}
#lineup ul.font_list li p{
	display:none;
	position:absolute;
	width:180px;
	background:#fff;
	padding:5px;
	font-size:90%;
	border:1px solid #ccc;
}

#lineup ul.font_list li a{
	text-decoration:none;
	display:block;
	font-weight:bold;
	font-size:90%;
}
:root #lineup ul.font_list li a{
	font-size:100%;
}

#lineup ul.font_list li a:hover{
	text-decoration:underline;
}
#lineup #mainContents .column{
	overflow:hidden;
	margin:0 0 30px;
}
#lineup #mainContents p.detailBtn{
	margin:5px 0;
	float:right;
}
#lineup #mainContents .large{
	min-height:160px;
}



/*popup*/
#lineup #cboxLoadedContent {
	padding:30px 20px;
}
#lineup #cboxLoadedContent h2{
	background: url("../../lineup/img/popup_h2.jpg") no-repeat center 0;
	padding:25px 15px;
	margin:0;
	font-size:150%;
	width:auto;
}
#lineup #cboxLoadedContent ul{
	background:#f2f2f2;
	margin:0 0 20px;
	text-align:center;
	padding:10px;
}
#lineup #cboxLoadedContent ul li{
	display:inline;
	line-height:1.6;
}
#lineup #cboxLoadedContent ul li a{
	padding:3px;
}
#lineup #cboxLoadedContent ul li a.Act{
	background:#005bac;
	color:#fff;
}
#lineup #cboxLoadedContent p {
	padding: 10px 30px 20px;
	line-height: 1.5;
}
#lineup #cboxLoadedContent img{
	display:block;
	margin:0 auto 30px;
}
#lineup #cboxLoadedContent p.attention {
	padding: 10px 40px 20px;
	text-indent:-1em;
	line-height: 1.5;
}
#lineup #mainContents .nolink .linkTitle {
	padding:15px 0 15px 30px;
}
#lineup #mainContents .nolink img{
	border:3px solid #cfcfcf;
	display:block;
	width:347px;
	padding:5px;
}
#lineup #mainContents .detailIn{
	min-height:140px;
	height:140px;
	height:auto !important;
}
#lineup #mainContents a.link{
	margin:30px;
}


/*builtin*/
#builtin h2.nobg{
	background:none;
	padding:0;
	margin:0;
	border:none;
	clear:both;
}
#builtin h3.wid580 {
	width:580px;
	float:right;
}
#builtin h3.wid380 {
	width:380px;
	float:right;
}
#builtin p.wid610 {
	width:610px;
	float:right;
}
#builtin p.wid410 {
	width:410px;
	float:right;
}
#builtin #mainContents p.detailBtn{
	margin:5px 0;
	float:right;
	padding-bottom:20px;
}
#builtin #mainContents .column2L ,
#builtin #mainContents .column2R {
	min-height:150px;
	height:150px;
	height:auto !important;
}
#builtin #mainContents .detail{
	min-height:auto;
	height:auto;
}
#builtin #mainContents .detailIn{
	min-height:60px;
	height:60px;
	height:auto !important;
}
#builtin #mainContents .large{
	min-height:85px;
	height:85px;
	height:auto !important;
}
#builtin #mainContents .large2{
	min-height:200px;
	height:200px;
	height:auto !important;
}
#builtin #mainContents img.imgR{
	margin:0 20px 30px 0;
}
#builtin #mainContents img.imgR2{
	margin:0 20px 30px;
}
#builtin #mainContents .columnArea {
	clear:both;
}
#builtin #mainContents .columnArea img{
	padding:0;
}
#builtin #mainContents .columnArea .columninner{
	float:left;
	width:400px;
}

/*server*/
#server #mainContents .columnArea{
	float:left;
	width:400px;
	margin-bottom:30px;
}
#server #mainContents h2{
	clear:both;
}
#server #mainContents img.imgL{
	margin:0 auto 30px 30px;
}
#server #mainContents ul{
	list-style:disc;
	margin-left:25px;
}


#server table{
	width: 90%;
	border: 1px solid #5A5A5A;
	margin-left: 50px;
}


#server table td{
	border: 1px solid #5A5A5A;
	padding: 5px;
	vertical-align: middle;
}

#server .spec{
	width: 95%;
	border: none;
	margin-left: 20px;
}


#server .spec td{
	border: 10px solid #99CCFF;
	padding: 5px;
	vertical-align: middle;
}




.red {
	color:#E44700;
}


/*case*/
#case .check {
	width:645px;
	margin:0 auto;
	overflow:hidden;
	padding-top:30px;
}
#case #mainContents .check ul{
	float:right;
	clear:none;
	width:310px;
	padding:10px 10px 20px 30px;
}
#case #mainContents img.imgL{
	margin:80px auto 30px;
}
#case .check ul li{
	background: url("../../case/img/icon_check.gif") no-repeat 0 0;
	padding:0 0 20px 25px;
}
#case h2{
	clear:both;
}
#case #mainContents .column2L ,
#case #mainContents .column2R {
	min-height:185px;
	height:185px;
	height:auto !important;
}
#case #mainContents .detail ,
#case #mainContents .detailIn {
	min-height:auto;
	height:auto;
}
#case #mainContents .detailTxt{
	padding:5px 0 40px ;
	position:relative;
	min-height:40px;
	height:40px;
	height:auto !important;
}
#case #mainContents .linkTitle{
	min-height:65px;
	height:65px;
	height:auto !important;
}
#case #mainContents .large{
	min-height:90px;
	height:90px;
	height:auto !important;
}
/*inquiry*/
#inquiry #mainContents{
	min-height:450px;
	height:450px;
	height:auto !important;
}
#inquiry table{
	margin:0 20px 30px;
	border:5px solid #DCDCDC;
	width:760px;
}
#inquiry table th{
	padding:10px;
	background:url("../img/boxgray_bg.gif") repeat scroll 0 0 ;
	border-bottom:1px solid #ccc;
	width:150px;
	vertical-align:middle;
}
#inquiry table td{
	padding:10px;
	border-bottom:1px solid #ccc;
}
#inquiry table td input{
	width:350px;
	padding:5px;
	display:block;
	margin-bottom:5px;
}
#inquiry table td input.clear{
	clear:both;
}
#inquiry table tr.name td input{
	width:150px;
	float:left;
	margin:0 5px 5px 0;
}
#inquiry table tr.add td input.num{
	width:250px;
	float:left;
	margin:0 5px 5px 0;
}
#inquiry table tr.add td p{
	float:left;
	margin:5px 5px 5px 0;
}
#inquiry table tr.tel td input{
	width:250px;
	float:left;
	margin:0 5px 5px 0;
}
#inquiry table tr.tel td p{
	float:left;
	margin:5px 5px 5px 0;
}
#inquiry table tr.mail td input.check{
	float:left;
	margin:0 5px 5px 0;
}
#inquiry table tr.mail td p{
	float:left;
	margin:5px 5px 5px 0;
}
#inquiry table tr.txt td textarea{
	width:350px;
	min-height:200px;
	height:200px;
	height:auto !important;
	margin-bottom:5px;
}
#inquiry .check{
	margin:0 auto 30px;
	width:209px;
	text-align:center;
	display:block;
}
#inquiry .submit{
	margin:0 auto 30px;
	width:422px;
}
#inquiry .submit input{
	float:left;
	margin:0 1px;
}
/*volume*/
#volume  ul.check li{
	background: url("../../case/img/icon_check.gif") no-repeat 0 0;
	padding:0 0 20px 25px;
}
#volume #mainContents h2{
	clear:both;
}

/*webfont*/



#webfont {
	font-family:ヒラギノ角ゴ ProN W3;
	
}


#webfont h1.webtitle {
	font-family:ヒラギノ角ゴ ProN W3;
	font-size: 38px; 
	color: #FFFFFF;
	background: url("../../webfont/img/title_webfont.gif") no-repeat 0 0;
	height: 105px;
	padding-left: 23px;
	padding-top: 17px;
}

#webfont  ul.check li{
	background: url("../../case/img/icon_check.gif") no-repeat 0 0;
	padding:0 0 20px 25px;
}

#webfont #mainContents ul.wflist{
	margin-left: 20px;
	list-style-type: square;
	list-style-position: outside;
}

#webfont #mainContents ul.wflist li{
	margin-top: 10px;
}

#webfont #mainContents ul.wflist li.first{
	margin-top: -10px;
}


#webfont #mainContents h2{
	clear:both;
}

#webfont h2.nobg{
	background:none;
	padding:0;
	margin:0;
	border:none;
	clear:both;
}
#webfont h3.wid580 {
	width:580px;
	float:right;
}
#webfont h3.wid380 {
	width:380px;
	float:right;
}
#webfont p.wid610 {
	width:610px;
	float:right;
}
#webfont p.wid410 {
	width:410px;
	float:right;
}
#webfont #mainContents p.detailBtn{
	margin:5px 0;
	float:right;
	padding-bottom:20px;
}
#webfont #mainContents .column2L ,
#webfont #mainContents .column2R {
	min-height:185px;
	height:185px;
	height:auto !important;
}
#webfont #mainContents .detail ,
 		 #mainContents .detailIn {
	min-height:auto;
	height:auto;
}

#webfont #mainContents .detailTxt{
	padding:5px 0 40px ;
	position:relative;
	min-height:40px;
	height:40px;
	height:auto !important;
}
#webfont #mainContents .linkTitle{
	min-height:65px;
	height:65px;
	height:auto !important;
}

#webfont #mainContents .large{
	min-height:85px;
	height:85px;
	height:auto !important;
}
#webfont #mainContents .large2{
	min-height:200px;
	height:200px;
	height:auto !important;
}
#webfont #mainContents img.imgR{
	margin:0 20px 30px 0;
}
#webfont #mainContents img.imgR2{
	margin:0 20px 30px;
}
#webfont #mainContents .columnArea {
	clear:both;
}
#webfont #mainContents .columnArea img{
	padding:0;
}
#webfont #mainContents .columnArea .columninner{
	float:left;
	width:400px;
}

#webfont #mainContents .columnArea .columninner h3{
	margin:5px 15px 10px ;
}

#webfont #mainContents .tab_web {
	width: 600px;
	margin-left: 40px;
}

#webfont #mainContents .tab_web td {
	vertical-align: middle;
}

 

#webfont #mainContents .PrMW3 {
	font-size: 25px;
	font-family: FP-ヒラギノ明朝 ProN W3;
}

#webfont #mainContents .PrMW6 {
	font-size: 25px;
	font-family: FP-ヒラギノ明朝 ProN W6;
}

#webfont #mainContents .PrKW3 {
	font-size: 25px;
	font-family: FP-ヒラギノ角ゴ ProN W3;	
}

#webfont #mainContents .PrKW6 {
	font-size: 25px;
	font-family: FP-ヒラギノ角ゴ ProN W6;
}

#webfont #mainContents .PrKW6_2 {

	font-family: FP-ヒラギノ角ゴ ProN W6;
}

#webfont #mainContents .PrKW8 {
	font-size: 25px;
	font-family: FP-ヒラギノ角ゴ StdN W8;
}

#webfont #mainContents .PrMW4 {
	font-size: 25px;
	font-family: FP-ヒラギノ丸ゴ ProN W4;	
}


/*sitemap*/
#sitemap  #mainContents ul li{
	clear:both;
	margin:20px 0 10px;
	font-weight:bold;
	font-size:120%;
	border-bottom:1px dotted #333;
}
#sitemap  #mainContents  ul.float{
	margin:0 0 10px 10px;
	overflow:hidden;
	padding:10px 15px 0;
	width:710px;
}
#sitemap  #mainContents  ul.float li{
	float:left;
	clear:none;
	width:205px;
	font-weight:normal;
	font-size:90%;
	border:none;
	margin:0 20px 0 10px;
	padding:0;
	min-height:3em;
	text-indent:-1.3em;
	_text-indent:-1em;
	display:inline;
}
#sitemap  #mainContents  ul.float li a{
	margin:0;
	background: url("../img/icon_link.gif") no-repeat 0 5px;
}
/*about*/
#about  #mainContents img.imgR{
	margin:10px 20px 30px 10px;
}


/*product*/

#product  ul.list li{
	margin-left: 20px;
	padding:0 0 5px 5px;
	list-style-type: circle;
}

/*product02*/

#product02  ul.list li{
	margin-left: 20px;
	padding:0 0 5px 5px;
	list-style-type: circle;
}

#product02 table{
	width: 90%;
	border: 1px solid #5A5A5A;
	margin-left: 50px;
}


#product02 table td{
	border: 1px solid #5A5A5A;
	padding: 5px;
	vertical-align: middle;
}


/*popup*/
#product02 #cboxLoadedContent {
	padding:30px 20px;
}
#product02 #cboxLoadedContent h2{
	background: url("../../lineup/img/popup_h2.jpg") no-repeat center 0;
	padding:25px 15px;
	margin:0;
	font-size:150%;
	width:auto;
}
#product02 #cboxLoadedContent ul{
	background:#f2f2f2;
	margin:0 0 20px;
	text-align:center;
	padding:10px;
}
#product02 #cboxLoadedContent ul li{
	display:inline;
	line-height:1.6;
}
#product02 #cboxLoadedContent ul li a{
	padding:3px;
}
#product02 #cboxLoadedContent ul li a.Act{
	background:#005bac;
	color:#fff;
}
#product02 #cboxLoadedContent p {
	padding: 10px 30px 20px;
	line-height: 1.5;
}
#product02 #cboxLoadedContent img{
	display:block;
	margin:0 auto 30px;
}
#product02 #cboxLoadedContent p.attention {
	padding: 10px 40px 20px;
	text-indent:-1em;
	line-height: 1.5;
}
#product02 #mainContents .nolink .linkTitle {
	padding:15px 0 15px 30px;
}
#product02 #mainContents .nolink img{
	border:3px solid #cfcfcf;
	display:block;
	width:347px;
	padding:5px;
}
#product02 #mainContents .detailIn{
	min-height:140px;
	height:140px;
	height:auto !important;
}