@charset "UTF-8";

/* HOME
-----------------------*/
#mainarea p.main{
width:963px;
margin:0 auto;
}
#mainarea .pr_servicewrap{
background-color:#81afed;

}
#mainarea .pr_servicewrap02{
background:url(../imgs/bg_maintxt.gif) 0 450px repeat-x;
height:515px;
}
#mainarea .pr_servicewrap03{
background:url(../imgs/img_mainwrap.jpg) 0 0 no-repeat;
height:450px;
}
#mainarea .proarea{
width:963px;
margin:0 auto;
position:relative;
}
#mainarea .proarea ul li a img{
position:relative;
zoom:1;
}
#mainarea .proarea ul{
background-image:url(../imgs/bg_mainservice.png) ;
background-position:left bottom;
background-repeat:no-repeat;
margin-top:-77px;
padding-top:0px;
position:relative;
}
* html #mainarea .proarea ul li{
margin-top:-1px;
position:relative;
}
#mainarea .proarea li{
float:left;
}
p.promo_img{
float:left;
padding:6px 7px 14px 15px;
}
p.promo_list{
float:left;
width:180px;
padding-top:5px;
padding-bottom:7px;
}
.block01{
margin:20px 0px 24px 4px;
}
.block01 li{
padding-bottom:12px;
background:url(../imgs/line.gif) 0 100% repeat-x;
}
body#home h3.ttl03{
background:url(../imgs/bg_ttl03_top.jpg) 0 0 no-repeat;
color:#697a8a;
font-size:107.8%;
width:627px;
height:28px;
padding:3px 0px 0px 53px;
position:relative;
}
.bnrarea p{
margin-bottom:7px;
}
body#home #subnav_bnr,
body#home #subnav_bnr_en{
width:224px;
background-color:#f0eded;
margin-left:5px;
padding-bottom:22px;
}
.block_pickup{
width:675px;
margin-bottom:22px;
background:url(../imgs/bg_pickup.jpg) 0 100% no-repeat;
}
.block_pickup li{
padding:30px 52px 30px 52px;
font-size:115%;
}
body#home .link{
position:absolute;
top:3px;
right:6px;
background:url(../imgs/i_link.gif) 0 6px no-repeat;
padding-left:15px;
}
.rss{
margin-left:12px;
}

/* 共通
-----------------------*/
.block_left h2,
.block_right h2,
.block_left h3,
.block_right h3,
.block_left h4,
.block_right h4{
background:url(../imgs/bg_ttls.gif) 0 0 no-repeat;
padding:8px 0px 8px 25px;
color:#fff;
}
h3.h3_text{
margin-top:30px;
font-weight:bold;
font-size:110%;
}
.text01{
margin-bottom:15px;
}
.nolist li{
list-style-type: decimal;
margin-left: 30px;
}
.list li{
background:url("../imgs/arrow_02.jpg") no-repeat scroll 0 6px transparent;
padding-left:10px;
}
/* NEWS
-----------------------*/
.news_list li{
margin-bottom:15px;
}
.news_list li .date{
float:left;
width:130px;
font-weight:bold;
}
.news_list li .news_icon{
float:left;
width:56px;
padding-top:5px;
}
.news_list li .title{
float:left;
width:460px;
margin-left:11px;
}
.block_txt .date,
.block_txt dt{
font-weight:bold;
}
.block_txt dd{
margin-top:15px;
}

/* COMPANY
-----------------------*/
.block_left{
float:left;
width:343px;
margin-right:14px;
margin:0px 14px 17px 0px;
position:relative;
}
.block_right{
float:right;
width:343px;
margin:0px 0px 17px;
position:relative;
}
.block_left p,
.block_right p{
padding-right:28px;
margin-bottom:27px;
}
.block_txt02{
border:1px solid #cfcfcf;
padding:12px 6px 7px 24px;
}
p.go_detail{
float:right;
padding:0px;
position:absolute;
right:6px;
bottom:6px;
margin:0px;
}
.table_company{
width:702px;
}
.table_company th{
width:114px;
padding:10px 0px 11px 43px;
border-bottom:1px dotted #000;
border-left:1px dotted #000;
border-right:1px dotted #000;
color:#223152;
vertical-align:top;
}
.table_company td{
padding:10px 0px 11px 15px;
border-bottom:1px dotted #000;
border-right:1px dotted #000;
}
.table_company ul li{
padding-top:21px;
}
.table_company ol li{
padding:0px;
}
.maparea{
margin-top:25px;
}
.pagelink{
margin:14px 0px 0px 25px;
}
.pagelink li{
float:left;
width:216px;
overflow:hidden;
padding-right:9px;
margin-bottom:15px;
}
.m_photo{
float:left;
margin-right:7px;
border:1px solid #e3e3e3;
}
.m_name{
margin-top:19px;
}
.member_area .m_name{
font-size:138.5%;
font-weight:bold;
margin:0px;
}
.member_area li{
border:1px solid #d1d1d1;
padding:8px 7px 8px 8px;
margin-bottom:12px;
}
.member_area .part{
padding-bottom:14px;
background:url(../company/imgs/line_member.gif) right 100% repeat-x;
}
.member_txt{
float:right;
width:520px;
}
.partner_txt{
float:right;
margin:0px 0px 0px 12px;
width:430px;
}
.parner_area{
padding:8px 7px 8px 43px;
margin-bottom:12px;
}
.link{
text-align:right;
clear:both;
background:url(../imgs/i_link.gif) right 17px no-repeat;
padding-right:15px;
}
.parner_area dt{
background:url(../company/imgs/line_member.gif) 0 100% repeat-x;
padding-bottom:8px;
}
.parner_area dd{
padding-top:13px;
}


/* SOLUTION
-----------------------*/
#pro1 {
background: url("../solutions/imgs/illust_01.jpg") no-repeat scroll 0 0 transparent;
height: 125px;
padding-left: 200px;
padding-top: 40px;
position: relative;
width: 420px;
}
#pro2 {
background: url("../solutions/imgs/illust_02.jpg") no-repeat scroll right 0 transparent;
height: 120px;
margin-left: 110px;
margin-top: -50px;
padding-right: 230px;
padding-top: 40px;
position: relative;
width: 320px;
}
#pro3 {
background: url("../solutions/imgs/illust_03.jpg") no-repeat scroll 0 0 transparent;
height: 75px;
margin-left:30px;
margin-top: -30px;
padding-left: 190px;
padding-top: 40px;
position: relative;
width: 420px;
}
#pro2_en{
background: url("../solutions/imgs/illust_02.jpg") no-repeat scroll right 0 transparent;
height: 120px;
margin-left: 110px;
padding-right: 230px;
padding-top: 40px;
position: relative;
width: 320px;
}
#pro3_en{
background: url("../solutions/imgs/illust_03.jpg") no-repeat scroll 0 0 transparent;
margin-left:30px;
padding-left: 190px;
padding-top: 40px;
position: relative;
width: 420px;
}
p.imgr{
float:right;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
margin-left: 5px;
padding: 2px;
}
p.imgl{
border: 1px solid #CCCCCC;
float: left;
margin-right: 10px;
padding: 1px;
}
.section01{
margin:12px 0px 20px 60px;
clear:both;
}
dl.dnaSolution dt{
color:#006;
font-size:105%;
font-weight:bold;
}
.dl_style dt{
background: url("../solutions/imgs/arrow_02.jpg") no-repeat scroll 0 7px transparent;
border-bottom: 1px dotted #333333;
color: #006;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.dl_style dd{
margin-bottom: 30px;
margin-left: 10px;
}
.slbox{
border:1px dotted #CCC;
display:inline;
float:left;
margin-left:10px;
padding:10px;
width:315px;
}
.asiabox{
float:right;
width:480px;
}
.tablestyle{
border: 1px solid #CCC;
border-collapse: collapse;
width:100%;
}
.tablestyle th{
vertical-align:top;
}
.tablestyle td{
border: 1px solid #CCC;
border-collapse: collapse;
padding: 5px;
vertical-align:top;
}
.tablestyle td.td01{
width:170px;
}

/* PRIVACY
-----------------------*/
dl.privacy_text dt{
margin-top:20px;
}
dl.privacy_text dd{
margin-top:5px;
}

/* SITEMAP
-----------------------*/
.ssmenu{
text-indent:1.5em;
}

/* CONTACT
-----------------------*/
.submit{
text-align:center;
margin-top:23px;
font-size:0;
}
.submit img{
margin-right:5px;
}
.submit input{
vertical-align:bottom;
}
.area_form table{
border-collapse:collapse;
width:702px;
background:url(../contact/imgs/line_table.gif) 0 0 no-repeat;
}
.area_form textarea{
width:450px;
}
.area_form th{
width:144px;
vertical-align:top;
padding:18px 0px 17px 23px;
color:#223152;
background:url(../company/imgs/line_member.gif) 0 100% repeat-x;
}
.area_form td{
padding:11px 16px 14px;
background:url(../company/imgs/line_member.gif) 0 100% repeat-x;
}
.alert{
color:#F00;
}
p.alert{
margin-bottom:23px;
}

/* CONTACT FORM
-----------------------*/
#btn_back,
#btn_send,
#btn_back_en,
#btn_send_en{
width:159px;
}
#btn_back,
#btn_back_en{
float:left;
}
#btn_send,
#btn_send_en{
float:right;
}

#btn_back input,
#btn_send input,
#btn_back_en input,
#btn_send_en input{
display:block;
width:159px;
height:34px;
}
#btn_back input{
background:url(../contact/imgs/b_back.jpg) no-repeat;
}
#btn_send input{
background:url(../contact/imgs/b_send.jpg) no-repeat;
}
div.submit{
margin:23px 191px 0
;
}

#btn_back_en input{
background:url(../en/contact/imgs/b_back.jpg) no-repeat;
}
#btn_send_en input{
background:url(../en/contact/imgs/b_send.jpg) no-repeat;
}


/* PUBLICATION
-----------------------*/
.book_area{
position:relative;
padding:16px 50px 8px 44px;
}
.book_text{
width:476px;
float:right;
padding-bottom:5em;
}
.go_amazon{
background: url("../publications/imgs/i_amazon.gif") 0 0 no-repeat;
position:absolute;
left:176px;
bottom:23px;
margin:0px;
height:30px;
width:442px;
padding-left:35px;
}

.book_area .m_photo{
margin-right:17px;
}