@charset "shift_jis";

/*
========================================

Common
	・Layout
	・Header
	・Footer
	
========================================
*/

@import "reset.css";

/* Layout
========================================*/
body{
background:#f5f8f9 url(../images/body_repeat_bg.jpg) left top repeat-x;
}

#wrapAll{
background:transparent url(../images/body_norepeat_bg.jpg) center top no-repeat;
}

#wrapper{
margin:0 auto;
padding:0 0 30px 0;
width:990px;
background:#fff;
border-width:0 1px;
border-style:solid;
border-color:#c4c6c7;
}

#contents{
padding:9px 0 0 0;
width:990px;
}

#mainArea{
margin:0 12px 0 0;
padding:0 0 0 15px;
width:697px;
float:left;
}

#main{
}

#moduleArea{
width:275px;
float:left;
}

#serviceMenuWrap{
width:251px;
float:left;
}

/* Link
========================================*/
a:link{ color:#006fc7; }
a:visited{ color:#006fc7; }
a:hover{ color:#006fc7; }
a:active{ color:#006fc7; }

#footer a:link,#serviceMenuWrap a:link{ text-decoration:none; }
#footer a:visited,#serviceMenuWrap a:visited{ text-decoration:none; }
#footer a:hover,#serviceMenuWrap a:hover{ text-decoration:none; }
#footer a:active,#serviceMenuWrap a:active{ text-decoration:none; }

/* Header
========================================*/
#header{
width:990px;
height:80px;
background:transparent url(../images/header_bg.jpg) left top no-repeat;
position:relative;
}

#header02{
width:990px;
height:26px;
background: #000000;
position:relative;
}

#logo,
#siteSummary,
#gnavi{
position:absolute;
}

#siteSummary02,
#gnavi02{
position:absolute;
}

#logo{
width:327px;
height:47px;
top:28px;
left:171px;
}

#siteSummary{
width:816px;
height:21px;
top:0px;
left:174px;
line-height:21px;
color:#fff;
font-size:85%;
}

#siteSummary02{
	width: 816px;
	height: 21px;
	top: 0px;
	left: 8px;
	line-height: 21px;
	color: #fff;
	font-size: 85%;
}

#gnavi{
/*width:445px;*/
width:191px;
height:26px;
top:21px;
left:799px;
background:transparent url(../images/navi.gif) 0 0 no-repeat;
}

#gnavi02{
/*width:445px;*/
width:300px;
height:26px;
top:0px;
left:689px;
background:transparent url(../images/navi02.gif) 0 0 no-repeat;
}

#gnavi li{
display:inline;
}

#gnavi02 li{
display:inline;
}

#gnavi li a{
position:relative;
display:block;
float:left;
height:26px;
background-image:url(../images/navi.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

#gnavi02 li a{
position:relative;
display:block;
float:left;
height:26px;
background-image:url(../images/navi02.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

#gnavi #gHome a{ width:84px;background-position:0 0; }
#gnavi #gSitemap a{ width:107px;background-position:-84px 0; }

#gnavi02 #gHome a{ width:84px;background-position:0 0; }
#gnavi02 #gSitemap a{ width:107px;background-position:-84px 0; }
#gnavi02 #genglish a{ width:109px;background-position:-191px 0; }

/* LoginArea
========================================*/
#loginArea{
width:990px;
height:44px;
border-bottom:2px solid #ff58a2;
background:transparent url(../images/header_loginarea_bg.gif) left top;
vertical-align:middle;
margin-left: auto;
margin-right: auto;	
font-size: 30px;
font-weight: bold;
color: #fffffff;
}
#loginArea a:link{ color:#fff; }
#loginArea a:visited{ color:#fff; }
#loginArea a:hover{ color:#fff; }
#loginArea a:active{ color:#fff; }

#loginArea dl{
margin:0 0 0 100px;
padding:7px 0 0 0;
width:888px;
vertical-align:middle;
}

#loginArea dt,
#loginArea dd{
display:-moz-inline-box;
display:inline-block;
vertical-align:middle;
/display:inline;
/zoom:1;
}

#loginArea dt > span,
#loginArea dd > span{
display:block;
}

#loginArea dt,
#loginArea dt > span{
width:170px;
}

#loginArea dt{
margin:0 31px 0 0
}

#loginArea #loginId,
#loginArea #loginId > span{
width:223px;
}

#loginArea #loginId{
margin:0 11px 0 0
}

#loginArea #loginPass,
#loginArea #loginPass > span{
width:279px;
}

#loginArea #loginPass{
margin:0 2px 0 0
}

#loginArea #loginBtn,
#loginArea #loginBtn > span{
width:75px;
}

#loginArea #loginBtn{
margin:0 12px 0 0
}

#loginArea #helpLink,
#loginArea #helpLink > span{
width:85px;
}

#loginArea #loginId img,
#loginArea #loginPass img{
margin:0 7px 0 0;
}

#loginArea dd .textField{
width:192px;
border:1px solid #106bbb;
}

#loginArea #helpLink a{
padding:0 0 0 9px;
background:transparent url(../images/icon.gif) 0 0 no-repeat;
color:#fff;
font-weight:bold;
}

/* BreadCrumbs
========================================*/
#breadCrumbs{
margin:0 0 10px 0;
width:990px;
background:#daf0fe;
}

#breadCrumbs ul{
padding:5px 15px;
font-weight:bold;
}

#breadCrumbs li{
display:inline;
}

#breadCrumbs li,
#breadCrumbs li span{
margin:0 5px 0 0;
}

/* tab
========================================*/
.tab{
margin:0 auto 10px;
padding:0 0 12px 0;
width:960px;
background:transparent url(../images/tab_line_bg.gif) left bottom repeat-x;
}

.tab ul{
width:960px;
}

.tab li{
float:left;
margin:0 5px 0 0;
padding:7px 10px;
border-width:1px 1px 0;
border-style:solid;
border-color:#abbedb;
background:transparent url(../images/tab_bg.gif) left center repeat-x;
}

.tab li a{
color:#000;
font-size:116%;
text-decoration:none;
}

.tab li a:link{ color:#000; }
.tab li a:visited{ color:#000; }
.tab li a:hover,.tab li.hover a:hover,.tab li.ac a:hover{ color:#fff; }
.tab li a:active{ color:#fff; }

.tab li.hover,
.tab li.ac{
background-image:url(../images/tab_ac_bg.gif);
color:#fff;
}

.tab li.hover a,
.tab li.ac a{
color:#fff !important;
text-decoration:none;
}

/* #main
========================================*/
.pageSummary{
margin:0 0 18px 18px;
}

.mainimage{
margin:0 0 15px 0;
}

#main h1{
margin:0 0 15px 0;
}

#main h2{
padding:0 0 0 20px;
}

.catch{
margin:0 0 20px 0;
padding:0 10px;
}

.listPage .productList{
padding:20px 0 20px 146px;
width:548px;
}

.detailPage .productList{
padding:20px 0 20px 180px;
width:514px;
}

.CampainHeader{
	font-size:16px;
	color:#F00;
	font-weight:bold;
}

.Campaign{
	font-size:14px;
	color:#000;
	font-weight:bold;
}

.Red{
	color: #880303;
}

.productList.even{
background:#f2f2f7;
}

.productList .photo img{
float:left;
max-width:100%;
height:auto;
}

.listPage .productList .photo img{
margin:0 0 0 -126px;
}

.detailPage .productList .photo img{
margin:0 0 0 -160px;
}

.productList .productEx{
margin:0 0 18px 0;
width:532px;
}

.productList .style1{
color: #FF0000
}

.listPage .productList .productEx{
width:532px;
}

.detailPage .productList .productEx{
width:514px;
}

.productList .productEx th,
.productList .productEx td{
padding:18px 0 7px 0;
border-bottom:1px solid #b9b9b9;
font-size:116%;
text-align:left;
vertical-align:top;
}

.productList .productEx .first th,
.productList .productEx .first td{
padding:0 0 7px 0;
}

.productList .productEx th{
width:50px;
font-weight:bold;
text-align:left;
}

.listPage .productList .productEx td{
width:482px;
}

.detailPage .productList .productEx td{
width:464px;
}

.productList .productEx .name{
font-weight:bold;
}

* html .productList .productEx dd{
height:1%;
}

.productList .btnList{
padding:0 16px 0 0;
text-align:right;
}

.productList .btnList li{
display:inline;
}

.productList .btnList li img{
	margin:5px 0 0 20px;
	color: #000;
}

.productList .btnList2{
padding:0 16px 0 0;
text-align:right;
}

.productList .btnList2 li{
display:table;
}

.productList .btnList2 li img{
margin:5px 0 0 20px;
}

.detailPage #main h2{
margin:0 0 15px;
padding:5px 12px;
background:#f2f2f7;
font-weight:bold;
font-size:133%;
}

.productSection{
margin:0 0 25px 0;
width:694px;
}

.productSection .photo img
{float: left;
padding: 15px;
margin: 10px;
}

.tableSection{
margin:0 0 15px 0;
padding:0 12px;
width:670px;
border-bottom:1px dashed #999;
}

.tableSection.end{
border-bottom:none;
}

.tableSection h3{
margin:0 0 10px 0;
font-weight:bold;
color:#C03;
font-size:120%;
}

.tableSection dl{
padding:0 0 12px 0;
width:670px;
}

.tableSection dt{
float:left;
width:40px;
text-align:left;
font-weight:bold;
}

.tableSection dd{
margin:0 0 0 40px;
}

.tableSection .Featuring dl{
padding:0 0 12px 0;
width:670px;
}

.tableSection .Featuring dt{
float:left;
width:60px;
text-align:left;
margin:0 0 10px 0;
font-weight:bold;
color:#C03;
font-size:120%;
}

.tableSection .Featuring dd{
margin:0 0 10px 0;
font-weight:bold;
color:#C03;
font-size:120%;
}

.squareList{
margin:0 25px 10px 25px;
list-style-type:square;
}

* .squareList{
margin:0 25px 10px 30px;
}

/* service
========================================*/
.serviceSection{
margin:0 0 15px 0;
padding:0 0 10px 0;
width:696px;
background:#fffbea;
}

#main .serviceSection h2{
margin:0 0 10px 0;
padding:0;
}

.serviceSection .outlineText{
margin:0 0 10px 0;
padding:0 10px;
font-weight:bold;
}

.dataTable{
margin:0 0 0 10px;
width:676px;
border-collapse:collapse;
}

.dataTable th,
.dataTable td{
padding:7px 10px;
border:1px solid #c8c8c8;
vertical-align:top;
}

.dataTable th{
width:160px;
background:#e1e6ee;
font-weight:bold;
font-size:116%;
text-align:left;
}

.dataTable td{
width:472px;
background:#fff;
}

/* detailTab
========================================*/
.detailTab{
margin:0 0 0 10px;
width:677px;
position:relative;
top:0;
left:0;
z-index:10;
}

.detailTab li{
float:left;
}

.detailTab li a{
margin:0 1px 0 0;
display:block;
height:32px;
background-repeat:no-repeat;
text-indent:-9999px;
}

.detailTab .end a{
margin:0;
}

.detailBox{
margin:41px 0 0 10px;
padding:14px 14px 14px;
width:647px;
border:1px solid #adadad;
background:#fff;
}

* html .detailBox{
margin:-1px 0 0 10px;
}

*:first-child+html .detailBox{
margin:-1px 0 0 10px;
}

.detailBox li{
width:647px;
}

.detailBox .photo img{
margin:0 0 0 18px;
float:right;
}

.detailBox dt{
margin:0 0 15px 0;
font-weight:bold;
font-size:116%;
}

.detailBox dd{
}

/* InquiryArea
========================================*/
.inquiryArea{
width:692px;
border:1px solid #d0e5ea;
background:#e9f4f6;
}

#main .inquiryArea h2{
padding:6px 10px;
background:#d0e5ea;
font-size:116%;
font-weight:bold;
color:#648087;
}

.inquiryArea ul{
padding:10px 10px 5px;
}

.numberList li{
padding:2px 0 8px 23px;
background-image:url(../images/ico_number.gif);
background-repeat:no-repeat;
}

.numberList .no1{
background-position:0 -2px;
}

.numberList .no2{
background-position:0 -218px;
}

.numberList .no3{
background-position:0 -437px;
}

.numberList .no4{
background-position:0 -663px;
}

.mail{
font-weight:bold;
font-size:116%;
}

/* serviceMenu
========================================*/
#serviceMenuWrap,
#serviceMenu,
#service{
width:251px;
background-image:url(../images/side_bg.gif);
background-repeat:no-repeat;
}

#serviceMenuWrap{
background-position:-251px 0;
background-repeat:repeat-y;
}

#serviceMenu{
background-position:0 0;
}

#service{
background-position:-502px 100%;
}

.serviceSec{
margin:0 auto;
padding:18px 0;
width:231px;
background:transparent url(../images/line_side.gif) center bottom no-repeat;
}

.secEnd{
background:none;
}

.serviceSec .in,
.serviceSec .bannerList dl{
margin:0 auto;
width:219px;
}

#service p{
margin:0 0 12px 0;
}

#service .piccolo{
padding:4px 0 5px;
}

#service .title{
text-align:center;
}

#service h2{
margin:0 0 12px 0;
font-size:116%;
font-weight:bold;
}

#service .serviceList dt{
font-weight:bold;
}

#service .serviceList dd{
margin:0 0 10px 0;
}

#relatedService .in,
#relatedService .bannerList p{
margin:0 auto;
width:224px;
}

#service .bannerList .bannerImage{
width:224px;
font-size:0;
line-height:0;
}

#service .bannerList .siteTitle{
margin:1px 0 0 0;
padding:4px;
width:216px;
background:#000;
color:#fff;
font-weight:bold;
font-size:116%;
}

#service .bannerList dt{
margin:0 0 10px 0;
font-weight:bold;
color:#e20050;
}

#service .bannerList dd{
margin:0 0 10px 0;
}

#marketingService strong{
color:#e20050;
font-weight:normal;
}

/* Footer
========================================*/
#footer{
margin:0 auto;
padding:0 0 30px 0;
width:990px;
clear:both;
}

/* Coop
========================================*/
#coop{
margin:0 0 1px 0;
background:#383838;
}

#coop h2{
padding:6px 16px;
background:#000;
font-size:85%;
color:#fff;
}

#coop #coopList{
padding:16px 0;
}

#coop #coopList ul{
width:990px;
}

#coop #coopList li{
float:left;
margin:0 0 25px 0;
padding:4px 26px 14px 25px;
width:147px;
background:transparent url(../images/line_footer.gif) left top repeat-y;
}

#coop #coopList .lower li{
margin:0;
}

#coop #coopList .first{
background:none;
}

#coop #coopList li.mcv{
width:436px;
background:none;
}

#coop #coopList li.mcv span{
display:-moz-inline-box;
display:inline-block;
vertical-align:middle;
/display: inline;
/zoom: 1;
}

#coop #coopList li.mcv .bnr > span,
#coop #coopList li.mcv .text > span{
display:block;
}

#coop #coopList li.mcv .bnr,
#coop #coopList li.mcv .bnr > span{
width:147px;
}

#coop #coopList li.mcv .bnr{
margin:0 10px 0 0;
}

#coop #coopList li.mcv .text,
#coop #coopList li.mcv .text > span{
width:278px;
}

#coop #coopList li.mcv .text{
width:278px;
}

#coop #coopList dl{
color:#fff;
font-size:85%;
}

#coop #coopList dt{
margin:0 0 8px 0;
font-weight:bold;
}

#coop #coopList .lower dd{
height:118px;
}


/* Coop02
========================================*/
#coop02{
margin:0 0 1px 0;
background:#383838;
}

#coop02 h2{
padding:6px 16px;
background:#000;
font-size:85%;
color:#fff;
}

#coop02 #coopList02{
padding:10px 0;
}

#coop02 #coopList02 ul{
width:990px;
height:38px;
}

#coop02 #coopList02 li{
float:left;
margin:0 0 0 0;
padding:0 26px 0 25px;
width:147px;
background:transparent url(../images/line_footer.gif) left top repeat-y;
}

#coop02 #coopList02 dl{
color:#fff;
font-size:85%;
}

#coop02 #coopList02 a:link{
color:#fff;
}

#coop02 #coopList02 dt{
margin:0 0 8px 0;
font-weight:bold;
}


/* FooterSummary
========================================*/
#footerSummary{
margin:0 0 20px 0;
padding:6px 16px;
background:#6d6d6d;
color:#fff;
font-size:85%;
}

/* FooterLink
========================================*/
#footerLink{
float:left;
width:590px;
}

#footerLink li{
display:inline;
}

#footerLink li a{
padding:0 10px;
border-left:1px solid #006fc7;
font-weight:bold;
}

#footerLink li.first a{
padding:0 10px 0 0;
border:none;
}

/* FooterNotes
========================================*/
#footerNotes{
float:right;
width:400px;
}

#footerNotes li{
text-align:right;
font-size:85%;
color:#696969;
}

/* Copyright
========================================*/
#copyright{
clear:both;
padding:5px 0 0 0;
color:#696969;
}

.end{
margin-bottom:0 !important;
}

.hide{
position:absolute;
top:0;
left:-9999px;
}

.clearfix,
#contents,
.articleFooter,
#coop #coopList,
.tab ul,
.productList,
.detailBox li{
display:inline-table;
}

/* \*/
.clearfix,
#contents,
.articleFooter,
#coop #coopList,
.tab ul,
.productList,
.detailBox li{
display:block;
}
/* */

.clearfix:after,
#contents:after,
.articleFooter:after,
#coop #coopList:after,
.tab ul:after,
.productList:after,
.detailBox li:after{
content:"";
display:block;
clear:both;
visibility:hidden;
font-size:0;
line-height:0;
}