@charset "UTF-8";
/* font.css */


/* 注意事項・・・TOPのスライド画像はサイズ変更させないので、TOPに修正がある場合、fontS fontL にも同スタイルをコピペする*/

body.fontS #mainvisual .slidboxWrap .slidebox1 h4.slideText12,
body.fontL #mainvisual .slidboxWrap .slidebox1 h4.slideText12 {
	font-size: 12px;
	width: 385px;
	color: #000000;
	line-height: 150%;
	padding-top: 70px;
	padding-left: 27px;
}
body.fontS #mainvisual .slidboxWrap .slidebox2 h4.slideText12,
body.fontL #mainvisual .slidboxWrap .slidebox2 h4.slideText12 {
	font-size: 12px;
	width: 310px;
	color: #000000;
	line-height: 180%;
	padding-top: 70px;
	padding-left: 27px;
}

body.fontS #mainvisual .slidboxWrap .slidebox3 h4.slideText12,
body.fontL #mainvisual .slidboxWrap .slidebox3 h4.slideText12 {
	font-size: 12px;
	width: 365px;
	color: #FFFFFF;
	font-weight:bold;
	line-height: 180%;
	padding-top: 70px;
	padding-left: 27px;
}
body.fontS #mainvisual .slidboxWrap .slidebox4 h4.slideText12,
body.fontL #mainvisual .slidboxWrap .slidebox4 h4.slideText12 {
	font-size: 12px;
	width: 365px;
	color: #333333;
	line-height: 130%;
	padding-top: 167px;
	padding-left: 26px;
}
body.fontS #mainvisual .slidboxWrap .slidebox5 h4.slideText12,
body.fontL #mainvisual .slidboxWrap .slidebox5 h4.slideText12 {
	font-size: 12px;
	width: 593px;
	color: #000000;
	line-height: 200%;
	padding-top: 198px;
	margin-left: 59px;
}
body.fontS .slidearea a:link, .slidearea a:visited, .slidearea a:active, .slidearea a:hover,
body.fontL .slidearea a:link, .slidearea a:visited, .slidearea a:active, .slidearea a:hover {
	font-size: 12px;
	text-decoration:none;
	display:block;
	width:960px;
	height:360px;
}



body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Verdana, sans-serif;
	color: #333333;
	line-height:1.5;
	text-align:center;
	background: #FFFFFF url(../img/kotonet_bg.jpg) repeat-x;
	/*background: #FFFFFF url(../img/kotonet_bg.png) repeat-x;*/
}
/* fontS */
body.fontS {
	font-size: 10px;
	_font-size: 70%;/* IE6用 */
}
body.fontS h2 {
	/*left: 290px;*/
	top: 21px;
	font-size: 11px; /*フォントサイズ小用に修正*/
	text-align:left;
}
body.fontS#products #container #primary .box .demand .hyoDetail01 .hyoDetail01_In .hyoDetai01_Main .hyo01 {
	width:437px;
}
/* fontM */
body.fontM {
	font-size: 12px;
	_font-size: 13px;/* IE6用 */
}
/* fontL */
body.fontL {
	font-size: 13px;
	_font-size: 95%;/* IE6用 */
}
body.fontL header h2 {
	position: absolute;
	/*left: 290px;*/
	top: 0;/*フォントサイズ大用に修正*/
	font-size: 11px; /*フォントサイズ大用に修正*/
	text-align:left;
}

/*青ラインのbox*/
/*緑ラインのbox*/
/*ピンクラインのbox*/
body.fontL #primary .selectService .selectResultProd .boxBlue,
body.fontL #primary .selectService .selectResultProd .boxGreen,
body.fontL #primary .selectService .selectResultProd .boxPink,
body.fontL #primary .selectService .selectResultTech .boxBlue,
body.fontL #primary .selectService .selectResultTech .boxGreen,
body.fontL #primary .selectService .selectResultTech .boxPink { 
	height: 86px; /*フォントサイズ大用に修正 height: auto;*/
}

body.fontL #primary .selectService .selectResultProd .boxBlue .boxBlueInner,
body.fontL #primary .selectService .selectResultProd .boxGreen .boxGreenInner,
body.fontL #primary .selectService .selectResultProd .boxPink .boxPinkInner,
body.fontL #primary .selectService .selectResultTech .boxBlue .boxBlueInner,
body.fontL #primary .selectService .selectResultTech .boxGreen .boxGreenInner,
body.fontL #primary .selectService .selectResultTech .boxPink .boxPinkInner{
	height: 84px; /*フォントサイズ大用に修正 height: auto;*/
}
body.fontL #primary .selectService .boxBlueInner dl {
	height: 72px; /*フォントサイズ大用に修正 */
}

body.fontL #primary .selectService .boxBlueInner dl dt {
	font-size: 100%; /*フォントサイズ大用に修正 font-size: 108%;*/
}

body.fontL #primary .selectService .boxGreenInner dl {
	height: 72px; /*フォントサイズ大用に修正 */
}
body.fontL #primary .selectService .boxGreenInner dl dt {
	font-size: 100%; /*フォントサイズ大用に修正 font-size: 108%;*/
}
body.fontL #primary .selectService .boxPinkInner dl {
	height: 72px; /*フォントサイズ大用に修正 */
}
body.fontL #primary .selectService .boxPinkInner dl dt {
	font-size: 100%; /*フォントサイズ大用に修正 font-size: 108%;*/
}
body.fontL #primary .selectService .boxBlue.lastchild,
body.fontL #primary .selectService .boxGreen.lastchild,
body.fontL #primary .selectService .boxPink.lastchild {
	margin-right: 0px;	
}

/* ボックス全体をa要素にする設定 */
body.fontL #primary .selectService a:link,
body.fontL #primary .selectService a:visited {
	height: 100%; /*フォントサイズ大用に修正 height: auto;*/
}
body.fontL #primary .selectService a:hover {
	height: 100%; /*フォントサイズ大用に修正 height: auto;*/
}


/* 製品・サービス案内TOPのボックス縦幅を長く */
body.fontL .hightTall {
	height: 84px;
}
body.fontL .hightTallIn {
	height: 82px;
}
body.fontL .boxBlueInner dl.hightTalldl,
body.fontL .boxGreenInner dl.hightTalldl,
body.fontL .boxPinkInner dl.hightTalldl {
	height: 64px;
	text-align:left;
	padding: 8px 8px 10px;
}


/* secondary(右カラム)
---------------------------------------------------------------------------- */
/*body.fontL #products #secondary #subNav .bgB p {
	font-size: 14px;
}*/


/* footer
---------------------------------------------------------------------------- */
body.fontL footer {
	font-size: 12px;
}