body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
th,td,p,img{
margin:0px;
padding:0px;
font-size: 100%;
border: 0;
vertical-align:baseline;
}
body{font-family:'Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','MS P Gothic','ＭＳ Ｐゴシック',Osaka;}
table{
border-collapse:collapse;
border-spacing:0;
}
ul, li{list-style: none;}
fieldset{padding: 1em;margin-bottom: 0.5em;}
label{font-weight: bold;}

/* 共通 */
.clear{clear:both;}
.tm8{ margin:8px 0 0 0;}
.tm10{ margin-top:10px;}
.tm20{ margin-top:20px;}
.tm30{ margin-top:30px;}
.tm40{ margin-top:40px;}
.tm60{ margin:60px 0 0 0;}
.rm15{ margin-right:15px;}
.rm35{ margin:0 30px 0 0;}
.tp10{ padding-top:10px;}
.rp2{ padding-right:2px;}
.rp10{ padding-right:10px;}
.lp15{ padding-left:15px;}
.ta-c{ text-align:center;}
.fl-r{ float:right;}
.tl{ text-align:left;}
.imgfl-l{ float:left; padding-right:15px;}
.h20{ height:20px;}
.red{ color:#ff0000;}
.bold{font-weight:bold;}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

/* layout */
#header span, #PRO span, #ASP span, #SUP span, #gnavi_sub span, #subnavi span,#advise span { display:none;}
body{
text-align:center;
font-size:12px;
background:url(/images/2011images/bg_index.jpg) repeat-x 0 0;
}
body#index{
background:url(/images/2011images/bg_index.jpg) repeat-x 0 0;
}
#wrap{
text-align:center;
margin:0 auto;
}
#header{
width:960px;
margin:0 auto;
padding:15px 0 0 0;
height:80px;
text-align:left;
background:url(/images/2011images/header.jpg) no-repeat;
}
#contents{
width:960px;
font-size:12px;
color:#666;
background:#ffffff;
margin:20px auto 0;
}
#contents a ,#contents_asp a			{color:#058dc7;text-decoration:none;}
#contents a:hover,#contents_asp a:hover		{text-decoration:none;}

#contents:after,#contents_asp:after{
display:block;
clear:both;
height:0px;
content:"";
}
#contents_asp{
width:960px;
font-size:12px;
color:#666;
background:url(/images/2011images/bg_contents_asp.gif) repeat-y;
margin:20px auto 0;
}

#contents #side,#contents_asp #side{
float:left;
width:240px;
}
#contents #main,#contents_asp #main{
float:right;
width:690px;
}
#index #contents #main,#index #contents_asp #main{
float:left;
width:690px;
}
#index #contents #side,#index #contents_asp #side{
float:right;
width:240px;
}

/* header */
#header .left{ 
float:left;
width:600px;
}
#header .right{ 
float:right;
height:20px;
color:#2d5b93;
font-size:10px;
}
#header .right a		{color:#2d5b93;text-decoration:none;font-weight:bold;}
#header .right a:hover	{text-decoration:underline;}
#header .left h1 a		{display:block;width:205px;height:50px;}

#header .left p{
height:20px;
color:#000;
font-size:10px;
}

/* gnavi */
#gnav_new{
width:960px;
margin:0 auto;
text-align:center;
}
ul#PRO{
clear:both;
background:url(/images/2011images/gnavi.jpg) no-repeat;
height:44px;
}
ul#ASP{
clear:both;
background:url(/images/2011images/gnavi_asp.jpg) no-repeat;
height:44px;
}
ul#SUP{
clear:both;
background:url(/images/2011images/gnavi_customer.jpg) no-repeat;
height:44px;
}
ul#gnavi_sub{
clear:both;
background:url(/images/2011images/gnavi_sub.jpg) no-repeat;
height:44px;
}
ul#PRO li,ul#ASP li,ul#SUP li,ul#gnavi_sub li{
float:left;
list-style:none;
}
ul#PRO li a,ul#ASP li a,ul#SUP li a{
display:block;
width:282px;
height:44px;
}
ul#gnavi_sub li a{
display:block;
width:192px;
height:44px;
}

ul#subnavi{
clear:both;
background:url(/images/2011images/subnavi.jpg) no-repeat;
height:47px;
margin:10px 0 0 0;
}
	*:first-child+html ul#subnavi{
	margin-bottom:20px;
	}
ul#subnavi li {
float:left;
list-style:none;
}
ul#subnavi li a {
display:block;
width:165px;
height:47px;
}
ul#subnavi li.r10{
margin:0 10px 0 0;
}

#mv2011{
width:980px;
height:255px;
margin:10px auto 0;
position: relative;
}
#mv2011 .fl{
float:left;
}
#mv2011 .fr{
float:right;
}
#mv2011 #form{
position: absolute;
top:27px;
left:31px;
width:250px;
text-align:left;
}
#mv2011 #form ul li{
margin-bottom:15px;
}
#mv2011 #form ul li input.txt{
width:240px;
border: 1px solid #ccc;
padding:5px;
}

/* pan */
#pankuzu{
width:680px;
height:18px;
padding:8px 0 0 10px;
background:url(/images/2011images/bg_pan.gif) no-repeat;
text-align:left;
font-size:10px;
}
#pankuzu ul li{
display:inline;
}

/* h */
#main h3{
clear:both;
margin:0 0 20px 0;
padding:30px 0 0 0;
}
	*:first-child+html #main h2{
	padding-top:10px;
	}
#main p{
margin-bottom:10px;
line-height:20px;
}
#contents #side h3{
width:240px;
padding:30px 0 14px 0;
}

ul.description li{
list-style-image:url(/images/2011images/list01.gif);
text-align:left;
line-height:1.5;
margin:0 0 10px 0;
padding:0 0 0 2px;
}

#side .index_menu{
margin:0 0 10px 0;
}
#contents #main table#form{
width:100%;
margin-top:20px;
border-top:1px solid #ccc;
text-align:left;
}
#form th{
width:120px;
padding:10px 20px 10px 20px;
background:#ededed;
border-bottom:1px solid #ccc;
font-weight:normal;
vertical-align:top;
}
#form td{
padding:7px 20px 7px 20px;
border-bottom:1px solid #ccc;
}
#contents #main table#form input{
width:100%;
border:1px solid #00a8e6;
padding:2px;
}
#contents #main table#form input.name{
width:200px;
border:1px solid #00a8e6;
padding:2px;
}
#contents #main table#form textarea{
width:100%;
height:100px;
border:1px solid #00a8e6;
padding:2px;
}

/* side */
#advise{
padding:10px 7px 10px 7px;
background:#e0e0e0;
}
#advise #form{
width:226px;
height:573px;
margin:10px 0 0 0;
padding:0 10px;
text-align:left;
background:url(/images/2011images/bg_adviserform.jpg) no-repeat;
}
ul#formsub{
margin-bottom:10px;
padding:46px 0 0 0;
line-height:2.5;
color:#fff;
}
ul#formsub input.txt{
width:195px;
border:1px solid #9e9e9e;
padding:5px;
}
#form input.check{
float:left;
margin:0 10px 0 0;
}
#advise #form p{
display:block;
margin:0 0 0 20px;
width:185px;
text-align:left;
}
	*:first-child+html #advise #form p{
	width:175px;
	margin-left:15px;
	}

ul#sidemenu{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

ul#sidemenu li{
background:url(/images/2011images/list02.gif) no-repeat 5% 50%;
text-align:left;
line-height:1.5;
padding:10px 0 10px 25px;
border-bottom:1px solid #ddd;
}


/* footer */
#footer2011{
width:100%;
height:100px;
margin-top:40px;
background:url(/images/2011images/bg_footer.gif) repeat-x;
min-width:960px;
width: expression(
         (document.documentElement.clientWidth < 962)? "960px" : 
            "auto"
   );
}
}
	*:first-child+html #footer2011{
	}

#footer2011 #footer_inbox{
width:960px;
margin:0 auto;
padding-top:8px;
font-size:12px;
}
#footer2011 #footer_inbox .pp{
text-align:left;
}
#footer2011 .copy2011{
text-align:left;
margin:38px 0 0 0;
color:#3a3838;
}

/* other */
table.style_2011{
width:100%;
margin:0 0 50px 0;
text-align:center;
}
table.style_2011 td{
font-weight:normal;
vertical-align:top;
font-size:13px;
}
table.style_2011 p{
margin-left:70px;
text-align:left;
}

