@charset "utf-8";

/*//////////////////////////////////////////////////////////////////

    NAME: modules.css
    DATE: 2012/12/05

//////////////////////////////////////////////////////////////////*/

/* ----------------------------------------------------------------
    Heading Module
----------------------------------------------------------------- */
div#main .hdg-l1-01{
margin-bottom:30px;
font-size:10px;
}

div#main .product-name{
margin-bottom:30px;
padding-left:10px;
border-left:5px solid #ff0000;
font-weight:bold;
font-size:150%;
line-height:1.1;
}

div#main .product-name sup.notice{
font-size:50%;
font-weight:normal;
}

div#main .hdg-l2-01{
margin-bottom:20px;
font-size:10px;
line-height:1;
}

div#main .hdg-l2-01.first{
margin-top:0;
}

div#main .hdg-l2-01.effect{
padding:7px 0;
background:url(/handwriting/multi/effect/images/index_bg_effect_01.gif) repeat-x left bottom;
}
div#main .hdg-l2-01.kakikata{
padding-bottom:7px;
background:url(/handwriting/kakikata/images/index_bg_kakikata_01.gif) repeat-x left bottom;
}

div#main div.hdg-l2-text span{
color:#363594;
font-size:1.6em;
padding:5px 0 5px 28px;
background:url(/handwriting/multi/board/images/index_bg_board_01.gif) no-repeat 0 0.1em;
}

div#main .hdg-l3-01{
margin-bottom:10px;
padding-left:10px;
border-left:2px solid #f3810a;
font-size:87.5%;
font-weight:bold;
line-height:1.3;
}

div#main .hdg-l3-02{
margin-bottom:10px;
font-size:80.5%;
font-weight:bold;
line-height:1.3;
}

div#main .hdg-l3-03{
border-left: 2px solid #33328b;
font-size: 87.5%;
font-weight: bold;
line-height: 1.3;
margin-bottom: 10px;
padding-left: 10px;
}

div#main .hdg-l4-01{
margin:0 0 10px 1px;
padding-left:10px;
border-left:1px solid #666;
font-size:87.5%;
font-weight:bold;
line-height:1.3;
}

div#main .hdg-l5-01{
margin-bottom:10px;
font-size:75%;
}


/* ----------------------------------------------------------------
    Paragraph Module
----------------------------------------------------------------- */
div#main p{
margin-bottom:15px;
font-size:75%;
}

div#main p.doc-catchcopy-01,
div#main p.doc-emphasize-01{
margin-bottom:15px;
font-size:87.5%;
}

div#main p.doc-catchcopy-01 strong{
color:#333333;
}

div#main p.doc-note-01{
font-size:68.75%;
color:#666666;
text-align:right;
}

div#main span.new,
div#main span.str-01{
color:#FF0000;
}

div#main strong.str-01{
color:#ff0000;
font-weight:bold;
}

/* ----------------------------------------------------------------
    Anchor Module
----------------------------------------------------------------- */
div#main a.link{
text-decoration:underline;
}

div#main span.link-edged-01{
/*-----display:inline-block;
border:1px solid #666;    -----*/   
margin-left:20px;/*-----   
padding:2px 0;     -----*/
}

div#main span.link-edged-01 a{
display:inline-block;
background:url(/shared/images/common/bullet_arrow_04.gif) no-repeat 5px 50%;
padding:0 10px 0 18px;
color:#666;
line-height:1;
}


/* ----------------------------------------------------------------
    Section Module
----------------------------------------------------------------- */
div#main div.section{
padding-bottom:25px;
}


/* ----------------------------------------------------------------
    Image Module
----------------------------------------------------------------- */
div#main .image-main{
margin-bottom:40px;
}


/* ----------------------------------------------------------------
    Unordered List Module
----------------------------------------------------------------- */
div#main ul.list-bullet-01{
margin-bottom:15px;
}

div#main ul.list-bullet-01 li{
padding-left:16px;
font-size:75%;
background:url(/shared/images/common/bullet_dot_01.gif) no-repeat 0 0.5em;
}

div#main dl.list-def-01 p,
div#main dl.list-def-01 ul.list-bullet-01 li,
div#main dl.list-def-01 ul.list-link-01 li{
font-size:100%;
}

div#main ul.list-bullet-01 li ul.list-bullet-02{
margin-bottom:0;
}

div#main ul.list-bullet-01 li ul.list-bullet-02 li{
font-size:100%;
}

div#main ul.list-bullet-02{
margin-bottom:15px;
}

div#main ul.list-bullet-02 li{
padding-left:12px;
font-size:75%;
background:url(/shared/images/common/bullet_dot_02.gif) no-repeat 0 0.7em;
}

div#main dl.list-sign-01-inner{
display:table;
font-size:75%;
float:right;
}
div#main dl.list-sign-01-inner dt{
display:table-cell;
text-align:right;
vertical-align:middle;
}
div#main dl.list-sign-01-inner dd{
display:table-cell;
text-align:right;
vertical-align:middle;
width:300px;
}
* html div#main dl.list-sign-01-inner dt,
* html div#main dl.list-sign-01-inner dd{
display:inline;
zoom:1;
}
*:first-child+html div#main dl.list-sign-01-inner dt,
*:first-child+html div#main dl.list-sign-01-inner dd{
display:inline;
zoom:1;
}

div#main ul.list-num-01 li{
margin-bottom:15px;
font-size:75%;
}

div#main ul.list-num-01 li span.num{
font-weight:bold;
}

div#main ul.list-num-01 li ul{
margin-bottom:0;
}

div#main ul.list-num-01 li ul li{
margin-bottom:0;
font-size:100%;
}

div#main ul.list-num-01 li ul.list-notice-01 li{
background:none;
font-size:85%;
}


/* ----------------------------------------------------------------
    Ordered List Module
----------------------------------------------------------------- */
div#main ol.list-ordered-01,
div#main ol.list-ordered-02{
margin:0 0 15px 1.5em;
_margin-left:1.9em;
list-style:decimal;
}
div#main ol.list-ordered-03{
margin:0 0 15px 0.7em;
list-style-type:none;
}

div#main ol.list-ordered-01 li,
div#main ol.list-ordered-02 li,
div#main ol.list-ordered-03 li{
font-size:75%;
}

div#main ol.list-ordered-01 li ol.list-ordered-01,
div#main ol.list-ordered-02 li ol.list-ordered-02,
div#main ol.list-ordered-03 li ol.list-ordered-03{
margin-bottom:0;
}

div#main ol.list-ordered-01 li ol.list-ordered-01 li,
div#main ol.list-ordered-02 li ol.list-ordered-02 li,
div#main ol.list-ordered-02 li ol.list-ordered-03 li{
font-size:100%;
}

div#main ol.list-ordered-02 li .title,
div#main ol.list-ordered-03 li .title{
font-weight: bold;
}
div#main ol.list-ordered-02 li p,
div#main ol.list-ordered-03 li p{
font-size: 100%;
font-weight: normal;
}
div#main ol.list-ordered-03 li h3{
background-color: #E0E0E0;
font-size:100%;
}
/* ----------------------------------------------------------------
    Definition List Module
----------------------------------------------------------------- */
div#main dl.list-def-01 dt{
font-weight:bold;
font-size:75%;
}

div#main dl.list-def-01 dd{
margin-bottom:15px;
font-size:75%;
}

div#main dl.list-def-02 dt{
font-weight:bold;
font-size:75%;
background:url(/shared/images/common/img_faq_01.gif) no-repeat 0 100%;
padding-left:2.3em;
margin-bottom:15px;
}

div#main dl.list-def-02 dd{
margin-bottom:15px;
font-size:75%;
background:url(/shared/images/common/img_faq_02.gif) no-repeat 0 0.2em;
padding-left:2.3em;
}

div#main dl.list-def-02 dl.list-def-01 dt,
div#main dl.list-def-02 dl.list-def-01 dd{
font-size:100%;
background:none;
padding-left:0;
}

div#main dl.list-def-02 dl.list-def-01 dt{
margin:15px 0 0;
}

div#main dl.list-def-02 dd .list-notice-01{
font-size:140%;
}

div#main dl.list-def-02 dd table.tbl-data-01 th,
div#main dl.list-def-02 dd table.tbl-data-01 td{
font-size:100%;
}
/* ----------------------------------------------------------------
    Link List Module
----------------------------------------------------------------- */
div#main ul.list-link-01,
div#sub ul.list-link-01{
margin-bottom:15px;
zoom:0;
}

div#main ul.list-link-01 li,
div#sub ul.list-link-01 li{
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 0.4em;
font-size:75%;
zoom:0;
}

div#main ul.list-link-01 li.no-link,
div#sub ul.list-link-01 li.no-link{
padding-left:16px;
background:url(/shared/images/common/bullet_dot_01.gif) no-repeat 0 0.5em;
font-weight:normal;
}

div#main ul.list-link-01 li.anc,
div#sub ul.list-link-01 li.anc{
background:url(/shared/images/common/bullet_arrow_down_01.gif) no-repeat 0 0.4em;
}

div#main ul.list-link-01 li.facebook,
div#sub ul.list-link-01 li.facebook{
margin-bottom:10px;
padding:0;
background:none;
font-size:87.5%;
}

div#main ul.list-link-01 li.facebook a,
div#sub ul.list-link-01 li.facebook a{
display:inline-block;
min-height:20px;
padding:5px 0 0 30px;
background:url(/shared/images/common/icon_facebook_01.gif) no-repeat 0 0;
font-size:87.5%;
line-height:1;
}

div#main ul.list-link-01 li.twitter,
div#sub ul.list-link-01 li.twitter{
margin-bottom:10px;
padding:0;
background:none;
font-size:87.5%;
}

div#main ul.list-link-01 li.twitter a,
div#sub ul.list-link-01 li.twitter a{
display:inline-block;
min-height:20px;
padding:5px 0 0 30px;
background:url(/shared/images/common/icon_twitter_01.gif) no-repeat 0 0;
font-size:87.5%;
line-height:1;
}

div#main ul.list-link-01 li.youtube,
div#sub ul.list-link-01 li.youtube{
margin-bottom:10px;
padding:0;
background:none;
font-size:87.5%;
line-height:1.1;
}

div#main ul.list-link-01 li.youtube a,
div#sub ul.list-link-01 li.youtube a{
display:inline-block;
min-height:20px;
padding:5px 0 0 42px;
background:url(/shared/images/common/icon_youtube_01.gif) no-repeat 0 0;
font-size:87.5%;
}

div#main ul.list-link-01 li.catalog,
div#sub ul.list-link-01 li.catalog{
padding:0;
background:none;
font-size:87.5%;
line-height:1.1;
}

div#main ul.list-link-01 li.catalog a,
div#sub ul.list-link-01 li.catalog a{
display:inline-block;
min-height:20px;
padding:5px 0 0 30px;
background:url(/shared/images/common/icon_catalog_01.png) no-repeat 0 0;
font-size:87.5%;
}

div#main ul.list-link-01 li img.icon{
position:relative;
top:2px;
margin:0 5px 0 4px;
padding:0 0 1px; /* IE: 行内に置換要素が入ると行の高さが小さくなるバグの対応 */
vertical-align:baseline; /* IE: baseline 以外だとリンク下線に不具合への対応 */
zoom:1;
}

* > div#main img.icon {
padding:0 !important;
}

div#main ul.list-link-01 li a{
font-weight:bold;
}

div#main ul.list-link-01 li p{
font-weight:normal;
font-size:100%;
}

div#main ul.list-link-01 li ul{
margin:0 0 0 -10px;
}

div#main ul.list-link-01 li ul li{
padding-left:10px;
background:url(/shared/images/common/bullet_arrow_02.gif) no-repeat left 0.6em;
font-size:91.6%;
font-weight:normal;
font-size:100%;
}

div#main ul.list-link-02{
margin-bottom:15px;
}
div#main ul.list-link-02 li{
float:left;
margin-right:20px;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 0.4em;
font-size:75%;
white-space:nowrap;
}
div#main ul.list-link-02 li.no-link{
padding-left:16px;
background:url(/shared/images/common/bullet_dot_01.gif) no-repeat 0 0.5em;
font-weight:normal;
}

div#main ul.list-link-03{
margin-bottom:15px;
zoom:0;
text-align:right;
}
div#main ul.list-link-03 li{
zoom:0;
}
div#main ul.list-link-03 li span{
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 50%;
font-size:75%;
zoom:1;
}

div#main ul.list-col3 li{
float:left;
padding-right:10px;
width:198px;
}

div#main ul.list-link-04{
margin-bottom:15px;
}
div#main ul.list-link-04 > li{
border-top:1px solid #d2d2d2;
margin-top:15px;
padding-top:15px;
}
div#main ul.list-link-04 > li.first-child{
border-top:none;
margin-top:0;
padding-top:0;
}
div#main ul.list-link-04 li div.image p.image{
margin-bottom:0 !important;
}





/* ----------------------------------------------------------------
    Transition List Module
----------------------------------------------------------------- */
div#main ul.flow-menu{
width:690px;

overflow:hidden;
margin-bottom:30px;
}

div#main ul.flow-menu li{
float:left;
width:138px;
}


/* ----------------------------------------------------------------
    Notice Module
----------------------------------------------------------------- */
div#main sup.notice{
font-size:85%;
vertical-align:top;
}

div#main sup.notice-02{
color:#FF0000;
font-size:85%;
vertical-align:top;
}

div#main ul.list-notice-01{
margin-bottom:15px;
}

div#main ul.list-notice-01 li{
position:relative;
padding-left:15px;
font-size:62.5%;
}

div#main ul.list-notice-01 li span{
position:absolute;
top:0;
left:0;
}

div#main ul.list-notice-02 li{
color:#666666;
position:relative;
padding-left:0;
font-size:62.5%;
}

div#main ul.list-notice-03 li{
padding-left: 25px;
}

div#main ul.list-notice-01 li span{
position:absolute;
top:0;
left:0;
}

div#main ul.list-notice-04{
margin-bottom:15px;
}

div#main ul.list-notice-04 li{
position:relative;
padding-left:15px;
font-size:75%;
}

div#main ul.list-notice-04 li span{
position:absolute;
top:0;
left:0;
}

div#main .btn-contact-01{
display:inline-block;
padding:5px 10px;
border:1px solid #f5d45f;
background:#fff4cd;
/float:right;
}

div#main .btn-contact-01.btn-press-01{
/text-align:left !important;
}


/* ----------------------------------------------------------------
    caution Module
----------------------------------------------------------------- */
div#main p.caution{
color:#fb051c;
}


/* ----------------------------------------------------------------
    Page Navigation 
----------------------------------------------------------------- */
div#main ul.nav-btn-01{
margin-bottom:15px;
text-align:right;
}

div#main ul.nav-btn-01 li{
display:inline;
margin-left:10px;
line-height:1;
font-size:10px;
}

div#main div.nav-page-01{
margin-bottom:40px;
padding:10px;
border:1px solid #cccccc;
}
div#main div.nav-page-01 ul li{
float:left;
margin-right:20px;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_down_01.gif) no-repeat 0 0.4em;
font-size:75%;
white-space:nowrap;
}
div#main div.nav-page-01.nest ul li{
background:url(/shared/images/common/bullet_arrow_down_02.gif) no-repeat 0 50%;
}
div#main div.nav-page-01 ul li:visited{
color:#000000;
}

ul.nav-page-02{
position:relative;
min-height:1em;
_height:1em;
margin-bottom:15px;
}

ul.nav-page-02 li{
position:absolute;
top:0;
font-size:75%;
font-weight:bold;
}

ul.nav-page-02 li.prev{
left:0;
margin-left:30px;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_03.gif) no-repeat 0 0.4em;
}

ul.nav-page-02 li.prev-02{
left:0;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_03.gif) no-repeat 0 0.4em;
}

ul.nav-page-02 li.next{
right:0;
margin-right:30px;
padding-right:13px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 100% 0.4em;
}

ul.nav-page-02 li.next-02{
right:0;
padding-right:13px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 100% 0.4em;
}

div#main ul.nav-page-03{
margin-bottom:20px;
zoom:0;
text-align:right;
}

div#main ul.nav-page-03 li span{
padding-left:14px;
background:url(/shared/images/common/bullet_arrow_top_01.gif) no-repeat 0 50%;
font-size:68.75%;
zoom:0;
}

div#main ul.nav-page-03 li a{
font-weight:bold;
}

div#main div.nav-page-04{
margin-bottom:40px;
padding:10px 10px 5px;
background:#f3f3f3;
}

div#main div.nav-page-04 ul li{
float:left;
margin:0 20px 5px 0;
padding-left:20px;
font-size:75%;
white-space:nowrap;
}

div#main div.nav-page-04 ul li.use-01{
background: url(/handwriting/multi/images/index_img_mult_01.gif) no-repeat 0 50%;
}
div#main div.nav-page-04 ul li.use-02{
background: url(/handwriting/multi/images/index_img_mult_02.gif) no-repeat 0 50%;
}
div#main div.nav-page-04 ul li.use-03{
background: url(/handwriting/multi/images/index_img_mult_03.gif) no-repeat 0 50%;
}
div#main div.nav-page-04 ul li.use-04{
background: url(/handwriting/multi/images/index_img_mult_04.gif) no-repeat 0 50%;
}
div#main div.nav-page-04 ul li.use-05{
background: url(/handwriting/multi/images/index_img_mult_05.gif) no-repeat 0 50%;
}

div#main div.nav-page-05{
margin-bottom:40px;
padding:10px 10px 7px;
background:#f6f3ee;
}

div#main div.nav-page-05 ul li{
float:left;
width:90px;
margin:0 10px 5px 0;
padding-left:20px;
font-size:75%;
white-space:nowrap;
}

div#main div.nav-page-05.under ul li{
width:auto;
margin:0 20px 5px 0;
}

div#main div.nav-page-05 ul li.use-01{
background: url(/handwriting/kakikata/images/index_img_kakikata_01.gif) no-repeat 0 50%;
}
div#main div.nav-page-05 ul li.use-02{
background: url(/handwriting/kakikata/images/index_img_kakikata_02.gif) no-repeat 0 50%;
}
div#main div.nav-page-05 ul li.use-03{
background: url(/handwriting/kakikata/images/index_img_kakikata_03.gif) no-repeat 0 50%;
}
div#main div.nav-page-05 ul li.use-04{
background: url(/handwriting/kakikata/images/index_img_kakikata_04.gif) no-repeat 0 50%;
}
div#main div.nav-page-05 ul li.use-05{
background: url(/handwriting/kakikata/images/index_img_kakikata_05.gif) no-repeat 0 50%;
}
div#main div.nav-page-05 ul li.use-06{
background: url(/handwriting/kakikata/images/index_img_kakikata_06.gif) no-repeat 0 50%;
}
div#main div.nav-page-05 ul li.use-07{
background: url(/handwriting/kakikata/images/index_img_kakikata_07.gif) no-repeat 0 50%;
}
div#main div.nav-page-05 ul li.use-08{
background: url(/handwriting/kakikata/images/index_img_kakikata_20.gif) no-repeat 0 50%;
}

div#main div.nav-page-04 ul li:visited{
color:#000;
}

ul.nav-page-05{
position:relative;
min-height:1em;
_height:1em;
margin-bottom:15px;
font-weight:bold;
}

ul.nav-page-05 li{
position:absolute;
top:0;
font-size:75%;
}

ul.nav-page-05 li.prev{
left:0;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_03.gif) no-repeat 0 0.4em;
}

ul.nav-page-05 li.prev-02{
left:0;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_03.gif) no-repeat 0 0.4em;
}

ul.nav-page-05 li.next{
right:0;
padding-right:13px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 100% 0.4em;
}

ul.nav-page-05 li.next-02{
right:0;
padding-right:13px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 100% 0.4em;
}

ul.nav-page-06{
margin-bottom:15px;
}
ul.nav-page-06.fr{
float:right;
}
ul.nav-page-06 li{
font-size:75%;
float:left;
}
ul.nav-page-06 li.prev{
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_03.gif) no-repeat 0 0.4em;
}
ul.nav-page-06 li.next{
padding-right:13px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 100% 0.4em;
}


/* ----------------------------------------------------------------
    Tab Navigation Module
----------------------------------------------------------------- */
div#main div.tabContainer ul.tabList{
background:url(/shared/images/common/bg_tablist_01.gif) repeat-x left bottom;
}

div#main div.tabContainer ul.tabList li{
float:left;
margin-right:4px;
}

div#main div.tabContainer ul.tabList li a{
display:block;
padding:3px 10px 0;
border:1px solid #f4810a;
background-color:#f99b51;
font-weight:bold;
font-size:87.5%;
color:#ffffff;
text-align:center;
}

div#main div.tabContainer ul.tabList li.active a{
border-bottom:1px solid #fff;
border-top:3px solid #f4810a;
background:#fff;
padding-top:1px;
color:#333333;
}

div#main div.tabContainer ul.tabs{
padding-top:20px;
}

div#main div.tabContainer ul.tabs li.tabPanel{
position:absolute;
top:-9999px;
left:-9999px;
outline-style:none;
}

div#main div.tabContainer ul.tabs li.tabPanel.active{
position:static;
}

div#main div.tabContainer ul.tabs.static li{
position:static;
}

div#main ul.tabList-02{
background:url(/shared/images/common/bg_tablist_02.gif) repeat-x left bottom;
margin-bottom:20px;
}
div#main ul.tabList-02 li{
float:left;
margin-right:4px;
}

/* ----------------------------------------------------------------
    Table Module
----------------------------------------------------------------- */
div#main table.tbl-data-01{
margin-bottom:15px;
width:100%;
border-width:1px 0 0 1px;
border-color:#dadada;
border-style:solid;
}

div#main table.tbl-data-01 caption{
font-size:75%;
}

div#main table.tbl-data-01 thead th,
div#main table.tbl-data-01 tbody th{
background:#efefef;
}

div#main table.tbl-data-01 th,
div#main table.tbl-data-01 td{
padding:2px 5px 1px 5px;
border-width:0 1px 1px 0;
border-color:#dadada;
border-style:solid;
font-weight:normal;
font-size:75%;
text-align:left;
vertical-align:top;
}

div#main table.tbl-data-01 td.td-01{
background:#efefef;
}

div#main table.tbl-data-01 th.th-02,
div#main table.tbl-data-01 td.td-02{
padding:0 2em;
}

div#main table.tbl-data-01 td table{
border:none;
width:100%;
}

div#main table.tbl-data-01 td table th,
div#main table.tbl-data-01 td table td{
padding:0;
border:none;
font-size:100%;
}

div#main table.tbl-data-01 td ul{
margin-bottom:0;
}

div#main table.tbl-data-01 td ul.list-bullet-01 li,
div#main table.tbl-data-01 td ul.list-link-01 li{
font-size:100%;
}

div#main table.tbl-data-01 td ul.list-notice-01 li{
font-size:85%;
}

div#main table.tbl-data-01 td ul.refil-type li.refil{
float:left;
}
div#main table.tbl-data-01 td ul.refil-type li.no-link{
padding-left:16px;
background:url(/shared/images/common/bullet_dot_01.gif) no-repeat 0 0.5em;
font-weight:normal;
}
div#main table.tbl-data-01 td ul.refil-type li.btn{
float:right;
}
div#main table.tbl-data-01 td ul.refil-type li.btn-02{
float:left;
margin-left:10px;
}
div#main table.tbl-data-01 td ul.refil-type li.btn img,
div#main table.tbl-data-01 td ul.refil-type li.btn-02 img{
position:relative;
top:2px;
/*padding:1px 0;*/ /* IE: 行内に置換要素が入ると行の高さが小さくなるバグの対応 */
vertical-align:baseline; /* IE: baseline 以外だとリンク下線に不具合への対応 */
zoom:1;
}

div#main table.tbl-data-01 td ul.refil-type li > img{
padding:0; /* IE以外のモダンブラウザへの対応 */
}

div#main table.tbl-data-01 td p{
margin-bottom:0;
font-size:100%;
}

div#main table.tbl-data-02{
margin-bottom:30px;
width:100%;
border-width:1px 0 0 1px;
border-color:#dadada;
border-style:solid;
}

div#main table.tbl-data-02 th,
div#main table.tbl-data-02 td{
padding:10px;
border-width:0 1px 1px 0;
border-color:#dadada;
border-style:solid;
font-weight:normal;
font-size:75%;
text-align:left;
vertical-align:top;
}

div#main table.tbl-data-01.tbl-data-03 thead tr th{
color:#FFF;
text-align:center;
background:#f8f8f8;
font-weight:bold;
}

div#main table.tbl-data-01.tbl-data-03 thead tr th.oily{
background:#34465f;
}

div#main table.tbl-data-01.tbl-data-03 thead tr th.gel{
background:#345f37;
}

div#main table.tbl-data-01.tbl-data-03 tbody tr th{
font-weight:bold;
background:#f8f8f8;
}

div#main table.tbl-data-01.tbl-data-03 tbody tr td.oily{
background:#efefef;
}

div#main table.tbl-data-01.tbl-data-03 tbody tr td.gel{
background:#f8f8f8;
}

div#main table .pgh-01{
font-size:85% !important;
}

div#main table td ul.list-radio-01 li{
position:relative;
padding-left:2em;
font-size:85%;
}

div#main table td ul.list-radio-01 li input{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
}

div#main table .cell-01,
div#main table tr.cell-01 th,
div#main table tr.cell-01 td{
font-weight:bold !important;
}

/* ----------------------------------------------------------------
    Index List 
----------------------------------------------------------------- */
div#main div.index-01 div.inner{
margin-bottom:25px;
}


/* ----------------------------------------------------------------
    Layout Images Module
----------------------------------------------------------------- */
div#main div.lyt-image{
margin-bottom:15px;
}

div#main div.lyt-image p.image{
margin-bottom:0;
text-align:center;
}

div#main div.lyt-image p.image span.caption{
display:block;
margin-top:7px;
font-size:83.4%;
line-height:1.6;
text-align:center;
}

div#main div.lyt-image.image-L p.image{
float:left;
margin:0 15px 5px 0;
}

div#main div.lyt-image.image-R p.image{
float:right;
margin:0 0 5px 15px;
}

div#main div.lyt-image.image-L div.image p.image,
div#main div.lyt-image.image-R div.image p.image{
margin:0;
float:none;
}

/* ___ image-parallel ___ */
div#main div.lyt-image.image-parallel{
margin-bottom:0;
}

div#main div.lyt-image.image-parallel.image-L div.image{
padding-right:15px;
}

div#main div.lyt-image.image-parallel.image-R div.image{
padding-left:15px;
}

div#main div.lyt-image.image-parallel div.image p.image{
margin-bottom:15px;
}

div#main div.lyt-image.image-parallel div.image p.image .cata-icon{
font-weight:bold;
background:url(/shared/images/common/icon_catalog_02.png) no-repeat 0px 6px;
padding:5px 0 5px 16px;
display:block;
width:92px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
div#main div.lyt-image.image-parallel div.image p.image .cata-icon{
padding:7px 0 5px 16px;
}
}

div#main div.lyt-image.image-parallel div.image p.image .cata-icon:hover{
text-decoration:underline;
}

div#main div.lyt-image.image-parallel.image-L div.image{
float:left;
}

div#main div.lyt-image.image-parallel.image-R div.image{
float:right;
}

div#main div.lyt-image.image-parallel.image-L div.column .title{
display:block;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 0.4em;
font-weight:bold;
}

/* ___ image-column ___ */
div#main div.lyt-image.image-column{
width:690px;
overflow:hidden;
}

div#main div.lyt-image.image-column div.column2,
div#main div.lyt-image.image-column div.column3,
div#main div.lyt-image.image-column div.column4,
div#main div.lyt-image.image-column div.column5{
width:730px;
}

div#main div.lyt-image.image-column div.column2 p.image{
float:left;
margin-right:40px;
width:325px;
}

div#main div.lyt-image.image-column div.column3 p.image{
float:left;
margin-right:40px;
width:203px;
}

div#main div.lyt-image.image-column div.column3.k-column3 p.image{
width:auto;
}

div#main div.lyt-image.image-column div.column4 p.image{
float:left;
margin-right:41px;
width:141px;
}

div#main div.lyt-image.image-column div.column4 p.image span.explanation{
display:block;
margin:0 0 7px 0;
font-size:83.4%;
line-height:1.6;
text-align:left;
}

div#main div.lyt-image.image-column div.column5 p.image{
float:left;
margin-right:40px;
width:106px;
}

div#main div.lyt-image.image-column div.column5 p.image span.explanation{
display:block;
margin:0 0 7px 0;
font-size:83.4%;
line-height:1.6;
text-align:left;
}

div#main div.lyt-image div.column4 p.image span.caption,
div#main div.lyt-image div.column5 p.image span.caption{
text-align:left;
}

div#main ul.lyt-image-list{
width:731px;
}

div#main ul.lyt-image-list li{
float:left;
margin-right:40px;
margin-bottom:20px;
}

div.lyt-image.image-float{
direction:ltr !important;
margin-bottom:0;
}

/* ----------------------------------------------------------------
    Layout Column Module
----------------------------------------------------------------- */
div#main div.lyt-column{
width:690px;
overflow:hidden;
}

div#main div.lyt-column div.column2{
width:730px;
}

div#main div.lyt-column div.column2 div.segment{
float:left;
margin-right:40px;
width:325px;
}

div#main div.lyt-column div.column2-top-link{
width:730px;
}

div#main div.lyt-column div.column2-top-link div.segment-01,
div#main div.lyt-column div.column2-top-link div.segment-02{
float:left;
margin-right:20px;
}

div#main div.lyt-column div.column2-top-link div.segment-01{
width:490px;
}

div#main div.lyt-column div.column2-top-link div.segment-02{
width:180px;
}

div#main div.lyt-column div.column3{
width:730px;
}

div#main div.lyt-column div.column3 div.segment{
float:left;
margin-right:40px;
width:203px;
}

* html div#main div.lyt-column div.column3 div.segment{
display:inline;
background-color:#fff;
}

div#main div.lyt-column div.column4 div.segment{
float:left;
margin-right:40px;
width:300px;
}


/* ----------------------------------------------------------------
    Box Module
----------------------------------------------------------------- */
div#main div.box-aside-01{
margin:15px 0;	
padding:16px 20px 1px 20px;
background:#f5f5f5;
}

div#main div.box-aside-01 div.lyt-image div.column .hdg{
margin-bottom:10px;
font-size:87.5%;
font-weight:bold;
}

div#main div.box-contents-01{
margin-bottom:15px;
padding:10px 10px 1px 10px;
border:1px solid #cccccc;
}

div#main div.box-contents-01.hand{
position:relative;
border:1px solid #CCCCCC;
margin-bottom:15px;
padding:20px 19px 10px;
min-height:85px;
height:auto !important;
height:85px;
}

div#main div.box-contents-01 p,
div#main div.box-contents-01 ul{
margin-bottom:10px;
}

div#main div.box-contents-01.hand p{
margin-bottom:45px;
}

div#main div.box-contents-01.hand p.btn{
margin-bottom:20px;
position:absolute;
left:19px;
bottom:0;
}

div#main div.box-contents-02{
font-size:75%;
margin-bottom:15px;
padding:10px;
border:1px solid #cccccc;
background-color:#f2f2f2;
}

div#main div.box-contents-02.kakikata{
border:0;
margin-bottom:40px;
}

div#main div.box-contents-02.kakikata p.image{
float:left;
}

div#main div.box-contents-02 dl *{
font-size:100%;
}

div#main div.box-contents-03{
color:#ff0000;
margin-bottom:15px;
padding:10px 10px 0 10px;
border:1px solid #ff0000;
background-color:#ffeeee;
}

div#main div.box-contents-03 p{
margin-bottom:10px;
}

div#main div.box-contents-04{
min-height:210px;
height:auto !important;
height:210px;
}

div#main div.box-contents-04 p.about{
padding:15px 10px 0;
margin-bottom:10px;
}

div#main div.box-contents-04 div.lyt-image.image-parallel{
padding:0 10px;
}

div#main div.box-contents-04 div.lyt-image.image-parallel.image-L div.image{
padding-right:8px !important;
}

div#main div.box-contents-04 ul.list-link-01 li{
font-size:87%;
padding-left:18px;
}

div#main div.box-contents-04 ul.list-link-01.use-01 li{
background:url(/handwriting/multi/images/index_img_mult_06.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-04 ul.list-link-01.use-02 li{
background:url(/handwriting/multi/images/index_img_mult_07.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-04 ul.list-link-01.use-03 li{
background:url(/handwriting/multi/images/index_img_mult_08.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-04 ul.list-link-01.use-04 li{
background:url(/handwriting/multi/images/index_img_mult_09.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-04 ul.list-link-01 li ul li {
padding-left:12px;
}
div#main div.box-contents-04 ul.list-link-01.use-05 li{
background:url(/handwriting/multi/images/index_img_mult_10.gif) no-repeat scroll 0 0.2em transparent;
}

div#main div.box-contents-04 ul.list-link-01.use-02 li ul li {
background:url(/handwriting/multi/images/index_img_mult_11.gif) no-repeat scroll left 0.4em transparent;
}
div#main div.box-contents-04 ul.list-link-01.use-03 li ul li {
background:url(/handwriting/multi/images/index_img_mult_12.gif) no-repeat scroll left 0.4em transparent;
}
div#main div.box-contents-04 ul.list-link-01.use-04 li ul li {
background:url(/handwriting/multi/images/index_img_mult_13.gif) no-repeat scroll left 0.4em transparent;
}

div#main div.box-contents-05{
min-height:105px;
height:auto !important;
height:105px;
margin-bottom:40px;
padding:12px 12px 0 12px;
background:url(/handwriting/multi/images/index_bg_multi_03.gif) no-repeat 0 0;
}

div#main div.box-contents-06{
min-height:210px;
height:auto !important;
height:210px;
}

div#main div.box-contents-06 p.about{
padding:15px 10px 0;
margin-bottom:10px;
}

div#main div.box-contents-06 div.lyt-image.image-parallel{
padding:0 10px;
}

div#main div.box-contents-06 div.lyt-image.image-parallel.image-L div.image{
padding-right:8px !important;
}

div#main div.box-contents-06 ul.list-link-01 li{
font-size:87%;
padding-left:18px;
}

div#main div.box-contents-06 ul.list-link-01.use-01 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_08.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-02 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_09.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-03 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_10.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-04 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_11.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-05 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_12.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-06 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_13.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-07 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_14.gif) no-repeat scroll 0 0.2em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-08 li{
background:url(/handwriting/kakikata/images/index_img_kakikata_21.gif) no-repeat scroll 0 0.2em transparent;
}

div#main div.box-contents-06 ul.list-link-01 li ul li {
padding-left:12px;
}
div#main div.box-contents-06 ul.list-link-01.use-01 li ul li {
background:url(/handwriting/kakikata/images/index_img_kakikata_15.gif) no-repeat scroll left 0.4em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-02 li ul li {
background:url(/handwriting/kakikata/images/index_img_kakikata_16.gif) no-repeat scroll left 0.4em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-03 li ul li {
background:url(/handwriting/kakikata/images/index_img_kakikata_17.gif) no-repeat scroll left 0.4em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-04 li ul li {
background:url(/handwriting/kakikata/images/index_img_kakikata_18.gif) no-repeat scroll left 0.4em transparent;
}
div#main div.box-contents-06 ul.list-link-01.use-05 li ul li {
background:url(/handwriting/kakikata/images/index_img_kakikata_19.gif) no-repeat scroll left 0.4em transparent;
}

div#main div.box-contents-07{
margin-bottom:15px;
padding:10px 10px 0 10px;
border:1px solid #f5d45f;
background-color:#fff4cd;
}

div#main div.box-contents-07 p{
margin-bottom:10px;
}

div#main div.box-social-01{
border:1px solid #dadada;
padding:10px;
}

div#main div.box-social-01 ul.list-link-01,
div#main div.box-social-01 ul.list-link-01 li.twitter{
margin-bottom:0;
}

div#main div.box-contents-08{
background-color:#f00;
padding:10px;
margin-bottom:20px;
}

div#main div.box-contents-08 ul.list-link li{
background:url(/shared/images/common/bullet_arrow_05.png) no-repeat 0 0.3em;
padding-left: 25px;
}

div#main div.box-contents-08 ul.list-link li a{
font-weight:bold;
color:#fff;
}


/* ----------------------------------------------------------------
    Plugin Module
----------------------------------------------------------------- */
div#main div.box-plugin-01{
margin-bottom:15px;
}

div#main div.box-plugin-01 p{
margin-bottom:0;
zoom:0;
}

div#main div.box-plugin-01 p.content span{
display:block;
}

div#main div.box-plugin-01 p.content span.banner{
float:left;
}

div#main div.box-plugin-01 p.content span.outline{
padding-left:178px;
}

div#main div.box-plugin-01 p.link{
padding-left:192px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 178px 0.4em;
font-weight:bold;
}


/* ----------------------------------------------------------------
    Product Detail    
----------------------------------------------------------------- */
/* ___ list-product ___ */
div#main div.list-product-01{
width:690px;
overflow:hidden;
}

div#main ul.list-product-01-inner{
margin-bottom:10px;
width:730px;
}

div#main ul.list-product-01-inner li.product{
position:relative;
float:left;
padding:0 0 30px 120px;
margin-right:40px;
width:205px;
font-size:75%;
}

div#main ul.list-product-01-inner li.product a{
display:block;
padding-left:16px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 0.4em;
font-weight:bold;
}

div#main ul.list-product-01-inner li.product a img{
position:absolute;
top:0;
left:0;
}

div#main ul.list-product-01-inner li.product dl.detail dt{
float:left;
padding-right:5px;
font-weight:bold;
font-size:91.7%;
background:url(/shared/images/common/bg_list-product-01_01.gif) no-repeat right center;
}

div#main ul.list-product-01-inner li.product dl.detail dd{
font-size:100%;
}

div#main ul.list-product-01-inner li.product dl.detail dd.number,
div#main ul.list-product-01-inner li.product dl.detail dd.note,
div#main ul.list-product-01-inner li.product dl.detail dd.price{
margin-left:2.8em;
}

/*div#main ul.list-product-01-inner li.product dl.detail dd.price{
margin-left:4.8em;
}
*/

div#main ul.list-product-01-inner li.product ul.eco-label li{
margin-bottom:2px;
font-size:8px;
line-height:1;
}

/* ___ product-promotion ___ */
div#main div.product-promotion{
margin:0 auto 40px auto;
width:666px;
height:405px;
}

div#main div.product-promotion-02{
margin:0 auto 40px auto;
width:666px;
height:502px;
}

div#main div.corporate-movie{
margin:0 auto 40px auto;
width:694px;
height:520px;
}

div#main div.product-promotion object{
outline-style:none;
}

div#main div.corporate-movie object{
outline-style:none;
}

div#main div.product-promotion p{
margin-bottom:0;
}

div#main div.lyt-product-spec-01{}

div#main div.lyt-product-spec-01 div.spec{
float:left;
width:300px;
}

div#main div.lyt-product-spec-01 div.image{
float:right;
width:340px;
}

/* ___ list-related-product ___ */
div#main div.list-related-product-01{
width:690px;
overflow:hidden;
}

div#main ul.list-related-product-01-inner{
width:708px;
}

div#main ul.list-related-product-01-inner li{
float:left;
margin-right:18px;
padding-bottom:15px;
width:100px;
font-size:75%;
}

div#main ul.list-related-product-01-inner li p{
margin:4px 0 0 0;
padding-left:14px;
color:#666666;
font-size:91.7%;
line-height:1.2;
}

div#main ul.list-related-product-01-inner li a{
display:block;
position:relative;
padding:90px 0 0 14px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 0 92px;
font-weight:bold;
line-height:1.2;
zoom:1;
}

div#main ul.list-related-product-01-inner li a img{
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
    Ecology
----------------------------------------------------------------- */
div#main div.list-eco-feature-01{
width:690px;
overflow:hidden;
}

div#main ul.list-eco-feature-01-inner{
width:730px;
}

div#main ul.list-eco-feature-01-inner li{
position:relative;
float:left;
margin-right:40px;
padding:0 0 21px 50px;
width:275px;
font-size:75%;
}

div#main ul.list-eco-feature-01-inner li.first{
float:none;
margin-right:0;
width:640px;
}

div#main ul.list-eco-feature-01-inner li img{
position:absolute;
top:4px;
left:0;
}

div#main div.list-eco-consideration-01{
width:673px;
overflow:hidden;
}

div#main ul.list-eco-consideration-01-inner{
margin-bottom:5px;
width:714px;
}

div#main ul.list-eco-consideration-01-inner li{
float:left;
margin-right:41px;
padding-bottom:10px;
line-height:1;
font-size:8px;
}

/* ----------------------------------------------------------------
    handwriting
----------------------------------------------------------------- */

div#main div.tbl-intro-01{
position:relative;
}

div#main div.tbl-intro-01 p.tbl-top{
position:absolute;
right:0;
top:-83px;
}

div#main dl.userPosting dt{
position:relative;
height:32px;
background:url(/handwriting/multi/board/images/bg_userposting.gif) no-repeat 0 0;
}

div#main dl.userPosting dt span.date{
font-size:75%;
padding:5px 5px 0 10px;
}

div#main dl.userPosting dt span.name{
font-size:75%;
padding:5px 0;
}

div#main dl.userPosting dt span.kind{
position:absolute;
top:0;
right:75px;
}

div#main dl.userPosting dt span.color{
position:absolute;
top:0;
right:10px;
}

div#main dl.userPosting dd{
padding:5px 0;
}

div#main div.box-inner{
overflow:hidden;
width:690px;
}

div#main ul.box-look-01{
width:700px;
clear:both;
}

div#main ul.box-look-01 li.elements{
float:left;
padding-right:15px;
width:125px;
}

div#main div.cases p{
float:left;
}

div#main div.cases ul.list-link-01{
float:right;
}

div#main div.box-contents-01 dl.list-def-01 dd dl.dlType02 *{
font-size:1em;
}

div#main dl.dlType02 dt.colorBlack{
background:url(/handwriting/multi/board/images/icon_black.gif) no-repeat 0 0.1em;
}
div#main dl.dlType02 dt.colorBlue{
background:url(/handwriting/multi/board/images/icon_blue.gif) no-repeat 0 0.1em;
}
div#main dl.dlType02 dt.colorGreen{
background:url(/handwriting/multi/board/images/icon_green.gif) no-repeat 0 0.1em;
}
div#main dl.dlType02 dt.colorGrey{
background:url(/handwriting/multi/board/images/icon_grey.gif) no-repeat 0 0.1em;
}
div#main dl.dlType02 dt.colorRed{
background:url(/handwriting/multi/board/images/icon_red.gif) no-repeat 0 0.1em;
}

div#main dl.dlType02{
margin-top:10px;
}

div#main dl.dlType02 dt,
div#main dl.dlType02 dd{
float:left;
padding:0.1em 0 0 2em;
}

div.lyt-column.box-handwriting-01{
background:url(/handwriting/images/index_bg_handwriting_01.gif) no-repeat 0 0;
}
div.lyt-column.box-handwriting-01 div.column2{
background:url(/handwriting/images/index_bg_handwriting_02.gif) no-repeat left bottom;
}

div.lyt-column.box-handwriting-02{
background:url(/handwriting/images/index_bg_handwriting_03.gif) no-repeat 0 0;
}
div.lyt-column.box-handwriting-02 div.column2{
background:url(/handwriting/images/index_bg_handwriting_04.gif) no-repeat left bottom;
}

div.lyt-column.box-handwriting-03{
background:url(/handwriting/multi/images/index_bg_multi_05.gif) no-repeat 0 0;
}
div.lyt-column.box-handwriting-03 div.column2{
background:url(/handwriting/multi/images/index_bg_handwriting_04.gif) no-repeat left bottom;
}

div.lyt-column.box-handwriting-04{
background:url(/handwriting/multi/images/index_bg_multi_01.gif) no-repeat 0 0;
}
div.lyt-column.box-handwriting-04 div.column2{
background:url(/handwriting/multi/images/index_bg_multi_02.gif) no-repeat left bottom;
}

h3.hdg-kakikata-01{
margin-bottom:7px;
}
div.lyt-image-kakikata{
margin-bottom:15px;
}
div.lyt-image-kakikata div.icolumn-01,
div.lyt-image-kakikata div.icolumn-02,
div.lyt-image-kakikata div.icolumn-03,
div.lyt-image-kakikata div.column-01,
div.lyt-image-kakikata div.column-02{
float:left;
}
div.lyt-image-kakikata div.icolumn-01{
margin-right:20px;
}
div.lyt-image-kakikata div.icolumn-02{
width:205px;
margin-right:20px;
}
div.lyt-image-kakikata div.column-01{
width:360px;
}
div.lyt-image-kakikata div.column-02{
width:240px;
margin-top:48px;
}

/* ----------------------------------------------------------------
    Category Top
----------------------------------------------------------------- */
body.category-top div#main ul.list-link-01 li a{
font-weight:normal;
}


/* ----------------------------------------------------------------
    Unique
----------------------------------------------------------------- */
/* ___ /pro/nu-spiral/index.html ___ */
div#main div.lyt-column.nu-spiral div.column2,
div#main div.lyt-column.add div.column2{
width:690px;
}

div#main div.lyt-column.nu-spiral div.column2 div.segment-left,
div#main div.lyt-column.add div.column2 div.segment-left{
float:left;
width:325px;
}

div#main div.lyt-column.nu-spiral div.column2 div.segment-right,
div#main div.lyt-column.add div.column2 div.segment-right{
float:right;
width:334px;
}

/* ___ /pro/listmokuteki.html ___ */
div#main div.nav-btn-purpose-01{
margin-bottom:40px;
width:690px;
overflow:hidden;
}

div#main div.nav-btn-purpose-01 ul{
width:730px;
}

div#main div.nav-btn-purpose-01 ul li{
float:left;
margin-right:40px;
}

div#main div.list-mail-01{
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:10px 0;
margin-bottom:40px;
font-size:75%;
}

div#main div.list-mail-01 form{
display:table;
width:100%;
}

div#main div.list-mail-01 ul{
display:table-cell;
text-align:right;
vertical-align:middle;
width:60%;
}

div#main div.list-mail-01 ul li{
margin-top:10px;
}

div#main div.list-mail-01 ul li.first-child{
margin-top:0;
}

div#main div.list-mail-01 p{
display:table-cell;
vertical-align:middle;
width:40%;
}

div#main div.list-mail-01 p input{
margin-left:20px;
position:relative;
top:50%;
}

* html div#main div.list-mail-01 ul,
* html div#main div.list-mail-01 p{
display:inline;
zoom:1;
}

*:first-child+html div#main div.list-mail-01 ul,
*:first-child+html div#main div.list-mail-01 p{
display:inline;
zoom:1;
}

/* ___ /handwriting/multi/board/post/ ___ */
div#main table.tbl-data-01.post th,
div#main table.tbl-data-01.post td{
padding:10px;
border-width:0 1px 1px 0;
border-color:#dadada;
border-style:solid;
font-weight:normal;
font-size:75%;
text-align:left;
vertical-align:top;
}

* html div#main table.tbl-data-01.post td .img-post-01 img{
vertical-align:middle;
}
*:first-child+html div#main table.tbl-data-01.post td .img-post-01 img{
vertical-align:middle;
}

div#main dl.list-post-01 dt{
float:left;
}
div#main dl.list-post-01 dt span{
float:left;
display:block;
width:78px;
margin-right:5px;
}
div#main dl.list-post-01 dd{
margin-bottom:5px;
margin-left:264px;
}
div#main dl.list-post-01 dt input{
width:170px;
}
div#main dl.list-post-01 dt input{
margin-right:5px;
}

div#main ul.list-post-02{
text-align:center;
margin-bottom:40px;
}
div#main ul.list-post-02 li{
display:inline;
}
div#main ul.list-post-02 li.first-child{
margin-right:20px;
}

/* ___ /handwriting/multi/concierge/ ___ */

body#concierge div#content-body h2.conciergeTtlIdx{
background:url(/handwriting/multi/concierge/images/idx_bg_01.jpg) no-repeat scroll 0 0 transparent;
height:59px;
}
body#concierge div#content-body h2.conciergeTtlIdx.under{
background:none;
}
body#concierge div#content-body div.concierge-mb p.cp-01{
margin-bottom:80px;
}
body#concierge div#content-body h2.conciergeTtl,
body#concierge div#content-body h2.conciergeTtlIdx{
line-height:0;
margin:0 0 0 80px;
padding:0;
text-align:right;
}
body#concierge div#content-body p.nextPageLink{
padding-left:423px;
}
body#concierge div#content-body h2.conciergeTtlIdx img{
position:relative;
top:24px;
right:80px;
}
body#concierge div#content-body img{
border:medium none;	
}	
body#concierge div#content-body div.noteBookArea{
position:relative;
background:url(/handwriting/multi/concierge/images/cmn_bg_01.jpg) no-repeat scroll 487px top transparent;
height:516px;
margin-left:80px;
}
body#concierge div#content-body div.noteBookArea ul.roll{
padding-top:20px;
}
body#concierge div#content-body div.noteBookArea div.colorBox{
position:absolute;
left:-10px;
top:-116px;
font-size:75%;
background:url(/handwriting/multi/concierge/images/index_bg_concierge_02.gif) no-repeat left bottom;
}
body#concierge div#content-body div.noteBookArea div.colorBox-inner{
background:url(/handwriting/multi/concierge/images/index_bg_concierge_01.gif) no-repeat 0 0;
padding:7px 7px 20px 7px;
width:233px;
}
body#concierge div#content-body div.noteBookArea p{
float:left;
line-height:0;
margin:0;
padding:0;
}
body#concierge div#content-body div.noteBookArea ul li{
padding:0;
}
body#concierge div#content-body div.colorBox ul li{
line-height:1.5em;
}
body#concierge div#content-body div.colorBox ul li a{
display:block;
padding-left:5px;
}
body#concierge div#content-body div.colorBox ul li.black a{
color:000;
background:url(/handwriting/multi/concierge/images/icon_black_01.gif) no-repeat 6px 0.1em;
}
body#concierge div#content-body div.colorBox ul li.green a{
color:#1d8446;
background:url(/handwriting/multi/concierge/images/icon_green_01.gif) no-repeat 6px 0.1em;
}
body#concierge div#content-body div.colorBox ul li.red a{
color:#de1c1c;
background:url(/handwriting/multi/concierge/images/icon_red_01.gif) no-repeat 6px 0.1em;
}
body#concierge div#content-body div.colorBox ul li.blue a{
color:#212081;
background:url(/handwriting/multi/concierge/images/icon_blue_01.gif) no-repeat 6px 0.1em;
}
body#concierge div#content-body div.colorBox ul li.gray a{
color:#7f7f7f;
background:url(/handwriting/multi/concierge/images/icon_gray_01.gif) no-repeat 6px 0.1em;
}
body#concierge div#content-body div.colorBox div.image{
height:76px;
margin:auto 0;
}

div#main table.coloring tbody tr th{
text-align:center !important;
background:#f6f6f6 !important;
}
div#main table.coloring tbody tr td#black{
color:#000;
}
div#main table.coloring tbody tr td#green{
color:#1d8446;
}
div#main table.coloring tbody tr td#red{
color:#de1c1c;
}
div#main table.coloring tbody tr td#blue{
color:#212081;
}
div#main table.coloring tbody tr td#gray{
color:#7f7f7f;
}
div#main table.coloring tbody tr td#black,
div#main table.coloring tbody tr td#green,
div#main table.coloring tbody tr td#red,
div#main table.coloring tbody tr td#blue,
div#main table.coloring tbody tr td#gray{
font-weight:bold !important;
}
div#main table.coloring tbody tr td.black{
color:#000;
}
div#main table.coloring tbody tr td.green{
color:#1d8446;
}
div#main table.coloring tbody tr td.red{
color:#de1c1c;
}
div#main table.coloring tbody tr td.blue{
color:#212081;
}
div#main table.coloring tbody tr td.gray{
color:#7f7f7f;
}
div#main table.coloring tbody tr td.black,
div#main table.coloring tbody tr td.green,
div#main table.coloring tbody tr td.red,
div#main table.coloring tbody tr td.blue,
div#main table.coloring tbody tr td.gray{
font-weight:bold !important;
}

div#main table.coloring tbody td.explanation{
background:#e9f2f9;
vertical-align:middle !important;
}

div#main table.tbl-data-01.cla{
width:600px;
margin-bottom:30px;
}

/* ___ /news/index02.html ___ */
div#main table.tbl-news-01{
float:right;
font-size:75%;
margin-bottom:15px;
}
div#main table.tbl-news-01 td{
padding:0;
}

/* ___ /handwriting/kakikata/atena/ ___ */
div#main div.box-atena-01{
margin:0 auto 40px;
padding:20px 20px 0 20px;
border:1px solid #cccccc;
overflow:hidden;
width:572px;
}
div#main div.box-atena-01 p,
div#main div.box-atena-01 div.lyt-image.image-parallel div.image p.image{
margin-bottom:20px;
}
div#main div.box-atena-02{
margin:20px 0 40px;
padding:15px 15px 0 15px;
background-color:#f5f5f5;
}
div#main div.box-atena-02 ul.list-bullet-01 li span.pause{
display:block;
margin-top:15px;
}

div#main dl.list-atena-def-01 dt{
font-size:87.5%;
font-weight:bold;
}

div#main dl.list-qa-01{
font-size:75%;
}
div#main dl.list-qa-01 dt{
font-weight:bold;
margin-bottom:10px;
}
div#main dl.list-qa-01 dd{
margin-bottom:20px;
}
div#main dl.list-qa-01 dd ul{
margin-top:0.5em;
font-size:medium;
}

div#main dl.list-qa-01 dt.q-01{
background:url(/handwriting/kakikata/atena/images/icon_qs_01.gif) no-repeat 0 0;
padding-left:27px;
min-height:22px;
}
div#main dl.list-qa-01 dt.q-02{
background:url(/handwriting/kakikata/atena/images/icon_qs_02.gif) no-repeat 0 0;
padding-left:27px;
min-height:22px;
}
div#main dl.list-qa-01 dt.q-03{
background:url(/handwriting/kakikata/atena/images/icon_qs_03.gif) no-repeat 0 0;
padding-left:27px;
min-height:22px;
}
div#main dl.list-qa-01 dt.q-04{
background:url(/handwriting/kakikata/atena/images/icon_qs_04.gif) no-repeat 0 0;
padding-left:27px;
min-height:22px;
}

div#main dl.list-qa-01 dd strong.a-01{
display:block;
background:url(/handwriting/kakikata/atena/images/icon_ans_01.gif) no-repeat 0 0;
padding-left:27px;
margin-bottom:10px;
min-height:22px;
}
div#main dl.list-qa-01 dd strong.a-02{
display:block;
background:url(/handwriting/kakikata/atena/images/icon_ans_02.gif) no-repeat 0 0;
padding-left:27px;
margin-bottom:10px;
min-height:22px;
}
div#main dl.list-qa-01 dd strong.a-03{
display:block;
background:url(/handwriting/kakikata/atena/images/icon_ans_03.gif) no-repeat 0 0;
padding-left:27px;
margin-bottom:10px;
min-height:22px;
}
div#main dl.list-qa-01 dd strong.a-04{
display:block;
background:url(/handwriting/kakikata/atena/images/icon_ans_04.gif) no-repeat 0 0;
padding-left:27px;
margin-bottom:10px;
min-height:22px;
}

* html div#main dl.list-qa-01 dt.q-01,
* html div#main dl.list-qa-01 dt.q-02,
* html div#main dl.list-qa-01 dt.q-03,
* html div#main dl.list-qa-01 dt.q-04,
* html div#main dl.list-qa-01 dd strong.a-01,
* html div#main dl.list-qa-01 dd strong.a-02,
* html div#main dl.list-qa-01 dd strong.a-03,
* html div#main dl.list-qa-01 dd strong.a-04{
height:22px;
}

div#main div.box-atena-01 div.lyt-column{
margin-top:-10px;
width:594px;
}

div#main div.box-atena-01 div.lyt-column div.segment{
float:left;
width:297px;
}

div#main div.box-atena-01 div.lyt-column div.segment p img{
vertical-align:top;
}
div#main div.box-atena-01 div.lyt-column div.segment p span img{
margin-left:20px;
}


/* ___ /handwriting/kakikata/sanpo/ ___ */

div#main dl.list-sanpo-01 dt{
margin-bottom:6px;
}
div#main dl.list-sanpo-01 dd{
padding-bottom:35px;
background:url(/handwriting/kakikata/sanpo/images/index_img_sanpo_11.gif) no-repeat center bottom;
}
div#main dl.list-sanpo-01 dd.last{
padding-bottom:40px;
background:none;
}
div#main dl.list-sanpo-01 dd div.box-contents-01{
padding:20px 20px 10px;
margin-bottom:0;
}

/* ___ /handwriting/kakikata/color/index.html ___ */
div#main div.nav-color-01{
margin-bottom:20px;
padding:10px 10px 7px;
background:#f6f3ee;
}
div#main div.nav-color-01 ul li{
float:left;
margin:0 10px 5px 0;
padding-left:20px;
font-size:75%;
white-space:nowrap;
}
div#main div.nav-color-01 ul li.use-color-1{
background: url(/handwriting/kakikata/color/images/index_img_color_02.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-2{
background: url(/handwriting/kakikata/color/images/index_img_color_03.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-3{
background: url(/handwriting/kakikata/color/images/index_img_color_04.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-4{
background: url(/handwriting/kakikata/color/images/index_img_color_05.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-5{
background: url(/handwriting/kakikata/color/images/index_img_color_06.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-6{
background: url(/handwriting/kakikata/color/images/index_img_color_07.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-7{
background: url(/handwriting/kakikata/color/images/index_img_color_08.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-8{
background: url(/handwriting/kakikata/color/images/index_img_color_09.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-9{
background: url(/handwriting/kakikata/color/images/index_img_color_10.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-10{
background: url(/handwriting/kakikata/color/images/index_img_color_11.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-11{
background: url(/handwriting/kakikata/color/images/index_img_color_12.gif) no-repeat 0 50%;
}
div#main div.nav-color-01 ul li.use-color-12{
background: url(/handwriting/kakikata/color/images/index_img_color_13.gif) no-repeat 0 50%;
}

/* color slide */
div#main div.box-color-01{
width:688px;
height:260px;
margin-bottom:40px;
border:1px solid #d2d2d2;
overflow:hidden;
position:relative;
}

div#main ul.list-colorBtn-01 li{
cursor:pointer;
}
div#main ul.list-colorBtn-01 li.prev{
position:absolute;
top:50%;
left:10px;
margin-top:-40px;
}
div#main ul.list-colorBtn-01 li.next{
position:absolute;
top:50%;
right:10px;
margin-top:-40px;
}

div#main ul.list-colorImg-01{
position:relative;
width:608px;
height:260px;
overflow:hidden;
margin:0 auto;
}
div#main ul.list-colorImg-01 li{
position:absolute;
left:608px;
}


/* ___ /handwriting/kakikata/shindan/ ___ */
div#main div.box-shindan-01{
background:url(/handwriting/shindan/images/index_bg_01.gif) no-repeat 0 100%;
padding:13px 0 14px 0;
margin-bottom:20px;
}

div#main ul.list-shindan-01{
margin-left:97px;
}
div#main ul.list-shindan-01 li{
float:left;
}

div#main div.box-shindan-02{
background:url(/handwriting/shindan/images/index_bg_02.gif) repeat-y 0 0;
width:530px;
margin:0 auto 40px;
}

div#main div.box-shindan-02 div.box-shindan-02-inner{
padding:20px;
}

div#main div.box-shindan-02 div.box-shindan-02-bottom{
background:url(/handwriting/shindan/images/index_bg_04.jpg) no-repeat 0 100%;
padding:0 20px 0 20px;
}
div#main div.box-shindan-02 div.box-shindan-02-bottom dl.list-shindan-02{
font-size:75%;
}
div#main div.box-shindan-02 div.box-shindan-02-bottom dl.list-shindan-02 dt{
background:url(/handwriting/shindan/images/index_bg_03.gif) repeat-x 0 100%;
padding-bottom:15px;
font-weight:bold;
}
div#main div.box-shindan-02 div.box-shindan-02-bottom dl.list-shindan-02 dt span{
color:#308EE7;
}
div#main div.box-shindan-02 div.box-shindan-02-bottom dl.list-shindan-02 dd{
margin-bottom:15px;
}
div#main div.box-shindan-02 div.box-shindan-02-bottom dl.list-shindan-02 dd p.link{
font-size:100%;
background:url(/handwriting/shindan/images/index_icon_01.gif) no-repeat 0 0.4em;
padding:2px 0 2px 18px;
margin-bottom:0;
}
div#main div.box-shindan-02 div.box-shindan-02-bottom dl.list-shindan-02 dd p.link a{
text-decoration:underline;
}


/* ___ /handwriting/kakikata/shindan/seikaku/ ___ */
div#main div.box-seikaku-01{
background:url(/handwriting/shindan/seikaku/images/index_bg_02.gif) repeat-y 0 0;
margin-bottom:40px;
}
div#main div.box-seikaku-01 div.box-seikaku-01-bottom{
background:url(/handwriting/shindan/seikaku/images/index_bg_01.gif) no-repeat 0 100%;
padding-bottom:35px;
}

div#main div.box-seikaku-01 ul.list-seikaku-01{
border-top:1px solid #d9d5cc;
margin:15px auto 35px;
width:456px;
}
div#main div.box-seikaku-01 ul.list-seikaku-01 li{
border-bottom:1px solid #d9d5cc;
padding:3px 0;
vertical-align:bottom;
}
div#main div.box-seikaku-01 ul.list-seikaku-01 dl{
width:476px;
margin-right:-20px;
}
div#main div.box-seikaku-01 ul.list-seikaku-01 dl dt,
div#main div.box-seikaku-01 ul.list-seikaku-01 dl dd{
float:left;
}
div#main div.box-seikaku-01 ul.list-seikaku-01 dl dt{
margin-right:22px;
}
div#main div.box-seikaku-01 ul.list-seikaku-01 dl dd{
margin-right:9px;
}
div#main div.box-seikaku-01 ul.list-seikaku-01 li.col-3 dl dd{
margin-right:10px;
}

div#main div.box-seikaku-01 ul.list-seikaku-01 dl dd span{
display:block;
text-align:center;
margin-top:15px;
}

div#main div.box-seikaku-02{
background:url(/handwriting/shindan/seikaku/images/index_bg_03.gif) repeat-y 0 0;
margin-bottom:40px;
}
div#main div.box-seikaku-02 div.box-seikaku-02-bottom{
background:url(/handwriting/shindan/seikaku/images/index_bg_04.gif) no-repeat 0 100%;
padding-bottom:20px;
}
div#main div.box-seikaku-02 ul.list-seikaku-02{
margin:0 auto 10px;
width:486px;
}
div#main div.box-seikaku-02 ul.list-seikaku-02 li{
border-top:1px solid #D1E9F4;
margin:5px 0 0;
padding:5px 0 0;
}
div#main div.box-seikaku-02 ul.list-seikaku-02 li.first-child{
border-top:none;
margin:0;
padding:0;
}
div#main div.box-seikaku-02 ul.list-seikaku-02 li dl dt{
float:left;
width:114px;
}
div#main div.box-seikaku-02 ul.list-seikaku-02 li dl dd{
float:left;
width:362px;
font-size:75%;
padding:0 0 0 10px;
}
div#main div.box-seikaku-02 ul.list-seikaku-02 li dl dd strong{
display:block;
}

div#main div.box-seikaku-02 ul.list-seikaku-03{
width:457px;
margin:0 auto;
}
div#main div.box-seikaku-02 ul.list-seikaku-03{
margin-bottom:25px;
}
div#main div.box-seikaku-02 ul.list-seikaku-03 li{
float:left;
margin:0 5px;
}

div#main div.box-seikaku-03{
text-align:right;
width:486px;
margin:0 auto;
}

div#main div.box-seikaku-03 p.link{
display:inline;
background:url(/handwriting/shindan/images/index_icon_02.gif) no-repeat 0 50%;
padding:2px 0 2px 18px;
margin-bottom:0;
}
div#main div.box-seikaku-03 p.link a{
text-decoration:underline;
}


/* ___ /handwriting/kakikata/shindan/aisyou/ ___ */
div#main div.box-aisyou-01{
background:url(/handwriting/shindan/aisyou/images/index_bg_02.gif) repeat-y 0 0;
margin-bottom:40px;
}
div#main div.box-aisyou-01-bottom{
background:url(/handwriting/shindan/aisyou/images/index_bg_01.gif) no-repeat 0 100%;
padding-bottom:35px;
}

div#main div.box-aisyou-01 ul.list-aisyou-01{
border-top:1px solid #d9d5cc;
margin:15px auto 35px;
width:456px;
}
div#main div.box-aisyou-01 ul.list-aisyou-01 li{
border-bottom:1px solid #d9d5cc;
padding:3px 0;
vertical-align:bottom;
}

div#main div.box-aisyou-01 dl.list-aisyou-02 dt,
div#main div.box-aisyou-01 dl.list-aisyou-02 dd{
float:left;
}

div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl{
width:403px;
margin-left:22px;
margin-right:-10px;
}
div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dt,
div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dd{
float:none;
display:table-cell;
vertical-align:middle;
}
* html div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dt,
* html div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dd{
display:inline;
}
*:first-child+html div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dt,
*:first-child+html div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dd{
display:inline;
}

div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dd{
padding-right:10px;
}

div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl dd span{
display:block;
text-align:center;
margin-top:10px;
}
div#main div.box-aisyou-01 dl.list-aisyou-02 dd dl.first-child{
background:url(/handwriting/shindan/aisyou/images/check_bg_01.gif) repeat-x 0 100%;
padding-bottom:5px;
margin-bottom:10px;
}


div#main div.box-aisyou-02{
background:url(/handwriting/shindan/aisyou/images/index_bg_03.gif) repeat-y 0 0;
margin-bottom:40px;
}
div#main div.box-aisyou-02 div.box-aisyou-02-bottom{
background:url(/handwriting/shindan/aisyou/images/index_bg_04.gif) no-repeat 0 100%;
padding-bottom:20px;
}

div#main div.box-aisyou-02 ul.list-aisyou-03{
width:486px;
margin:0 auto;
}
div#main div.box-aisyou-02 ul.list-aisyou-03 li{
margin-bottom:10px;
}
div#main div.box-aisyou-02 ul.list-aisyou-03 li.first-child{
border-bottom:1px solid #ffffff;
margin-bottom:5px;
padding-bottom:5px;
}

div#main div.box-aisyou-02 dl.list-aisyou-04 dt,
div#main div.box-aisyou-02 dl.list-aisyou-04 dd{
float:left;
}
div#main div.box-aisyou-02 dl.list-aisyou-04 dt{
width:24px;
background:#fb92b2 url(/handwriting/shindan/aisyou/images/result_bg_01.gif) no-repeat 0 100%;
}
div#main div.box-aisyou-02 dl.list-aisyou-04 dd{
width:462px;
}
div#main div.box-aisyou-02 dl.list-aisyou-04 dd dl.first-child{
margin-bottom:10px;
}

div#main div.box-aisyou-02 dl.list-aisyou-04 dd dl dt{
width:90px;
}
div#main div.box-aisyou-02 dl.list-aisyou-04 dd dl dd{
width:362px;
margin-left:10px;
font-size:75%;
line-height:1.3;
}
div#main div.box-aisyou-02 dl.list-aisyou-04 dd dl dd strong{
display:block;
}
div#main div.box-aisyou-03{
text-align:right;
width:486px;
margin:0 auto;
}

div#main div.box-aisyou-02 ul.list-aisyou-05{
margin-bottom:25px;
}
div#main div.box-aisyou-02 ul.list-aisyou-05 li{
float:left;
margin:0 5px;
}

div#main div.box-aisyou-02 ul.list-aisyou-05{
width:457px;
margin:0 auto 25px;
}
div#main div.box-aisyou-03 p.link{
display:inline;
background:url(/handwriting/shindan/images/index_icon_03.gif) no-repeat 0 50%;
padding:2px 0 2px 18px;
margin-bottom:0;
}
div#main div.box-aisyou-03 p.link a{
text-decoration:underline;
}


/* ___ /eco/environment/ ___ */
div#main div.lyt-admin-01{
margin:0 auto;
width:585px;
}

div#main div.box-admin-01{
margin-bottom:15px;
padding:8px 0 9px 0;
background:#ffffe2;
}

div#main div.box-admin-01 p{
margin-bottom:0;
text-align:center;
}

div#main div.box-admin-01 p.no-inquiry{
color:#ff0000;
}

/* ___ /pro/special/ , /press/special/ ___ */

div#main ul.nav-special-01{
margin-right:-30px;
_margin-right:-60px;
padding-top:10px;
}

div#main ul.nav-special-01 li{
margin:0 30px 30px 0;
float:left;
}

div#main div.lyt-padding-01{
padding-bottom:40px;
}

div#main div.lyt-padding-02{
padding:0 10px 20px;
}

div#main div.lyt-padding-03{
padding-top:40px;
}

div#main div.lyt-3column-01{
margin-bottom:20px;
}

div#main div.lyt-3column-01 .column-l{
float:left;
width:288px;
margin-right:15px;
}

div#main div.lyt-3column-01 .column-c{
float:left;
width:245px;
}

div#main div.lyt-3column-01 .column-r{
float:right;
width:131px;
}

div#main div.lyt-3column-02 .column-l{
float:left;
width:295px;
margin-right:15px;
}

div#main div.lyt-3column-02 .column-c{
float:left;
width:226px;
}

div#main div.lyt-3column-02 .column-r{
float:right;
width:142px;
}

div#main div.box-tomomote-01{
margin-bottom:45px;
padding-top:5px;
background:url(/common-product/special/tomomote/images/index_bg_tomomote_01.gif) repeat 0 40px;
position:relative;
}

div#main div.box-tomomote-01 .img-01{
margin-bottom:59px;
}

div#main div.box-tomomote-01 .text-01,
div#main div.box-tomomote-01 .text-02{
width:252px;
position:absolute;
}
div#main div.box-tomomote-01 .text-01{top:20px; left:410px;}
div#main div.box-tomomote-01 .text-02{top:400px; left:20px;}

div#main div.box-tomomote-01 .link-01,
div#main div.box-tomomote-01 .link-02{
width:219px;
position:absolute;
background:url(/common-product/special/tomomote/images/index_bg_link-01_02.gif) no-repeat 0 100%;
}
div#main div.box-tomomote-01 .link-01{top:286px; left:450px;}
div#main div.box-tomomote-01 .link-02{top:525px; left:17px;}

div#main div.box-tomomote-01 .link-01-inner,
div#main div.box-tomomote-01 .link-02-inner{
padding:16px 20px 1px;
background:url(/common-product/special/tomomote/images/index_bg_link-01_01.gif) no-repeat 0 0;
}

div#main div.box-tomomote-02{
margin-bottom:37px;
padding-top:11px;
background:url(/common-product/special/tomomote/images/index_bg_tomomote_02.gif) repeat 0 40px;
position:relative;
min-height:400px;
_height:400px;
}

div#main div.box-tomomote-02 .img-01{
margin-bottom:120px;
}

div#main div.box-tomomote-02 .text-01,
div#main div.box-tomomote-02 .text-02{
width:250px;
position:absolute;
}

div#main div.box-tomomote-02 .text-01{top:265px; left:17px;}
div#main div.box-tomomote-02 .text-02{top:480px; right:40px;}

div#main div.box-tomomote-02 .link-01,
div#main div.box-tomomote-02 .link-02{
width:219px;
position:absolute;
background:url(/common-product/special/tomomote/images/index_bg_link-01_04.gif) no-repeat 0 100%;
}

div#main div.box-tomomote-02 .link-01{top:249px; left:424px;}
div#main div.box-tomomote-02 .link-02{top:630px; right:70px;}

div#main div.box-tomomote-02 .link-01-inner,
div#main div.box-tomomote-02 .link-02-inner{
padding:16px 20px 1px;
background:url(/common-product/special/tomomote/images/index_bg_link-01_03.gif) no-repeat 0 0;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
div#main div.box-tomomote-01{
padding-top:50px;
}

div#main div.box-tomomote-01 .img-01{
margin-bottom:149px;
}

div#main div.box-tomomote-01 .link-01{top:336px;}
div#main div.box-tomomote-01 .link-02{top:632px;}
div#main div.box-tomomote-01 .text-02{top:445px;}

div#main div.box-tomomote-02{
min-height:445px;
}
}

div#main .btn-back-01{
margin-bottom:50px;
padding-top:20px;
text-align:center;
font-size:81.25%;
}

div#main .btn-back-01 a{
border:#ddd 1px solid;
padding:12px 60px 12px 76px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 60px;
zoom:1;
}
div#main .btn-back-02{
margin-bottom:50px;
padding-top:20px;
display:inline-block;
font-size:81.25%;
margin-right:26px;
}

div#main .btn-back-02 a{
border:#ddd 1px solid;
padding:12px 60px 12px 76px;
background:url(/shared/images/common/bullet_arrow_01.gif) no-repeat 60px;
zoom:1;
}

/* ----------------------------------------------------------------
    network Map
----------------------------------------------------------------- */

div.networks-main-visual{
position:relative;
width:668px;
margin:0 auto;
}
div.networks-main-visual p.networks-line-area{
background:url(/main/network/images/network_img_map_00.gif) no-repeat 0 0;
}
div.networks-main-visual p.networks-line-area.map01{
background:url(/main/network/images/network_img_map_01.gif) no-repeat 0 0 !important;
}
div.networks-main-visual p.networks-line-area.map02{
background:url(/main/network/images/network_img_map_02.gif) no-repeat 0 0 !important;
}
div.networks-main-visual p.networks-line-area.map03{
background:url(/main/network/images/network_img_map_03.gif) no-repeat 0 0 !important;
}
div.networks-main-visual p.networks-line-area.map04{
background:url(/main/network/images/network_img_map_04.gif) no-repeat 0 0 !important;
}
div.networks-main-visual p.networks-line-area.map05{
background:url(/main/network/images/network_img_map_05.gif) no-repeat 0 0 !important;
}
div.networks-main-visual p.networks-line-area.map06{
background:url(/main/network/images/network_img_map_06.gif) no-repeat 0 0 !important;
}
div.networks-main-visual p.networks-line-area.map07{
background:url(/main/network/images/network_img_map_07.gif) no-repeat 0 0 !important;
}
div.networks-main-visual p.networks-line-area.map08{
background:url(/main/network/images/network_img_map_08.gif) no-repeat 0 0 !important;
}

div.networks-main-visual ul.networks-country-list li{
position:absolute;
z-index:100;
width:10px;
height:10px;
overflow:hidden;
}
div.networks-main-visual ul.networks-country-list li.dot01{
position:absolute;
overflow: visible !important;
z-index:100;
width:14px;
height:14px;
}
div.networks-main-visual ul.networks-country-list li.dot02{
position:absolute;
z-index:100;
width:14px;
height:14px;
overflow:hidden;
}

div.networks-main-visual ul.networks-country-list li.dot03{
position:absolute;
z-index:100;
padding:1px 0 0;
width:12px;
height:12px;
overflow:hidden;
}

div.networks-main-visual ul.networks-country-list li.active{
overflow: visible !important;
z-index:1000 !important;
}
div.networks-main-visual ul.networks-country-list li a{
position:relative;
display:block;
top:10px;
}

* html div.networks-main-visual ul.networks-country-list li a{
top:0;
}

div.networks-main-visual ul.networks-country-list li.dot01 a,
div.networks-main-visual ul.networks-country-list li.dot02 a{
position:relative;
display:block;
top:14px;
}

* html div.networks-main-visual ul.networks-country-list li.dot01 a,
* html div.networks-main-visual ul.networks-country-list li.dot02 a{
top:0;
}

div.networks-main-visual ul.networks-country-list li a img{
position:absolute;
bottom:0;
left:0;
}
div.networks-main-visual ul.networks-country-list li a img.dotRight{
right:0 !important;
left:auto !important;
}


/* country 
----------------------------*/

/* Asia */
div.networks-main-visual ul.networks-country-list li.china{
top:127px;
left:255px;
}
div.networks-main-visual ul.networks-country-list li.indonesia01{
top:188px;
left:231px;
}
div.networks-main-visual ul.networks-country-list li.indonesia02{
top:198px;
left:243px;
}
div.networks-main-visual ul.networks-country-list li.hongkong{
top:139px;
left:252px;
}
div.networks-main-visual ul.networks-country-list li.india{
top:142px;
left:175px;
}
div.networks-main-visual ul.networks-country-list li.malaysia{
top:173px;
left:227px;
}
div.networks-main-visual ul.networks-country-list li.philippines{
top:153px;
left:267px;
}
div.networks-main-visual ul.networks-country-list li.singapore{
top:179px;
left:234px;
}
div.networks-main-visual ul.networks-country-list li.southkorea{
top:111px;
left:279px;
}
div.networks-main-visual ul.networks-country-list li.taiwan{
top:137px;
left:272px;
}
div.networks-main-visual ul.networks-country-list li.thailand{
top:157px;
left:232px;
}

div.networks-main-visual ul.networks-country-list li.vietnam{
top:162px;
left:242px;
}

div.networks-main-visual ul.networks-country-list li.myanmar{
top:142px;
left:220px;
}

div.networks-main-visual ul.networks-country-list li.mongolia{
top:113px;
left:195px;
}

/* North America */
div.networks-main-visual ul.networks-country-list li.canada{
top:76px;
left:598px;
}
div.networks-main-visual ul.networks-country-list li.usa{
top:97px;
left:584px;
}

/* Latin America */
div.networks-main-visual ul.networks-country-list li.mexico01{
top:140px;
left:538px;
}
div.networks-main-visual ul.networks-country-list li.mexico02{
top:126px;
left:537px;
}
div.networks-main-visual ul.networks-country-list li.shanghai{
left: 258px;
top: 116px;
}
div.networks-main-visual ul.networks-country-list li.argentina{
top:252px;
left:616px;
}
div.networks-main-visual ul.networks-country-list li.brazil{
top:229px;
left:643px;
}
div.networks-main-visual ul.networks-country-list li.chile{
top:251px;
left:592px;
}
div.networks-main-visual ul.networks-country-list li.colombia{
top:178px;
left:585px;
}
div.networks-main-visual ul.networks-country-list li.ecuador{
top:190px;
left:582px;
}
div.networks-main-visual ul.networks-country-list li.uruguay{
top:244px;
left:625px;
}
div.networks-main-visual ul.networks-country-list li.venezuela{
top:167px;
left:588px;
}

/* Europe */
div.networks-main-visual ul.networks-country-list li.uk{
top:69px;
left:27px;
}
div.networks-main-visual ul.networks-country-list li.germany{
top:81px;
left:47px;
}
div.networks-main-visual ul.networks-country-list li.belgium{
top:82px;
left:41px;
}
div.networks-main-visual ul.networks-country-list li.czech{
top:83px;
left:57px;
}
div.networks-main-visual ul.networks-country-list li.estonia{
top:59px;
left:81px;
}
div.networks-main-visual ul.networks-country-list li.finland{
top:50px;
left:79px;
}
div.networks-main-visual ul.networks-country-list li.france{
top:92px;
left:36px;
}
div.networks-main-visual ul.networks-country-list li.georgia{
top:93px;
left:109px;
}
div.networks-main-visual ul.networks-country-list li.greece{
top:101px;
left:78px;
}
div.networks-main-visual ul.networks-country-list li.hungary{
top:90px;
left:70px;
}
div.networks-main-visual ul.networks-country-list li.italy{
top:104px;
left:61px;
}
div.networks-main-visual ul.networks-country-list li.kazakhstan{
top:82px;
left:171px;
}
div.networks-main-visual ul.networks-country-list li.latvia{
top:64px;
left:75px;
}
div.networks-main-visual ul.networks-country-list li.lithuania{
top:71px;
left:69px;
}
div.networks-main-visual ul.networks-country-list li.netherlands{
top:73px;
left:47px;
}
div.networks-main-visual ul.networks-country-list li.portugal{
top:103px;
left:15px;
}
div.networks-main-visual ul.networks-country-list li.poland{
top:72px;
left:59px;
}
div.networks-main-visual ul.networks-country-list li.romania{
top:89px;
left:91px;
}
div.networks-main-visual ul.networks-country-list li.russia{
top:58px;
left:126px;
}
div.networks-main-visual ul.networks-country-list li.ukraine{
top:70px;
left:115px;
}

/* Osceania */
div.networks-main-visual ul.networks-country-list li.australia{
top:250px;
left:323px;
}
div.networks-main-visual ul.networks-country-list li.newzealand{
top:257px;
left:370px;
}

/* Middle East */
div.networks-main-visual ul.networks-country-list li.iran{
top:104px;
left:115px;
}
div.networks-main-visual ul.networks-country-list li.israel{
top:124px;
left:101px;
}
div.networks-main-visual ul.networks-country-list li.kuwait{
top:129px;
left:123px;
}
div.networks-main-visual ul.networks-country-list li.lebanon{
top:114px;
left:101px;
}
div.networks-main-visual ul.networks-country-list li.saudiarabia{
top:140px;
left:111px;
}
div.networks-main-visual ul.networks-country-list li.syria{
top:114px;
left:112px;
}
div.networks-main-visual ul.networks-country-list li.turkey{
top:106px;
left:88px;
}
div.networks-main-visual ul.networks-country-list li.uae{
top:138px;
left:133px;
}

/* Africa */
div.networks-main-visual ul.networks-country-list li.egypt{
top:130px;
left:87px;
}


/* networks-label-list
----------------------------*/

div.networks-main-visual ul.networks-label-list li{
position:absolute;
z-index:500;
}

/* country 
----------------------------*/

div.networks-main-visual ul.networks-label-list li.japan{
top:69px;
left:324px;
}
div.networks-main-visual ul.networks-label-list li.china{
top:258px;
left:10px;
}
div.networks-main-visual ul.networks-label-list li.canada{
top:16px;
left:388px;
}
div.networks-main-visual ul.networks-label-list li.usa{
top:121px;
left:336px;
}
div.networks-main-visual ul.networks-label-list li.singapore{
top:265px;
left:353px;
}
div.networks-main-visual ul.networks-label-list li.mexico01{
top:170px;
left:336px;
}
div.networks-main-visual ul.networks-label-list li.uk{
top:8px;
left:98px;
}
div.networks-main-visual ul.networks-label-list li.germany{
top:150px;
left:-3px;
}
div.networks-main-visual ul.networks-label-list li.colombia{
left: 390px;
top: 217px;
}
div.networks-main-visual ul.networks-label-list li.shanghai{
left: 10px;
top: 209px;
}

div.networks-main-visual ul.networks-label-list li.hongkong{
left:180px;
top:65px;
}

/* h1 banner 
----------------------------*/
.bnr-l1-01{
position:relative;
}

.bnr-l1-01 span{
display:block;
position:absolute;
top:0;
right:0;
}

.bnr-l1-01 span a{
display:block;
float:left;
margin-left:10px;
}


/* sitemap
----------------------------*/
body#sitemap h2.hdg-l2-01{
border-bottom: 1px solid #ccc;
padding-bottom:10px;
}

body#sitemap h2.hdg-l2-02{
padding-bottom:5px;
font-size:87.5%;
}

body#sitemap .list-link-01{
padding-left:10px;
}


/* social
----------------------------*/
div.social-area{
position:relative;
min-height:30px !important;
}

* html div.social-area{
height:30px !important;
}

div.social-area h1{
width:370px;
}

div.social-area .icon{
margin-left:15px;
top:-15px;
position:absolute;
}

div.social-area ul.list-social-01{
_padding-left:370px;
position:absolute;
right:10px;
top:5px;
}

div.social-area ul.list-social-01.right0{
right:0 !important;
}



ul.list-social-01 li{
float:left;
margin-left:10px;
}


/* pensaki btn
----------------------------*/
div#main .pgh-pensaki-01{
margin-bottom:30px;
}

div#main .pgh-pensaki-01 span.target-pensaki-img{
display:block;
}

/* cop social activities
----------------------------*/

ul.nav-page-sa_area{
font-size:0.8em;
width:15em;
margin:0 auto;
}

ul.nav-page-sa_area li{
padding-left: 14px;
background: url(/shared/images/common/bullet_arrow_03.gif) no-repeat 0 0.4em;
}