/*
--------------------------
Alpha M.O.S. Japan K.K. 
Jaiko

�¡format
�¡wrapper
�¡header
�¡header-menu
�¡contentHeader
�¡header-image
�¡main-navi
�¡main
�¡main-menu
�¡main-content
�¡bottom
�¡footer

--------------------------
*/


/* �¡format
-----------------------------------*/

*{
font-family:Helvetica,Arial,"‚l‚r P ƒSƒVƒbƒN",Osaka;
margin: 0;
padding: 0;
}



body{
font-size: 84%;
color: #333333;
line-height:150%;
text-align: center;
background-color:#8d8d8d;
}



div.div-bgb{
padding: 20px 10px 10px 20px;
background-color:#eee;
}


/* �¡radius
-----------------------------------*/
div.radius {
border: 1px solid #eee;
background-color: #f9f9f9;   /* ”wŒi�F */
padding:10px;
border-radius: 10px;         /* CSS3 */
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
behavior: url(../ie_css3/PIE.htc);�@/* IE */
}





/* �¡p
-----------------------------------*/

p{
padding: 5px;
}

p.p-01{
line-height: 1.2em;
}

p.p-bg{
background-color:#eee;
}

p.center{
text-align:center;
}


/* �¡list
-----------------------------------*/

li.present{
color:#f15a21;
}


div.decimal li{
list-style-type: decimal;
}

div.circle li{
list-style-type: circle;
}

div.square li{
list-style-type: square;
}

div.alpha li{
list-style-type : lower-alpha ;
}



/* �¡background
-----------------------------------*/
div.bg01{
height:auto;
margin:20px 0px 20px 0px;
padding:10px 20px 10px 20px;
background-color: #f9f9f9;
}



/* �¡table
-----------------------------------*/

table{
font-size: 90%;
color: #333333;
line-height:150%;
width:100%;
}



table.table-00 {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-00 th {
    padding: 5px;
    color: #777;
    border-bottom: 1px #ccc solid;
    text-align: left;
    white-space: nowrap;
    width: 50px;
}


table.table-00 td {
    padding: 5px;
    border-bottom: 1px #ccc solid;
    text-align: left;
}

table.table-01 {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-01 th {
    padding: 5px;
    color: #777;
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
    text-align: left;
    white-space: nowrap;
}

table.table-01 td {
    padding: 5px;
    border-bottom: 1px #ccc solid;
    border-left: 1px #ccc solid;
    text-align: left;
}


th.product-01{
width:220px;
} 

th.product-02{
width:100px;
} 


table.table-02 {
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-02 th {
    padding: 5px;
    color: #777;
    border: 1px #ccc solid;
    border-collapse: collapse;
    text-align: left;
    background-color: #f5f5f5;
    white-space: nowrap;
}

table.table-02 th.th2 {
    color: #777;
    background-color: #dce9fd;
}



table.table-02 td {
    padding: 5px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    text-align: left;
}




table.table-ex {
�@�@width:820px;
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout:fixed; 
}


table.table-ex th {
    color: #003366;
    border: 1px #ccc solid;
    border-collapse: collapse;
    text-align: left;
    background-color: #f5f5f5;
    white-space: nowrap;
    padding-left:5px;
    height: 170px;
}


table.table-ex th.e3 {
    width:30px;
}

table.table-ex td {
    border: 1px #ccc solid;
    border-collapse: collapse;
    text-align: left;
    padding-left:5px;
}

table.table-ex th.e2 {
	width:300px;
}

table.table-ex td.e2 {
	width:300px;
}

table.table-ex td.e3 {
	width:30px;
}

div.overflow{
overflow-y: scroll;
width:840px;
height: 500px;
}

div.overflow2{
overflow-y: scroll;
width:840px;
height: 175px;
}

/* �¡h
-----------------------------------*/

h1,h2,h3,h4,h5,h6{
font-weight:bold;
clear: both;
}






h1 {
font-size: 20px;
}

h1#h1-top{
text-indent:-10000px;
}


h2{
padding-top:5px;
font-size: 18px;
line-height:30px;
}

h2#h2-top{
padding-left:5px;
text-decoration: none;
}



h2.h2-01{
margin-bottom:7px;
padding-bottom:7px;
background-image : url(../img/line-01.gif);
background-repeat:no-repeat;
background-position:bottom left;
}


h2.h2-02{
margin-bottom:7px;
padding-bottom:7px;
background-image : url(../img/line-03.gif);
background-repeat:no-repeat;
background-position:bottom left;
}


h3 {font-size: 16px;
padding-bottom:10px;
}

margin:10px 0 10px 0;
padding:5px 10px 5px 10px;
background-color: #f9f9f9;
}

h3.h3-blue{
color:#002e4f;
}

h3.h3-link{
padding:0 0 0 20px;
background-image : url(../img/arrow-01.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
}


h3.h3-00 {
font-size: 16px;
line-height:30px;
margin:10px 0 10px 0;
padding:0 0 0 20px;
background-image : url(../img/bg-500-000.gif);
background-repeat:no-repeat;
background-position:left;}


h3.h3-00-half {
font-size: 16px;
line-height:30px;
margin:10px 0 10px 0;
padding-left:20px;
background-image : url(../img/bg-400-000.gif);
background-repeat:no-repeat;
background-position:left;}


h3.h3-01 {
font-size: 16px;
line-height:30px;
margin:10px 0 10px 0;
padding:0 0 0 20px;
background-image : url(../img/bg-500-001.gif);
background-repeat:no-repeat;
background-position:left;}



h3.h3-03 {
font-size: 16px;
line-height:30px;
margin:10px 0 10px 0;
padding:0 0 0 20px;
background-image : url(../img/bg-500-001.gif);
background-repeat:no-repeat;
background-position:left;}



h3.h3-border{
border: solid 1px #999;
padding: 15px 15px 15px 15px;
}



h4{
color:#093661;
font-size: 14px;
line-height:30px;
margin:10px 0 10px 0;}

h4.line{
border-bottom: 1px dotted #ccc;
}


h4.h4-00 {
line-height:30px;
margin:10px 0 10px 0;
padding-left:20px;
background-image : url(../img/bg-500-000.gif);
background-repeat:no-repeat;
background-position:left;}

h4.h4-01 {
line-height:30px;
margin:10px 0 10px 0;
padding-left:20px;
background-image : url(../img/bg-500-001.gif);
background-repeat:no-repeat;
background-position:left;}

h4.h4-02 {
line-height:30px;
margin:10px 0 10px 0;
padding-left:20px;
background-image : url(../img/bg-500-002.gif);
background-repeat:no-repeat;
background-position:left;}



h4.h4-product{
background-image : url(../img/circle.gif);
background-repeat:no-repeat;
background-position:left;
height:40px;
line-height:40px;
padding-left:20px;
}





h5, h6 {
color:#093661;
font-size: 100%;
margin-bottom: 5px;
}

h5.product{
color:#0066cc;
}

h5.outlink{
padding-left:20px;
background-image : url(../img/li-accueil.gif);
background-repeat:no-repeat;
background-position:left;}



/* �¡a
-----------------------------------*/


a{
text-decoration:none;
color:#333;
}

a:hover{
text-decoration:underline;
color:#f15a21;
}


a:focus{outline:none;}
a{outline:none;}

a.arrow-01{
padding:0 20px 0 20px;
background-image : url(../img/li-menu-gauche.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
}


a.arrow-02{
padding:0 20px 0 20px;
background-image : url(../img/yy004_10.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
}

a.outlink {
padding-left:15px;
background:url(../img/li-accueil.gif) left no-repeat;
}

a.youtube {
padding:20px 20px 20px 50px;
background:url(../img/youtube.png) left no-repeat;
line-height:30px;
}



/* �¡img
-----------------------------------*/

img { border-style:none; } 

a img { border-style:none; } 


img.img_left{
margin:10px 20px 10px 10px;
float:left;
}


img.img_center{
margin:10px 0 10px 0;
text-align:center;
}

img.img_right{
margin:10px 20px 10px 20px;
float:right;
}

img.img_left2{
margin:10px 10px 20px 20px;
float:left;
}




/* �¡hr
-----------------------------------*/

hr.hr-00{
color: #ccc;
border-width: 2px 0 0 0;
border-style: solid;
margin-bottom: 5px;
}

hr.hr-01{
color: #ccc;
border-width: 1px 0 0 0;
border-style: solid;
margin:0 5px 5px 5px;
}

hr.hr-solid01{
color: #ccc;
border-width: 1px 0 0 0;
border-style: solid;
margin-bottom:5px;
}


hr.hr-b1{
color: #777;
height:1px;
border-style: solid;
margin: 5px 0 10px 0;
}


br.clear{
clear:both;
}


/* �¡wrapper
-----------------------------------*/

div#wrapper{
margin:0 auto;
text-align:left;
width: 900px;
background-color: #fff;
}


/* �¡header
-----------------------------------*/

div#header{
width:900px;
height: 150px;
background-image : url(../img/header_bg.gif);
background-repeat:no-repeat;
clear:both;
}

div#header-logo{
margin:0;
padding:0;
width: 100px;
height: 120px;
float:left;
}


div#header-01{
margin:0;
padding:0;
width:660px;
height: 60px;
float:right;
font-size: 81%;
}

div#header-01 a{
color:#fff;
background-color:#002e5f;
text-decoration: none;
}

div#header-01 a:hover{
color:#f15a21;
text-decoration: none;
}


div#header-01 ul{
padding:30px 10px 0 0;
text-align:right;
}

div#header-01 li{
padding:0 10px 0px 18px;
display: inline;
background-image : url(../img/icon-forward.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
}

div#header-01 li.li-1{
background-image : url(../img/icon-home.gif);
}

div#header-01 li.li-2{
background-image : url(../img/icon-request.gif);
}

div#header-01 li.li-3{
background-image : url(../img/icon-key.gif);
}



/* �¡search
-----------------------------------*/

div#search{
margin:20px 20px 0 0;
float:right;
}

input#search2{
width:45px;
height:21px;
background-color: #fff;
background-image: url(../img/btn-search.gif);
background-repeat:no-repeat;
border:none;
background-position:left bottom;
text-indent:-2000px;
outline:0px;
clear:both;
}



/* �¡header-menu
-----------------------------------*/
div#header-menu{
width: 840px;
margin:0px 30px 5px 30px;
float:left;
clear:both;
}

div#header-menu ul{
width: 636px;
height:31px;
background-image : url(../img/mainmenu_bg.gif);
background-repeat:no-repeat;
padding-top:7px;
text-align:center;
float:right;
}

div#header-menu li{
display: inline;
padding: 2px 12px 2px 12px;
}


div#header-menu a{
color:#333;
text-decoration: none;
}



div#header-menu a:hover{
color:#f15a21;
text-decoration: none;
}



/* �¡contentHeader
-----------------------------------*/
div#contentHeader{
width:840px;
margin:0 30px 0 30px;
}




/* �¡header-image
-----------------------------------*/


div#header-image{
width:700px;
height:80px;
margin:20px 30px 10px 30px;
clear: both;
}


div#header-image-02{
width:840px;
height:44px;
margin:5px 30px 20px 30px;
background-image : url(../img/banner-02.gif);
background-repeat:no-repeat;
background-position:center;
clear: both;
}

div#header-image-02 h1{
margin-left:30px;
padding-top: 15px;
width:400px;
line-height:20px;
color: #fff;
background-color:#191919;
}


/* �¡main-navi
-----------------------------------*/

div#main-navi{
width:900px;
float:left;
}


div#main-navi-inner{
width:840px;
margin:5px 30px 30px 30px;
}



div.top-00{
width:400px; 
height: 200px;
float:left;
margin-bottom:10px;
}


div.top-01{
width:400px; 
height: 180px;
float:right;
margin-top:20px;
}



div.theme{
width: 270px;
margin: 10px 5px 10px 5px;
float:left;
}

div.theme2{
width: 270px;
height:300px;
margin: 10px 5px 10px 5px;
float:left;
}



/* �¡main
-----------------------------------*/

div#main{
width:760px;
clear:both;
background-color: #fff;
}



div#highlight-top{
width:700px;
height:40px;
background-image: url(../img/highlight-top.gif);
background-position:center top;
background-repeat:no-repeat;
float:left;
clear:both;
}

div#highlight-top h4{
margin: 15px 0px 0px 20px;
}


div#highlight{
width:700px;
background-color:#ddd;
background-repeat:repeat-x;
float:left;
clear:both;
}



div#highlight-bottom{
width:700px;
height:30px;
background-image: url(../img/highlight-bottom.gif);
background-position:center top;
background-repeat:no-repeat;
float:left;
clear:both;
}



/* �¡sitemap
-----------------------------------*/

div.sitemap{
width: 420px;
float:left;
}

div.sitemap-inner{
margin-right:20px;
}

div.sitemap li{
list-style-type: none;
list-style-position: outside;
padding:0 0 5px 30px;
}



div.sitemap h4 a{
padding-left:10px;
font-weight: bold;
}

div.sitemap h5 {
padding-left:10px;
}


/* �¡privacy
-----------------------------------*/
div.privacy li{
list-style-type: circle;
margin-left:40px;
padding:0 0 5px 0px;
}



/* �¡whatsnew/topics
-----------------------------------*/

div.half01{
width:400px;
margin-right:20px;
float:left;
}


div.half02{
width:400px;
float:right;
}




/* �¡main-contents
-----------------------------------*/

div#main-inner{
width:840px;
margin: 10px 30px 20px 30px;
}



div#main-inner-02{
width:840px;
margin: 10px 0 10px 30px;
}


div#contents-navi{
width:270px;
height:200px;
font-size: 90%;
background-image : url(../img/content_nav_bg.gif);
background-repeat: no-repeat;
line-height:1.4em;
float:left;
}




div#contents-navi-inner{
width:240px;
margin: 20px 5px 20px 5px;
padding:5px;
}

div#contents-navi p{
padding-left:10px;
}


div#contents-navi li{
list-style-type: none;
list-style-position: outside;
padding:5px 5px 5px 15px;
background-image : url(../img/li-menu-gauche.gif);
background-repeat: no-repeat;
background-position: left;
}

/* �¡contents
-----------------------------------*/

div#contents{
width:530px;
margin-left:20px;
margin-bottom:30px;
float:left;
}


div.contents{
width:530px;
margin-left:20px;
margin-bottom:30px;
float:left;
}

div.contents a{
text-decoration: underline;
}

div.contents li{
margin-left:40px;
padding:0 0 5px 0px;
}


div.menu-p ul{
padding:3px 3px 3px 3px;
text-align:left;
}

div.menu-p li{
padding:0 10px 0px 20px;
display: inline;
background-image : url(../img/arrow-02.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
}


div.menu-p2{
float:left;
}

div.menu-p2 ul{
padding:3px 3px 3px 3px;
text-align:left;
vertical-align:middle;
}

div.menu-p2 li{
padding:0px 20px 0px 20px;
height:20px;
line-height:20px;
display: inline;
background-image : url(../img/li-accueil.gif);
background-repeat:no-repeat;
background-position:left;
text-decoration: none;
}


/* �¡products
-----------------------------------*/
div#product-name{
width:330px;
float:left;
margin-bottom:30px;
}

div#product-photo{
width:180px;
float:right;
margin-bottom:15px;
}


/* �¡application
-----------------------------------*/

div.app table td{
padding-top:10px;
padding-bottom:10px;
}


div.app a{
color:#336699;
text-decoration: underline;
}


/* �¡solution
-----------------------------------*/


div.bg-500{
width: 500px;
background-image: url(../img/bg/bg-500-top.gif);
background-position: center top;
background-repeat:no-repeat;
background-color:#f2f2f2;
}

div.bg-500-inner{
padding:10px 10px 20px 10px;
background-image: url(../img/bg/bg-500-bottom.gif);
background-position:center bottom;
background-repeat:no-repeat;
}



div.bg-half{
width: 230px;
float:left;
margin-right: 30px;
background-image: url(../img/bg/bg-230-top.gif);
background-position: center top;
background-repeat:no-repeat;
background-color:#f2f2f2;
}

div.bg-half-inner{
padding:10px 10px 20px 10px;
background-image: url(../img/bg/bg-230-bottom.gif);
background-position:center bottom;
background-repeat:no-repeat;
}


/* �¡bottom
-----------------------------------*/
div#bottom{
width:840px;
height:40px;
clear: both;
float:left;
border-top: 1px solid #ccc;
margin-left:15px;
}

div#bottom-inner{
padding-top:10px;
text-align: left;
}


div#bottom li{
padding-left:20px;
display: inline;
text-align:left;
}


/* �¡footer
-----------------------------------*/

div#footer{
width:900px;
height:50px;
clear: both;
background-image : url(../img/footer.gif);
background-repeat:no-repeat;
background-position:center bottom;
text-align:center;
}


div#footer p{
width:800px;
margin-left:30px;
padding-top:10px;
font-size: 11px;
text-align: center;
color:#fff;
background-color:#002e5f;
}