@charset "utf-8";
/*-----------------------------
	- 全体
-----------------------------*/
html  {    /*←スクロールバーの有無でセンタリング位置がズレる問題を解消*/
	height:100%;
	margin-bottom:1px;
    overflow-y:scroll;  
}
* {
	margin:0;
	padding:0;
}


body {
	color:#333;
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:1.6;
	color:#333333;
}
img {
	border:0;
}
hr {
	display:none;
}
ul li {
	list-style-type:none;
	font-size:100%;
	line-height:1.5em;
}
ol li {
	list-style-type:decimal;
	font-size:100%;
	line-height:1.5em;
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 0.6em;
	margin-top: 0.6em;
}
a {
	color:#003399;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	position: relative;
	top: 1px;
	left: 1px;
	color: #CC0033;
}
a:visited {
	color:#003399;
	font-weight: bold;
	text-decoration: none;
}
.hid {
	display:none;
}
p {
	margin-bottom:0.6em;
}
#container {
	width:750px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*-----------------------------
	- ヘッダー
-----------------------------*/
div#header {
	padding: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	height: 46px;
}
div#header_left_container {
	float:left;
	width:410px;
	padding-left:10px;
	padding-top: 3px;
}
div#header_right_container {
	float:left;
	width:312px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 8px;
	text-align: right;
	font-size: 1.1em;
}
div#header_right_container li {
    display: inline;
	list-style-type:none;
    height: 1px;
}
div#header_right_container a {
	color:#333333;
	text-decoration: none;
}
div#header_right_container a:hover {
	color:#CC0033;
	text-decoration: underline;
}
/*-----------------------------
	- コンテンツの囲み
-----------------------------*/
div#main_container {
	margin-top:10px;
	margin-bottom:10px;
	float:left;    /*←Floatを指定する事で、背景画像が伸びます。over-flow:autoでも伸びます。*/
	width: 100%;	/*↑サイドの背景画像を2カラムを囲うdivに指定して繰り返してます。*/
    min-height: 400px;
	height: 100% !important;    /*←通常、importantを指定したスタイルが適用されるが、IE6の場合、同じセレクタ内の場合はimportantで書かれていても、そのあとに書かれた同じスタイルが適用される*/
    height: 400px;    /*←で、上の行とこれの組み合わせでIE6用ハックになる。*/
}


div#main_container_inner {
	margin-top:0px;
	margin-bottom:0px;
	float:left;    /*←Floatを指定する事で、背景画像が伸びます。over-flow:autoでも伸びます。*/
	width: 718px;	/*↑サイドの背景画像を2カラムを囲うdivに指定して繰り返してます。*/
	font-size:1.2em;
	margin-right: 0px;
	padding-right: 16px;
	padding-left: 16px;
}


/*-----------------------------
	- 左のコンテンツ
-----------------------------*/
div#left_container {
	font-size:1.2em;
	float:left;
	width:544px;
	margin-left: 9px;
	margin-right:0px;
	display:inline
}
div#left_container h3 {
	font-size:1.4em;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
div#left_container ul {
	margin-left:22px;
}
div#left_container ul li {
	margin-bottom:0.5em;

}
div#left_container ol {
	margin-left:22px;
}
div#left_container ol li {
	margin-bottom:0.5em;
}


.left_container_inner {
	float:left;
	width:544px;
	padding-bottom:15px;
}

div#left_container_topics {
	float:left;
	width:544px;
	padding-bottom:15px;
}
div#left_container_topics a:link {
	color:#436784;
	text-decoration: underline;
}
div#left_container_topics a:visited {
	color:#436784;
	text-decoration: none;
}
div#left_container_topics a:hover {
	color:#CC0033;
	text-decoration: underline;
}
div#left_container_topics dt {
	margin-top: 1.0em;
	background-image: url(../images/common/list_triangle00.gif);
	background-repeat: no-repeat;
	padding-left: 1.25em;
	background-position: 2px 30%;
}
      
div#left_container_topics dd {
	margin-top: 0em;
	padding-left: 1.25em;
}

/*-----------------------------
	- 右のコンテンツ
-----------------------------*/
div#right_container {
	float:left;
	width:180px;
	display:inline;
	margin-left: 8px;
}
div#right_container li {
	margin-bottom:0.5em;
	padding-left:16px;
	background:url(../images/common/list_triangle01.gif) no-repeat 2px 50%;
	font-size: 100%;
}
div#right_container li img {
	margin: 0px;
}
div#right_container p {
	margin-bottom:.4em;
}

.right_container_inner {
	float:left;
	width:180px;
	padding-left:0px;
	padding-bottom:8px;
	padding-right: 0px;
	padding-top: 0px;
}

.right_container_box {
	float:left;
	width:158px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #cccccc;
	font-size:1.1em;
	line-height:2.5;
}
div#right_container dt {
	background-image: url(../images/common/list_triangle00.gif);
	background-repeat: no-repeat;
	padding-left: 1.25em;
	background-position: 2px 45%;
	line-height: 1.6em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}     
div#right_container dd {
	margin-top: 0em;
	padding-left: 1.25em;
}
div#right_container a:link {
	color:#333333;
	text-decoration: none;
}
div#right_container a:visited {
	color:#333333;
	text-decoration: none;
}
div#right_container a:hover {
	color:#CC0033;
	text-decoration: underline;
}



/*-----------------------------
	- フッター
-----------------------------*/
div#footer {
	float:left;
	width:750px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#footer li {
    display: inline;
	list-style-type:none;
    height: 1px;
}
div#footer_left_container {
	float:left;
	width:390px;
	padding-left:10px;
	padding-bottom:0px;
	padding-right: 0px;
	padding-top: 2px;
}
div#footer_right_container {
	float:left;
	width:332px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 8px;
	font-size: 1.1em;
	text-align: right;
}
div#footer_right_container a {
	color:#333333;
	text-decoration: none;
}
div#footer_right_container a:hover {
	color:#CC0033;
	text-decoration: underline;
}
address {
	clear:both;
	font-style:normal;
	padding: 0px;
}

/*-----------------------------
	- パンくずリスト
-----------------------------*/
div#topicPath_01 {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 12px;
}
div#topicPath_01 li {
	display:inline;
	line-height:110%;
	list-style-type:none;
	color: #666666;
}
div#topicPath_01 li a {
	padding-right:10px;
	background-image: url(../images/common/topicpath.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	color: #666666;
}



.fs7 { 
	font-size:0.75em;
	line-height:1.4;
	letter-spacing: 0px;
}

.fs8 { 
	font-size:0.834em;
	line-height:1.5;
	letter-spacing: 0px;
}

.fs9 {
	font-size:0.917em;
	line-height:1.5;
	letter-spacing: 0px;
	color: #666666;
}

.fs10 {
	font-size:1em;
	line-height:1.5;
	letter-spacing: 0px;
	color: #666666;
}

.fs11 { 
	font-size:1.084em;
	line-height:1.5;
	letter-spacing: 0px;
	color: #666666;
}

.fs12 {
	font-size:1.167em;
	line-height:1.5;
	letter-spacing: 0px;
	color: #333333;
}


.fs13 { 
	font-size:1.25em;
	line-height:1.4;
	letter-spacing: 0px;
	color: #666666;
}


.fs14 { 
	font-size:1.334em;
	line-height:1.4;
	letter-spacing: 0px;
	color: #666666;
}

.fsulli {
	margin-bottom:.5em;
	padding-left:20px;
	background-image: url(images/common/list_triangle01.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

div#breadcrumb {
	font-size:90%;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	float: left;
	width: 730px;
}
/*-----------------------------
	- ヘッダ画像
-----------------------------*/
#headerimage {
margin: 0;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
float:left;
width: 100%;
}

.right {
	float: right;
}
.right {
	float: right;
}
.indent {
	margin-left: 20px;
}
.list_disc {
	margin-left: 35px;
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 0.6em;
}
.list_bigcircle {
    background: url(../products/colorproofxf/images/common/list_bigcircle.gif) no-repeat 0em 0.3em;
    padding-left: 1.5em;
    list-style: none;
	margin-bottom: 0.6em;
}
.table_ul {
	font-size:95%;
	line-height:1.4;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.table_ul_sl {
	font-size:95%;
	line-height:1.4;
	padding: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #BBBBBB;
	border-left-color: #BBBBBB;
}


/* Box */
.box_1{
	border:1px solid #999999;
	padding:3px;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	font-size: 95%;
}
.box_2{ background:#dcdcdc; color:#404040; margin:0.5em 0; padding:5px; }
.box_3{
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-type: square;
	letter-spacing: 1px;
	background-image: url(../images/common/blockdefault.gif);
	font-size: 95%;
	border: 1px none #333333;
}
/* スクロールバー付きbox */
.box_auto{ height:90px; overflow:auto; margin:0.5em 0; }


/* 見出し */
h1{
	clear:both;
	font-weight:bold;
	font-size:1.6em;
	letter-spacing:1pt;
	color:#666666;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
h2{
	clear:both;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 1.2em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-right: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
}
h3,h4{
	font-weight:bold;
	font-size:108%;
	letter-spacing:1px;
	color:#333333;
}
h3{
	margin:1em -0.5em 0.5em;
	padding:0.2em 0.5em;
	border-top-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #666666;
}
h4{
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0em;
}
h5,h6{ font-weight:bold; letter-spacing:0.5pt; }
h5{ font-size:102%; margin:0.8em 0.5em 0.3em 0; }
h6{ text-align:right; margin:0.8em 0.5em 0.3em; }



.test {
	font-size: 95%;
	text-align: right;
	margin-top: -25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.table_ul2 {
	list-style-position: outside;
	list-style-type: disc;
	margin-left:15px;
	padding-bottom: 5px;
}
.icons {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: none;
	margin: 0px;
	vertical-align: baseline;
}


/*-----------------------------
	- 表組
-----------------------------*/

table#table-01 {
    width: 500px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.style1 {color: #FF0000}

/*-----------------------------
	- FAQ用
-----------------------------*/

div#faq {
}

div#faq ul {
	margin-bottom:20px;
}
div#faq ul li {
	margin-bottom:.8em;
	font-size:95%;
	line-height:1.4;
	padding-left:20px;
	background-image: url(../images/common/list_triangle01.gif);
	background-repeat: no-repeat;
	background-position: 6px 50%;
	border: 1px solid #CCCCCC;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
}
div#faq ol {
	margin-left:22px;
}
div#left_container2 ol li {
	margin-bottom:.5em;
}


/* GRID */
.column { 
float: left; 
}
.grid3col .column { 
width: 32%; margin-left: 2%; 
}
.column.first, .column.last { 
margin-left: 0 !important; 
}
.column.last { 
float: right !important; 
}