@charset "euc-jp";




/*********** defult setup ***********/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,span,img,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}



/*********** tag setup ***********/

/* body */
body { font-size:12px; color:#333; background:#fff; }

/* heading */
h1 {
	width:960px;
	height:18px;
	margin:0 auto;
	padding:3px 0 0;
	color:#fff;
	font-size:10px;
	font-weight:normal;
	text-align:right;
}
h2 { }
h3 { }
h4 { }
h5 { }


/*********** common setup ***********/
.clear {
	clear : both;
}

.imgLeft {
	float : left;
	padding-right : 15px;
}

.imgRight {
	float : right;
	padding-left : 15px;
}

a:hover.rollover img {
	filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

.page_up {
	text-align : right;
	margin : 20px 0;
}

.center {
	text-align : center;
}

.note {
	color : #d92828;
}

/* link */
a { color:#054b8d; }
a:link { text-decoration:underline; }
a:hover { text-decoration:none; color:#ed5e60; }
a:visited { }
a:active { }



/*********** id setup ***********/

/* wrapper */
#wrapper { background : url(../common_img/h1_bg.jpg) repeat-x;  }


/* header */
#header {
	width : 960px;
	margin : 20px auto 20px auto;
}

#header img.logo {
	float : left;
	display : block;
	width : 209px;
	padding-top : 17px;
}

#header .headMenu {
	float : right;
	width : 717px;
}

#header .headMenu .iconNav {
	text-align : right;
	margin-bottom : 15px;
}

#header .headMenu .iconNav img {
	vertical-align : bottom;
	padding-right : 5px;
}

#header .headMenu .iconNav a {
	font-size : 12px;
	padding-right : 15px;
	text-decoration : none;
	font-weight : bold;
	color : #333;
}

#header .headMenu .iconNav a:hover {
	text-decoration : underline;
}

/* gnav */

#gnav {
	font-family : arial;
	margin-left: 163px;
}

#gnav li {
	float : left;
	font-size : 14px;
	border-left : 1px solid #d9d9d9;
}

#gnav li a {
	text-align : center;
	padding : 8px 0;
	text-decoration : none;
	color : #245492;
	display : block;
}

#gnav li a:hover {
	color : #fff;
	background : #245492;
}

#gnav .company {
	width : 108px;
}


#gnav .sales {
	width : 243px;
}

#gnav .faq {
	width : 84px;
}

#gnav .eco {
	width : 163px;
}

#gnav a.jp {
	display : block;
	text-align :center;
	width : 115px;
	float : left;
	background : url(../common_img/ja_btn.jpg);
	padding : 8px 0;
	text-decoration : none;
	color : #fff; 
	font-weight : bold;
}

#gnav a:hover.jp {
	background : url(../common_img/ja_btn_on.jpg);
}

/* main  */

.mainImg {
	text-align : center;
	background : url(../common_img/main_bg.jpg) repeat-x;
}

#main {
	width : 960px;
	margin : 30px auto;
}

/* content  */

#content {
	width : 690px;
	float : left;
}

#content h2 {
	border-bottom : 2px solid #245492;
	margin-bottom : 20px;
	margin-top : 20px;
}

#content h2.text {
	font-family : arial;
	padding-bottom : 5px;
	color : #245492;
}

#content h2.pageHead {
	margin-top : 0;
}

#content h3 {
	border-left : 5px solid #245492;
	padding : 3px 10px;
	margin-bottom : 15px;
	margin-top : 20px;
}

#content p.pankuzu {
	margin-bottom : 20px;
}

#content p {
	font-size : 12px;
	line-height : 18px;
}

#content .normalTable th {
	font-size : 14px;
	color : #434343;
	width : 205px;
	padding : 13px 0;
	background : url(../common_img/mesh_bg.jpg);
}

#content .normalTable td {
	font-size : 12px;
	padding : 10px 30px;
	line-height : 18px;
	border-bottom : 1px solid #d9d9d9;
}

#content .gmap {
	margin : 20px 0;
}

#content .faq , #content .privacy {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border : 1px solid #999;
	padding : 15px 25px;
	margin-top : 20px;
}

#content .faq ul {
	margin-bottom : 20px;
	padding-bottom : 20px;
	border-bottom : 1px solid #999;
	margin-top : 15px;
}

#content .faq ul li {
	list-style-type : disc;
	margin-left : 30px;
	margin-bottom : 10px;
}


#content .faq p.q {
	margin : 15px 0 10px 0;
	font-size : 18px;
	font-weight : bold;
	line-height : 21px;
}


#content .faq p.a {
	margin : 15px 0 30px 0;
}


#content .privacy p {
	margin : 15px 0;
}

/* side */

#side {
	width : 235px;
	float : right;
}

#side p {
	line-height : 18px;
	margin : 10px 0;
}

#side h2 {
	border-bottom : 2px solid #245492;
	font-size : 14px;
	color : #054491;
	padding-bottom : 2px;
}

#side .profile {
	margin-bottom : 30px;
}

#side .profile span {
	display : block;
	text-align : center;
	margin-bottom : 5px;
	padding : 10px 0;
	font-size : 14px;
	font-weight : bold;
	background : url(../common_img/mesh_bg.jpg);
	color : #313131;
}

#side .parts {
	border : 1px solid #d9d9d9;
	text-align : center;
	padding : 10px;
	margin-bottom : 20px;
}

#side .parts a img {
	display : block;
	margin-top : 10px;
}

#side .topics {
	margin : 20px 0;
}

#side .topics .topicsContent {
	height : 245px;
	overflow : auto;
}

#side .topics .topicsContent dl {
	padding : 10px 8px;
	border-bottom : 1px dotted #054491;
}

#side .topics .topicsContent dt {
	font-weight : bold;
	margin-bottom : 10px;
}

#side .topics .topicsContent dd {
	line-height : 14px;
}

#side .privacy {
	padding : 15px;
	background : #f0f0f0;
	line-height : 18px;
}


/* footer */

#footer {
	margin-top : 65px;
	border-top : 2px solid #054491;
	background : #e6e6e6;
}

#footer .footContent {
	width : 960px;
	margin : 20px auto 0px auto;
}

#footer .information {
	width : 350px;
	float : left;
}

#footer .information p {
	line-height : 18px;
}

#footer .information img {
	display : block;
	margin-bottom : 13px;
}

#footer .information span.tel {
	font-weight : bold;
	padding-right : 10px;
}

#footer .information a {
	font-weight : bold;
	text-decoration : none;
	padding-right : 10px;
}


#footer .sitemap {
	width : 425px;
	float : right;
}

#footer .sitemap h2 {
	font-size : 12px;
	color : #054491;
	border-bottom : 1px solid #c1c1c1;
	margin-bottom : 13px;
	margin-top : 10px;
	padding-bottom : 5px;

}

#footer .sitemap li {
	float : left;
	background : url(../common_img/foot_bullet.jpg) no-repeat 0 3px;
	padding-left : 12px;
	margin-bottom : 13px;
}

#footer .sitemap li.w1 {
	width : 188px;
}

#footer .sitemap li.w2 {
	width : 132px;
}

#footer .sitemap li.w3 {
	width : 51px;
}

#footer .sitemap li a {
	text-decoration : none;
	color : #313131;
}

#footer .sitemap li a:hover {
	text-decoration : underline;
}

#credit {
	text-align : right;
	padding : 15px 0;
}

#credit a{
	text-decoration : none;
	color : #9c9c9c;
}