@charset "UTF-8";
/* Reset all */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote { 
	margin:0;
	padding:0;
	font-size:100%;
}

input{
	margin:0;
}

div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* bodyset */
body{
text-align:center;
background:transparent url(../img/longbg.png) repeat-y scroll center center;
}

/* for mozilla */
body,x:-moz-broken {
margin-left:-1px;
}
/* Container */

#container{
width:976px;
margin:0 auto;
text-align:center;
border-top:4px solid #000;
font-family: Arial, Helvetica, sans-serif;
}

/* Base Link */
a{font-family:GillSans,Calibri,Trebuchet,"ＭＳ Ｐゴシック",sans-serif;}
a:link {color: #036; text-decoration: none;}
a:active {color: #036; text-decoration: none;}
a:visited {color: #036; text-decoration: none;}
a:hover {color: #039; text-decoration: underline;}
a:focus {color: #036; text-decoration: underline;}

/* Top Header */

#topheader{
width:100%;
border-bottom:1px solid #BDF;
padding-top:5px;
padding-bottom:5px;
font-size:83%;
text-align:center;
}

/* Header */
#header{
text-align:left;
width:974px;
margin:0 auto;
background:transparent url(../img/head/headbg.png) repeat-x scroll top left;
}

#header a{color:#333;}

#headtitle{
width:300px;
height:80px;
text-indent:-9999px;
background:url(../img/head/logo.png) no-repeat 0 0;
}

#headtitle a{
width:300px;
height:60px;
float:left;
}


#naviout{
width:974px;
height:35px;
margin:0 auto;
display:block;
background:transparent url(../img/head/navibg.png) repeat-x scroll top left;
}

/* Navi Setting */

#navi{
list-style:none;
padding:0;
padding-top:0px;
padding-left:0px;
}

#navi li{
float:left;
letter-spacing:normal;
word-spacing:normal;
display:block;
font-size:83%;
font-weight:normal;
margin:0;
padding:0;
padding-top:10px;
}

#navi li a{
position:relative;
text-decoration:none;
color:#eee;
padding:10px 12px 10px 12px;
}
#navi li a:hover,#navi li a:active,#navi li a.active{
color:#000;
text-decoration:none;
background:url(../img/head/navibg_over.png) repeat-x top left;
padding:10px 12px 11px 12px;
}


/* Navi Main */

#naviout-main{
width:100%;
padding-bottom:0px;
display:none;
}

#navi-main{
list-style:none;
margin:0;
padding:0;
height:25px;
background:#FFF;
}

#navi-main li{
border-left:1px solid #CCC;
float:left;
line-height:1;
letter-spacing:1px;
text-transform:uppercase;
display:block;
}

#navi-main li a{
float:left;
font-size:83%;
display:block;
margin-left:10px;
margin-right:10px;
}

#navi-main li a.active{
font-weight:bold;
}

#navi-main li a:hover,#navi-main li a:focus{
background:#f7f7f7;
color:#333;
}

/* hX Setting */

h1{
font-size:140%;
font-weight:bold;
padding-top:15px;
padding-bottom:7px;
}

h1 span{
margin:0;
padding-bottom:7px;
color:#333;
}

h2{
-x-system-font:none;
font-size:130%;
font-weight:normal;
margin-top:15px;
padding-bottom:5px;
}

h3{
font-size:100%;
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}

h3 span{
color:#999;
font-size:83%;
font-weight:normal;
}

h4{
font-size:83%;
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
}

h4 span{
color:#999;
font-size:83%;
font-weight:normal;
}

h5{
font-size:83%;
font-weight:bold;
margin-top:10px;
}


/* Wrap */

#wrap{
width:100%;
margin:0 auto;
padding:0;
text-align:center;

}

/* Content */

#content{
width:686px;
text-align:left;
float:left;
padding:0;
margin-left:0px;
_margin-left:0px;
padding-bottom:20px;
margin-left:10px;
}

#content-title{
width:660px;
text-align:left;
float:left;
padding:0;
margin-left:10px;
_margin-left:10px;
padding-bottom:20px;
}

#content-main{
width:676px;
text-align:left;
float:left;
padding:0;
margin-left:0px;
_margin-left:0px;
padding-bottom:20px;
background:url(../img/productsbg.png) 0 0 no-repeat;
}

/*Mainzone */

#mainimagezone{
width:974px;
height:365px;
text-indent:-9999px;
margin:0 auto;
padding-top:0px;
padding-bottom:0px;
background:transparent url(../img/service/imagezone_partnership_974x365.png) no-repeat 0 0;
display:none;
}
#mainimagezone a{
width:974px;
height:365px;
float:left;
}

/* Index */
#indexzone{
width:650px;
}
#indexzone h3{
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:7px;
}
#indexzone div img{
margin-right:10px;
}

/* Service-Navi */

#service-navi{
width:636px;
margin:0 auto;
margin-top:10px;
font-size:83%;
}

#service-navi li{
list-style:none;
float:left;
display:block;
}

#service-navi li a{
display:block;
padding:5px 10px;
color:#333;
}
#service-navi li a.active{
font-weight:bold;
color:#36F;
}
#service-navi li a:hover{
text-decoration:underline;
color:#3366FF;
}

/* Service */

#servicezone{
width:616px;
margin:0 auto;
}
#servicezone{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:0;
}

.topicon{
margin-right:10px;
}

/* Company */

#companyzone{
width:650px;
}

#companyzone table.outline{
margin-top:25px;
font-size:83%;
color:#555;
}

#companyzone table.outline th{
font-weight:bold;
padding-bottom:20px;
}

#companyzone table.outline td{
padding-bottom:20px;
}

#companyzone table.history{
margin-top:25px;
font-size:83%;
color:#555;
}

#companyzone table.history td{
padding-bottom:150px;
}

#companyzone table.brand td{
padding-bottom:20px;
}

/* PartnerShip */

#partnershipzone{width:650px;margin:0;padding:0;}
.partnerlistblock{margin:0;pading:0;margin-top:10px;margin-bottom:10px;}
.partnerlistlogo{width:210px;border:1px solid #CCC;background:#FFF;padding:5px;float:left;text-align:center;}
.partnerlistblockright{float:right;text-align:left;width:430px;}
.partnerlistblockright h4{font-size:17px;margin:0;padding:0;margin-top:7px;}
.partnerlistblockright .partnerurl{font-size:13px;margin-top:5px;color:#07E;}


/* PRESS RELEASE */

#presszone{
width:650px;
}

#presszone table.outline{
margin-top:25px;
font-size:83%;
color:#555;
}

#presszone table.outline th{
font-weight:bold;
padding-bottom:10px;
text-align:right;
}

#presszone table.outline td{
padding-bottom:10px;
text-indent:10px;
}

#presszone table.history{
margin-top:25px;
font-size:83%;
color:#555;
}

#presszone table.history td{
padding-bottom:150px;
}

/* INDEX PRESS RELEASE */

#indexpresszone{
width:650px;
margin-bottom:30px;
margin-top:20px;
}

#indexpresszone p{
font-size:13px;
line-height:1.5;
}

#indexpresszone table.news{
margin-top:10px;
font-size:83%;
color:#555;
}

#indexpresszone table.news th{
font-weight:bold;
padding-bottom:10px;
text-align:right;
}

#indexpresszone table.news td{
padding-bottom:10px;
text-indent:10px;
}

#indexpresszone table.history{
margin-top:25px;
font-size:83%;
color:#555;
}
#indexpresszone table.history td{
padding-bottom:150px;
}

/* INQUIRY */
#inquiryzone{
width:650px;
font-size:83%;
color:#555;
margin-top:25px;
}

.area{
	width:580px;
	list-style:none;
	float:left;
	clear:both;
}

.areal{
	width:80px;
	float:left;
	text-align:left;
	padding-right:10px;
	padding-bottom:10px;
}

.arear{
	width:auto;
	float:left;
	padding-bottom:10px;
}

.formtdleft {
	font-size: 13px;
	line-height: 150%;
}

.formtdlright {
	font-size: 13px;
	line-height: 150%;
}

#selectinquiry{
	width:200px;
	border-width:1px;
	border-style:solid;
	border-color:#7F9DB9;
}

#inquiryzone input.inqset{
width:200px;
border:1px solid #7F9DB9;
}
#inquiryzone textarea.inqsettxtarea{
width:300px;
border:1px solid #7F9DB9;
}
#inquiryzone input.inqsetcheckbox{
border:1px solid #7F9DB9;
}

/* Sub Content */

/* Sub Priset */

.rightcontenttypea{
width:250px;
margin:15px 10px 0 10px;
padding-bottom:20px;
text-align:left;
}
.rightcontenttypeb{
width:230px;
margin:0px auto 10px auto;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
border:1px solid #CCC;
padding:10px;
background:#FFF;
text-align:left;
}
.rightcontenttypec{
width:250px;
margin:25px 10px 0 10px;
padding:0px 10px;
padding-bottom:20px;
text-align:left;
}

/* Sub Company */
#subnavi-company{
width:270px;
min-height:300px;
float:right;
text-align:center;
}
#subnavi-company h3{
margin:0;
margin-bottom:5px;
font-size:95%;
}
#subnavi-company p{
font-size:83%;
margin-left:2px;
}

#subnavi-company * ul{
padding:0;
margin:0;
margin-top:12px;
list-style:none;
text-indent:10px;
line-height:2;
font-size:83%;
width:250px;
}

#subnavi-company * ul li{
background:url(../img/point.gif) no-repeat 0px 12px;
border-top:1px dotted #CCC;
}

#subnavi-company * ul li a{
color:#666;
}

#subnavi-company * ul li a:hover{
color:#000;
}

#subnavi-company * ul li a.active{
color:#06C;
}

/* Sub Service */

#subnavi-service{
width:270px;
min-height:300px;
float:right;
text-align:center;
}
#subnavi-service h3{
margin:0;
margin-bottom:5px;
font-size:95%;
}
#subnavi-service p{
font-size:83%;
margin-left:2px;
}

#subnavi-service * ul{
padding:0;
margin:0;
margin-top:12px;
list-style:none;
text-indent:10px;
line-height:2;
font-size:83%;
width:230px;
}

#subnavi-service * ul li{
background:url(../img/point.gif) no-repeat 0px 12px;
border-top:1px dotted #CCC;
}

#subnavi-service * ul li a{
color:#666;
}

#subnavi-service * ul li a:hover{
color:#000;
}

#subnavi-service * ul li a.active{
color:#06C;
}

/* Priset */
.jumppagetopw100{
width:100%;
text-align:right;
font-size:95%;
}

div.desc95_h2{
font-size:95%;
color:#888;
}
div.desc95_h3{
font-size:95%;
color:#666;
line-height:1.5;
}
div.desc95_h4{
font-size:95%;
color:#333;
}
div.desc83_h2{
font-size:83%;
color:#888;
}
div.desc83_h3{
font-size:83%;
color:#333;
}
div.desc83_h4{
font-size:83%;
color:#333;
}
div.desc83_h5{
font-size:83%;
color:#333;
}

.margintop05{margin-top:5px;}
.margintop07{margin-top:7px;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}

.celltype01bglevel01{
background:#ABBEEF;
font-size:83%;
}
.celltype01bglevel02{
background:#D6DFF7;
font-size:83%;
}
.celltype01bglevel03{
background:#FFF;
font-size:83%;
}
p.ellipsis210{
width: 210px; 
overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis;
}
p.ellipsis320{
width: 320px; 
overflow: hidden; 
white-space: nowrap; 
text-overflow: ellipsis;
}

.leftvline{
background:transparent url(../img/partition-valine.gif) repeat-y scroll top left;
}
.rightvline{
background:transparent url(../img/partition-valine.gif) repeat-y scroll top right;
}
.topaline{
background:transparent url(../img/partition-aline.gif) repeat-x scroll left top;
}
.bottomaline{
background:transparent url(../img/partition-aline.gif) repeat-x scroll bottom left;
}

/* RSS */
.exp_rss{font-size:14px;line-height:1.5;color:#666;}

/* Search Box */
#searcharea{
width:975px;
padding-top:20px;
padding-bottom:20px;
text-align:center;
margin:0 auto;
}

/* Suggest */
.i{font-size:13px;}

/* Footer */
#footer{
	color: #ACACAC;
	width:974px;
	line-height: 1.4;
	text-align:left;
	clear: both;
	padding-bottom:10px;
	overflow:hidden;
	margin:0 auto;

}
#footermenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	font-style: normal;
	line-height: normal;
	color: #AAA;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
}
#footermenu a:link,#footermenu a:active,#footermenu a:visited{color:#666; text-decoration: none;}
#footermenu a:hover,#footermenu a:focus{color:#000; text-decoration: underline;}


#copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	font-style: normal;
	line-height: normal;
	color: #999999;
	padding:7px 0 0 10px;
	text-align:left;
}

#endnews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	font-style: normal;
	line-height: normal;
	color: #999999;
	padding:7px 0 0 10px;
	text-align:left;
}

#endnews a:link,#endnews a:active,#endnews a:visited{color:#666; text-decoration: none;}
#endnews a:hover,#endnews a:focus{color:#000; text-decoration: underline;}

/* Clear Fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
div{border:1px solid #00F;}
*/

/* 制作チェック用 */
.wordcheckpoint{background:#FF0;color:#E00;font-weight:bold;}
