@charset "UTF-8";

/*===================================================================
	Module
===================================================================*/

.baC { margin: 0 auto; }
.ml2 { margin-left: 2.5px;}
.ml9 { margin-left: 9px;}
.mr9 { margin-right: 9px;}
.fsXXL { font-size:143%; } /* font-size:20px; */
.boxUnder { border-bottom: solid 1px #000 }
.boxTop {border-top: solid 1px #000}

/*===================================================================
	index.html
===================================================================*/
#contents .headSection .ttl { width: 550px; }
#contents .headSection .aside { width: 410px; }
#contents .headSection .ttl h1{ font-size:19px\9; }

#mainSection01 .sec01_contentBox {
	width: 910px;
	padding: 25px;
	color: #fff;
	background-color: #0e2c4b;
}
#mainSection01 .baC { width: 865px; }

#mainSection02 #tabGroup .tabCont {
	width: 910px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 25px;
	background-color: #f6f6f6;
}
#mainSection02 #tabGroup .tabCont dl dt, #mainSection02 #tabGroup .tabCont dl dd { color: #0e2c4b; }
#mainSection02 #tabGroup .tabCont dl dd { border-left: solid 1px #000; }
#mainSection02 #tabGroup div.disnon{ display: none !important; }
#mainSection02 #tabGroup div.current{ display: block !important; }

#mainSection02 h3 {
	font-size: 30px;
	color: #0e2c4b;
}

#mainSection02 h3,
#mainSection03 h3 { text-align: center;}
#mainSection03 .baC {	width: 819px; }

#mainSection04 {
	padding: 20px;
	background-color: #f6f6f6;
}
#mainSection04 h3,
#mainSection05 h3 {
	font-size: 30px;
	color: #0e2c4b;
	font-weight: normal;
}

#mainSection04 h4 {
	font-size: 18px;
	color: #0e2c4b;
	font-weight: normal;
}

#mainSection04 h4 span{
	font-size: 15px;
}

#mainSection04 .sec04_operationBox { width: 210px; }
#mainSection04 .sec04_operationBox h4 { padding: 20px 0; }
#mainSection04 .sec04_operationBox div { background-color: #f6f6f6; }
#mainSection04 .sec04_operationBox div ul {
	height: 7.8em;
	padding: 20px 10px;
}
#mainSection04 .sec04_operationBox div ul li {
	font-size: 12px;
	text-indent: 12px;
	background: url(/products/pro/download/printlayout/images/listPoint.png) top left no-repeat;
	color: #0e2c4b;
}

#mainSection05 .sec05_downloadBox { width: 822px; }
#mainSection05 p { font-size: 12px; }
#mainSection05 .sec05_supportBox {
	padding: 20px;
	background-color: #f6f6f6;
}

/*===================================================================
	tabGroup - tab01
===================================================================*/

#mainSection02 #tabGroup .tab01 dl dt {
	padding: 15px 30px 15px 0;
	width: 143px;
}
#mainSection02 #tabGroup .tab01 dl dd { width: 682px; }
#mainSection02 #tabGroup .tab01 ol {
	padding: 0 25px;
	list-style-position: inside;
}
#mainSection02 #tabGroup .tab01 ul li {
	width: 376px;
	font-size: 16px;
}
#mainSection02 #tabGroup .tab01 div span.vaM {
	display: inline-block;
	width: 480px;
	line-height: 212px;
}

/*===================================================================
	tabGroup - tab02
===================================================================*/

#mainSection02 #tabGroup .tab02 dl dt {
	padding: 15px 30px 15px 0;
	width: 219px;
}
#mainSection02 #tabGroup .tab02 dl dd { width: 605px; }

/*===================================================================
	tabGroup - tab03
===================================================================*/

#mainSection02 #tabGroup .tab03 dl dt {
padding: 15px 30px 15px 0;
width: 220px;
}
#mainSection02 #tabGroup .tab03 dl dd { width: 605px; }

/*===================================================================
	tabGroup - tab04
===================================================================*/

#mainSection02 #tabGroup .tab04 dl dt {
	padding: 15px 30px 15px 0;
	width: 180px;
}
#mainSection02 #tabGroup .tab04 dl dd { width: 654px; }
#mainSection02 #tabGroup .tab04 div .baC { width: 878px; }
#mainSection02 #tabGroup .tab04 p.middleLine {
	position: relative;
	background: url(/products/pro/download/printlayout/images/line.jpg) center center repeat-x;
}
#mainSection02 #tabGroup .tab04 p.middleLine span {
    background-color: #f6f6f6;
    display: inline-block;
    padding: 0 0.5em;
    position: relative;
}

/*===================================================================
	tabGroup - tab05
===================================================================*/

#mainSection02 #tabGroup .tab05 dl dt {
	padding: 15px 30px 15px 0;
	width: 220px;
}
#mainSection02 #tabGroup .tab05 dl dd {
	padding: 10px 0 10px 30px;
	width: 605px;
}

/*===================================================================
	Link hover
===================================================================*/

#mainSection01 .linkBtn:hover,
#mainSection02 .linkBtn:hover,
#mainSection03 .linkBtn:hover,
#mainSection04 .linkBtn:hover,
#mainSection05 .linkBtn:hover {
	-ms-filter:"alpha(opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}



/*===================================================================
	photobox
===================================================================*/

#photobox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#photobox div.bbg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	background-color: #000\9;
	filter: alpha(opacity=80);
}
#photobox div.bg {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0px auto 0px;
	padding: 0 0 30px 0;
	text-align: right;
}
#photobox div.bg div.close_button {
	width: 40px;
	height: 40px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-image: url(/products/pro/download/printlayout/images/btn_close.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}
#photobox div.bg div.phototag {
	margin: 12px auto 0;
	text-align: center;
}
#photobox div.bg div.phototag img {
}
#photobox div.bg p.caption {
	margin: 12px auto 0;
	color: #fff;
	text-align: left;
	font-size: 14px;
}
#photobox div.bg p.caption a {
	color: #fff;
	text-decoration: underline;
}
#photobox div.bg p.caption a:hover {
	color: #ff0000;
	text-decoration: underline;
}
