@charset "UTF-8";

/*
===================================================
 body.extention-1column Layout
===================================================
*/
body.ext-1column #primary{
float:none;
width:auto;
}



/*
===================================================
 body.home Layout
===================================================
*/
body.home #content h1{
margin-top:5px;
margin-right:-5px;
margin-bottom:5px;
margin-left:-5px;
padding:10px;
width:888px;
height:270px;
background:url(img/extention/home/main-visual.png) 0 0 no-repeat;
}


body.home #primary h2{
margin:0;
padding:0;
border:0 none;
background-image:none;
}

body.home #primary h3{
margin:0;
padding:0;
border:0 none;
background:transparent none;
}


/* product-area
------------------------------------------------ */
body.home #primary div.product-area{
margin-bottom:10px;
padding-bottom:20px;
background:url(img/extention/home/product-area.png) left bottom no-repeat;
position:relative;
}

body.home #primary div.product-area div.solution-area{
padding:6px;
float:left;
width:214px;
background:url(img/extention/home/product-area.png) left top no-repeat;
}

body.home #primary div.product-area div.solution-area div.enterprise-area{
padding:0 5px;
}

body.home #primary div.product-area div.software-area{
padding:6px;
float:right;
width:433px;
background:url(img/extention/home/product-area.png) right top no-repeat;
}

body.home #primary div.product-area div.software-area div.enterprise-area{
margin-right:4px;
padding:0 5px;
float:left;
width:204px;
}

body.home #primary div.product-area div.software-area div.personal-area{
padding:0 5px;
float:left;
width:204px;
}


/* ul.more */
body.home #primary div.product-area ul.more{
margin:0;
padding:6px 0 10px 6px;
position:absolute;
left:0;
bottom:0;
width:674px;
background:url(img/extention/home/product-area-more.png) left bottom no-repeat;
}

body.home #primary div.product-area ul.more li{
margin:0;
padding:0 3px 0 0;
float:left;
width:210px;
background-image:none;
text-align:right;
}

body.home #primary div.product-area ul.more li.solution{margin-right:23px;}
body.home #primary div.product-area ul.more li.enterprise{margin-right:6px;}
body.home #primary div.product-area ul.more li.personal{}


/* basic module */
body.home #primary div.product-area h2{
margin-bottom:5px;
}

body.home #primary div.product-area h3{
margin-bottom:15px;
}

body.home #primary div.product-area ul li{
margin-bottom:5px;
}



/* feature-links
------------------------------------------------ */
body.home #primary div.feature-links{
}

body.home #primary div.feature-links ul{
margin-bottom:30px;
padding:10px 10px 10px 20px;
border:1px solid #ccc;
}

body.home #primary div.feature-links ul li{
margin:0;
float:left;
width:30%;
}


/* news-area
------------------------------------------------ */
body.home #primary div.news-area{
width:680px;
}

body.home #primary div.news-area h2{
margin:0;
position:absolute;
top:0;
left:0;
width:444px;
height:31px;
}

body.home #primary div.news-area div.release-area{
float:left;
width:444px;
position:relative;
}

body.home #primary div.news-area div.seminar-area{
float:right;
width:226px;
position:relative;
}

body.home #primary div.news-area dl{
margin-top:-11px;
_margin-top:0;
margin-bottom:10px;
padding-top:30px;
padding-bottom:10px;
background:url(img/primary/dot-x.png) left bottom repeat-x;
}

body.home #primary div.news-area dl dt{
margin:10px 0 3px 0;
padding:10px 10px 0 10px;
background:url(img/primary/dot-x.png) left top repeat-x;
font-weight:normal;
}
body.home #primary div.news-area dl dt img{margin-left:5px;}

body.home #primary div.news-area dl dd{
margin:0;
padding:0 10px 0 20px;
background:url(img/primary/arrow.png) 10px 0.4em no-repeat;
line-height:1.3;
}


/* secondary
------------------------------------------------ */
body.home #secondary dl dt{
margin:0;
padding:0;
border:0 none;
background-image:none;
}

body.home #secondary dl dd{
margin-bottom:5px;
padding:5px 8px 10px 8px;
border-bottom:1px solid #b3b3b3;
}

body.home #secondary dl dd p,
body.home #secondary dl dd ul{
margin-bottom:5px;
}



/*
===================================================
 body.sitemap Layout
===================================================
*/

body.sitemap #primary h2{
margin-bottom:30px;
padding:15px 5px;
border:0 none;
background:url(img/primary/h2-nogra.png) left bottom repeat-x;
font-size:130%;
font-weight:bold;
}

body.sitemap #primary h2 a,
body.sitemap #primary h3 a{
padding-left:15px;
background:url(img/primary/arrow-type02.png) 0 0.2em no-repeat;
}

body.sitemap #primary h3{
margin:0 0 20px 0;
padding:0 5px;
border-bottom:0 none;
color:#fff;
background:transparent none;
font-size:115%;
font-weight:bold;
}

body.sitemap #primary div.section{
border-bottom:1px solid #b3b3b3;
}

body.sitemap #primary h3{
float:left;
width:200px;
}


/* list
------------------------------------------------ */
body.sitemap #primary ul{
float:right;
width:670px;
}

body.sitemap #primary ul li{
margin-left:20px;
float:left;
width:180px;
font-weight:bold;
background-image:none;
}

body.sitemap #primary ul li a{
}

body.sitemap #primary ul li span{
margin-bottom:10px;
padding-bottom:10px;
padding-left:15px;
display:block;
background:url(img/primary/dot-x.png) left bottom repeat-x;
}

body.sitemap #primary ul li ul{
float:none;
width:auto;
}

body.sitemap #primary ul li ul li{
margin-left:0;
margin-bottom:3px;
padding-bottom:0;
float:none;
width:auto;
background:none;
font-weight:normal;
}

body.sitemap #primary ul li ul li a{
background:url(img/primary/arrow-type01.png) 3px 0.3em no-repeat;
}