@charset "utf-8";
@import url('common.css');

#brandingtext{
float: left;
width: 570px;

}

#brandingimg{
float: right;
width: 140px;
}

#brandingtext1{
float: left;
width: 470px;

}

#brandingimg1{
float: right;
width: 240px;
}
#brandingimg2{
float: left;
width: 170px;
padding-left:30px;
padding-right:30px;
padding-bottom:20px;
}
#brandingimg3{
float: left;
width: 170px;

padding-left:40px;
padding-right:40px;
padding-bottom:20px;
}
#brandingimg4{
float: left;
width: 170px;

padding-left:30px;
padding-right:30px;
padding-bottom:20px;
}
#brandingimg5{
float: left;
width: 170px;
padding:5px;
}

#consulting01{
float:left;
}
#consulting01 img{
border: solid 2px #f0f0f0;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}
#consulting02 img{
border: solid 2px #f0f0f0;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}
#consulting02{
float:right;
}
/* service */
#service h3{
background: #004da1;
color:#fff;
padding:5px;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}

#service_li_button{
background: #00a0e8;
color: #fff;
font-size: 10px;
padding:5px;
margin-bottom:1px; 
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}
#service_li_button:hover{
opacity:0.4;
filter: alpha(opacity=40);
}
#service_li_button a{
color:#fff;
display: block;
}
#service #image{
width: 320px;
float: left;
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
}
#service #text{
width: 380px;
float: right;
}

#service #text h4{
margin: 0;
color: #00a0e8;
}
#feature_img{
float:left;
}
#feature_text{
float:left;
padding-left:10px;
width: 600px;
}

#feature_text h4{
color:#f7931e;
}

#flowbg{
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}

#flowbg h3{
color: #00a0e8;
}

#step01{
float: left;
width: 100px;
}
#flow01{
float: left;
width: 490px;
}
#flowimg{
float: right;
width: 120px;
}

#flow a{
color: #004da1;
text-decoration: none;
}

#flow a:hover{
text-decoration: underline; 
color: #00a0e8;
}

#flow{
background: #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
}

#flow h2{
padding-bottom: 10px;
border-bottom: solid 2px #004da1;
}

#flow_title{
background: #004da1;
color:#fff;
padding:5px;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}

#flow_img{
float:left;
padding:10px;
}
#flow_text{
float:left;
padding-left:10px;
}
#graphic{
float: left;
width: 560px;
}
#graphicimg{
float: right;
}
#graphic_box{
padding:5px;
text-align: left;
border: solid 5px #f0f0f0;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}
#picturelist{
float: left;
width: 420px;
}
#contact_btn{
text-align: center;
}

#arrow01{
text-align: right;
}
#arrow02{
text-align: right;
}

#arrow02 a{
color: #004da1;
text-decoration: none;
}

#arrow02 a:hover{
text-decoration: underline; 
color: #00a0e8;
}

/* privacy_policy */
#privacy_policy h3{
background: #333;
color:#fff;
padding:5px;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}

#privacy_policy a{
color: #004da1;
text-decoration: none;
}

#privacy_policy a:hover{
text-decoration: none; 
color: #00a0e8;
}

#privacy_li_button{
background: #333;
padding:5px;
font-size: 12px;
margin-bottom:1px; 
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}
#privacy_li_button:hover{
opacity:0.4;
filter: alpha(opacity=40);
}
#privacy_li_button a{
color:#fff;
display: block;
}

/* company */
#company_li_button{
background: gray;
padding:5px;
margin-bottom:1px; 
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */

}

#greeting h3{
text-align: right;
}

#policy #leftimg{
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
}

#company_li_button:hover{
opacity:0.4;
filter: alpha(opacity=40);
}
#company_li_button a{
color:#fff;
display: block;
}

.origin{
float: left;
width: 460px;
}

.policy{
float: left;
width: 565px;
}

#policytitle{
color: #00a0e8;
font-size: 20px;
}

#origin img, #policy img{
float: right;
}

#webtext{
float: left;
width: 540px;
}

#adoptiontext{
float: left;
width: 490px;
}

#promotionbg{
background: url('../images/promotion_11.jpg');
height:310px;
}
#promotionbg p{
padding-left:70px;
padding-right:10px;
letter-spacing: 0;
font-size: 12px;
}

#tooltext1{
width: 465px;
float: left;
}
#tooltext2{
width: 600px;
float: left;
}
#tooltitle{
color:#00a0e8;
}

#adptionbox{
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
}
#adptionbox h3{
padding-left:10px;
}

#production h4{
color:#f7931e;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

#odd{
background-color: #f0f0f0;
/*background-color: #00a0e8;*/
text-align: right;
padding: 8px;
white-space: nowrap;
color: #333333;
border-top-width: 1px;
border-right-width: 4px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #D5D5D5;
border-right-color: #B4C0C0;
border-bottom-color: #D5D5D5;
border-left-color: #D5D5D5;
width: 100px;
}
#oddadmin{
background-color: #f0f0f0;
/*background-color: #00a0e8;*/
text-align: right;
padding: 8px;
white-space: nowrap;
color: #333333;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 4px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #D5D5D5;
border-right-color: #D5D5D5;
border-bottom-color: #B4C0C0;
border-left-color: #D5D5D5;
width: 100px;
}
#even{
background-color: #FFFFFF;
text-align: left;
padding: 8px;
border: 1px solid #D5D5D5;
}

#even a{
color: #004da1;
}
#even a:hover{
text-decoration: underline; 
color: #00a0e8;
}
#idea{
margin-top:1px; 
}



/* consulting */
#consulting_bg{
width: 215px;
z-index: 1;
}
#consulting_box{
margin-top: -75px;
z-index: 2;
}

/* sitemap */
#sitemap .map{
font-size: 14px;
padding:10px;
border-top: solid 1px #004da1;
}
#sitemap #childmap{
font-size: 12px;
padding-bottom:10px;
}

#sitemap_li_button{
background: #004da1;
padding:5px;
margin-bottom:1px; 
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}

#sitemap_li_button:hover{
opacity:0.4;
filter: alpha(opacity=40);
}

#sitemap_li_button a{
color:#fff;
display: block;
}

#sitemap a{
color: #004da1;
text-decoration: none;
}

#sitemap a:hover{
text-decoration: none; 
color: #00a0e8;
}

/* support */
#supporttext{
float: left;
width: 530px;
padding-left:20px;
}
#supporttext a{
color: #004da1;
text-decoration: none;
}

#supporttext a:hover{
text-decoration: underline; 
color: #00a0e8;
}

#production{
margin-top:-10px; 
}
#production h2{
color: #fff;
}
#production h3{
background: #f7931e;
color:#fff;
padding:5px;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}

#power_img{
float:left;
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
width: 250px;
}
#power_text{
padding: 0;
margin: 0;
float:right;
width: 450px;
}
#power_img1{
float:right;
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
width: 150px;
}
#power_text1{
padding: 0;
margin: 0;
float:left;
width: 550px;
}

#event_img{
float:left;
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
width: 250px;
}
#event_text{
padding: 0;
margin: 0;
float:right;
width: 450px;
}
#novel_img{
float:right;
border: solid 5px #fafafa;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
box-shadow: 0 0 3px rgba(0,0,0,0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#4e4e4e, direction=120, strength=5); 
width: 250px;
}
#novel_text{
padding: 0;
margin: 0;
float:left;
width: 450px;
}

.arrow_box {
	text-align: center;
	position: relative;
	background: #004da1;
	border: 4px solid #c2e1f5;
	border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #004da1;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}

/* admin */
#admin_li_button{
background: #f0f0f0;
padding:5px;
margin-bottom:1px; 
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */
}
#admin_li_button:hover{
opacity:0.4;
filter: alpha(opacity=40);
}
#admin_li_button a{
color:#777;
display: block;
}

/* login */
#input{
background: #004da1;
width: 500px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:240px;
color: #fff;
}


/* contact */