@charset "Shift-JIS";

body{
	text-align:center;
}

/* add CSS code by NIKKO 090206 */
/*html {
	overflow-x:hidden;
}
*/
a{
	color:#0066cc;
}

a:hover{
	color:#f78220;
}

img{
	border:none;
}


/* ========================== Header ========================== */

#hd,
#hd2{
	position:relative;
	width:720px;
	margin:0 auto;
	border-bottom:2px solid #E67F00;
	text-align:left;
}

#hd ul,
#hd2 ul{
	font-size:0;
	list-style:none;
}

/* logo */

#hd #campanyLogo,
#hd2 #campanyLogo{
	padding:17px 0 21px 16px!important;
}

#hd h1#campanyLogo,
#hd2 h1#campanyLogo{
	display:block!important;
	float:none!important;
	background:#ffffff!important;
}

#hd #stLogo,
#hd2 #stLogo{
	position:absolute;
	top:15px;
	right:15px;
}

/* siteNavi */

#hd #siteNavi,
#hd2 #siteNavi{
	width:400px!important;
	position:absolute;
	top:48px;
	left:304px;
	font-size:0;
	list-style:none;
}

*html #hd #siteNavi,
*html #hd2 #siteNavi{
	width:50%!important;
}

#hd #siteNavi li,
#hd2 #siteNavi li{
	float:left;
	margin-right:13px;
}

#hd #search,
#hd2 #search{
	position:absolute;
	top:43px;
	right:19px;
	background:none;
}

/* search */

#hd #search fieldset,
#hd2 #search fieldset{
	background:none;
}

#hd #search input,
#hd2 #search input{
	vertical-align:top;
}

#hd #search input.txtbox,
#hd2 #search input.txtbox{
	width:100px;
	padding:1px 2px;
	margin-right:4px;
	border:1px solid #999999;
	font-size:12px;
	line-height:1.0;
}
* html #hd #search input.txtbox,
* html #hd2 #search input.txtbox{
	margin-top:-1px;
	padding:2px;
}

/* globalNavi */

#hd #globalNavi,
#hd2 #globalNavi{
	width:720px;
	margin:3px 0px 0px !important;
	border-bottom:2px solid #E67F00;
}

#hd.solution #globalNavi,
#hd2.solution #globalNavi {
	border-bottom:2px solid #2d66ac;
}

#hd.company #globalNavi,
#hd2.company #globalNavi {
	border-bottom:2px solid #767676;
}

#hd #globalNavi:after ,
#hd2 #globalNavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#hd #globalNavi,
#hd2 #globalNavi { display:inline-block; }
/*\*/
* html #hd #globalNavi,
* html #hd2 #globalNavi { height:1%; }
#hd #globalNavi ,
#hd2 #globalNavi { display:block; }
/**/

#hd #globalNavi li,
#hd2 #globalNavi li{
	float:left;
	margin-right:2px;
}


/* -- 2009/06/12 新規ヘッダー -- */

#hd ,
#hd2 {
	border:0px;
	padding:0px;
	margin:0px auto;
}

/* 共通ヘッダー */
#hd .mainlogo *,
#hd2 .mainlogo *{
	zoom:1;
	padding:0px;
	margin:0px;
	font-size:0px;
}

#hd .mainlogo  {
	background:url(/common/image/main_header_bg_02.png) bottom repeat-x;
	height:70px;
	position:relative;
}

#hd2 .mainlogo {
	height:60px;
	position:relative;
}

#hd .mainlogo .wrap{
	height:67px;
	background:url(/common/image/main_header_bg_01.png) repeat-y 0px 0px;
}

#hd2 .mainlogo .wrap{
	height:60px;
}

#hd .mainlogo .wrap .logo,
#hd2 .mainlogo .wrap .logo{
	position:absolute;
	left:16px;
	top:17px;
}

#hd .mainlogo .wrap .company_name,
#hd2 .mainlogo .wrap .company_name{
	position:absolute;
	left:578px;
	top:17px;
}

#hd .mainlogo .wrap ul{
	position:absolute;
	left:301px;
	top:50px;
}

#hd2 .mainlogo .wrap ul{
	position:absolute;
	left:301px;
	top:40px;
}

#hd .mainlogo .wrap ul li,
#hd2 .mainlogo .wrap ul li{
	float:left;
}

#hd .mainlogo .wrap ul li a img,
#hd2 .mainlogo .wrap ul li a img{
	opacity:0.75;
	filter: alpha(opacity=75);
}

#hd .mainlogo .wrap ul li a:hover img,
#hd2 .mainlogo .wrap ul li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
}

#hd .mainlogo .wrap form{
	position:absolute;
	left:558px;
	top:45px;
	width:147px;
}

#hd2 .mainlogo .wrap form{
	position:absolute;
	left:558px;
	top:35px;
	width:147px;
}

#hd .mainlogo .wrap form input,
#hd2 .mainlogo .wrap form input{
	position:absolute;
	right:0px;
	top:0px;
}

#hd .mainlogo .wrap form .txtbox{
	position:absolute;
	left:0px;
	top:0px;
	font-size:12px;
	padding:0px 3px;
	border:1px solid #fff;
	background:#FBCDA6;
	line-height:16px;
	height:18px;
	width:100px;
}

#hd2 .mainlogo .wrap form .txtbox{
	position:absolute;
	left:0px;
	top:0px;
	font-size:12px;
	padding:0px 3px;
	border:1px solid #999999;
	background:#FFFFFF;
	line-height:16px;
	height:18px;
	width:100px;
}
/* その他ヘッダー */
#hd .otherheader *,
#hd2 .otherheader *{
	zoom:1;
	padding:0px;
	margin:0px;
	font-size:0px;
}

#hd .otherheader,
#hd2 .otherheader{
	width:720px;
	height:47px;
	margin:0px auto;
	position:relative;
	border-bottom:1px solid #F63;
	background:#fff;
}

.bluehd .otherheader{
	border-bottom:1px solid #2D66AC !important;
}

.gray .otherheader{
	border-bottom:1px solid #767676 !important;
}

#hd .otherheader .logo,
#hd2 .otherheader .logo{
	position:absolute;
	left:23px;
	top:16px;
}

#hd .otherheader .fontsize,
#hd2 .otherheader .fontsize{
	position:absolute;
	left:346px;
	top:29px;
	width:130px;
}

#hd .otherheader .fontsize dt,
#hd2 .otherheader .fontsize dt{
	float:left;
	padding:2px;
	margin-right:8px;
}

#hd .otherheader .fontsize dd,
#hd2 .otherheader .fontsize dd{
	float:left;
}

#hd .otherheader .fontsize dd ul li,
#hd2 .otherheader .fontsize dd ul li{
	float:left;
	width:15px;
	height:15px;
	background-image:url(/common/image/fontsize_bg_01.png);
	margin-right:2px;
	overflow:hidden;
	text-indent:-1000%;
	cursor:pointer;
}

#hd .otherheader .fontsize dd ul .small,
#hd2 .otherheader .fontsize dd ul .small{
	background-position:0px -15px;
}

#hd .otherheader .fontsize dd ul .medium,
#hd2 .otherheader .fontsize dd ul .medium{
	background-position:-15px -15px;
}

#hd .otherheader .fontsize dd ul .big,
#hd2 .otherheader .fontsize dd ul .big{
	background-position:-30px -15px;
}

#hd .otherheader .navi01,
#hd2 .otherheader .navi01{
	position:absolute;
	left:478px;
	bottom:0px;
}

#hd .otherheader .navi01 li,
#hd2 .otherheader .navi01 li{
	float:left;
}

#grovalnavi01 *{
	zoom:1;
	padding:0px;
	margin:0px;
	font-size:0px;
	list-style:none;
}
#grovalnavi01{
	zoom:1;
	width:720px;
	margin:0px auto;
	height:40px;
}

#grovalnavi01 ul li{
	float:left;
}


/* sub_globalNavi */

#subNavi{
	width: 720px;
	height:43px;
	margin: 0 auto;
	text-align: left;
}

*html #subNavi{
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#subNavi li{
	display: inline;
}

/* fontSize */

#hd #fontSize{
	position:absolute;
	top:75px;
	left:580px;
}

#hd2 #fontSize{
	position:absolute;
	top:65px;
	left:580px;
}

#hd #fontSize dt,
#hd2 #fontSize dt{
	position:absolute;
	top:0;
	left:0;
}

#hd #fontSize dd,
#hd2 #fontSize dd{
	margin-left:72px;
}

#hd #fontSize dd li,
#hd2 #fontSize dd li{
	float:left!important;
	width:17px;
	height:17px;
	margin-right:3px;
	text-indent:-9999px;
}

#hd #fontSize dd li a,
#hd2 #fontSize dd li a{
	display:block;
	width:100%;
	height:100%;
}

/* fontSize IMAGE */

#hd #fontSize dd li.small,
#hd2 #fontSize dd li.small{	background: url(../common/image/header_font_small_on.gif) no-repeat;}
#hd #fontSize dd li.medium,
#hd2 #fontSize dd li.medium{	background: url(../common/image/header_font_medium_on.gif) no-repeat;}
#hd #fontSize dd li.big,
#hd2 #fontSize dd li.big{	background: url(../common/image/header_font_big_on.gif) no-repeat;}

#hd #fontSize dd li.small a,
#hd2 #fontSize dd li.small a{	background: url(../common/image/header_font_small.gif) no-repeat;}
#hd #fontSize dd li.medium a,
#hd2 #fontSize dd li.medium a{	background: url(../common/image/header_font_medium_on.gif) no-repeat;}
#hd #fontSize dd li.big a,
#hd2 #fontSize dd li.big a{	background: url(../common/image/header_font_big.gif) no-repeat;}

#hd #fontSize dd li.small a:hover,
#hd2 #fontSize dd li.small a:hover{	background: url(../common/image/header_font_small_on.gif) no-repeat;}
#hd #fontSize dd li.medium a:hover,
#hd2 #fontSize dd li.medium a:hover{	background: url(../common/image/header_font_medium_on.gif) no-repeat;}
#hd #fontSize dd li.big a:hover,
#hd2 #fontSize dd li.big a:hover{	background: url(../common/image/header_font_big_on.gif) no-repeat;}

/* div#contentsがある場合の処理 ここから */
div#contents #hd #siteNavi,
div#contents #hd2 #siteNavi{
	left:264px;
}

div#contents #hd #fontSize{
	top:73px;
	left:580px;
}

div#contents #hd2 #fontSize{
	top:68px;
	left:580px;
}

*html div#contents #hd #fontSize,
*html div#contents #hd2 #fontSize{
	top:75px;
	left:580px;
}

div#contents #hd #fontSize dd,
div#contents #hd2 #fontSize dd{
	margin-left:32px;
	padding-left:0;
}

div#contents #hd #globalNavi,
div#contents #hd2 #globalNavi{
	padding:0!important;
}

div#contents #hd #globalNavi ul,
div#contents #hd #globalNavi li,
div#contents #hd2 #globalNavi ul,
div#contents #hd2 #globalNavi li{
	padding:0!important;
}
/* div#contentsがある場合の処理 ここまで */


/* ========================== パンくず ========================== */

div.location {
	width:720px;
	margin:5px auto 0;
	padding:0 0 0 3px;
	text-align:left;
	line-height:140%;
}


/* ========================== footer ========================== */

#ft{
	width:720px;
	margin:20px auto 0;
	padding-bottom:17px;
	background:url(../common/image/footer_bg_bt.gif) repeat-x left bottom;
	text-align:left;
	clear:both;
}

#ft a{
	color:#0066cc;
}
/* add CSS code by NIKKO 090206 */
#ft a:hover{
	color:#f78220;
}

#ft ul{
	list-style:none;
}

/* siteNavi02 */

#ft #siteNavi02{
	padding-bottom:1px;
	background: #E9E9E9;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}

#ft #siteNavi02 li{
	display: inline;
	margin-left:10px;
	background-position:0 .2em;
}

/* bgBox */

#ft .bgBox{
	padding:9px 15px 5px;
	background:#E9E9E9 url(../common/image/footer_bg.gif) no-repeat;
}
#ft .bgBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#ft .bgBox { display:inline-block; }
/*\*/
* html #ft .bgBox { height:1%; }
#ft .bgBox { display:block; }
/**/

/* siteNavi03 */

#ft .bgBox #siteNavi03{
	float:right;
	width:315px;
	text-align:right;
}

#ft .bgBox #siteNavi03 li{
	display:inline;
	margin-left:2px;
	padding-left:4px;
	border-left:1px solid #666666;
	color:#666666;
	font-size:70%;
	line-height:1.3;
}

#ft .bgBox #siteNavi03 li.noLine{
	border:none;
}

#ft .bgBox #siteNavi03 li a{
	color:#666666;
	text-decoration:none;
}

/* copyright */

#ft .bgBox address{
	float:left;
	width:370px;
	color:#666666;
	font-size:70%;
}
/* div#contentsがある場合の処理 ここから */
div#contents #ft ul#siteNavi02{
	margin:0;
	padding:0;
}

div#contents #ft .bgBox ul#siteNavi03{
	font-size:120%!important;
	margin:0;
	padding:0;
}

div#contents #ft .bgBox address{
	font-size:82%;
	font-style:normal;
}

div#contents ul#subNavi{
	margin:0;
	padding:0;
}

/* div#contentsがある場合の処理 ここまで */


/* ========================== mainVisual ========================== */

div#mainVisual{
margin-top:12px;
}

div#mainVisualCat{
margin:12px 0 20px 0;
}


/* ========================== category menu ========================== */
#catMenu{
	width:720px;
	height:40px;
	margin:0 auto;
	padding-bottom:3px;
	background:url(../common/image/catStaBtnBg.gif) repeat-x left bottom;
}

#catMenu li{
	width:90px;
	height:40px;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.STtopicPath{
	font-size:78%!important;
}

/* ========================== page top ========================== */
.pageTop{
	margin:0 auto 10px;
	width:720px;
	clear:both;
	text-align:right;
	font-size:82%;
}

.pageTop a{
	padding-right:12px;
	background:url(../common/image/icon_pageup.gif) no-repeat right top;
}


/* ========================== markerArrow ========================== */
a.maOrange{
	padding: 1px 0 1px 18px;
	background: url(/common/image/markerArrowOrange02.gif) no-repeat 0 0em;
}

a:hover.maOrange{
	padding: 1px 0 1px 18px;
	background: url(/common/image/markerArrowOrange.gif) no-repeat 0 0em;
}

a.maGray{
	padding: 1px 0 1px 18px;
	background: url(/common/image/markerArrowGray02.gif) no-repeat 0 0em;
}

a:hover.maGray{
	padding: 1px 0 1px 18px;
	background: url(/common/image/markerArrowGray.gif) no-repeat 0 0em;
}

a.iconLink{
	padding: 0 0 0 20px;
	background: url(/company/image/icon_arw01.gif) no-repeat 0 .2em;
}

/* link icon */

.arwLink{
	padding-left:12px!important;
	background:url(../../common/image/marker_arrow_orange01.gif) no-repeat 0 .3em;
	line-height:1.3;
}
span.arwLink{
	background:url(../../common/image/marker_arrow_orange01.gif) no-repeat 0 .2em;
}

/* ========================== products menu ========================== */
dl.productsMenu{
	position:relative;
	width:720px;
	/*margin-top:40px;*/
	margin:40px auto 0;
	background:#484848;
}

dl.productsMenu dt{
	position:absolute;
	top:0;
	left:0;
}

dl.productsMenu dd{
	margin-left:111px;
	background: #FFFFFF;
	border-top:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
}

dl.productsMenu dd ul{
	min-height:19px;
	padding-top:2px;
}
* html dl.productsMenu dd ul{
	height:21px;
}

dl.productsMenu dd ul li{
	display:inline;
	margin:0 5px;
	background-position:0 .2em;
}
/*
dl.productsMenu{
	position:relative;
	width:720px;
	margin:10px auto 0;
	background:#484848;
}

dl.productsMenu dt{
	position:absolute;
	top:0;
	left:0;
}

dl.productsMenu dd{
	margin-left:111px;
	background: #FFFFFF;
	border-top:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
}


*html dl.productsMenu dd{
	margin-left:80px;
}

dl.productsMenu dd ul{
	min-height:19px;
	padding-top:2px;
}
* html dl.productsMenu dd ul{
	height:21px;
}

dl.productsMenu dd ul li{
	display:inline;
	margin:0 5px;
	background-position:0 .2em;
}
*/
strong.fontRed{
	color:#ff0000;
}


/* ========================== products menu ========================== */
#redirect{
	height:300px;
	text-align:center;
}

#redirect p{
	margin-top:150px;
	font-size:100%;
	line-height:140%;
}